/* Theme Name: WPQQ Theme URI: http://www.qq365.cn/ Description: 本站模板定制设计和开发: WPYOU. Version: 1.0 Author: Bob Author URI: http://www.qq365.cn/ Tags: blue, white, qq style, fixed width, two columns, widgets enabled */ /* global css */ body{ margin:0 auto; padding:0; width:100%; font-family: '宋体', Arial, Verdana, Sans-Serif; font-size:12px; text-align:left; color:#333; background-repeat:no-repeat; background-attachment:fixed; background-position:center top; background-image:url(images/bg.jpg);} html{ margin:0 auto; padding:0;} div,form,ul,ol,li,dl,dt,dd,span,p,button,textarea,th,td { margin:0; padding:0;} input,select{ line-height:16px;} img,a img{border:0;} ul,ol,li{list-style:none;} em{ font-style:normal;} h1,h2,h3,h4,h5,h6{ margin:0;padding:0;} h1 {font-size:22px;} h2 {font-size:18px;} h3 {font-size:16px;} h4 {font-size:14px;} h5 {font-size:12px;} h6 {font-size:12px;} .clear{ font-size:1px; width:1px; height:0; line-height:0; margin-top:0px!important; *margin-top:-1px; clear:both; visibility:hidden;} :focus {-moz-outline-style: none; } /* for Firefox */ /* Default Link */ a:link, a:visited{ color:#272727; text-decoration:none;} a:hover{ color:#006600; text-decoration:underline;} /* Header */ #header{ margin:0px auto; width:960px; height:80px; overflow:hidden;} /* Breadcrumb */ .breadcrumb{ margin-top:-16px; padding:0px 10px 3px 5px; *position:relative;} /* Container */ #container{ margin:0 auto; width:960px;} /* Content */ .contain{ float:left; width:660px;} .content{ float:left; width:620px; padding:0px 20px; background:url(images/bg_ct_mid.png) repeat-y 0 0; overflow:hidden;} .ctop{ width:660px; height:105px; background:url(images/bg_ct_tb.png) no-repeat 0 0;} .cbtm{ width:660px; height:45px; background:url(images/bg_ct_tb.png) no-repeat 0 bottom; overflow:hidden;} /* Content Top(ctop) */ .cblog{ padding:9px 9px;} .cblog .avatar{ float:left; margin-right:10px;} .cblog .description{ color:#14414B;} /* Logo */ .logo{padding:0px 0px 3px 55px; font-size:14px; color:#0C262C;} .logo a:link, .logo a:visited{ font-size:14px; color:#0C262C; text-shadow:1px 1px 1px #EEE; text-decoration:none;} .logo a:hover{ color:#FFF; text-shadow:0px 1px 1px #222; text-decoration:underline; } /* Main Navigation */ .navigation{ padding:0px 5px; height:34px; line-height:34px;} .navigation li{ float:left; padding:0px 8px 0px 12px; font-size:13px; color:#000; background:url(images/mline.gif) no-repeat 0 center;} .navigation li.homepage{ background:none;} .navigation li a:link, .navigation li a:visited{ color:#000; text-align:center; text-shadow:0px 1px 1px #84D5F7; text-decoration:none; display:block;} .navigation li a:hover{ color:#FFF; text-shadow:0px 1px 1px #0C262C;} .navigation li ul li a:link, .navigation li ul li a:visited{ padding-left:10px; line-height:26px; background:url(images/arrow.gif) no-repeat 0 center;} .navigation li ul li a:hover{ color:#0C262C; text-shadow:0px 1px 1px #FFF; background:url(images/arrow_hover.gif) no-repeat 0 center;} .current_page_item a:link, .current_page_item a:visited, .current_page_item a:hover{ color:#FFF; text-shadow:0px 1px 1px #0C262C;} .navigation li.rss{ float:right; padding:12px 2px 0px 12px; background:none;} .navigation li.rss a:link, .navigation li.rss a:visited, .navigation li.rss a:hover{ width:16px; height:16px; text-indent:-9999px; text-decoration:none; display:block; } #dropmenu, #dropmenu ul{ position:relative; z-index:300;} #dropmenu li{ position:relative;} #dropmenu li ul{ width:500px; position:absolute; top:32px; left:-10px; display:none;} #dropmenu li ul li{ white-space:nowrap; background:none;} /* Post */ .post{ margin:10px 0px 25px;} .post h2{ font-size:14px; color:#1A1D73; text-shadow:1px 0 0 #CCC; } .post h2 a:link, .post h2 a:visited{ color:#1A1D73; text-decoration:none; } .post h2 a:hover{ color:#0C262C; text-decoration:underline; } .post h2 span{ padding-left:20px; font-weight:normal; font-size:12px; color:#226C8A;} .post p{padding:10px 0px 5px;} .post h3, .post h4{ margin-bottom:15px; padding:20px 0px 3px; font-size:18px; border-bottom:1px solid #D8D8D8;} .post h5, .post h6{ padding-top:15px; font-size:16px;} .post ol li{ margin:5px 30px; list-style:decimal; line-height:22px; color:#454545;} .post ul li{ margin:5px 30px; list-style:disc; line-height:22px; color:#454545;} .post blockquote, .post pre{ padding:10px 15px; border-left:2px solid #E5E5E5; background-color:#F8F8F8;} .entry{ line-height:24px;} .meta{ margin-top:10px; padding:0px 8px 0px 12px; color:#666; line-height:28px; border-bottom:1px solid #C4ECF8; background:#D9EEF9 url(images/meta.png) repeat-x 0 0;} .meta a:link, .meta a:visited{ padding:4px 3px 3px; color:#666; text-decoration:none; } .meta a:hover{ color:#0C262C; } .meta span{ padding:0px 3px 0px 12px; background:url(images/metaline.png) no-repeat 0 center;} .meta span.nline{ padding:0px; background:none;} .meta span.readmore{ float:right; font-weight:bold;} .readmore a:link, .readmore a:visited{ padding:4px 3px 3px; color:#0C262C; text-decoration:none; } .readmore a:hover{ color:#666; } /* Single */ .single{ margin-bottom:0px;} .single h2{ padding-bottom:5px; font-size:18px; border-bottom:1px solid #E9E9E9;} .single p{ font-size:14px;} .singlemeta{ line-height:26px; color:#666;} .singlemeta a:link, .singlemeta a:visited{ color:#666; text-decoration:none; } .singlemeta a:hover{ color:#0C262C; text-decoration:underline; } /* Page */ .page{ min-height:800px;} /* Post Function */ .postfunc{ margin-top:15px; padding:10px 0px; line-height:24px; border-top:1px solid #DDD; border-bottom:1px solid #DDD;} /* Social Bookmark */ .snsmedia{ margin:1px auto 15px; padding:10px 0px; text-align:center; line-height:24px; border-bottom:1px solid #DDD; background-color:#F5F5F5;} .bookmark{ text-align:center;} .bookmark img{ margin-right:3px;} /* Related Posts */ .related h3{ margin:5px 0px 15px; padding:5px 0px; font-size:14px; color:#1A1D73; border-bottom:1px solid #D8D8D8;} .related ul{ margin:0px 15px; } .related ul li{ margin:0px 0px; padding:6px 0px 5px 10px; color:#CCC; background:url(images/arrow.gif) no-repeat 0px 10px;} /* Sidebar */ .sidebar{ float:right; width:275px; overflow:hidden;} .sbtop{ width:275px; height:123px; background:url(images/bg_sb_top.png) no-repeat 0 0; overflow:hidden;} .sbbtm{ width:275px; height:65px; background:url(images/bg_sb_btm.png) no-repeat 0 0; position:relative; overflow:hidden;} /* SidebarTop(sbtop0 */ .blogurl{padding-left:24px; height:26px; line-height:26px; color:#0C262C; text-transform:uppercase; overflow:hidden;} .blogurl a:link, .blogurl a:visited{ color:#0C262C; text-shadow:1px 1px 1px #FFF; text-decoration:none;} .blogurl a:hover{ color:#FFF; text-shadow:1px 1px 1px #0C262C; } .about{ padding:7px 8px 10px;} .about img{ float:left; width:40px; height:40px;} .about p{ padding:0px 10px 0px 10px; height:32px; line-height:16px; overflow:hidden;} .sidebar .sbtop h3{ padding:2px 10px 5px 80px; font-size:14px; color:#000; background:none; text-shadow:1px 1px 1px #EEE;} .sidebar ul{ padding:10px 16px 0px 33px; background:url(images/bg_sb_mid.png) repeat-y 0 0; _position:relative; overflow:hidden;} .sidebar ul li{ margin-top:10px; background:url(images/bg_sb_li.png) repeat-x 0 0;} .sidebar ul li h3{ padding-left:30px; height:29px; line-height:32px; font-size:13px; background:url(images/bg_sb_h3.gif) no-repeat 12px -151px;} .sidebar ul li.widget_categories h3{ background:url(images/bg_sb_h3.gif) no-repeat 12px 10px;} .sidebar ul li.widget_recent_entries h3{ background:url(images/bg_sb_h3.gif) no-repeat 12px -16px;} .sidebar ul li.widget_calendar h3{ background:url(images/bg_sb_h3.gif) no-repeat 12px -97px;} .sidebar ul li.widget_recent_comments h3{ background:url(images/bg_sb_h3.gif) no-repeat 12px -177px;} .sidebar ul li.widget_archive h3{ background:url(images/bg_sb_h3.gif) no-repeat 12px -258px;} .sidebar ul li.widget_tag_cloud h3{ background:url(images/bg_sb_h3.gif) no-repeat 12px -42px;} .sidebar ul li.widget_search h3{ background:url(images/bg_sb_h3.gif) no-repeat 12px -70px;} .sidebar ul li.widget_links h3{ background:url(images/bg_sb_h3.gif) no-repeat 12px -203px;} .sidebar ul li.widget_meta h3{ background:url(images/bg_sb_h3.gif) no-repeat 12px -230px;} .sidebar ul li div{ padding:15px 10px 5px; line-height:20px;} .sidebar ul li ul{ padding:10px 0px 5px; background:none;} .sidebar ul li ul li{ margin-top:0px; background:none; overflow:hidden;} .sidebar ul li ul.children{ padding:0px 0px 5px 10px;} .sidebar ul li ul li a:link, .sidebar ul li ul li a:visited{ padding:5px 0px 4px 26px; _padding:5px 0px 0px 26px; _height:18px; background:url(images/arrow.gif) no-repeat 16px 9px; overflow:hidden; display:block;} .sidebar ul li ul li a:hover{ padding:5px 0px 4px 28px; _padding:5px 0px 0px 28px; border-bottom:1px solid #CFEAF8; background:#E9FEF9 url(images/arrow_hover.gif) no-repeat 18px 9px; display:block;} .sidebar ul li ul#recentcomments{ padding:15px 0px 5px;} .sidebar ul li ul#recentcomments li{ padding:3px 0px 2px 20px; line-height:18px; background:url(images/arrow.gif) no-repeat 10px 9px;} .sidebar ul li ul#recentcomments li a{ padding:0px 0px; background:none; display:inline;} .sidebar li.current-cat a:link, .sidebar li.current-cat a:visited, .sidebar li.current-cat a:hover{ font-weight:bold; padding:5px 0px 4px 22px; border-bottom:1px solid #CFEAF8; color:#006600; background:#E9FEF9 url(images/arrow_hover.gif) no-repeat 12px 9px; display:block;} /* Search */ .searchInput{ float:left; padding:7px 10px 0px; width:220px; color:#808080; border:none; background:none;} .searchBtn{ float:right; padding:2px 16px; width:32px; height:26px; line-height:26px; text-indent:-9999px; border:none; background:none; cursor:pointer; display:block;} /* Calendar */ #wp-calendar{ width:100%;} #wp-calendar caption{ padding:5px 0px;} #wp-calendar th, #wp-calendar td{ padding:4px 6px; text-align:center; text-transform:capitalize; color:#555; border:1px solid #E6E6E6; background-color:#F9F9F9;} #wp-calendar tbody tr td a:link, #wp-calendar tbody tr td a:visited{ font-weight:bold; color:#006600;} #wp-calendar tbody tr td a:hover{ color:#0C262C;} #wp-calendar tbody tr td:hover{ border:1px solid #FADD85; color:#0C262C; background-color:#FEF7E0; cursor:pointer;} #wp-calendar tfoot tr td{ padding:8px 10px 0px; border:none; background:none;} .pad{ border:none !important; background:none !important;} /* Tabs */ .sidebar ul li.sb_tabs{ margin-top:-10px; background:none;} .sidebar ul li.sb_tabs ul{ padding:10px 0px 5px;} .sidebar ul li.sb_tabs div{ padding:0px 0px;} .sidebar ul li.sb_tabs div#tabs{ height:280px !important; } .sidebar ul li.sb_tabs div#tabs .jFlowSlideContainer{ height:280px !important; overflow:hidden !important;} .sidebar ul li.sb_tabs #myController div{ float:left; padding:0px 0px;} #myController { padding:0px 0px; width:226px; height:26px; line-height:26px; background:url(images/tabs.png) repeat-x 0 0; overflow:hidden;} #myController span{ width:75px; height:26px; text-align:center; text-indent:-9999px; display:block; cursor:pointer;} #myController span.jFlowSelected {margin-right:0px; } #jFlowSlide{ background-color:#FFF;} .tabs_latest{ background:url(images/tabs.png) no-repeat 0 -32px;} .tabs_latest:hover{ background:url(images/tabs.png) no-repeat 0 -63px;} .tabs_latest:active{ background:url(images/tabs.png) no-repeat 0 -94px;} .tabs_latest .jFlowSelected{ background:url(images/tabs.png) no-repeat 0 -94px;} .tabs_hots{ background:url(images/tabs.png) no-repeat -75px -32px;} .tabs_hots:hover{ background:url(images/tabs.png) no-repeat -75px -63px;} .tabs_hots:active{ background:url(images/tabs.png) no-repeat -75px -94px;} .tabs_hots .jFlowSelected{ background:url(images/tabs.png) no-repeat -75px -94px;} .tabs_stat{ width:76px; background:url(images/tabs.png) no-repeat -150px -32px;} .tabs_stat:hover{ background:url(images/tabs.png) no-repeat -150px -63px;} .tabs_stat:active{ background:url(images/tabs.png) no-repeat -150px -94px;} .tabs_stat .jFlowSelected{ width:76px !important; background:url(images/tabs.png) no-repeat -150px -94px;} .slide-wrapper{ margin-top:10px; background:url(images/bg_sb_li.png) repeat-x 0 0;} .slide-wrapper h3.widget_recent_entries{ background:url(images/bg_sb_h3.gif) no-repeat 12px -16px;} .slide-wrapper h3.widget_hotcmt{ background:url(images/bg_sb_h3.gif) no-repeat 12px -177px;} .slide-wrapper h3.widget_stat{ background:url(images/bg_sb_h3.gif) no-repeat 12px -125px;} .sidebar ul li.sb_tabs ul li a:link, .sidebar ul li.sb_tabs ul li a:visited{ padding:3px 0px 0px 26px; width:200px; height:20px; background:url(images/arrow.gif) no-repeat 16px 10px; overflow:hidden; } .sidebar ul li.sb_tabs ul li a:hover{ padding:3px 0px 0px 28px; border-bottom:1px solid #CFEAF8; background:#E9FEF9 url(images/arrow_hover.gif) no-repeat 18px 10px;} .statlist{ padding:20px 15px 10px !important; line-height:24px !important;} .statlist img{ margin-bottom:15px;} /* Sidebar Bottom */ .sbbtm .backtotop{ width:65px; height:65px; text-indent:-9999px; display:block; position:absolute; left:0px; bottom:0px;} .sbbtm .anchorsearch{ width:85px; height:35px; text-indent:-9999px; display:block; position:absolute; left:70px; bottom:0px;} /* Page Navigation */ .page_navi{ margin-bottom:10px; width:100%; line-height:36px; text-align:center; overflow:hidden; } .wp-pagenavi{ margin:0 auto;} .wp-pagenavi span.pages{ display:none;} .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited{ padding:3px 7px !important; margin:2px; text-decoration:none !important; color:#0D272C !important; border:1px solid #AFCFDC !important; } .wp-pagenavi a:hover{ color:#0D272C !important; border:1px solid #FABE4C !important; background-color:#F8E8CB !important; font-weight:bold !important;} .wp-pagenavi a:active{ padding:2px 2px; margin:2px; text-decoration: none; border:1px solid #AFCFDC !important;} .wp-pagenavi span.extend{ padding:3px 7px !important; margin:2px; color:#0D272C !important; border:1px solid #AFCFDC !important;} .wp-pagenavi span.current{ padding:3px 7px !important; margin:2px; color:#0D272C !important; background-color:#F8E8CB !important; border:1px solid #FABE4C !important;} .pageleft, .pageright{ width:300px; overflow:hidden;} .pageleft{ float:left; padding-left:10px; text-align:left;} .pageright{float:right; padding-right:10px; text-align:right;} /* Post Comment */ .post_comment{ float:left; width:100%; margin:15px 0px 5px; overflow:hidden; } #addcomment, #comments{ margin:10px 0px; padding:6px 15px 5px; text-shadow:1px 1px 0 #FFF; font-size:16px; border-width:1px; border-style:solid; border-color:#C3E6F6 #A6DBF4 #A6DBF4 #C3E6F6; color:#1A1D73; background:transparent url(images/meta.png) repeat-x 0 0; } .post_comment p{ font-size:12px;} .post_comment ol li{ margin:10px 5px; padding:10px 10px 5px 10px; list-style:none; } .commentlist{ padding:5px 5px; font-size:12px; clear:both;} .commentlist li{ background-color:#FFF; border:1px solid #E3E3E3; border-radius:5px 5px; -moz-border-radius:5px 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;} .commentlist li.alt{ background-color:#F6F6F6; border:1px solid #DDD; border-radius:5px 5px; -moz-border-radius:5px 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;} .commentlist li.comment-author-admin{ background-color:#EAF5FB; border:1px solid #CEE9F9;} .commentlist li ul{ margin:10px 10px;} .commentlist li ul.children{ margin:10px 0px;} .commentlist li div p{ margin:10px 0px 5px; line-height:20px;} .comment-author{ width:100%; height:30px; padding-bottom:5px; border-bottom:1px solid #ECECEC;} .commentlist li.comment-author-admin .comment-author{ border-bottom:1px solid #D3ECFA;} .avatar{ float:left; padding:1px; border:1px solid #DDD;} .commentlist li.comment-author-admin .avatar{ border:1px solid #D3ECFA;} .author_info{ float:left; padding-left:5px; line-height:16px; color:#888;} .author_info cite{ font-style:normal; font-weight:bold;} .author_info em{ font-size:10px;} .reply{ float:right; margin-top:-3px; _margin-top:0px;} #cancel-comment-reply{ float:right; margin-right:10px;} .reply a, #cancel-comment-reply a{ color:#999;} .reply a:hover, #cancel-comment-reply a:hover{ color:#666;} #respond{ padding-bottom:35px;} #respond em{ color:#FF0242;} #respond span{ color:#AAA;} #author, #email, #url, #comment{ margin:15px 5px 0px; padding:5px 5px; width:45%; color:#454545; border:1px solid #CCC; border-radius:5px 5px; -moz-border-radius:5px 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;} #comment{ margin:0px 5px 0px; width:95%; height:150px; font-size:12px; overflow-y:scroll;} #submit{ float:right; margin:15px 13px; width:88px; height:30px; line-height:30px; text-indent:-9999px; border:none; background:url(images/submit.gif) no-repeat 0 0; cursor:pointer;} .welcomeinfo{ padding:5px 10px 5px; text-align:right;} .wp_smilies{ padding:20px 10px 0px;} .repeattip{ float:right; padding-top:25px;} /* Comment Navigation */ .comment_navi{ float:right; margin:10px 15px 10px 0px; text-align:center;} .comment_navi span.cpt{ padding:3px 6px 2px; background-color:#E3E3E3; border-bottom:1px solid #D5D5D5;} .comment_navi a{ padding:3px 3px 2px;} .comment_navi a:hover{ color:#FF0242;} .comment_navi .current{ font-weight:bold; color:#FF0242;} /* Other */ .flink{ margin:15px 0px;} .flink h4{ margin-bottom:10px; font-size:14px; color:#222;} .flink li{ list-style:none !important;} .flink li ul li{ float:left; margin:5px 20px 0px; width:140px; list-style:disc !important;} /* Error404 */ .error{ margin:200px auto; width:340px; height:200px; background:url(images/error.png) no-repeat 0 0; position:relative;} .error p{ padding:50px 30px 25px 80px; line-height:20px;} a.backhome:link, a.backhome:visited, a.backhome:hover{ margin:0 auto; width:84px; height:35px; line-height:35px; text-indent:-9999px; position:absolute; left:128px; bottom:55px; display:block;} .errorpost{ margin:100px auto 200px; } /* Content Bottom(cbtm) */ .cbtm p{ margin:15px 10px 0px 36px; line-height:30px; font-family:Arial, Verdana, Sans-Serif;} /* Footer */ .footer{ margin:25px auto; padding:0px 15px; color:#0C262C;} .footer a:link, .footer a:visited{ color:#0C262C;} .footer a:hover{ color:#EEE;} .footer p{ text-align:center; line-height:26px;} .footpage{ margin:10px 0px; text-align:center;} .footpage li{ width:1px; padding:0px 6px 0px 12px; font-size:13px; border-left:1px solid #0C262C; display:inline; word-break:keep; white-space:nowrap;} .footpage li.nb{ border-left:none;}