/* Theme Name:zBench Theme URI:http://zww.me/archives/25131 Description:It is a simple WordPress theme without any plugin needed (support plugin WP-PageNavi, WP Page Numbers, WP-PostViews, wp-utf8-excerpt, Related Posts of Simple Tags, WP-RecentComments), little images, custom-menu, widgets, threaded-comments. For WordPress version 3.0+ Version:1.4.2 Author:zwwooooo Author URI:http://zww.me/ Tags:custom-menu, threaded-comments, two-columns, fluid-layout, right-sidebar, theme-options License:GNU General Public License, v2 (or newer) License URI:http://www.gnu.org/licenses/old-licenses/gpl-2.0.html */ /* RESET */ *{margin:0;padding:0;} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;} /* BASIC */ abbr[title], acronym[title]{border-bottom:thin solid;cursor:help;} body{background:#f7f7f7;font-size:12px;font-family:Tahoma,Arial,Helvetica,sans-serif;color:#333;text-align:left;} h1,h2,h3,h4,h5,h6{font-weight:bold;} h1{font-size:24px;line-height:30px;} h2{font-size:20px;line-height:26px;} h3{font-size:16px;line-height:24px;} h4{font-size:14px;line-height:20px;} h5{font-size:14px;line-height:20px;} h6{font-size:14px;line-height:20px;} small{font-size:10px;line-height:16px;} dl{font-size:12px;} dt{font-weight:bold;} a{color:#047;text-decoration:none;outline:none;} a:hover{color:#4a630f;text-decoration:none;} fieldset,img{border:none;} hr{color:#ddd;background-color:#ddd;height:1px;border:0px;} .clear{clear:both;margin:0;padding:0;} .hidden{display:none;} /* radius */ #search, #sidebar-border,#sidebar, .sticky, #commentform textarea, .page-title,.page-title h1, #header_image,#header_image_border{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;} #rss_wrap,.rss_wrap{-moz-border-radius:18px;-webkit-border-radius:18px;border-radius:18px;} #author,#email,#url,#submit{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} #menus a, #menus ul.menus-m li{-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;} #menus ul ul a{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;} /* #nav */ #nav{z-index:5;position:relative;height:31px;padding-top:20px;clear:both;background:#454546;} .nav-inside{position:relative;max-width:960px;height:31px;margin:0 auto;} #menus{float:left;max-width:680px;font-size:14px;text-shadow:0 1px 0 #000;} #menus ul{list-style:none;} #menus ul.menus-m{display:none;} #menus li{float:left;position:relative;margin-right:8px;} #menus li:hover > a{background:#222;color:#fff;} #menus li a, #menus ul.menus-m li{border:1px solid #555;border-bottom:none;color:#abaaaa;display:block;line-height:30px;background:#333;padding:0 10px;} #menus ul li.current_page_item > a, #menus ul li.current-menu-ancestor > a, #menus ul li.current-menu-item > a, #menus ul li.current-menu-parent > a, #menus ul.menus-m li{background:#f7f7f7;color:#333;text-shadow:0 1px 0 #fff;} #menus ul li.current_page_item:hover > a, #menus ul li.current-menu-ancestor:hover > a, #menus ul li.current-menu-item:hover > a, #menus ul li.current-menu-parent:hover > a{background:#222;color:#fff;text-shadow:0 1px 0 #000;} #menus ul li:hover > ul{display:block;} #menus ul ul a{background:#222;height:auto;color:#abaaaa;text-shadow:0 0 0 #222;white-space:nowrap;} #menus ul ul{display:none;position:absolute;top:31px;left:0;float:left;z-index:99999;} #menus ul ul li{float:none;} #menus ul ul li.current_page_item > a, #menus ul ul li.current-menu-ancestor > a, #menus ul ul li.current-menu-item > a, #menus ul ul li.current-menu-parent > a{background:#222;color:#fff;text-shadow:0 0 0 #222;} #menus ul ul ul{left:100%;top:0;} /* #search */ #search{position:absolute;overflow:hidden;right:33px;bottom:-14px;width:230px;height:26px;background:#565657;border:1px solid #999;box-shadow:2px 2px 5px #333;-moz-box-shadow:2px 2px 5px #333;-webkit-box-shadow:2px 2px 5px #333;} #search form{padding:0;} #search input#s{width:190px;height:14px;background:transparent;border:none;color:#ddd;padding:6px;font-size:12px;} #search form input#searchsubmit{cursor:pointer;position:absolute;right:2px;top:0;width:30px;height:26px;padding-left:30px;background:#565657 url('images/search-input-bg.gif') no-repeat right 0;border:none;border-left:1px solid #999;text-indent:-9999px;} /* #header */ #header{clear:both;overflow:hidden;z-index:1;position:relative;max-width:960px;margin:30px auto 0;} .site_title{overflow:hidden;margin-bottom:30px;} .st_hidden .site_title{display:none;} .site_title h1{float:left;padding:0 0 0 10px;text-shadow:1px 1px 1px #999;font-size:28px;font-family:Georgia,"Times New Roman",Times,serif;} .site_title h1.header_logo{width:100%;} .site_title h1 a{color:#222;line-height:36px;} .site_title h1.header_logo a{overflow:hidden;display:block;height:36px;text-indent:-9999px;} .site_title h2{float:left;height:20px;overflow:hidden;line-height:18px;padding:10px 0 0 20px;color:#222;font-size:12px;font-weight:normal;text-shadow:0 1px 0 #fff;} #header_image{max-width:952px;max-height:182px;margin-bottom:30px;padding:3px;border:1px solid #ccc;} .st_hidden #header_image{margin-top:10px;} #header_image_border{overflow:hidden;width:100%;height:100%;background:#565657;border:1px solid #fff;} #header_image_border img{width:100%;height:auto;} /* #wrapper */ #wrapper{clear:left;overflow:hidden;margin:0 auto;max-width:960px;} /* #content */ #content,#content_ns{overflow:hidden;float:left;width:640px;padding:0;} .LorR #content{float:right;} #content_ns,.LorR #content_ns{float:none;width:100%;} .page-title{margin:0 0 20px;background:#eee;border:1px solid #ccc;} .page-title h1{font-size:18px;height:30px;line-height:30px;padding:5px 10px;border:1px solid #fff;} .page-title-paged{font-weight:normal;color:#999;} /* #post */ .post{position:relative;margin:0 0 22px;padding:0;} .post_ns{} .post-single{margin:0;} .post-page{margin:0;border-bottom:1px solid #fff;} .post-page-nocomment{border-bottom:none;} h2.title{border-bottom:1px solid #fafafa;font-size:18px;text-shadow:0 1px 0 #fff,1px 2px 2px #aaa;padding:5px 10px;color:#345;} h2.title a{color:#345;} h2.title a:hover{color:#4a630f;} .entry{font-size:13px;overflow:hidden;padding:0 10px;} .entry ul,.entry ol{margin:0 30px 22px;} .entry li{line-height:22px;} .entry hr{display:block;margin:22px 0;} .entry p{line-height:22px;margin:0 0 22px 0;} .entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6, .comment-text h1,.comment-text h2,.comment-text h3,.comment-text h4,.comment-text h5,.comment-text h6{margin:0 0 22px 0;color:#555;} .entry a{color:#4a630f;} .entry a:hover{color:#333;text-decoration:underline;} .entry img{max-width:99%;height:auto;margin:10px 0;} .entry img.attachment-extra-featured-image{margin:0 0 22px;} .entry img.wp-smiley{background:#fff;border:none;margin:0;padding:0;} .entry .alignleft,.entry img.alignleft{display:inline;float:left;margin:10px 10px 10px 0;} .entry .alignright,.entry img.alignright{display:inline;float:right;margin:10px 0 10px 10px;} .entry .aligncenter,.entry img.aligncenter{clear:both;display:block;margin:10px auto;} .entry table, .comment-text table{background:#fff;border:1px solid #ccc;border-width:2px;border-collapse:collapse;margin:5px 0 10px;} .entry th,.entry td, .comment-text th,.comment-text td{border:1px solid #ccc;padding:3px 10px;text-align:left;vertical-align:top;} .entry tr.even td, .comment-text tr.even td{background:#f7f7f7;} .entry th, .comment-text th{background:#edeff0;} .entry blockquote, .comment-text blockquote{color:#555;padding:10px;margin:0 0 22px;border:1px solid #ddd;background:#eee;} .entry code, .comment-text code{background:#333;color:#ddd;} .entry pre, .comment-text pre{overflow:auto;width:95%;line-height:16px;margin:0 0 22px;padding:0 5px 16px;color:#555;font-family:"Courier New",FixedSys;font-size:12px;background:#fafafa;border:1px solid #ccc;border-left:15px solid #ccc;} .post-info-top{border-top:1px solid #ddd;line-height:18px;height:18px;position:relative;color:#999;margin:0 0 22px;padding:2px 10px;display:block;} .post-info-top-nocomment{height:1px;} .post-info-bottom{border-bottom:1px solid #fff;line-height:24px;position:relative;color:#999;margin:0;padding:2px 10px;overflow:hidden;display:block;} .post-info-top a,.post-info-bottom a{color:#999;} .post-info-top a:hover,.post-info-bottom a:hover{color:#4a630f;text-decoration:underline;} .entry p.read-more a,.entry p a.more-link,.post-info-date,.post-info-category,.post-info-tags,.gotocomments,.addcomment{display:block;padding-left:20px;background:url("images/icons.gif") no-repeat scroll 0 0;} .post-info-date{float:left;background-position:0 -40px;} .post-info-category{display:inline;background-position:-35px -60px;} .post-info-tags{display:inline;background-position:-20px -240px;margin-left:10px;} .gotocomments{float:right;background-position:0 -100px;margin-right:10px;} .addcomment{float:right;background-position:0 -120px;} .entry p.read-more a,.entry p a.more-link{display:inline-block;color:#999;text-decoration:none;background-position:0 -20px;} .entry .zbench-more-link{display:block;margin-top:22px;} .entry p.read-more a:hover,.entry p a.more-link:hover{color:#4a630f;} .sticky{margin-top:12px;background:#f2f2f2;border:1px solid #ccc;} h2.sticky-h2 a{color:#ff4e00;} .page_link{clear:both;padding:10px 0 22px;} .add-info{padding:0 10px;} .add-info h3{line-height:16px;font-size:12px;color:#4a630f;margin-bottom:5px;background:#e5e5e5;} .add-info ul{list-style:square;} /* #sidebar-border */ #sidebar-border{position:relative;float:right;width:298px;margin-top:12px;background:#f2f2f2;border:1px solid #ccc;} .LorR #sidebar-border{float:left;} /* #rss */ #rss_border{position:absolute;top:-12px;left:0;width:298px;height:24px;} .rss_border{float:left;position:relative;top:0;left:50%;} #rss_wrap{float:left;position:relative;right:50%;top:0;height:22px;border:1px solid #ccc;} .rss_wrap{height:20px;padding:0 5px 0 10px;color:#464646;border:1px solid #fff;background-color:#f7f7f7;} .rss_wrap a{float:left;width:20px;height:20px;line-height:20px;margin-right:5px;text-indent:-9999em;} .rss_wrap a.rss{background:url("images/icons.gif") no-repeat -60px 0;} .rss_wrap a.rss_text{width:auto;text-indent:20px;} .rss_wrap a.facebook{background:url("images/icons.gif") no-repeat -20px 0;} .rss_wrap a.twitter{background:url("images/icons.gif") no-repeat -40px 0;} .rss_wrap a.googleplus{background:url("images/icons.gif") no-repeat 0 0;} /* #sidebar */ #sidebar{overflow:hidden;width:276px;border:1px solid #fff;padding:20px 10px 10px;} #sidebar a{color:#555;text-shadow:0 1px 0 #fafafa;} #sidebar a:hover{color:#999;} #sidebar h3,#sidebar h2{text-shadow:0 1px 0 #f7f7f7,1px 2px 3px #999;color:#345;font-size:16px;margin:0;padding:0 5px;line-height:30px;border-bottom:1px solid #fff;} #sidebar li{line-height:20px;} #sidebar .widget{margin-bottom:10px;} #sidebar .widget div{padding:8px 5px;border-top:1px solid #ddd;} #sidebar .widget div div{padding:0;border-top:none;} #sidebar .widget div.clear{padding:0;margin:0;border:none;} #sidebar ul{list-style:none;padding:8px 5px;border-top:1px solid #ddd;} #sidebar ul li{padding-left:15px;background:url("images/icons.gif") no-repeat 0 -280px;} #sidebar ul li:hover{background:url("images/icons.gif") no-repeat -10px -260px;} #sidebar ul ul{padding:0;border-top:none;} #sidebar .widget select{width:260px;margin:8px 5px;padding:3px;} /* widget */ #sidebar .widget input#s{width:190px;height:22px;line-height:22px;padding:0 5px;} #sidebar .widget input#searchsubmit{width:65px;} /* WP-RecentComments */ #sidebar ul li.rc-item,#sidebar ul li.rc-navi{background:none;padding:0;margin:3px 0;} #sidebar ul li.rc-item div{padding:0;border:none;} #sidebar ul li.rc-item .rc-avatar img{border:1px solid #ddd;} /* #comments */ #comments-div{border-top:1px solid #ddd;position:relative;line-height:24px;height:24px;text-shadow:0 1px 0 #f7f7f7,1px 2px 1px #999;text-align:right;margin:0 0 30px;padding:2px 10px;} h2#comments{line-height:24px;font-size:12px;font-weight:normal;width:300px;float:right;} span#comments-addcomment{position:absolute;left:10px;top:2px;padding-left:20px;background:url("images/icons.gif") no-repeat 0 -115px;} span#comments-addcomment a{color:#047;text-decoration:none;} span#comments-addcomment a:hover{color:#4a630f;text-decoration:none;} /* comments list style */ .commentlist li{position:relative;list-style:none;height:1%;margin:0 20px;padding-bottom:20px;} .commentlist li.bypostauthor{} .commentlist li .comment-author{margin:0;padding:0;line-height:16px;height:16px;border-bottom:1px solid #ddd;display:block;} .commentlist li .pingback{height:auto;padding-bottom:10px;border-bottom:none;} .commentlist li .vcard img.avatar{position:absolute;left:0;top:0;width:40px;height:40px;background:#fff;padding:2px;border:1px solid #ddd;} .commentlist li .vcard cite.fn{margin-left:55px;font-style:normal;font-weight:bold;} .commentlist li .vcard cite.zbench_pingback{margin-left:0;font-weight:normal;color:#999;} .commentlist li .vcard cite.fn a.url{color:#047;} .commentlist li .vcard cite.fn a.url:hover{color:#aaa;} .commentlist li span.comment-meta{} .commentlist li span.comment-meta a{color:#aaa;} .commentlist li span.comment-meta a:hover{color:#555;} .commentlist li .comment-text{border-top:1px solid #fff;margin:0 50px 10px 55px;padding-top:10px;} .commentlist li.bypostauthor .comment-text{color:#777;} .commentlist li em.approved{color:#f00;} .commentlist li p{padding-bottom:10px;} .commentlist li .reply{position:absolute;right:0;top:8px;} .commentlist li .reply a{display:block;text-align:center;color:#aaa;padding:0 8px;background:#fafafa;border:1px solid #dfdfdf;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;} .commentlist li .reply a:hover{background:#f2f2f2;} .commentlist li .children li{margin:0 0 0 30px;padding-bottom:0;border-bottom:none;color:#555;} .commentlist li .children li.depth-2{margin:0 0 0 55px;} .commentlist li .children li div{border-top:1px solid #dfdfdf;} .commentlist li .children li div div{border-top:none;} .commentlist li .children li .comment-author{border-top:1px solid #fff;border-bottom:none;} .commentlist li .children li .vcard img.avatar{top:-8px;width:24px;height:24px;} .commentlist li .children li .vcard cite.fn{margin-left:40px;} .commentlist li .children li .comment-text{margin:0 50px 10px 40px;} .commentlist li .children li .reply{top:-8px;} .commentlist li .children li .reply a{background:#f2f2f2;} .commentlist li .children li .reply a:hover{background:#fafafa;} .commentlist .comment-text ul,.commentlist .comment-text ol{margin:0 0 15px 15px;padding:0;} .commentlist .comment-text li{list-style-type:disc;margin:0;padding:0;line-height:16px;} .commentlist .comment-text li li{list-style-type:circle;} .commentlist .comment-text li li li{list-style-type:square;} .commentlist .comment-text ol li, .commentlist .comment-text ol ol li, .commentlist .comment-text ol ol ol li{list-style-type:decimal;} /* navigation */ #pagination,#nav-below{display:block;line-height:18px;padding:2px 10px;border-top:1px solid #ddd;} .navigation{border-bottom:1px solid #fff;text-align:center;line-height:24px;padding:2px 10px;} .page-numbers{margin:0 5px;} .navigation .current{font-weight:bold;} #nav-below{overflow:hidden;padding:20px 10px;border-top:1px solid #ddd;border-bottom:1px solid #fff;} .nav-previous{float:left;width:49%;} .nav-next{float:right;width:49%;text-align:right;} /* #respond */ #respond{margin:0 0 20px 0;padding:20px 55px 0;border-top:1px solid #ddd;} #respond small{font-size:12px;} #respond h2,#respond h3{text-shadow:0 1px 0 #f7f7f7,1px 2px 3px #111;font-family:Georgia,"Times New Roman",Times,serif;margin-bottom:10px;} #respond a#cancel-comment-reply-link{color:#920017;text-shadow:none;} #respond a#cancel-comment-reply-link:hover{color:#ff4e00;} #commentform{margin:0;padding:0;} #commentform p{margin:0 0 10px;padding:0;} #commentform p.smilies{margin:0 0 3px;padding:0 3px;} #commentform p.comment-notes{margin:10px 0;color:#999;} #commentform textarea{padding:3px;background:#fff;border:1px solid #ddd;} #commentform .comment-form-comment label{display:none;} #author,#email,#url{max-width:220px;width:70%;height:16px;margin-right:5px;padding:3px;border:1px solid #ddd;background:#fff;} #comment{width:99%;height:125px;} #submit{cursor:pointer;padding:5px 20px;background:#222;border:1px solid #555;font-weight:bold;font-size:14px;color:#ccc;letter-spacing:3px;} #submit:hover{color:#fff;} #respond code{color:#464646;background:none;} /* trackbacks-pingbacks */ .trackbacks-pingbacks h3{font-weight:bold;margin-bottom:10px;border-bottom:1px solid #ddd;color:#555;padding:3px 0;} .trackbacks-pingbacks ul{margin:5px 20px 15px;list-style-type:circle;} .trackbacks-pingbacks ul li{margin-bottom:4px;} /* #footer */ #footer{overflow:hidden;margin:20px auto 0;padding:0 0 20px;background:#454546;} #footer-inside{position:relative;width:640px;margin:0 auto;padding:5px 320px 5px 0;color:#aaa;} #footer-inside a{border-bottom:1px dashed #aaa;color:#aaa;} #footer-inside #back-to-top{position:absolute;top:5px;right:150px;line-height:20px;color:#fafafa;font-weight:bold;} #footer-inside #back-to-top a{line-height:20px;color:#aaa;font-weight:normal;border:none;} #footer-inside #back-to-top a:hover{color:#f7f7f7;} /* Other */ .aligncenter,div.aligncenter{display:block;margin:auto;} .alignleft{float:left;} .alignright{float:right;} .wp-caption{max-width:620px;text-align:center;margin-top:10px;margin-bottom:10px;padding:4px;border-radius:3px;background:#fff;border:1px solid #ddd;} .wp-caption img{margin:0;padding:0;background:none;} .wp-caption p.wp-caption-text{font-size:12px;line-height:20px;padding:4px 0 0;margin:0;} /* calendar START */ .widget_calendar h3{display:none;} #wp-calendar{width:100%;} #wp-calendar #today{background:#e6e6e6;} #wp-calendar tbody a{font-weight:bolder;} #wp-calendar caption{font-family:Arial;font-weight:bolder;letter-spacing:-0.05em;font-size:150%;text-align:left;padding-bottom:5px;} #wp-calendar th,#wp-calendar td{text-align:center;} #wp-calendar tbody td{border:1px solid #ccc;} #wp-calendar tbody td.pad{border:0 none;} #wp-calendar th{background:#999;color:#fff;} #wp-calendar td#prev{text-align:left;padding-top:5px;} #wp-calendar td#next{text-align:right;padding-top:5px;} /* .gallery-caption */ #content .gallery .gallery-caption{color:#888;font-size:12px;margin:0 0 12px;} /* for Mobile: since 1.3.8 */ @media screen and (max-width:1000px) { #nav{padding-top:10px;} #menus{position:relative;padding:0 10px 0 25px;} #menus ul.menus-m{display:block;} #menus ul.menus-dt{overflow:hidden;display:none;z-index:9999;position:absolute;left:25px;top:31px;min-width:200px;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;} #menus ul.toggled-on{display:block;} #menus li{width:240px;margin:0;background:#333;} #menus ul.menus-m li{width:auto;cursor:pointer;} #menus ul.b-toggled-on li{background:#333;color:#fff;font-weight:700;text-shadow:0 1px 0 #000;} #menus li:first-child{} #menus li a{line-height:20px;padding:8px 10px;margin:0;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} #menus ul li:hover > a, #menus ul li.current_page_item > a, #menus ul li.current-menu-ancestor > a, #menus ul li.current-menu-item > a, #menus ul li.current-menu-parent > a{background:transparent!important;color:#eee;text-shadow:none;} #menus ul ul{position:static;display:block;} #menus ul ul li, #menus ul ul ul li{width:220px;margin-left:19px;background:#333;border-left:1px solid #555;} #menus ul ul a{white-space:normal;} #menus ul ul a, #menus ul ul ul a{background:#333;} #menus ul ul li:hover > a, #menus ul ul li.current_page_item:hover > a, #menus ul ul li.current-menu-ancestor:hover > a, #menus ul ul li.current-menu-item:hover > a, #menus ul ul li.current-menu-parent:hover > a{background:transparent;} #menus ul ul ul li{width:200px;} #menus ul ul ul a{width:180px;} #menus ul ul ul li:hover > ul{display:none;} #menus ul ul ul ul{display:none;} /* simulate click #menus:active .menus-dt{display:block;} #menus .menus-dt:hover{display:block;} */ #search{bottom:0;right:25px;width:180px;-webkit-box-shadow:0 0 0 #333;-moz-box-shadow:0 0 0 #333;box-shadow:0 0 0 #333;-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;border-bottom:none;} #search input#s{width:140px;} #header{padding:0 15px;} .st_hidden #header_image{margin-top:0;} #wrapper{margin:0 15px;} #content, .LorR #content, #sidebar-border, .LorR #sidebar-border{float:none;clear:left;width:auto;} #sidebar-border, .LorR #sidebar-border{margin-top:20px;} #sidebar{width:auto;} #sidebar .widget{width:276px;float:left;} .commentlist li{margin: 0;} .commentlist li .children li #respond{padding:20px 40px 0;} #footer-inside{position:static;max-width:640px;padding:5px 15px 5px;} #footer-inside #back-to-top{position:fixed;top:auto;bottom:10px;right:10px;padding:5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#666;} } @media screen and (max-width:400px) { .entry pre{width:85%;} }