/* * Theme Name:Artskin Theme * Theme URL:http://www.artcss.com * Description:Artskin is a 3-column Widget-ready theme created for WordPress. * Author:Gu Liqiang * Author URI:http://www.artcss.com/about */ /*----------------------------Reset.css----------------------------*/ ::selection {background:#639;color:#fff;} ::-moz-selection{background:#639;color:#fff;} body { background:#e0e0e0 url(images/bg_x.png) left 126px repeat-x; color:#333333;font-size:12px;font-family:Arial, Tahoma, Verdana;margin:0px auto 0px;padding:0px;} /* html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} */ body,dl,dt,dd,h1,h2,h3,h4,h5,h6,img,ul,ol,li,p{margin:0;padding:0;} ul,ol{list-style:none;} img{border:none;} .clear{clear:both;font-size:1px;} small{font-size:12px;} .alignright {float:right;} .alignleft {float:left;} a, a:visited {color:#085879;text-decoration:none;} a:hover {color:#c33c26;text-decoration:underline;} a img {border:none;} a:focus, a:hover, a:active {outline:none;} .red{color:#c00} /*Layer-out*/ #wrap {width:960px;margin:10px auto;position:relative;/* border:10px solid #D4CFBB; */} /*----------------------------Top Navbar----------------------------*/ #topnavbar {width:960px;height:28px;line-height:28px;color:#FFF;margin:0;padding:0;} #topnavbar p {font-size:12px;font-weight:bold;padding:0px;margin:0px;text-indent:0!important;} .topnavbarleft {width:310px;float:left;margin:0;} #date_top,.rss{float:left;height:28px;line-height:28px;} #date_top{width:126px;color:#aec5d4;font-weight:normal!important;} .rss{width:146px;font-family:Microsoft YaHei,calibri,verdan;font-weight:normal!important;} .rss a:link,.rss a:visited{color:#AEC5D4!important;} .rss a:hover,.rss a:active{color:#fff;} .topnavbarright {width:600px;float:right;margin:0px;text-transform:uppercase;text-align:right;} .topnavbarright p a,.topnavbarright p a:visited{color:#AEC5D4;display:block;font-size:13px;/* font-family:Georgia, Times New Roman; */ font-family:Microsoft YaHei,calibri,verdan;font-weight:normal;text-transform:none;margin:0px;padding:0 8px;float:right;display:inline;} .topnavbarright p a:hover{color:#fff;margin:0px;padding:0 8px; /*padding:9px 15px 8px 15px; */ text-decoration:none;} .topnavbarright a img {border:none;margin:0px 3px 3px 0px;padding:0px;} /*----------------------------Header ----------------------------*/ .header{width:100%;background:#00313e url(images/main-bg.png) repeat-x;border-bottom:1px solid #86cce0} #topnavbar,#header,#navbar,#subnavbar{margin:0 auto;} #header {width:960px;height:67px;color:#FFF;font-size:12px;padding:0px;overflow:hidden;} #header h1 { color:#FFF;font-size:36px;font-family:Georgia, Times New Roman; font-weight:normal;margin:0px;padding:15px 0px 0px 20px;text-decoration:none;} #header h1 a, #header h1 a:visited { color:#FFF;font-size:36px;font-family:Georgia, Times New Roman;font-weight:normal;margin:0px;padding:0px;text-decoration:none;} #header h1 a:hover {color:#FFF;text-decoration:none;} #header h3 {color:#7A3254;font-size:16px;font-family:Arial, Tahoma, Verdana;font-weight:normal;margin:0px;padding:0px;} #header p {color:#FFF;padding:0px 0px 5px 20px;margin:0px;line-height:20px;} .headerleft {width:500px;float:left;font-size:14px;margin:0px;padding:1px 0 0;} .headerleft a img {border:none;margin:0px;padding:0px;} .logo,.describe{float:left;} .describe{font-size:12px;padding-top:33px;color:#AEC5D4} .headerright {width:190px;float:right;margin:0px;text-align:right;padding:21px 0px 0px 0px;} .headerright form{ background:url(images/search-bg.png) no-repeat scroll 0 0 transparent!important; height:23px;padding:2px 0 0 23px!important;width:160px;display:block!important;text-align:left;} .headerright #searchbox{background:none repeat scroll 0 0 transparent!important;text-align:left;border:0 none;color:#FFF;width:130px;padding:3px 0 3px 0px;float:left;} .headerright #searchbutton{vertical-align:bottom;width:20px;float:left;background:none!important;border:none 0!important;padding:0!important;margin-left:5px} .headerright a img {border:none;margin:0px;padding:0px;} .headerright ul {list-style-type:none;margin:0px;padding:0px;} .headerright li {list-style-type:none;margin:0px;padding:0px;} /*----------------------------Navbar----------------------------*/ #navbar {background:#E1DCCA url(images/navbar.png); width:960px;height:35px;font-size:12px;font-family:Arial, Tahoma, Verdana;color:#FFF;font-weight:bold;padding:0px;} #navbarleft {width:680px;float:left;} #navbarright {width:280px;font-size:12px;float:right;padding-top:6px;} #nav ul {float:left;} #nav li {float:left;} #nav li a, #nav li a:link, #nav li a:visited {color:#AEC5D4;display:block;font-size:14px;font-family:Georgia, Times New Roman;font-weight:normal;text-transform:none;padding:0 10px;} #nav li a:hover, #nav li a:active {color:#fff;padding:0 10px;text-decoration:overline;} #nav li li a, #nav li li a:link, #nav li li a:visited { background:#E1DCCA;width:150px;color:#495D5C;font-size:14px;font-family:Georgia, Times New Roman;font-weight:normal;text-transform:none; float:none;padding:7px 10px 7px 10px;border:1px solid #FFF;border-top:none;} #nav li li a:hover, #nav li li a:active {background:#85ACAC;color:#FFF;padding:7px 10px 7px 10px;} #nav li ul {z-index:9999;position:absolute;left:-999em;height:auto;width:170px; } #nav li li { } #nav li ul a {width:140px;} #nav li ul a:hover, #nav li ul a:active { } #nav li ul ul {margin:-32px 0 0 171px;} #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left:-999em;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left:auto;} #nav li:hover, #nav li.sfhover { position:static;} /*----------------------------SubNavbar ----------------------------*/ #subnavbar {width:960px; height:24px;color:#00313e;margin-top:3px;} #subnav {} #qq_mblog{float:right;padding:5px 6px 0 20px;background:url(images/speaker.png) no-repeat left 5px;} #qq_mblog span{padding-left:10px;color:#888;} #subnav ul {float:left;} #subnav li {float:left;} #subnav li a, #subnav li a:link, #subnav li a:visited { color:#003E57;display:block;font-size:12px;font-weight:bold;text-transform:capitalize;margin-right:5px;padding:6px 13px;} #subnav li a:hover, #subnav li a:active {background:#208baa;color:#FFF;display:block;text-decoration:none; margin-right:5px;padding:6px 13px;} #subnav li li a, #subnav li li a:link, #subnav li li a:visited { background:#b5eeff;width:150px;float:none;padding:6px 10px; border-bottom:1px solid #FFF; border-left:1px solid #FFF; border-right:1px solid #FFF;} #subnav li li a:hover, #subnav li li a:active {background:#208baa;padding:6px 10px;} #subnav li ul {z-index:9999;position:absolute;left:-999em;height:auto;width:160px;} #subnav li li { } #subnav li ul a { width:150px;} #subnav li ul a:hover, #subnav li ul a:active { } #subnav li ul ul {margin:-25px 0 0 171px;} #subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover1 ul ul, #subnav li.sfhover1 ul ul ul {left:-999em;} #subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover1 ul, #subnav li li.sfhover1 ul, #subnav li li li.sfhover1 ul {left:auto;} #subnav li:hover, #subnav li.sfhover { position:static;} /*----------------------------Homepage----------------------------*/ #homepage {float:left;width:670px;} #homepage p {} #homepage p img {border:none;float:left;} #homepage ul {list-style-type:square;padding-bottom:15px;} #homepage ul li {list-style-type:square;} .hpdate {font-size:12px;} #homepagetop {background:#fefefe /* url(images/homepagetop.gif) top no-repeat */;float:left;width:670px;margin-bottom:10px;border:1px solid #bbb;} #homepagetop p { font-size:12px;padding-left:10px;} .featuredtop {float:left;padding:3px;display:inline;border:1px solid #bbb;background:#f4f4f4;margin:-2px 0 0 -2px;} #featured{border:1px solid #fefefe;} #homepagebottom {background:#f4f4f4 /* url(images/homepagetop.gif) top no-repeat */;float:left;width:670px;margin-bottom:10px;border:1px solid #bbb;background:#f4f4f4;} #homepagebottom p {font-size:12px;} .hpbottom {float:left;border:1px solid #bbb;background:#f4f4f4;margin:-2px 0 0 -2px;display:inline;} .inborder{padding:10px;border:1px solid #fff;overflow:hidden;} #homepageleft {float:left;width:328px; margin-bottom:10px;border:1px solid #bbb;background:#f4f4f4;} .hpfeatured { background:#eee/* url(images/featuredtop.gif) top no-repeat */; float:left;border:1px solid #bbb;background:#f4f4f4;margin:-2px 0 0 -2px;overflow:hidden;} #homepageright {float:right;width:328px;margin-bottom:10px;border:1px solid #bbb;background:#f4f4f4;} b.more{float:right;} /*----------------------------Content----------------------------*/ #content {width:952px;margin:0 auto;line-height:18px;} #content h1 {color:#495D5C;font-size:22px;font-family:Microsoft YaHei,calibri,verdanGeorgia, Times New Roman;font-weight:normal;margin-bottom:5px;padding-top:10px;clear:both;} #content h1 a, #content h1 a:visited{color:#495D5C;font-size:22px;font-family:Georgia, Times New Roman;font-weight:normal;margin-bottom:5px; padding-top:10px;} #content h1 a:hover {color:#7A3254;text-decoration:none;} #content h2 {background:#000;color:#FFF;font-size:20px; font-family:Georgia, Times New Roman, Trebuchet MS; font-weight:normal;padding:10px 0 10px 10px;} #content h3 { /* background:#86AFB0 url(images/headline.png); */ background:#f4f4f4 url(images/ccc.png) repeat-x left bottom; border-bottom:1px solid #fff;color:#003e57;font-size:14px; font-family:Microsoft YaHei,calibri,verdan,Arial, Tahoma; font-weight:bold;height:20px;overflow:hidden;text-transform:capitalize ; margin-bottom:10px;padding:0px 0px 3px 7px;} .line{background:#f4f4f4 url(images/ccc.png) repeat-x left bottom;border-bottom:1px solid #fff; margin-bottom:10px;height:10px;clear:both;} #content h4 {color:#495D5C;font-size:16px;font-family:Georgia, Times New Roman;font-weight:bold;margin-bottom:10px;padding-top:10px;} #content h5{font-size:12px;color:#666;clear:both;padding-bottom:5px} #content img.wp-smiley {float:none;border:none;} #content img.wp-wink {float:none;border:none;} #contentleft {float:left;width:674px;} #contentleft a img {border:none;} blockquote {background:#E8E8E8;margin:0px 25px 15px;padding:10px 20px 0px 15px;border-width:1px;border-style:solid;border-color:#ddd #666 #666 #DDD;} #content blockquote p {padding-bottom:15px;} .postarea { background:#f4f4f4 /* url(images/homepagetop.gif) top no-repeat */; float:left;margin-bottom:10px; border-width:1px;border-style:solid;border-color:#ddd #bbb #bbb #ddd;} .postarea p {padding-bottom:10px;} .postarea ul {list-style-type:square;padding-bottom:15px;} .postarea ul li {list-style-type:square;margin-left:20px;padding:0px;} .postarea ul ul {list-style-type:square;} .postarea ol { padding-bottom:15px;} .postarea ol li {margin-left:20px;} .breadcrumb {float:left;width:650px;font-size:12px;margin-bottom:10px;padding-bottom:3px;border-bottom:1px solid #fff;height:20px; background:url(images/ccc.png) left bottom repeat-x;} #contentwide {float:left;width:940px;padding-bottom:10px;} .postareawide {background:#FFF url(images/fullwidthtop.gif) top no-repeat;float:left;width:920px; padding:10px;border:1px solid #DDD;} .postareawide p {padding-bottom:15px;} .postareawide ul {list-style-type:square;padding-bottom:15px;} .postareawide ul li {list-style-type:square;margin-left:20px;} .postareawide ul ul {list-style-type:square;} .postareawide ol {padding-bottom:15px;} .postareawide ol li {margin-left:20px;} .breadcrumbwide {float:left;width:920px;font-size:12px;margin-bottom:20px;padding-bottom:3px;border-bottom:double #EAEAEA;} .date {width:640px;float:left;padding-top:5px;} .dateleft {width:380px;float:left;} .dateright {width:200px;float:right;text-align:right;} .dateright em{font-style:normal;padding-left:5px;} .time {background:#f4f4f4 url(images/icon_time.gif) no-repeat top left;margin-left:3px;padding-left:20px;} .icomment {background:#f4f4f4 url(images/icon_comments.gif) no-repeat top left;padding-left:18px;} .tags {background:#f4f4f4 url(images/icon_tags.gif) no-repeat top left;padding-left:18px;} .category {background:#FFF url(images/icon_category.gif) no-repeat top left;padding-left:18px; } .postmeta {font-size:12px;padding-top:5px;border-top:1px dashed #bbb;height:22px;} .postmeta2 {font-size:12px;padding:5px 0;margin-bottom:10px;border-top:1px dashed #bbb;height:22px;background:#f4f4f4 url(images/line.png) repeat-x left bottom;} .archive {float:left;width:275px;padding-bottom:20px;} .postwidget { background:#f4f4f4/* url(images/homepagetop.gif) top no-repeat */; float:left;width:650px;margin-bottom:10px;padding:10px;border-width:1px;border-style:solid;border-color:#ddd #bbb #bbb #ddd;} .postwidget ul {list-style-type:none;} .postwidget li {list-style-type:none;} .comments { background:#f4f4f4/* url(images/homepagetop.gif) top no-repeat */; float:left;width:650px;margin-bottom:10px;padding:10px;border-width:1px;border-style:solid;border-color:#ddd #bbb #bbb #ddd;} /*----------------------------Images----------------------------*/ img.centered {display:block;margin-left:auto;margin-right:auto;margin-bottom:10px;} img.alignnone {margin-bottom:10px;display:inline;} img.alignright {margin:0px 0px 10px 10px;display:inline;} img.alignleft {margin:0px 10px 10px 0px;display:inline;} .aligncenter {display:block;margin-left:auto;margin-right:auto;margin-bottom:10px;} .alignright {float:right;margin:0px 0px 10px 10px;} .alignleft {float:left;margin:0px 10px 10px 0px;} .wp-caption {border:1px solid #DDD;text-align:center;background-color:#EEE;padding:4px 0px 5px 0px; -moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} .wp-caption img {margin-bottom:5px;} .wp-caption p.wp-caption-text {font-size:12px;font-weight:normal;line-height:12px;} /*----------------------------Sidebar----------------------------*/ #sidebar {float:right;width:270px;display:inline;} #sidebar .widget { background:#eee/* url(images/sidebartop.gif) top no-repeat */; float:left;width:250px;margin-bottom:10px;padding:9px;border-width:1px;border-style:solid;border-color:#fff #bbb #bbb #fff;} #sidebar h2 { /* background:#86AFB0 url(images/headline.png); */ background:url(images/ccc.png) left bottom repeat-x; border-bottom:1px solid #fafafa; color:#003e57;font-size:14px;font-weight:bold; font-family:Microsoft YaHei,calibri,verdan,Arial, Tahoma; text-transform:capitalize ; margin-bottom:10px; padding:0px 0px 3px 7px; height:20px;overflow:hidden; /* background:none!important; */ } #sidebar p {padding-left:45px; } #sidebar embed, #sidebar object {width:260px; height:229px;} #sidebar ul {list-style-type:none;} #sidebar ul li {list-style-type:none;margin-bottom:5px;} #sidebar ul ul {list-style-type:none;} #sidebar ul li li {background:#eee url(images/icon.gif) no-repeat top left;padding:0px 0px 5px 20px;} #sidebar ul li ul li {background:#eee url(images/icon.gif) no-repeat top left;padding:0px 0px 5px 20px;} /*----------------------------Left Sidebar----------------------------*/ #l_sidebar {float:left;width:150px;display:inline;} #l_sidebar .widget{ background:#eee /* url(images/leftsidebartop.gif) top no-repeat */; float:right;width:130px;margin-bottom:10px;padding:9px;border-width:1px;border-style:solid;border-color:#fff #bbb #bbb #fff;display:inline;} #l_sidebar p {padding-bottom:10px;} #l_sidebar ul {list-style-type:none;margin-bottom:10px;} #l_sidebar ul ul {list-style-type:none;} #l_sidebar ul li li {background:#eee url(images/link.png) no-repeat top left;padding:0px 0px 5px 20px;} #l_sidebar .blogroll li {background:#eee url(images/link.png) no-repeat top left;padding:0px 0px 5px 20px;} #l_sidebar .widget_meta li{background:#eee url(images/site.png) no-repeat top left;padding:0px 0px 5px 20px;} /*----------------------------Right Sidebar----------------------------*/ #r_sidebar { background:#eee /* url(images/rightsidebartop.gif) top no-repeat */; float:right;width:100px;margin:0px;padding:10px 10px 0px 10px;border-width:1px;border-style:solid;border-color:#fff #bbb #bbb #fff;display:inline;} #r_sidebar p {padding-bottom:10px;} #r_sidebar ul {list-style-type:none;margin-bottom:10px;} #r_sidebar ul ul {list-style-type:none;} #r_sidebar ul li li {background:#eee url(images/icon.gif) no-repeat top left;padding:0px 0px 5px 20px;} #r_sidebar ul li ul li {background:#eee url(images/icon.gif) no-repeat top left;padding:0px 0px 5px 20px;} /*----------------------------Footer----------------------------*/ #footer {background:#085879;width:100%;height:30px;text-align:center;border-top:1px solid #2482a9;} #footer p {color:#FFF;font-size:12px;font-family:Arial, Tahoma, Verdana;padding-top:9px;} #footer a, #footer a:visited {color:#FFF;text-decoration:none;} #footer a:hover {color:#FFF;text-decoration:underline;} /*----------------------------Search Form----------------------------*/ #searchform {overflow:hidden;display:inline;} #searchbox { background:#F7F5EF !important;width:220px;color:#495D5C;font-size:12px; font-family:Georgia, Times New Roman, Trebuchet MS; font-weight:normal;margin:0px;border-style:solid;border-width:1px;border-color:#759697 #A3BAB9 #A3BAB9 #759697; padding:4px 0px 3px 5px;display:inline;} #searchbutton { background:#93BBBC url(images/topnav.png);color:#FFF;font-size:12px; font-family:Georgia, Times New Roman, Trebuchet MS; margin-left:5px;padding:3px 3px 2px 3px;font-weight:bold; border-style:solid;border-width:1px;border-color:#A3BAB9 #759697 #759697 #A3BAB9;} #subscribe {background:#FFF url(images/feedburner.png) top no-repeat;float:left;width:300px;margin-bottom:10px;} #subbox { background:#EEE !important;width:250px;color:#495D5C;font-size:12px; font-family:Georgia, Times New Roman, Trebuchet MS;font-weight:normal;margin:10px 0px 0px 0px; padding:3px 0px 3px 5px;border-style:solid;border-width:1px;border-color:#759697 #A3BAB9 #A3BAB9 #759697; display:inline;} #subbutton {background:#93BBBC url(images/topnav.png);color:#FFF;font-size:12px; font-family:Georgia, Times New Roman, Trebuchet MS; margin-left:7px;padding:3px 3px 2px 3px;font-weight:bold; border-style:solid;border-width:1px;border-color:#A3BAB9 #759697 #759697 #A3BAB9;} #author, #email, #url {background:#EEE !important;width:250px;color:#202020;font-size:12px;font-weight:normal;margin:5px 0px 0px 0px; padding:3px 0px 3px 5px;border:1px solid #DDD;display:inline;} #submit {background:#7B7B7B url(images/topnav.gif);color:#FFF;font-size:12px;font-family:Arial, Tahoma, Verdana; margin:0px;padding:3px 3px 2px 3px;font-weight:bold; border:1px solid #DDD; border-right:1px solid #666; border-left:1px solid #DDD; border-bottom:1px solid #666; } #comment {background:#EEE;color:#202020;font-size:12px;font-weight:normal;margin:5px 0;padding:3px 0px 3px 5px;border:1px solid #DDD;display:inline;} /*----------------------------Comments----------------------------*/ .commentlist li ul li {font-size:12px;} .commentlist li {font-weight:bold;} .commentlist li .avatar { background:#FFF;float:right;border:1px solid #EEE;margin:0px 5px 0px 10px;padding:2px;} .commentlist cite, .commentlist cite a {font-weight:bold;font-style:normal;font-size:12px;} .commentlist p {font-weight:normal;text-transform:none;} .commentmetadata {font-weight:normal;} #commentform input {width:170px;padding:2px;margin:5px 5px 1px 0px;} #commentform {margin:5px 10px 0px 0px;} #commentform textarea {width:98%;padding:2px;} #respond:after { content:"."; display:block; height:0px; clear:both; visibility:hidden;} #commentform p {margin:5px 0;} #commentform #submit {margin:0px;float:left;} .alt {margin:0px;padding:10px;} .commentlist {} .commentlist ol {padding:10px;} .commentlist li {margin:15px 0px 10px;padding:10px 5px 10px 10px;list-style:none;} .commentlist li ul li { margin-right:-5px;margin-left:10px;} .commentlist p {margin:10px 5px 10px 0px;padding:0px;} .children {} .nocomments {text-align:center;} .commentmetadata {font-size:12px;display:block;} .navigation {display:block;text-align:center;margin-top:10px;margin-bottom:40px;} .thread-alt {background:#FFF;} .thread-even {background:#EEE;} .depth-1 {border:1px dashed #bbb;} .even, .alt {border-top:1px dashed #bbb;border-bottom:1px dashed #bbb;border-left:1px dashed #bbb;margin:0px;padding:0px; } /*----------------------------runcode----------------------------*/ .runcode{} .runcode .runcode_text{ width:90%; height:160px;font-size:12px;} .runcode .runcode_button{color:#333;line-height:14px;font-size:12px;padding:1px 5px;background:#a3d1e0; border-left:#c3e1eb 1px solid; border-top:#c3e1eb 1px solid; border-right:#7698a3 1px solid; border-bottom:#7698a3 1px solid;} .hpbottom img,.hpfeatured img{width:70px; height:70px;} .widget_tag_cloud a{margin-right:5px} /*------------------Ç°¶Ëµ¼º½---------------*/ .linkpage{background:#f4f4f4;margin-bottom:10px;border-width:1px;border-style:solid;border-color:#ddd #bbb #bbb #ddd;} .linkpage span{padding:0 3px;} .linkcat{padding-bottom:10px;} .linkcat{padding-left:10px;} .linkcat li{width:150px;float:left;display:inline;padding:5px 0} .linkcat h3{padding:10px 0 3px 5px!important;clear:both;} .shareto{clear:both;margin-bottom:20px;line-height:20px;text-align:right;} .shareto a{background-image:url(images/shareicons.png);padding:0 3px 2px 18px;background-repeat:no-repeat} .shareto a#share_baidu{background-position: 0 0} .shareto a#share_qqzone{background-position: 0 -156px} .shareto a#share_sina{background-position: 0 -52px} .shareto a#share_douban{background-position: 0 -182px} .shareto a#share_renren{background-position: 0 -78px} .shareto a#share_kaixin{background-position: 0 -104px} .shareto a#share_qqmarks{background-position: 0 -130px} .shareto a#share_googlemarks{background-position: 0 -26px}