329 lines
13 KiB
CSS
329 lines
13 KiB
CSS
/*
|
|
Theme Name: coda_za
|
|
Theme URI: http://isayme.com/
|
|
Author: iSayme
|
|
Author URI: http://isayme.com/
|
|
*/
|
|
body#blog{background:#474C52 url("../images/bg.jpg") center center fixed}
|
|
#wrap{width:84em;margin:0 auto;text-align:left;}
|
|
/*header*/
|
|
#logo{float:right;margin:1.2em 2.2em 0 0}
|
|
#logo a:hover{text-decoration:none}
|
|
nav{width:100%;margin:15px 0 0 20px;padding:5px 0 5px 20px}
|
|
nav ul{margin:0 10px 0 0;font-size:14px}
|
|
nav ul li{float:left;display:inline;padding:5px 10px 5px 0;-webkit-transform:rotate(-40deg);-o-transform:rotate(-40deg);-moz-transform:rotate(-40deg)}
|
|
nav ul li a:hover{text-decoration:none}
|
|
#dash{padding:30px;background:url(../images/headerbg.png) no-repeat}
|
|
/*header end*/
|
|
/*-----------general set-----------*/
|
|
.icon{background:url(../images/icon.png) no-repeat;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;}
|
|
.opaque_5{background:url("../images/opaque_5.png") 0 0 repeat}
|
|
.opaque_10{background:url("../images/opaque_10.png") 0 0 repeat}
|
|
.opaque_15{background:url("../images/opaque_15.png") 0 0 repeat}
|
|
.opaque_20{background:url("../images/opaque_20.png") 0 0 repeat}
|
|
.extracolum{width:15em}
|
|
.maincolum{width:43.5em}
|
|
.ver_side{padding-left:1.5em;background:transparent url("../images/sep_vertical.png") 0 0 repeat-y}
|
|
.hor_side{padding-bottom:1.3em;margin-bottom:1.3em;background:transparent url("../images/sep_horizontal.png") 0 bottom repeat-x}
|
|
.hor_side .row {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
#commentcount .comstyle {
|
|
color: #A1FF66;
|
|
font-size: 12px;
|
|
margin-top: 5px;
|
|
}
|
|
.post_time{margin:0em 0.8em 1em 0;padding:0 2.2em 0 0;text-align:right}
|
|
.post_time{background-position:right -1084px}
|
|
.post_time:hover{background-position:right -1043px}
|
|
.comment_post{background-position:0px -73px}
|
|
.comment_post:hover{background-position:0px -33px}
|
|
.comment_off{background-position:0px 6px}
|
|
.share{background-position:0px -453px}
|
|
.share:hover{background-position:0px -494px}
|
|
.subscribe{background-position:0px -582px}
|
|
.subscribe:hover{background-position:0px -625px}
|
|
.trackback{background-position:0px -761px}
|
|
.trackback:hover{background-position:0px -808px}
|
|
.permalink{background-position:0px -277px}
|
|
.permalink:hover{background-position:0px -321px}
|
|
.next_post{padding-right:15px;background-position:right -1010px}
|
|
.next_post:hover{background-position:right -971px}
|
|
.prev_post{padding-left:15px;background-position:0px -198px}
|
|
.prev_post:hover{background-position:0px -240px}
|
|
.post_tags{padding:5px}
|
|
.tags{margin:5px;background-position:0px -673px;padding-left:20px}
|
|
.tags:hover{background-position:0px -718px}
|
|
.edit_post{background-position:0px -152px}
|
|
.edit_post:hover{background-position:0px -113px}
|
|
.userinfo{background-position:0px -858px}
|
|
li.subrcomment{margin-left:20px;background-position:0px -1816px}
|
|
li.subrcomment a{padding-left:4px !important}
|
|
.share_to,.subscribe_to{display:none}
|
|
.me_tsina{background-position:0px -1198px;padding-left:24px}
|
|
.me_tsina2{background-position:0px -1893px}
|
|
.me_tqq{background-position:0px -1622px}
|
|
.me_qq{background-position:0px -1660px}
|
|
.me_renren{background-position:0px -1736px}
|
|
.me_qzone{background-position:0px -1697px}
|
|
.me_twitter{background-position:0px -1855px}
|
|
.me_greader{background-position:0px -2204px}
|
|
.me_zhuaxia{background-position:0px -2012px}
|
|
.me_xianguo{background-position:0px -1933px}
|
|
.me_yahoo{background-position:0px -1972px}
|
|
.me_netease{background-position:0px -1235px}
|
|
.me_baidu{background-position:0px -1275px}
|
|
.me_baidu2{background-position:0px -2052px}
|
|
.me_digu{background-position:0px -2090px}
|
|
.me_fanfou{background-position:0px -2165px}
|
|
.me_mop{background-position:0px -2241px}
|
|
.me_bookmark{background-position:0px -1314px}
|
|
.me_delicious{background-position:0px -1351px}
|
|
.me_douban{background-position:0px -1389px}
|
|
.me_facebook{background-position:0px -1427px}
|
|
.me_flickr{background-position:0px -1466px}
|
|
.me_kaixin{background-position:0px -1544px}
|
|
.me_google{background-position:0px -1505px}
|
|
.me_mail{background-position:0px -1582px}
|
|
.me_sohu{background-position:0px -1775px}
|
|
.me_googleplus{background-position:0px -2275px}
|
|
/*-----------general set-----------*/
|
|
.post_subr{background-position:0px -542px;padding-left:22px}
|
|
ul.postmeta{padding:1em}
|
|
ul.postmeta li a{display:block;padding:0.3em 0 0.3em 2em;text-decoration:none;color:#B6BCC1;border-top:1px solid #5F676D}
|
|
ul.postmeta li a:hover{color:#fff}
|
|
ul.postmeta > li:last-child a{border-bottom:1px solid #5F676D}
|
|
ul.postmeta li ul li a{border:none;padding:1px 0 1px 24px;margin:0 0 0 20px}
|
|
/*----------content----------------*/
|
|
#content{padding:0 1em 1em}
|
|
#main{width:60em}
|
|
.postcontent p{font-size:13px;line-height:1.5}
|
|
.postcontent img{max-width:530px}
|
|
.post_content ul li{margin-left:15px;list-style-type:disc}
|
|
.post_content ul ul li{list-style-type:circle}
|
|
#archives li{background:url("../images/icon.png") -64px -1126px no-repeat;padding:1px 5px 1px 16px;list-style-type:none}
|
|
#archives ul li:hover,.postcontent ol li:hover{background-position:0px -1148px}
|
|
#archives ul.archives-list > li{background:none}
|
|
#archives .archives-list li ul li{margin-left:16px}
|
|
p.more-link{text-align:right;padding-right:30px}
|
|
.copyright_info{padding:5px;margin:0 0 10px 0}
|
|
#relatedpost li{padding:3px 0 3px 0;margin-left:0;}
|
|
#relatedpost a,#relatedpost .excerpt{font-size:12px}
|
|
#comments h3{margin:1em 0 1.7em 0}
|
|
#comment-content p{margin:0}
|
|
#comments .comment-meta{text-align:right;float:left;margin:5px 0 0 -12.5em}
|
|
#comments .floor{padding-right:5em}
|
|
#comments .clear .reply{margin-top:-16px}
|
|
#comments .comment-content{margin:10px 0 0px 0}
|
|
#comments .avatar{margin:4px 4px 0 4px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
|
|
.comment-body-ref {
|
|
background: none repeat scroll 0 0 #474C52;
|
|
border: 1px solid gray;
|
|
opacity: 0.8;
|
|
padding: 10px;
|
|
position: absolute;
|
|
width: 500px;
|
|
}
|
|
|
|
.comment-body-ref .post_time {
|
|
display: none;
|
|
}
|
|
.code {margin: 95px 0px 0px 5px;}
|
|
/*--------navi----------*/
|
|
#postnavi{padding:10px 5px 15px 0px}
|
|
#pagenavi{width:43.5em;margin-left:16.5em}
|
|
.pages{margin-right:15px}
|
|
.page{margin:5px 0}
|
|
.page a{padding:0 5px 0 5px}
|
|
#commentForm label, #replyForm label {margin:0 0 0 -12.8em;display:inline;position:relative}
|
|
#commentForm textarea, #replyForm textarea{width:40em;height:8em;margin-bottom:0}
|
|
#replyForm {
|
|
margin-top: 15px;
|
|
}
|
|
.alignleft{float:left;text-align:left;margin-right:10px}
|
|
.alignright{float:right;text-align:right;margin-left:10px}
|
|
.aligncenter{display:block;margin-left:auto;margin-right:auto}
|
|
.ajaxloading{background:url(../images/loading.gif) no-repeat left center;padding-left:22px}
|
|
#ajaxbox{display:none}
|
|
/* Links Page */
|
|
.linkpage ul{overflow:auto;margin:0 0 5px 0}
|
|
.linkpage ul li{list-style-type:none;margin-left:0;}
|
|
.linkpage ul li ul li{line-height:150%;margin:5px 5px 5px 3px;float:left;text-align:center;display:block;width:120px!important;width:93px;height:22px;border:1px #69C dashed;overflow:hidden}
|
|
.linkpage img{padding:3px 0 3px 5px;width:16px;float:left;height:16px}
|
|
/*readerwall*/
|
|
body{overflow-x:hidden}
|
|
.readerwall{padding:12px 0 12px 12px;font-size:12px;overflow:visible}
|
|
.readerwall li{width:40px;height:40px;margin:0;padding:5px 0 5px 5px;float:left;list-style:none;border:0px solid #DFDFDF;-moz-border-radius:2px;-khtml-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
|
|
.readerwall .active-bg{width:40px;height:2px;_font-size:0;margin:0 0 0 -2px;background:#DFDFDF}
|
|
.readerwall .active-degree{background:red;width:40px;height:2px;_font-size:0}
|
|
.readerwall a{width:36px;height:36px;display:inline-block;position:relative;margin:0 0 2px;text-decoration:none}
|
|
.readerwall .pic{position:absolute;top:0;left:0;z-index:100;width:36px;height:36px;display:block;-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;border-radius:4px;text-indent:-9999px}
|
|
.readerwall .num{position:absolute;top:0;left:0;z-index:99;width:34px;height:34px;line-height:34px;color:#E02523;font-size:18px;font-weight:bold;display:block;background:#fff;text-align:center;border:#bbb 1px solid;box-shadow:0 0 4px #ccc;-webkit-transform:rotateY(-180deg);-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;border-radius:4px}
|
|
.readerwall .name{position:absolute;top:0;left:0;color:#333;display:block;width:1px;height:1px;overflow:hidden;-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;text-align:center}
|
|
.readerwall a:hover .pic{z-index:100;border-color:#eee;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}
|
|
.readerwall a:hover .num{z-index:101;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);opacity:.8}
|
|
.readerwall a:hover .name{top:-28px;left:-38px;z-index:101;padding:4px 6px;height:20px;line-height:20px;overflow:hidden;background:#fff;border-radius:2px;box-shadow:0 0 3px #000;min-width:100px;opacity:.8}
|
|
.wp_syntax{background:#f8f8f8;color:#100;border:2px solid #EEE;margin:0;overflow:auto}
|
|
.wp_syntax div.code,.wp_syntax div.code_tb{overflow:auto;overflow-x:auto;overflow-y:hidden;expressionthisscrollwidththisoffsetwidth15:0}
|
|
.wp_syntax table{border-collapse:collapse}
|
|
.wp_syntax div,.wp_syntax td{vertical-align:top;padding:2px}
|
|
.wp_syntax .line_numbers{text-align:right;background-color:#F2F2F2;color:gray;overflow:visible}
|
|
.wp_syntax pre{font:12px 'Microsoft YaHei','Century Gothic',Arial,Verdana;margin:0;width:auto;float:none;clear:none;overflow:visible;word-wrap:break-word;line-height:1.5;white-space:pre}
|
|
.wp_syntax .code_title{background:#CCC;color:#2971A5;font-weight:bold}
|
|
/*---------------------content end--------------*/
|
|
/*-------------------sidebar-----------------*/
|
|
aside{width:19.5em;margin:0 0 0 1em}
|
|
aside #searchform input#s:hover,aside #searchform input#s:focus{background:url("../images/icon.png") 5px -409px no-repeat}
|
|
aside #searchform input#s{width:13em;margin:0;padding:5px 5px 5px 25px;background-position:5px -365px}
|
|
aside #searchform input#searchsubmit{width:4em;margin:0;padding:5px 5px 5px 10px;background:none}
|
|
aside .widget{margin:5px 0}
|
|
aside .widget h3{text-align:center;font-weight:bold;padding:1px 0}
|
|
aside .widget .blogroll li{display:inline-block;width:40%}
|
|
#calendar_wrap table{width:100%}
|
|
#calendar_wrap caption{text-align:center;font-size:14px}
|
|
#calendar_wrap tr td,#calendar_wrap tr th{text-align:center}
|
|
.widget li{background:url("../images/icon.png") -64px -1126px no-repeat;padding:1px 5px 1px 16px}
|
|
.widget li:hover{background-position:0px -1148px}
|
|
.widget li.linkcat{background:none;padding:0 0 1px}
|
|
/*------------sidebar end----------------*/
|
|
/*-----------footer-----------------*/
|
|
footer{margin:1em 1em;text-align:center;line-height:1.4em;padding:0.5em 1em}
|
|
/*--------------footer end--------------*/
|
|
a[rel="external"]{padding-right:9px;margin-right:3px;background:url("../images/icon.png") no-repeat right -1198px}
|
|
#smiles{margin-bottom:3px}
|
|
#smiles_list a{display:block;float:left;margin:1px}
|
|
#smiles_list a img{vertical-align:top}
|
|
#smiles_list a:hover{background:#fff}
|
|
.result{padding:5px;margin-bottom:10px;}
|
|
#comments .tip{position:absolute;width:500px;padding:10px;background-color:#474C52;border:1px solid gray}
|
|
/* start tags */
|
|
#tags {
|
|
list-style: none;
|
|
}
|
|
|
|
#tags li {
|
|
float: left;
|
|
list-style: none;
|
|
height: 38px;
|
|
}
|
|
|
|
#tags a:hover {
|
|
text-shadow: 0 0 2px #555555;
|
|
}
|
|
|
|
#tags a {
|
|
border-radius: 3px 3px 3px 3px;
|
|
box-shadow: 1px 1px 3px #555555;
|
|
float: left;
|
|
margin: 3px 6px;
|
|
padding: 3px 12px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#tags .tags1 {
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#tags .tags2 {
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#tags .tags3 {
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#tags .tags4 {
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#tags .tags5 {
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
}
|
|
/* end tags */
|
|
|
|
/* start emotions */
|
|
.em00, .em01, .em02, .em03, .em04, .em05, .em06, .em07, .em08, .em09,
|
|
.em10, .em11, .em12, .em13, .em14 {
|
|
background-image: url("../images/emotions-classic.png");
|
|
float: left;
|
|
height: 24px;
|
|
margin-right: 5px;
|
|
width: 24px;
|
|
}
|
|
|
|
#emotions span {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.em01 {
|
|
background-position: -24px 0;
|
|
}
|
|
|
|
.em02 {
|
|
background-position: -48px 0;
|
|
}
|
|
|
|
.em03 {
|
|
background-position: -72px 0;
|
|
}
|
|
.em04 {
|
|
background-position: -96px 0;
|
|
}
|
|
|
|
.em05 {
|
|
background-position: 0px -24px;
|
|
}
|
|
|
|
.em06 {
|
|
background-position: -24px -24px;
|
|
}
|
|
|
|
.em07 {
|
|
background-position: -48px -24px;
|
|
}
|
|
|
|
.em08 {
|
|
background-position: -72px -24px;
|
|
}
|
|
|
|
.em09 {
|
|
background-position: -96px -24px;
|
|
}
|
|
|
|
.em10 {
|
|
background-position: 0 -48px;
|
|
}
|
|
|
|
.em11 {
|
|
background-position: -24px -48px ;
|
|
}
|
|
|
|
.em12 {
|
|
background-position: -48px -48px;
|
|
}
|
|
|
|
.em13 {
|
|
background-position: -72px -48px;
|
|
}
|
|
|
|
.em14 {
|
|
background-position: -96px -48px;
|
|
}
|
|
|
|
.em-span {
|
|
line-height: 24px;
|
|
float: left;
|
|
}
|
|
|
|
.em-br {
|
|
line-height: 24px;
|
|
}
|
|
/* end emotions */
|
|
.pagination {float: right;margin-right: 2em;} |