/* Theme Name: Viper Theme URL: http://ongakuer.com/archives/viper/ Author: 良心发现 Author URI: http://ongakuer.com Description: for imjoyo.com Version: v1.1 量贩版 */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";} {margin:0;padding:0;} ul, li{list-style:none;background: transparent;border: 0;margin: 0;padding: 0;vertical-align: baseline;} /*开始了,いくぞ !*/ /*Header*/ #warp{ overflow:hidden;margin:0 auto;} #container{ background:url(images/bg.jpg) repeat;} #header-bg{background:url(images/headerbg.jpg) repeat-x; height:120px;} #header{width:870px; margin:0 auto;} #logo{float:left;text-indent:-9999em;display:block;} #logo a{width:150px;height:82px;background:url(images/logo.png) no-repeat;display:block;} /*Twitter*/ #twitter-bg{height:19px;font-family:"Microsoft YaHei","LiHei Pro Medium",sans-serif;} #twitter-ico{ background:url(images/twitter.png) no-repeat; width:16px; height:19px; margin:0 5px 0 0; float:right;} #twitter{ float:right; height:19px; font-size:11px; color:#c4c4c4; line-height:20px; } #twitter-bg .login{ float:left;font-size:11px; padding:1px 5px 0 10px; } #twitter-bg .login a{ color:#999; text-decoration:none;} #twitter-bg .login a:hover{ color:#fff;} /*Nav*/ #home{float:right;margin:6px 0 0 0;text-indent:-9999em;display:block;width:70px; height:80px;background:url(images/nav.png) no-repeat; background-position:0 -80px;} #home a{ display:block;width:70px; height:80px;} #home a:hover{display:block;width:70px; height:80px;background:url(images/nav.png) no-repeat; background-position:0 0px;} #arc{float:right;margin:6px 0 0 0;text-indent:-9999em;display:block;width:70px; height:80px;background:url(images/nav.png) no-repeat;background-position:-70px -80px;} #arc a{display:block;width:70px; height:80px;} #arc a:hover{display:block;width:70px; height:80px;background:url(images/nav.png) no-repeat; background-position:-70px 0px;} #tag{float:right;margin:6px 0 0 0;text-indent:-9999em;display:block;width:70px; height:80px;background:url(images/nav.png) no-repeat;background-position:-140px -80px;} #tag a{display:block;width:70px; height:80px;} #tag a:hover{display:block;width:70px; height:80px;background:url(images/nav.png) no-repeat; background-position:-140px 0px;} #link{float:right;margin:6px 0 0 0;text-indent:-9999em;display:block;width:70px; height:80px;background:url(images/nav.png) no-repeat;background-position:-210px -80px;} #link a{display:block;width:70px; height:80px;} #link a:hover{display:block;width:70px; height:80px;background:url(images/nav.png) no-repeat; background-position:-210px 0px;} #about{float:right;margin:6px 0 0 0;text-indent:-9999em;display:block;width:70px; height:80px;background:url(images/nav.png) no-repeat;background-position:-280px -80px;}/*ijomyo*/ #about a{display:block;width:70px; height:80px;} #about a:hover{display:block;width:70px; height:80px;background:url(images/nav.png) no-repeat; background-position:-280px 0px;} /*Content*/ #layout{width:870px; margin:0 auto; font-size:12px; font-family:Verdana,"Microsoft YaHei","LiHei Pro Medium", sans-serif;} #post{float:left;width:600px;} #content{ float:left; width:600px; color:#3d3d3d;text-shadow:1px 1px 0px #fff; line-height:20px;} #content a{color:#00a9e9; text-decoration:none;} #content a:hover{color:#ff8004; text-decoration:none;} #content h2{ margin:37px 0 5px 0;font-size:16px; clear:both;} #content h2 a{ text-decoration:none; color:#393939; text-shadow:1px 1px 2px #b5b5b5; font-weight:bold;} #content h2 a:hover{color:#00a9e9; text-decoration:none;text-shadow:1px 1px 2px #B1E9FE;} #content h1{font-size:18px;font-weight:bold;margin:.67em 0;} #content h3{font-size:14px;font-weight:bold;margin:1em 0 0 0;} #content h4{font-weight:14px;margin:1.33em 0;} #content h6{font-weight:11px; background:url(images/Tline.png) no-repeat; display:block;} #content hr{ background:url(images/Tline.png) no-repeat; height:13px; border:none;} #content b,#content strong{font-weight:bold;} #content i,#content cite,#content em,#content var,#content dfn{font-style:italic;} #content th,#content td{display:table-cell;vertical-align:inherit;padding:1px;} #contenty th{font-weight:bold;padding:1px;} #content td{text-align:inherit;padding:1px;} #content p{margin:10px 0;} #content ol{clear:both;margin:0 2em;} #content ol li{background:none;list-style:decimal inside;margin:0; padding:0;} #content ul{clear:both;margin:0 2em;} #content ul li{ background:url(images/li.png) no-repeat;text-indent:1.2em;list-style: none; } #content blockquote,#content code{clear:both;display:block;overflow:auto;border:1px solid #eee;margin:10px 20px 0 20px;padding:4px 10px;width:auto;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;} #content blockquote{background:#f5f5f5 url(images/bq.png) repeat;border-color:#ccc;color:#666;text-shadow:1px 1px 0 #fff;} #content code{background:#f8d05a url(images/code.png) repeat;border-color:#c59800;color:#333;font-family: Arial, Helvetica, sans-serif;text-shadow:1px 1px 0px #fff;} #content #tagclouds a{ color:#3d3d3d; text-decoration:none;} #content #tagclouds a:hover{color:#ff8004; text-decoration:none;} /* 图片样式*/ #content img{} #content a img {background:#fff;border:solid 1px #bbb; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px; padding:3px; margin:5px 0 8px 0; -moz-box-shadow:1px 3px 16px #ccc; -webkit-box-shadow:1px 3px 16px #ccc; box-shadow:1px 3px 16px #ccc;} /*ijomyo*/ #content a:hover img{ border-top-color: #00a9e9;border-right-color: #00a9e9;border-bottom-color: #00a9e9;border-left-color: #00a9e9;} /*info*/ .info{ color:#777; margin:5px 0; float:left;text-shadow:1px 1px 2px #fff;} .infoline{ background:url(images/infoline.png) no-repeat; width:593px; height:2px;margin:2px 0;float:left} .verline{ background:url(images/verline.png) no-repeat;width:2px; height:11px; float:left; margin:1px 2px ;} #div{float:left; margin:0 5px; font:11px;font-family:Verdana,黑体,"Microsoft YaHei","LiHei Pro Medium", sans-serif;line-height:12px;} #div a{color:#777; border-bottom: none;} #div a:hover{color:#ff8004;} /*tag*/ #postmeta{ color:#777; background: url(images/022.png) no-repeat; text-indent:18px; margin:5px 0 30px 0; clear:both;} #postmeta a{padding:1px 3px;color:#777; border-bottom: none;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;} #postmeta a:hover{padding:1px 3px;border-bottom: none;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px; background: #00a9e9;text-shadow:1px 1px 2px #999; color:#fff;} /*read more*/ #content .more-link{float: right;text-indent:-9999em;width:101px;height:19px;background:transparent url(images/more.png) no-repeat 0px 0px;display:block;padding: 0px;margin-top:5px; clear:right;} #content a.more-link{text-indent:-9999em;background-color:transparent;} #content a.more-link:hover{background-position: bottom;} /* Downloads Button */ #content div.but_down {display:block;background:url(images/dlbg.png) no-repeat left top;width:600px; height:33px;padding:0 0 0 40px; margin:10px 0;} #content div.but_down a{border:none;height:33px;font:12px Tahoma, Arial;color: #333;text-decoration:none;text-shadow:1px 1px 0px #E8E8E8; } #content div.but_down a span{float:left;display:block;background:url(images/dlbg.png) no-repeat right bottom;padding:5px 25px 0 10px; margin-left:1px;line-height:33px;cursor:pointer;} /*翻页*/ #postnavigation{clear:both;text-align:center; margin:5px 0 20px 0; font-family:黑体,Verdana,"Microsoft YaHei","LiHei Pro Medium", sans-serif;} #postnavigation a{color:#14322C;}/*ijomyo*/ /* 文字环绕图片*/ .aligncenter,div.aligncenter {float: none;margin-left:auto;margin-right:auto;} .alignleft {float: left;} .alignright {float: right;} .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .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;} /* single里上一篇下一篇 */ .post-nav{ float:left;clear:both; font-size:12px; line-height:21px;width:600px;display:inline; margin:-20px 0 0 0;} .post-nav a, .post-nav a:visited{color:#999;text-decoration:none;} .post-nav a:hover{} .post-nav .previous{float:left;} .post-nav .previous a{} .post-nav .next{float:right;text-align:right;} .post-nav .next a{float:right;text-align:right;} /*Sidebar*/ #sidebar{ float:right; width:225px; padding:20px 0;font-size:12px; font-family:Verdana,"","Microsoft YaHei","微软雅黑","LiHei Pro Medium", sans-serif; color:#161616;text-shadow:1px 1px 0px #fff;} #sidebar a{color:#161616;text-shadow:1px 1px 0px #fff; text-decoration:none; line-height: 25px;} #sidebar ul{ margin-top:0px; } #sidebar ul li{list-style-image: none; } #sidebar ul li h2{ background: url(images/sidebarh2.png) no-repeat;width:225px;height:41px; margin:28px 0 10px 0; line-height:50px; text-indent:15px; color:#fff;text-shadow:1px 1px 2px #000; font-weight:bold;list-style-image: none;} #sidebar ul li a{ margin:0 0 0 10px;} #sidebar ul li ul{margin-top:0px;}/*ijomyo*/ .sidecom {width:210px; margin:0 15px 0 10px ;} #sidebar ul li ul li.sidecom2 {list-style-image: none; margin:6px 0; } #sidebar ul li ul li.sidecom2 a{ font-weight:bold; color:#14322C;line-height: 18px;margin:0 0 0 0px;} /*Author*/ .author-layout{width:210px; margin:8px 0 15px 13px; line-height:19px;} .author{ background: url(images/author.gif) no-repeat;width:50px; height:50px; float:right; margin:0 8px 0 0;} /*RSS*/ .rss { background:url(images/rss.png) no-repeat;width:225px; height:38px; text-indent:-9999em; display:block;} .rss a{background:url(images/rss.png) no-repeat;width:225px; height:38px; text-indent:-9999em; display:block;} .rss a:hover {background:url(images/rss.png) no-repeat; background-position:0 -38px;display:block;} /*Search*/ #search-bg{width:229px;height:56px;background:url(images/search.png) no-repeat;margin-top:17px } .search{display:block;padding:0px 0;width:225px;height:25px; } .search_text,.search_textfocus{ float:left;width:152px;height:17px;color:#5c5c5c;font-size:12px;border: none;background:transparent;padding:2px 0 0 7px;margin:18px 0 0 21px;} .search_submit,.search_submitactive{float:left; width:36px;height:36px;border:none; background:url(images/search.png) no-repeat; background-position:36px -70px;margin:9px 0 0 2px;} .search_submithover{width:36px;height:36px;border:none; background: url(images/search.png) no-repeat; background-position:0px -70px;margin:9px 0 3px 4px; cursor:pointer;} /*Comments */ /* #comments{ margin-top:10px;padding-left:3px;float:left;width:600px;margin-bottom:15px;} #comments h3{font-size:14px;color:#393939; text-shadow:1px 1px 2px #b5b5b5; font-weight:bold;;background:url(images/comment.png) top left no-repeat; padding-left:24px;margin-bottom:10px;} #comments #top{ float:right; display:block; cursor:pointer; color: #838383; background:url(images/top.png) no-repeat; padding-right:20px;} #comments #tp{ background-position: 0 -44px;} .commentlist{} #comments #commentinfo {} #comments #commentinfo a{color:#999;} #comments ul li.ping{margin-bottom:15px;} #comments ul li.ping p{color:#737373;padding-right:10px;} #comments ol li{margin-bottom:10px; list-style:none;} #comments cite{font-size:12px;color:#393939;font-style:normal; font-weight:bold;float:left;} #comments #commentinfo cite a{font-size:12px;color:#1D4D70; font-style:normal;} #comments #commentdata { float:right; padding:0 10px; font:11px;} #comments .mid{border:solid 1px #CCC;background:#eaf2f6 url(images/commentbgadmin.png) repeat;width:552px;display:block;margin-top:12px;padding:5px 5px;overflow:hidden; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;} #comments .admin .mid{ background: #FFF url(images/commentbg.png) repeat;overflow:hidden; } #comments .mid p{color:#3d3d3d;margin:0px;} #comments .mid a{color:#00a9e9;text-decoration:none;} #comments .avatar{border:1px solid #D3D3D3;background-color:#fff;float:right;margin-top:3px;padding:2px; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;} #comments .admin cite a{color:#00a9e9;} #commenttext{float:left; width:500px; margin:0px; padding:0px;} #comments #respond{background-position:0 -20px;} #comments .tback{float:right;margin-right:8px;} #comments .tback a{font-size:11px;text-decoration:none;color:#838383;} #comments .text{padding-left:22px; } #comments .in{height:21px;padding:0 5px 0 22px;margin-bottom:5px;} #comments input{width:250px;font-size:12px; padding:3px 5px; border:1px solid #ccc;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px; } #comments label{color:#3d3d3d;text-decoration:none;margin-left:20px;} #comments textarea{height:150px;width:515px;background-color:#fff;overflow:hidden;border:1px solid #ccc;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px; padding:3px 5px; font:12px;} #comments #submit{ margin:0 0 10px 11px; border:none;} #comments input.submit{display:block;width:114px; height:20px;background:url(images/submit.png) no-repeat; background-position:0 0px; text-indent:-9999em;} #comments .bottom{display:block;} #comments .admin .bottom{} #comments .logged{margin-bottom:10px;margin-left:15px;} #author_info { margin-left:22px} #author_info .form_row { margin-bottom:10px;} #icons{ float:right; margin:-17px 49px 0 0; } #icons a img {background: none;border: none; padding:2px; margin:0; -moz-box-shadow:0px 0px 0px #ccc ; -webkit-box-shadow:0px 0px 0px #ccc ; box-shadow:0px 0px 0px #ccc ;} */ /*comment*/ #comments .children .reply a,#comments .children .commentmetadata{display:none;} #comments .comment-body:hover .reply a,#comments .comment-body:hover .commentmetadata{display:inline;} #comments{font-size:12px;margin:0 1em; float:left;} #comments .comment-body{padding:5px 0;min-height:45px;} #comments .children .comment-body{padding:0 0 5px 0;min-height:0px;} #comments .comment-body p{overflow:hidden;word-wrap:break-word;margin-bottom:2px;} #comments h1{font-size:14px;color:#393939; text-shadow:1px 1px 2px #b5b5b5; font-weight:bold;;background:url(images/comment.png) top left no-repeat; padding-left:24px;margin-bottom:10px;} #comments ol{list-style: none;} #comments ul{list-style:none;} #comments .commentlist{clear:both;list-style:none;border-bottom: 1px dashed #CCC;} #comments .commentlist li{margin-bottom:1em; list-style:none;} #comments .commentmeta{float:left;margin-right:1em;} #comments .commentmeta img{padding:4px;border:1px dashed #CCC;background-color:#fff;} #comments .vcard,#comments .depth-1 .children .vcard{border-bottom: 1px dashed #EEE;} #comments .comment-body:hover .vcard,#comments .depth-1 .vcard{border-bottom:1px dashed #ccc;} #comments .depth-20 .children .comment-body .vcard span{display:none;} #comments .commentmetadata,#comments .reply a{float:right;color:#999;} #comments .children{margin:5px 0;} #comments .children li{border:none;padding-bottom:0;margin-bottom:0;} #comments .children li.odd{border-left:1px dashed #eee;} #comments .children li.odd:hover{border-left:1px dashed #ccc;} #comments .depth-20 .children li,#comments .depth-20 .children li.odd:hover{border-left:none;} #comments .children .commentmeta img{width:28px;height:28px;padding:2px;margin-left:-16px;} #respond{padding-right:20px;margin:1em 0 0 1em;} #respond h3{padding:5px 0;color:#666;font-size:14px;} #respond p{margin-bottom:8px;} #cancel-comment-reply{float:right;} #cancel-comment-reply a{text-decoration:none;font-size:12px; color:#999;} #respond form input {font:12px;width:140px;padding:3px 0px 3px 5px;margin-right:10px;border:1px dashed #CCC;} #respond form div label small {color:#777; font-size:14px; position:relative;left:-200px;} *html #respond form div label small {position:relative; top:-5px;} *+html #respond form div label small {position:relative; top:-5px;} #commentform{width:99%;overflow:hidden;zoom:1;position:relative;} #commentform textarea {width:99%;overflow:hidden;height:125px;font:14px 'Microsoft YaHei',Arial,Tahoma,Sans-Serif;color:#333;border:1px dashed #CCC;background-color:#FAFCFD;} #commentform #submit{color:#777;font-size:14px;background-color:#FAFCFD;width:99%;padding:1px 5px;margin:8px 0;border:1px dashed #CCC;cursor:pointer;} #commentform .form_row{ margin-bottom:10px;} /* Footer */ #footer-bg{ clear:both; height:50px; background:url(images/footerbg.jpg) repeat-x;font-size:12px; font-family:Verdana,"","Microsoft YaHei","微软雅黑","LiHei Pro Medium", sans-serif;} #footer{ margin:0 auto; width:930px;}/*ijomyo*/ #wordpress{ float:left;background: url(images/Wordpress.png) no-repeat; margin-top:2px; width:78px; height:48px;} #footerinfo{ float:left;color:#ccc; margin-top:10px; line-height: 17px;} #footerinfo a{color:#ccc; text-decoration: none;} #footerinfo a:hover{color:#ccc;border-bottom: 1px #ccc dotted;text-decoration: none;} #viperlogo {float:right; background:url(images/viperlogo.png) no-repeat; width:169px; height:45px; margin:5px 35px 0 0;} #adbg{ position:absolute;left:-203px; top:150px; background:url(images/ad.png) no-repeat; width:235px; height:231px;} #ad{ width:180px; height:150px; margin:63px 0 0 10px} #shangxia{position:absolute;top:40%;right:20px;display:block;} #shang{background: url(images/shang.png) no-repeat;position:relative;cursor:pointer;height:62px;width:55px;margin:10px 0;} #xia{background:url(images/xia.png) no-repeat;position:relative;cursor:pointer;height:62px;width:55px;margin:10px 0;} #comt{background:url(images/comt.png) no-repeat;position:relative;cursor:pointer;height:49px;width:55px;margin:10px 0;} /* Other */ ::-moz-selection{background:#777777;color:#fff;} ::selection {background:#777777;color:#fff;} code::-moz-selection {background: #333333;} code::selection {background: #333333;}