سلام
من میخواستم ببینم که چه جوری میشه فونت مطالب رو به Times New Roman تغییر داد،مشکل دیگه ای هم که وجود داره اینه که تمام لینکهایم در مطالب با فونت و اندازه و رنگ ثابتی نشون داده میشه.میخواستم ببینم چه جوری میشه اون رو طوری تغییر داد که در هر مظلب بشه اون رو عوض کرد؟
style.css
/*
Theme Name: Turbulence
Theme URI:
Description:
Version: 1.0
Author: Mohammad Ghaffari
Author URI: http://www.mojeman.ir
Tags: fixed width, right sidebar, two columns, valid XHTML, widgets
*/
/* begin Page */
body
{
margin: 0 auto;
padding: 0;
background-color: #ACD0D8;
background-image: url('images/Page-BgTexture.jpg');
background-repeat: repeat-x;
background-attachment: fixed;
background-position: bottom left;
}
#art-main
{
position: relative;
width: 100%;
left: 0;
top: 0;
}
#art-page-background-glare
{
position: absolute;
width: 100%;
height: 312px;
left: 0;
top: 0;
}
#art-page-background-glare-image
{
background-image: url('images/Page-BgGlare.png');
background-repeat: no-repeat;
height: 312px;
width: 557px;
margin: 0;
}
html:first-child #art-page-background-glare
{
border: 1px solid transparent; /* Opera fix */
}
#art-page-background-gradient
{
background-position: bottom left;
}
.cleared
{
float: none;
clear: both;
margin: 0;
padding: 0;
border: none;
font-size:1px;
}
form
{
padding:0 !important;
margin:0 !important;
}
table.position
{
position: relative;
width: 100%;
table-layout: fixed;
}
/* end Page */
/* begin Box, Sheet */
.art-Sheet
{
position:relative;
z-index:0;
margin:0 auto;
width: 900px;
min-width:35px;
min-height:35px;
}
.art-Sheet-body
{
position: relative;
z-index:1;
padding: 7px;
}
.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl, .art-Sheet-tc, .art-Sheet-bc,.art-Sheet-cr, .art-Sheet-cl
{
position:absolute;
z-index:-1;
}
.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl
{
width: 46px;
height: 46px;
background-image: url('images/Sheet-s.png');
}
.art-Sheet-tl
{
top:0;
left:0;
clip: rect(auto, 23px, 23px, auto);
}
.art-Sheet-tr
{
top: 0;
right: 0;
clip: rect(auto, auto, 23px, 23px);
}
.art-Sheet-bl
{
bottom: 0;
left: 0;
clip: rect(23px, 23px, auto, auto);
}
.art-Sheet-br
{
bottom: 0;
right: 0;
clip: rect(23px, auto, auto, 23px);
}
.art-Sheet-tc, .art-Sheet-bc
{
left: 23px;
right: 23px;
height: 46px;
background-image: url('images/Sheet-h.png');
}
.art-Sheet-tc
{
top: 0;
clip: rect(auto, auto, 23px, auto);
}
.art-Sheet-bc
{
bottom: 0;
clip: rect(23px, auto, auto, auto);
}
.art-Sheet-cr, .art-Sheet-cl
{
top: 23px;
bottom: 23px;
width: 46px;
background-image: url('images/Sheet-v.png');
}
.art-Sheet-cr
{
right:0;
clip: rect(auto, auto, auto, 23px);
}
.art-Sheet-cl
{
left:0;
clip: rect(auto, 23px, auto, auto);
}
.art-Sheet-cc
{
position:absolute;
z-index:-1;
top: 23px;
left: 23px;
right: 23px;
bottom: 23px;
background-color: #FFFFFF;
}
.art-Sheet
{
margin-top: 20px !important;
}
#art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
{
min-width:900px;
}
/* end Box, Sheet */
/* begin Header */
div.art-Header
{
margin: 0 auto;
position: relative;
z-index:0;
width: 886px;
height: 125px;
}
div.art-Header-png
{
position: absolute;
z-index:-2;
top: 0;
left: 0;
width: 886px;
height: 125px;
background-image: url('images/Header.png');
background-repeat: no-repeat;
background-position: left top;
}
div.art-Header-jpeg
{
position: absolute;
z-index:-1;
top: 0;
left: 0;
width: 886px;
height: 125px;
background-image: url('images/Header.jpg');
background-repeat: no-repeat;
background-position: center center;
}
/* end Header */
/* begin Logo */
.art-Logo
{
display : block;
position: absolute;
left: 630px;
top: 26px;
width: 246px;
}
h1.art-Logo-name
{
display: block;
text-align: center;
}
h1.art-Logo-name, h1.art-Logo-name a, h1.art-Logo-name a:link, h1.art-Logo-name a:visited, h1.art-Logo-name a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 48px;
font-style: normal;
font-weight: bold;
text-decoration: none;
font-variant: small-caps;
padding:0;
margin:0;
color: #000000 !important;
}
.art-Logo-text
{
display: block;
text-align: center;
}
.art-Logo-text, .art-Logo-text a
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
padding:0;
margin:0;
color: #E2F5F8 !important;
}
/* end Logo */
/* begin Menu */
/* menu structure */
.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
text-align:left;
text-decoration:none;
outline:none;
letter-spacing:normal;
word-spacing:normal;
}
.art-menu, .art-menu ul
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}
.art-menu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
background:none;
}
.art-menu li:hover
{
z-index: 10000;
white-space: normal;
}
.art-menu li li
{
float: none;
}
.art-menu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background:none;
}
.art-menu li:hover>ul
{
visibility: visible;
top: 100%;
}
.art-menu li li:hover>ul
{
top: 0;
left: 100%;
}
.art-menu:after, .art-menu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.art-menu, .art-menu ul
{
min-height: 0;
}
.art-menu ul
{
background-image: url(images/spacer.gif);
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}
.art-menu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}
/* menu structure */
.art-menu
{
padding: 3px 3px 3px 3px;
}
.art-nav
{
position: relative;
height: 29px;
z-index: 100;
}
/* end Menu */
/* begin MenuItem */
.art-menu ul li
{
clear: both;
}
.art-menu a
{
position:relative;
display: block;
overflow:hidden;
height: 23px;
cursor: pointer;
text-decoration: none;
margin-right: 4px;
margin-left: 4px;
}
.art-menu a .r, .art-menu a .l
{
position:absolute;
display: block;
top:0;
z-index:-1;
height: 69px;
background-image: url('images/MenuItem.png');
}
.art-menu a .l
{
left:0;
right:8px;
}
.art-menu a .r
{
width:416px;
right:0;
clip: rect(auto, auto, auto, 408px);
}
.art-menu a .t
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-style: normal;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
color: #000000;
padding: 0 15px;
margin: 0 8px;
line-height: 23px;
text-align: center;
}
.art-menu a:hover .l, .art-menu a:hover .r
{
top:-23px;
}
.art-menu li:hover>a .l, .art-menu li:hover>a .r
{
top:-23px;
}
.art-menu li:hover a .l, .art-menu li:hover a .r
{
top:-23px;
}
.art-menu a:hover .t
{
color: #EEF5F7;
}
.art-menu li:hover a .t
{
color: #EEF5F7;
}
.art-menu li:hover>a .t
{
color: #EEF5F7;
}
.art-menu a.active .l, .art-menu a.active .r
{
top: -46px;
}
.art-menu a.active .t
{
color: #91D6ED;
}
/* end MenuItem */
/* begin MenuSubItem */
.art-menu ul a
{
display:block;
text-align: center;
white-space: nowrap;
height: 20px;
width: 180px;
overflow:hidden;
line-height: 20px;
margin-right: auto;
background-image: url('images/subitem-bg.png');
background-position: left top;
background-repeat: repeat-x;
border-width: 0px;
border-style: solid;
}
.art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
display: inline;
float: none;
margin: inherit;
padding: inherit;
background-image: none;
text-align: inherit;
text-decoration: inherit;
}
.art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
text-align: left;
text-indent: 12px;
text-decoration: none;
line-height: 20px;
color: #103D46;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-style: normal;
font-weight: bold;
text-decoration: none;
}
.art-menu ul ul a
{
margin-left: auto;
}
.art-menu ul li a:hover
{
color: #000000;
background-position: 0 -20px;
}
.art-menu ul li:hover>a
{
color: #000000;
background-position: 0 -20px;
}
.art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
{
color: #000000;
}
.art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
{
color: #000000;
}
/* end MenuSubItem */
/* begin ContentLayout */
.art-contentLayout
{
position: relative;
margin-bottom: 0px;
width: 886px;
}
/* end ContentLayout */
/* begin Box, Block */
.art-Block
{
position:relative;
z-index:0;
margin:0 auto;
min-width:1px;
min-height:1px;
}
.art-Block-body
{
position: relative;
z-index:1;
padding: 0px;
}
.art-Block
{
margin: 7px;
}
/* end Box, Block */
/* begin BlockHeader */
.art-BlockHeader
{
position:relative;
z-index:0;
height: 30px;
padding: 0 7px;
margin-bottom: 0px;
}
.art-BlockHeader .t
{
height: 30px;
color: #000000;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 14px;
font-variant: small-caps;
white-space : nowrap;
padding: 0 7px;
line-height: 30px;
}
.art-BlockHeader .l, .art-BlockHeader .r
{
display:block;
position:absolute;
z-index:-1;
height: 30px;
background-image: url('images/BlockHeader.png');
}
.art-BlockHeader .l
{
left:0;
right:6px;
}
.art-BlockHeader .r
{
width:890px;
right:0;
clip: rect(auto, auto, auto, 884px);
}
/* end BlockHeader */
/* begin Box, BlockContent */
.art-BlockContent
{
position:relative;
z-index:0;
margin:0 auto;
min-width:15px;
min-height:15px;
}
.art-BlockContent-body
{
position: relative;
z-index:1;
padding: 8px;
}
.art-BlockContent-tr, .art-BlockContent-tl, .art-BlockContent-br, .art-BlockContent-bl, .art-BlockContent-tc, .art-BlockContent-bc,.art-BlockContent-cr, .art-BlockContent-cl
{
position:absolute;
z-index:-1;
}
.art-BlockContent-tr, .art-BlockContent-tl, .art-BlockContent-br, .art-BlockContent-bl
{
width: 14px;
height: 14px;
background-image: url('images/BlockContent-s.png');
}
.art-BlockContent-tl
{
top:0;
left:0;
clip: rect(auto, 7px, 7px, auto);
}
.art-BlockContent-tr
{
top: 0;
right: 0;
clip: rect(auto, auto, 7px, 7px);
}
.art-BlockContent-bl
{
bottom: 0;
left: 0;
clip: rect(7px, 7px, auto, auto);
}
.art-BlockContent-br
{
bottom: 0;
right: 0;
clip: rect(7px, auto, auto, 7px);
}
.art-BlockContent-tc, .art-BlockContent-bc
{
left: 7px;
right: 7px;
height: 14px;
background-image: url('images/BlockContent-h.png');
}
.art-BlockContent-tc
{
top: 0;
clip: rect(auto, auto, 7px, auto);
}
.art-BlockContent-bc
{
bottom: 0;
clip: rect(7px, auto, auto, auto);
}
.art-BlockContent-cr, .art-BlockContent-cl
{
top: 7px;
bottom: 7px;
width: 14px;
background-image: url('images/BlockContent-v.png');
}
.art-BlockContent-cr
{
right:0;
clip: rect(auto, auto, auto, 7px);
}
.art-BlockContent-cl
{
left:0;
clip: rect(auto, 7px, auto, auto);
}
.art-BlockContent-cc
{
position:absolute;
z-index:-1;
top: 7px;
left: 7px;
right: 7px;
bottom: 7px;
background-color: #D9EAED;
}
.art-BlockContent-body
{
color:#15292D;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
}
.art-BlockContent-body a:link
{
color: #000000;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.art-BlockContent-body a:visited, .art-BlockContent-body a.visited
{
color: #000000;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.art-BlockContent-body a:hover, .art-BlockContent-body a.hover
{
color: #55A0AF;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.art-BlockContent-body ul
{
list-style-type: none;
color: #061619;
margin:0;
padding:0;
}
.art-BlockContent-body li
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
}
/* end Box, BlockContent */
/* begin Box, Post */
.art-Post
{
position:relative;
z-index:0;
margin:0 auto;
min-width:1px;
min-height:1px;
}
.art-Post-body
{
position: relative;
z-index:1;
padding: 3px;
}
.art-Post
{
margin: 2px;
}
/* Start images */
a img
{
border: 0;
}
.art-article img, img.art-article
{
margin: 1em;
}
.art-metadata-icons img
{
border: none;
vertical-align: middle;
margin:2px;
}
/* Finish images */
/* Start tables */
.art-article table, table.art-article
{
border-collapse: collapse;
margin: 1px;
width:auto;
}
.art-article table, table.art-article .art-article tr, .art-article th, .art-article td
{
background-color:Transparent;
}
.art-article th, .art-article td
{
padding: 2px;
border: solid 1px #74B1BE;
vertical-align: top;
text-align:left;
}
.art-article th
{
text-align:center;
vertical-align:middle;
padding: 7px;
}
/* Finish tables */
/* end Box, Post */
/* begin PostHeaderIcon */
.art-PostHeaderIcon-wrapper
{
text-decoration:none;
margin: 0.2em 0;
padding: 0;
font-weight:normal;
font-style:normal;
letter-spacing:normal;
word-spacing:normal;
font-variant:normal;
text-decoration:none;
font-variant:normal;
text-transform:none;
text-align:left;
text-indent:0;
line-height:inherit;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 20px;
text-align: right;
color: #12576E;
}
.art-PostHeaderIcon-wrapper, .art-PostHeaderIcon-wrapper a, .art-PostHeaderIcon-wrapper a:link, .art-PostHeaderIcon-wrapper a:visited, .art-PostHeaderIcon-wrapper a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 20px;
text-align: right;
color: #12576E;
}
/* end PostHeaderIcon */
/* begin PostHeader */
.art-PostHeader a:link
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
font-variant: small-caps;
color: #156884;
}
.art-PostHeader a:visited, .art-PostHeader a.visited
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
font-variant: small-caps;
color: #417E8B;
}
.art-PostHeader a:hover, .art-PostHeader a.hovered
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
font-variant: small-caps;
color: #2DA6BE;
}
/* end PostHeader */
/* begin PostIcons */
.art-PostHeaderIcons
{
padding:1px;
}
.art-PostHeaderIcons, .art-PostHeaderIcons a, .art-PostHeaderIcons a:link, .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-align: right;
color: #366872;
}
.art-PostHeaderIcons a, .art-PostHeaderIcons a:link, .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a:hover
{
margin:0;
}
.art-PostHeaderIcons a:link
{
font-family: Arial, Helvetica, Sans-Serif;
font-style: italic;
font-weight: normal;
text-decoration: none;
color: #227E91;
}
.art-PostHeaderIcons a:visited, .art-PostHeaderIcons a.visited
{
font-style: italic;
font-weight: normal;
text-decoration: none;
color: #4B91A0;
}
.art-PostHeaderIcons a:hover, .art-PostHeaderIcons a.hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-style: italic;
font-weight: normal;
text-decoration: none;
color: #19799A;
}
/* end PostIcons */
/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #1A3337;
}
.art-PostContent
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-align: right;
color: #000000;
}
/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #19799A;
}
/* Adds special style to an unvisited link. */
a:link
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #19799A;
}
/* Adds special style to a visited link. */
a:visited, a.visited
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #396F79;
}
/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #2DA6BE;
}
/* Finish Content link style */
/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
font-weight: normal;
font-style: normal;
text-decoration: none;
}
/* Start Content headings Fonts & Colors */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 30px;
color: #19799A;
}
h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 28px;
color: #19799A;
}
h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
font-family: Arial;
font-size: 18px;
color: #000000;
}
h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
font-family: Tahoma;
font-size: 12px;
color: #0033cc;
}
h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 14px;
color: #103A42;
}
h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
color: #103A42;
}
/* Finish Content headings Fonts & Colors */
/* end PostContent */
/* begin PostBullets */
/* Start Content list */
ol, ul
{
color: #294F57;
margin:1em 0 1em 2em;
padding:0;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
}
li ol, li ul
{
margin:0.5em 0 0.5em 2em;
padding:0;
}
li
{
margin:0.2em 0;
padding:0;
}
ul
{
list-style-type: none;
}
ol
{
list-style-position:inside;
}
/* Finish Content list */
/* end PostBullets */
/* begin PostQuote */
/* Start blockquote */
blockquote p
{
color:#11414A;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-align: right;
}
blockquote
{
margin:10px 10px 10px 50px;
padding:5px 5px 5px 41px;
background-color:#B9E5F4;
background-image:url('images/PostQuote.png');
background-position:left top;
background-repeat:no-repeat;
}
/* Finish blockuote */
/* end PostQuote */
/* begin PostIcons */
.art-PostFooterIcons
{
padding:1px;
}
.art-PostFooterIcons, .art-PostFooterIcons a, .art-PostFooterIcons a:link, .art-PostFooterIcons a:visited, .art-PostFooterIcons a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-align: right;
color: #294F57;
}
.art-PostFooterIcons a, .art-PostFooterIcons a:link, .art-PostFooterIcons a:visited, .art-PostFooterIcons a:hover
{
margin:0;
}
.art-PostFooterIcons a:link
{
font-family: Arial, Helvetica, Sans-Serif;
font-style: italic;
font-weight: normal;
text-decoration: none;
color: #227E91;
}
.art-PostFooterIcons a:visited, .art-PostFooterIcons a.visited
{
font-family: Arial, Helvetica, Sans-Serif;
font-style: italic;
font-weight: normal;
text-decoration: none;
color: #4B91A0;
}
.art-PostFooterIcons a:hover, .art-PostFooterIcons a.hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-style: italic;
font-weight: normal;
text-decoration: none;
color: #19799A;
}
/* end PostIcons */
/* begin Button */
.art-button-wrapper .art-button
{
display:inline-block;
width: auto;
outline:none;
border:none;
background:none;
line-height:27px;
margin:0 !important;
padding:0 !important;
overflow: visible;
cursor: default;
text-decoration: none !important;
z-index:0;
}
.art-button-wrapper
{
display:inline-block;
position:relative;
height: 27px;
overflow:hidden;
white-space: nowrap;
width: auto;
z-index:0;
}
.art-button-wrapper .art-button
{
display:block;
height: 27px;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-style: normal;
font-weight: bold;
white-space: nowrap;
text-align: left;
padding: 0 11px !important;
line-height: 27px;
text-decoration: none !important;
color: #154F5B !important;
}
input, select
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-style: normal;
font-weight: bold;
}
.art-button-wrapper.hover .art-button, .art-button:hover
{
color: #E7F1F4 !important;
text-decoration: none !important;
}
.art-button-wrapper.active .art-button
{
color: #F1F7F8 !important;
}
.art-button-wrapper .l, .art-button-wrapper .r
{
display:block;
position:absolute;
z-index:-1;
height: 81px;
background-image: url('images/Button.png');
}
.art-button-wrapper .l
{
left:0;
right:12px;
}
.art-button-wrapper .r
{
width:413px;
right:0;
clip: rect(auto, auto, auto, 401px);
}
.art-button-wrapper.hover .l, .art-button-wrapper.hover .r
{
top: -27px;
}
.art-button-wrapper.active .l, .art-button-wrapper.active .r
{
top: -54px;
}
/* end Button */
/* begin Footer */
.art-Footer
{
position:relative;
z-index:0;
overflow:hidden;
width: 886px;
margin: 5px auto 0px auto;
}
.art-Footer .art-Footer-inner
{
height:1%;
position: relative;
z-index: 0;
padding: 25px;
text-align: center;
}
.art-Footer .art-Footer-background
{
position:absolute;
z-index:-1;
background-repeat:no-repeat;
background-image: url('images/Footer.png');
width: 886px;
height: 150px;
bottom:0;
left:0;
}
.art-rss-tag-icon
{
position: relative;
display:block;
float:left;
background-image: url('images/rssIcon.png');
background-position: center right;
background-repeat: no-repeat;
margin: 0 5px 0 0;
height: 32px;
width: 32px;
}
.art-Footer .art-Footer-text p
{
margin: 0;
}
.art-Footer .art-Footer-text
{
display:inline-block;
color:#0D2F36;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
}
.art-Footer .art-Footer-text a:link
{
text-decoration: none;
color: #134853;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.art-Footer .art-Footer-text a:visited
{
text-decoration: none;
color: #315F68;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.art-Footer .art-Footer-text a:hover
{
text-decoration: none;
color: #2790A5;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
/* end Footer */
/* begin PageFooter */
.art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover
{
font-family:Arial;
font-size:10px;
letter-spacing:normal;
word-spacing:normal;
font-style:normal;
font-weight:normal;
text-decoration:underline;
color:#2790A5;
}
.art-page-footer
{
margin:1em;
text-align:center;
text-decoration:none;
color:#5CA4B2;
}
/* end PageFooter */
/* begin LayoutCell */
.art-contentLayout .art-content
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 620px;
}
.art-contentLayout .art-content-wide
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 885px;
}
/* end LayoutCell */
/* begin LayoutCell */
.art-contentLayout .art-sidebar1
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 265px;
}
/* end LayoutCell */
.commentlist, .commentlist li
{
background: none;
}
.commentlist li li
{
margin-left:30px;
}
.commentlist li .avatar
{
float: right;
border: 1px solid #eee;
padding: 2px;
margin:1px;
background: #fff;
}
.commentlist li cite
{
font-size:1.2em;
}
#commentform textarea
{
width: 100%;
}
img.wp-smiley
{
border:none;
margin:0;
padding:0;
}
.navigation
{
display: block;
text-align: center;
}
/* Recommended by http://codex.wordpress.org/CSS */
/* Begin */
.aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter
{
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft
{
float: left;
}
.alignright
{
float: right;
}
.alignright img, img.alignright
{
margin: 1em;
margin-right: 0;
}
.alignleft img, img.alignleft
{
margin: 1em;
margin-left: 0;
}
.wp-caption
{
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
}
.wp-caption img
{
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text
{
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End */
.hidden
{
display: none;
}
/* Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}
single.php
<?php get_header(); ?>
<div class="art-contentLayout">
<div class="art-content">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<?php
$prev_link = get_previous_post_link('» %link');
$next_link = get_next_post_link('%link «');
?>
<?php if ($prev_link || $next_link): ?>
<div class="art-Post">
<div class="art-Post-body">
<div class="art-Post-inner art-article">
<div class="art-PostContent">
<div class="navigation">
<div class="alignleft"><?php echo $prev_link; ?></div>
<div class="alignright"><?php echo $next_link; ?></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
</div>
<?php endif; ?>
<div class="art-Post">
<div class="art-Post-body">
<div class="art-Post-inner art-article">
<h2 class="art-PostHeaderIcon-wrapper">
<span class="art-PostHeader"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(__('لینک پایدار به %s', 'Tahoma'), the_title_attribute('echo=0')); ?>">
<?php the_title(); ?>
</a></span>
</h2>
<?php $icons = array(); ?>
<?php if (!is_page()): ?><?php ob_start(); ?><img src="<?php bloginfo('template_url'); ?>/images/PostDateIcon.png" width="18" height="18" alt="" />
<?php the_time(__('F jS, Y', 'Tahoma')) ?>
<?php $icons[] = ob_get_clean(); ?><?php endif; ?><?php if (!is_page()): ?><?php ob_start(); ?><img src="<?php bloginfo('template_url'); ?>/images/PostAuthorIcon.png" width="12" height="14" alt="" />
<?php _e('نویسنده', 'Tahoma'); ?>: <a href="#" title="<?php _e('نویسنده', 'Tahoma'); ?>"><?php the_author() ?></a>
<?php $icons[] = ob_get_clean(); ?><?php endif; ?><?php if (current_user_can('edit_post', $post->ID)): ?><?php ob_start(); ?><img src="<?php bloginfo('template_url'); ?>/images/PostEditIcon.png" width="20" height="20" alt="" />
<?php edit_post_link(__('ویرایش', 'Tahoma'), ''); ?>
<?php $icons[] = ob_get_clean(); ?><?php endif; ?><?php if (0 != count($icons)): ?>
<div class="art-PostHeaderIcons art-metadata-icons">
<?php echo implode(' | ', $icons); ?>
</div>
<?php endif; ?>
<div class="art-PostContent">
<?php if (is_search()) the_excerpt(); else the_content(__('بیشتر بخوانید »', 'Tahoma')); ?>
</div>
<div class="cleared"></div>
<?php $icons = array(); ?>
<?php if (!is_page()): ?><?php ob_start(); ?><img src="<?php bloginfo('template_url'); ?>/images/PostCategoryIcon.png" width="18" height="18" alt="" />
<?php printf(__('نوشته شده در %s', 'Tahoma'), get_the_category_list(', ')); ?>
<?php $icons[] = ob_get_clean(); ?><?php endif; ?><?php if (!is_page() && get_the_tags()): ?><?php ob_start(); ?><img src="<?php bloginfo('template_url'); ?>/images/PostTagIcon.png" width="18" height="18" alt="" />
<?php the_tags(__('برچسبها:', 'Tahoma') . ' ', ', ', ' '); ?>
<?php $icons[] = ob_get_clean(); ?><?php endif; ?><?php if (!is_page() && !is_single()): ?><?php ob_start(); ?><img src="<?php bloginfo('template_url'); ?>/images/PostCommentsIcon.png" width="11" height="11" alt="" />
<?php comments_popup_link(__('بدون دیدگاه »', 'Tahoma'), __('یک دیدگاه »', 'Tahoma'), __('% دیدگاه »', 'Tahoma'), '', __('Comments Closed', 'Tahoma') ); ?>
<?php $icons[] = ob_get_clean(); ?><?php endif; ?><?php if (0 != count($icons)): ?>
<div class="art-PostFooterIcons art-metadata-icons">
<?php echo implode(' | ', $icons); ?>
</div>
<?php endif; ?>
</div>
</div>
</div>
<?php comments_template(); ?>
<?php endwhile; ?>
<?php else: ?>
<h2 class="center"><?php _e('Sorry, no posts matched your criteria.', 'Tahoma'); ?></h2>
<?php endif; ?>
</div>
<?php include (TEMPLATEPATH . '/sidebar1.php'); ?>
</div>
<div class="cleared"></div>
<?php get_footer(); ?>
با تشکر