amirvazirدوستان من میخوام برای هر دسته یک ایکن مشخص بزارم چه کار باید کنم ؟
کد استایل من هست
@import "reset.css";
body {
background: #ffe073 url(http://www.amirfb.ir/wp-content/uploads/2014/07/backrepides.png) repeat;
font-family: 'b yekan',Tahoma, Geneva, sans-serif;
font-size:13px;
color:#000;
line-height:18px;direction:rtl
}
a {
color:#de4b39;
text-decoration:none;
}
a:hover {
text-decoration:none;
color:#3c55d6;
}
strong {
font-weight:700;
}
hr {
border:none 0;
border-bottom:1px solid #E0E0E0;
height:1px;
margin:10px 0;
}
blockquote {
font-style:italic;
background:url(images/quotes.gif) no-repeat top left;
background-position:12px 12px;
color:#595959;
margin:5px 0;
padding:8px 15px 8px 60px;
}
#wrapper {
width:1000px;
background:#FFFFFF;
margin:0px auto;
}
#header {
width:1000px;
background:#F1F1F1;
height:60px;
}
#header-top{
background:url(http://www.amirfb.ir/wp-content/uploads/2014/07/back-rep1.jpg) repeat;
width:1000px;
height:137px;
}
#headerinner {
width:1000px;
margin:0 auto;
}
#brand{
background:url(http://www.amirfb.ir/wp-content/uploads/2014/07/head.png) no-repeat center;
width:400px;
height:120px;
padding-top: 10px;
padding-right: 0;
-webkit-transition: all 0.3s ease-in-out;
}
#brand:hover{
padding-right: 100px;
-webkit-transition: all 0.3s ease-in-out;
}
#logo {
font-size:25px; font-family:'b yekan',tahoma,Arial, Helvetica, sans-serif !important;
margin:0 auto;
padding:11px 30px 2px 0;
font-weight:bold;
}
#logo a {
color:#333333;
}
#description {
font-family:'b yekan',tahoma;
font-size:13px;
color:#999;
margin:0;
padding:0px 30px 0px 0;
}
#menuwrapper {
width:1000px;
background:#2D2D2D;
}
#menu {
width:980px;
overflow:hidden;
margin:0 auto;
}
#menu ul li {
float:right;
font-size:13px;
padding:10px 20px 10px 0px;
}
#menu ul li a {
color:#ccc;
}
#container {
width:980px;
overflow:hidden;
margin:0 auto;
padding:0;
}
#content {
float:left;
width:500px;
border-color:transparent #EBEBEB #EBEBEB;
border-right:1px solid #EBEBEB;
border-style:solid;
border-width:1px;
padding:15px;
min-height:500px;
}
#content img {
max-width:500px;
height:auto;
}
.post {
margin-bottom:15px;
border-bottom:1px solid #DDDDDD;
clear:both;
}
#sidebar-center{
background:#dd4b39;
width:500px;
height:40px;
float:left;
padding:5px 20px 0 0;
box-shadow:#F00 2 px;
}
.post-title a {
background:url(http://www.amirfb.ir/wp-content/uploads/2014/07/bg-post.jpg) no-repeat;
width:500px;
height:35px;
float:left;
color:#fff;
font-size:20px;
padding:5px 5px 0px 0px;
text-shadow:1px 1px 0px #C00;
}
.page-subtitle {
font-weight:700;
color:#CCC;
font-size:90%;
text-transform:uppercase;
padding-bottom:5px;
border-bottom:1px solid #EFEFEF;
margin-bottom:15px;
}
.post-meta {
font-size:85%;
color:#999;
margin-top:5px;
}
.post-meta a {
color:#666666;
}
.post-comments {
float:right;
background:url(images/cbubble_left.gif) no-repeat top left;
padding:3px 0 7px 7px;
}
.post-comments a {
background:url(images/cbubble_right.gif) no-repeat top right;
padding:3px 7px 7px 0;
color:#FFFFFF;
}
.post-comments a:hover {
color:#FFFFFF;
}
.post-content {
margin-top:5px;
}
.post-content h2 {
font-size:140%;
margin-bottom:10px;
border-bottom:1px solid #EFEFEF;
padding:10px 0 5px;
}
.post-content h3 {
font-size:110%;
font-weight:700;
margin-bottom:5px;
border-bottom:1px solid #EFEFEF;
padding:10px 0 5px;
}
.post-content p {
line-height:20px;
font-size:13px;
margin-bottom:15px;
}
.post-content img.alignnone {
background:#FFF;
border:1px solid #EFEFEF;
padding:4px;
}
.post-content img.alignleft {
float:left;
border:1px solid #EFEFEF;
margin:0 25px 15px 0;
padding:4px;
}
.post-content img.alignright {
float:right;
border:1px solid #EFEFEF;
margin:0 0 15px 25px;
padding:4px;
}
.post-content ul,.post-content ol {
margin-left:30px;
margin-bottom:20px;
}
.post-content ul {
list-style:outside;
}
.post-content ol {
list-style:decimal;
}
.post-content ul li,.post-content ol li {
line-height:1.3;
margin-bottom:5px;
}
.more-link {
font-weight:700;
display:block;
margin-top:10px;
}
.section-title {
font-size:140%;
margin-bottom:10px;
}
.navleft {
float:left;
margin:0 15px 15px 0;
}
.navright {
float:right;
margin:0 0 15px 15px;
}
.navigation div a {
font-size: 110%;
}
/* sidebars */
#sidebar-left {
float:left;
width:188px;
padding:5px 20px 0 0;
}
#sidebar-right {
float:left;
width:188px;
padding:5px 0 0 20px;
}
.sidebar ul {
list-style-type:none;
margin:0px 0px 0px 0px;
padding:0px;
}
.sidebar ul li {
background:#FFFFFF url(images/icon.png
) no-repeat 0px 4px;
margin:0px 0 0;
padding:1px 0 5px 20px;
}
.sidebar ul ul {
list-style-type:none;
margin:0px;
padding:0px;
}
.sidebar ul li ul li {
background:#FFFFFF url(http://www.amirfb.ir/wp-content/uploads/2014/07/iconst.png
) no-repeat 0px 4px right;
margin:10px 0 0;
padding:1px 0 5px 0px;
}
.sidebar ul li a {
color:#333;
line-height:18px;
}
.sidebar h4 {
font-size:8pt;
color:#fff;
background:#DD4B39
; padding:5px ;
margin: 10px 0 10px 0; text-shadow:1px 1px 0px #C00
}
/* footer */
#footer {
background-color:#ffc90d;
border-top:5px solid #000000;
margin:0px;
width:1000px;
height:70px;
}
#footer p {
text-align:center;
}
.sep {
color:#CCC;
margin:0 8px;
}
.ico-small {
vertical-align:middle;
margin: 0 5px 2px 0;
}
/* comments */
#respond {
margin:15px 0px 0px 0px;
}
#respond p {
color:#777;
margin:0px;
}
.comments-box {
padding:0;
}
.comments-box h3 {
font-size:14px;
font-weight:bold;
color:#DD4B39;
}
.cancel-comment-reply {
padding:5px 0px 0px 0px;
font-size:11px;
}
.text {
border:1px solid #e6e6e6;
padding:2px;
color:#777;
width:200px;
}
#pings {
margin-bottom:40px;
}
ul.children {
margin-left:0px;
}
ol.commentlist {
margin:15px 0px 0px 0px;
}
cite.fn {
font-size:14px;
font-weight:bold;
font-style:normal;
letter-spacing:-0.05em;
display:block;
padding-top:9px;
}
cite.fn a,cite.fn a:hover {
color:#333;
text-decoration:none;
}
span.says {
display:none;
}
.commentlist li {
margin:10px 0px 0px 0px;
padding:15px;
list-style:none;
border:1px solid #e9e9e9;
}
.commentlist li.depth-2 {
background:#ffffff;
border-top:1px solid #e9e9e9;
border-bottom:1px solid #e9e9e9;
margin-left:15px;
}
.commentlist li.depth-3 {
background:#fafafa;
border-top:1px solid #e9e9e9;
border-bottom:1px solid #e9e9e9;
margin-left:15px;
}
.commentlist li.depth-4 {
background:#ffffff;
border-top:1px solid #e9e9e9;
border-bottom:1px solid #e9e9e9;
margin-left:15px;
}
.commentlist li.depth-5 {
background:#fafafa;
border-top:1px solid #e9e9e9;
border-bottom:1px solid #e9e9e9;
margin-left:15px;
}
.commentlist code {
background:#e6e6e6;
padding:5px;
}
.commentlist p {
clear:both;
font-size:13px;
line-height:18px;
}
.commentlist .moderation {
margin-top:10px;
color:#660000;
}
.commentlist .thread-even {
background:#fafafa;
}
.commentlist .children {
margin-top:15px;
}
.commentlist .comment-author {
margin-bottom:5px;
}
.commentlist .avatar {
margin:0px 10px 10px 0;
float:left;
padding:3px;
border:1px solid #e9e9e9;
background:#fff;
}
.commentlist .reply {
margin:15px 0px 0px 0px;
}
.commentlist .reply a,.commentlist .reply a:visited {
background:url(images/bg-button.png) repeat-x left center;
color:#fff;
text-align:center;
font-size:11px;
padding:0px 6px 1px !important;
text-decoration:none !important;
}
.commentlist .comment-meta {
float:left;
margin-bottom:15px;
}
.commentlist .comment-meta a {
color:#666;
}
.commentlist .comment-date a,.commentlist .comment-date a:visited {
color:#888;
font-size:1.1em;
}
#commentform {
margin:10px 0 0 0;
}
#commentform input.txt,#commentform textarea {
font:14px/14px Arial,Helvetica,sans-serif;
border-color:#ccc #efefef #efefef #ccc;
border-width:1px;
border-style:solid;
}
#commentform input.txt {
color:#666;
background:#fcfcfc;
width:170px;
margin:0 5px 10px 0;
padding:5px 7px;
}
#commentform textarea {
color:#666;
background:#fcfcfc;
width:529px;
padding:5px 7px;
}
#commentform #submit {
background:url(images/bg-button.png) repeat-x left center;
margin:15px 0 0 0;
font-size:12px;
}
.button,.button:visited,.reply a {
font-weight:bold;
background:url(images/alert-overlay.png);
display:inline-block;
padding:5px 10px 6px;
color:#424242 !important;
text-decoration:none;
border:none;
position:relative;
cursor:pointer;
}
.button,.button:visited,.reply a {
background-color:#fff;
}
.button:hover,.reply a:hover {
color:#000 !important;
text-decoration:none;
}
.button,.button:visited,.reply a {
-moz-border-radius:5px;
-webkit-border-radius:5px;
text-shadow:1px 1px 0 #fff;
border:1px solid #ddd;
}
.button:hover,.reply a:hover {
opacity: 0.8;
}
/* various styles */
.sticky,.gallery-caption,.bypostauthor {
}
.thumb {
float:left;
margin-right:15px;
width:100px;
height:100px;
}
img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
img.alignright {
padding:4px;
margin:0 0 2px 7px;
display:inline;
}
img.alignleft {
padding:4px;
margin:0 7px 2px 0;
display:inline;
}
.alignright {
float:right;
}
.alignleft {
float:left;
}
.aligncenter,div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding-top:4px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin:5px 10px 10px 0;
}
.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;
}
/* archives title */
#browsing h1 {
color:#DD4B39;
font-size:14px;
font-weight:bold;
margin: 0 0 10px 0;
}
Masoud
حلنشده
