/* Theme Name: hkysj Theme Author:Hsiang Chieh Author Adress:http://www.beautycss.org/blog/ -------------------------------------------------------------- */ /*Reset default browser CSS.*/ 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, font, 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 { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; font-size:14px;} body { line-height: 1; } h1, h2, h3, h4, h5, h6 { font-weight: normal; clear: both; } ol, ul { list-style: none; } blockquote { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } a img { border: none; } a{text-decoration:none} .topBannerBg{width:100%; height:215px;} #footer { clear: both; width: 100%; } .single-attachment #content { margin: 0 auto; width: 900px; } #wrapper { background:#fff url(images/navBg.gif) repeat-x;} #footer-widget-area { overflow: hidden; } #footer-widget-area .widget-area { float: left; margin-right: 20px; width: 220px; } #footer-widget-area #fourth { margin-right: 0; } #site-info { float: left; width: 700px; font-weight: bold; font-size: 14px; } #site-generator { float: right; width: 220px; } #header {} .headerBox{width:1000px; height:215px; position:relative; margin:0 auto;} #site-title {background:url("images/img_bg.png") repeat scroll 1px 0 transparent;height:84px;left:9px;position:absolute;top:75px;width:400px;} #site-title a {text-indent:-9999px; display:block; height:90px;} #site-description {} #access {width:100%; background:#fff url(images/navBg.gif) repeat-x;} #access .accessBox{width:1000px; height:43px; margin:0 auto; padding-top:1px; overflow:hidden;} #access .menu ul li{float:left;} #access .menu ul li a{display:block;font-size:10px !important; font-family:Verdana; color:#fff; padding:0 24px; border:1px solid #38baff; border-right:0; border-top:1px solid #38baff; height:35px; line-height:35px; background:#38a7ff;_float:left} #access .menu ul li a:hover{background:#389fff; border-top:1px solid #38baff;border-bottom:1px solid #389fff;} .current_page_item a{background:#389fff !important;border-bottom:1px solid #389fff !important;} #access .menu ul li a[title$="首页"]{text-indent:-9999px; background:url(images/img_bg.png) 0 -86px no-repeat !important; width:48px; padding:0 !important} #access .menu ul li a[title$="首页"]:hover{ background:url(images/img_bg.png) -58px -86px no-repeat !important;} .searchBar{float:right; margin-right:8px; margin-top:8px; border-left:1px solid #88d6ff; padding-left:13px} .searchBar label{display:none;} .searchBar div{background:url(images/img_bg.png) no-repeat 0 -125px; width:245px; padding-left:27px;} .searchBar div:hover,.searchBar div:focus{background:url(images/img_bg.png) no-repeat -162px -125px;} .searchBar #s{border:1px solid #7f7f7f; width:210px; border-width:1px 0 0 1px; height:23px; line-height:23px; padding:0 5px;} .searchBar #s:focus{border:1px solid #999; -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.4); -moz-box-shadow: 0px 0px 4px rgba(0,0,0,.4); box-shadow: 0px 0px 4px rgba(0,0,0,.4); } .searchBar #searchsubmit{display:none;} .rss{float:right; margin-top:8px; border-right:1px solid #1c9ce1;_overflow:hidden} .rss a{ text-indent:99999px;display:block;width:30px; height:24px;background:url(images/img_bg.png) no-repeat -138px -83px;_overflow:hidden;} .rss a:hover{background:url(images/img_bg.png) no-repeat -138px -106px;} #mainBox{ width:984px; margin:20px auto 0; clear:both; overflow:hidden;} #mainBox .main{float:left; width:700px;} #mainBox .widget-area{ float:right; width:260px;} .wp-pagenavi{font-family:Georgia; margin-bottom:14px; margin-top:8px;} .wp-pagenavi .pages{color:#888; font-weight:bold; font-size:14px;} .wp-pagenavi .current{ color:#b5b5b5; padding:0 3px; font-size:14px;} .wp-pagenavi a{padding:0 3px; color:#36b3ff;font-size:14px;} .wp-pagenavi a:hover{text-decoration:underline;} .post{padding:14px 0 24px; border-top:1px solid #e2e2e2; position:relative} .page .post{border-top:0;} .entry-title a,h1.entry-title,h2.entry-title{font-size:20px; color:#0f89ca; font-family:"微软雅黑","宋体"; font-weight:bold;} h1.entry-title,h2.entry-title{ text-decoration:none} .entry-title a:hover{ color:#09F;} .entry-meta *{font-size:12px; font-family:Georgia;} .entry-meta{padding:14px 0;} .entry-meta span{ color:#888; padding-right:4px;} .entry-meta a{color:#0F89CA; text-decoration:underline;} .entry-content{ color:#9e9c9c; line-height:23px;} .entry-content a{color:#0f89ca; padding:1px 3px; display:inline-block} .entry-content a:hover{-webkit-border-radius:3px;-moz-border-radius: 3px;border-radius: 3px; background:#0f89ca; color:#fff} a.more-link{font-size:12px; padding:1px 7px; margin-top:20px;} .triangle{display:inline-block;border-color: transparent transparent transparent #0F89CA;border-style:solid;border-width: 5px 0px 5px 5px;width: 0;height: 0;} a.more-link:hover .triangle{border-color: transparent transparent transparent #fff} .hentry .comment{ position:absolute; right:15px; bottom:43px; color:#9e9c9c} .hentry a.Comments{color:#0f89ca; text-decoration:underline;} .hentry .tag{color:#888; font-family:Verdana; display:block; margin-top:10px} .hentry .tag a{color:#0F89CA; text-decoration:underline; font-family:"宋体"} .sidebar{ width:260px; float:right;} .sidebar ul li h2{font-family:arial; font-size:16px; text-shadow:1px 1px #d5d5d5; font-weight:bold; color:#4b4b4b; padding:10px 0 10px 10px; border-bottom:1px solid #E2E2E2; background:#fbfbfb} .sidebar .widget{clear:both; overflow:hidden;zoom:1; margin-bottom:30px;} .widget_categories ul li{float:left; _width:110px} .cat-item,.widget ul li{padding-left:14px; background:url(images/img_bg.png) no-repeat 0 -149px; margin-top:12px; padding-bottom:1px; font-family:Verdana; font-size:12px; color:#888;font-family:"宋体"} .cat-item a,.widget ul li a{color:#0f89ca; text-decoration:underline; font-size:12px; font-family:Arial;} .cat-item a,.widget ul li a:hover{ color:#F00; text-decoration:line-through;} .widget ul,.widget .textwidget{padding-left:10px;} .cat-item:nth-child(2n+1){clear:left; width:110px;} .widget_tag_cloud div{margin-top:13px;padding-left:10px; font-family:Arial;} .widget_tag_cloud div a{color:#888} .widget_tag_cloud div a:hover{text-decoration:underline;} .widget_text .widgettitle,.widget_recent_comments .widgettitle,.widget_recent_entries .widgettitle{margin-bottom:13px;} .widget_recent_entries ul li{clear:both; line-height:12px; height:12px; overflow:hidden} .entry-content form br:nth-child(2n+0){display:none;} .entry-content form p input[type="submit"]{ display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 12px/100% Arial, Helvetica, sans-serif; padding:5px 6px; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); color: #e8f0de; border: solid 1px #538312; background: #64991e; background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e)); background: -moz-linear-gradient(top, #7db72f, #4e7d0e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e'); } @media screen and (-webkit-min-device-pixel-ratio:0) { .entry-content form p input[type="submit"] { padding:5px 6px;} /*区别chrome 和 ff，只有chrome才能看到这段*/ } .entry-content form p input[type="submit"]:hover { background: #538018; background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c)); background: -moz-linear-gradient(top, #6b9d28, #436b0c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c'); } .entry-content form p input[type="submit"]:active { position: relative; top: 1px; color: #a9c08c; background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f)); background: -moz-linear-gradient(top, #4e7d0e, #7db72f); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f'); } .entry-content form p input[type="password"]{border:1px solid #7f7f7f; width:210px; border-width:1px 0 0 1px; height:23px; line-height:23px; padding:0 5px;} #footer{ width:1000px; margin:0 auto; border-top:1px solid #e2e2e2; height:150px; position:relative;} #footer b{ background:url(images/img_bg.png) no-repeat -66px -385px; width:340px; height:20px; display:block; text-indent:-9999px; margin-top:40px} #footer em,#footer span{font-style:normal; font-size:12px; color:#666; margin-top:13px; display:block; font-family:Arial} #footer em a,#footer span a{color:#0f89ca; text-decoration:underline; font-size:12px;} .nav-blow{overflow:hidden; margin-top:30px; width:100%} .nav-blow div{font-size:12px; color:#888; overflow:hidden;} .nav-blow a{color:#0f89ca; text-decoration:underline; font-size:12px} .page #respond{border:0;} .relatedPosts,.randomPosts{ width:290px; overflow:hidden; font-size:13px;} .relatedPosts h3,.randomPosts h3{ font-size:16px; font-family:"微软雅黑"; display:block; padding:15px 0 0; font-weight:bold; color:#555555;} .relatedPosts ul{list-style:inside disc; margin-top:15px;} .randomPosts ul{list-style:inside square; margin-top:15px;} .relatedPosts ul li,.randomPosts ul li{ width:290px; height:20px; line-height:20px;} .relatedPosts ul li a ,.randomPosts ul li a{color:#0f89ca; font-size:13px;height:20px; line-height:20px;} .relatedPosts ul li a:hover,.randomPosts ul li a:hover{color:#0099ff;} .relatedPosts{float:left;} .randomPosts{float:right;} #comments{clear:both; margin-bottom:40px;} .commentlist{margin-left:23px; position:relative;}. #comments-title{height:60px;} #comments-title,.reply-title a{display:block; font-family:Arial; font-size:24px; color:#353535; border-bottom:1px solid #e2e2e2 !important;padding:14px 0 0; margin-bottom:14px; height:32px;} .reply-title a{margin:0; margin-top:7px;} #comments-title a{ float:right; font-size:12px; text-decoration:underline; color:#0f89ca; padding:8px 0;} #comments .commentlist .comment{position:relative;overflow:hidden;_height:110px;min-height:110px; border-bottom:1px dashed #ccc; display:block; margin-left:14px;} .comment .fn{position:absolute; left:23px; top:18px; font-style:normal; font-family:Tahoma;font-size:12px;} .comment .fn a{ font-style:normal; font-family:Tahoma; color:#0f89ca; text-decoration:underline; font-size:12px;} .comment-author img{position:absolute; right:32px; top:15px;} .says{ display:none} .commentmetadata{position:absolute;left:23px; top:36px; font-family:Georgia, "微软雅黑"; font-weight:bold; color:#9e9c9c; font-size:12px;} .comment-edit-link{font-family:Georgia; font-size:12px; color:#0f89ca} .comment-body{color:#555555; margin:65px 15px 12px 23px; line-height:19px;} .comment-body a{color:#0f89ca;text-decoration:underline;} .page #respond{position:relative;} #commentform{padding:0 0 0 10px; position:relative; width:700px; display:block; height:230px;} .comment-notes,.form-allowed-tags{display:none;} #email,#url,#comment,#author,.not-found #s{ width:229px; height:28px; border:1px solid #999; border-width:1px 0 0 1px; background:#f7f7f7} #email:focus,#url:focus,#comment:focus,#author:focus,.not-found #s:focus{border:1px solid #999; -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.4); -moz-box-shadow: 0px 0px 4px rgba(0,0,0,.4); box-shadow: 0px 0px 4px rgba(0,0,0,.4); } #commentform #comment{ width:420px; height:160px; padding:5px;} #commentform label,#commentform input{display:block;} #commentform label{font-family:Verdana; color:#9e9c9c; font-size:12px; margin:22px 0 6px} #commentform label strong{font-weight:normal;color:#353535; font-size:12px;} .a1,.a2,.a4{float:left; clear:left;} .a3{ position:absolute; left:264px; top:-1px} #commentform #submit,.not-found #searchsubmit{display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: baseline; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 12px/100% Arial, Helvetica, sans-serif; padding:5px 6px; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); color: #e8f0de; border: solid 1px #538312; background: #64991e; background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e)); background: -moz-linear-gradient(top, #7db72f, #4e7d0e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');} @media screen and (-webkit-min-device-pixel-ratio:0) { #commentform #submit,.not-found #searchsubmit{ padding:6px 6px;} /*区别chrome 和 ff，只有chrome才能看到这段*/ } #commentform #submit:hover,.not-found #searchsubmit:hover { background: #538018; background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c)); background: -moz-linear-gradient(top, #6b9d28, #436b0c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c'); } #commentform #submit:active,.not-found #searchsubmit:active { position: relative; top: 1px; color: #a9c08c; background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f)); background: -moz-linear-gradient(top, #4e7d0e, #7db72f); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f'); } .rc_expand{ display:none} .rc_info .author_name{font-weight:bold; padding-right:4px;} .rc_info,.rc_excerpt{ display:inline; font-size:12px; line-height:18px;} #rc_nav{display:none;} .rc_item{margin-top:8px !important;background:url("images/img_bg.png") no-repeat scroll 0 -147px !important;} .not-found p{display:block; padding:0 20px 10px 0} .page-title{font-size:16px; color:#666; padding-bottom:10px; font-weight:bold; padding-bottom:20px; border-bottom:1px solid #E2E2E2} .single .hentry .entry-title,.page .hentry .entry-title{ padding-bottom:10px; border-bottom:1px solid #E2E2E2; margin-bottom:10px; margin-top:6px;} .category .hentry .comment,.tag .hentry .comment{ bottom:24px;} .category .entry-summary{line-height:23px;color:#9E9C9C;} .adminLogin .login{display:block; color:#555; padding:10px 0 0 0;} .adminLogin .login a{color:#0F89CA;} .adminLogin .a3{position:relative; clear:both; display:block; left:0} .adminLogin .a3 #comment{width:650px !important;} .adminLogin .a4{float:left;margin-bottom:10px;} .blogroll li{background:none !important; padding-left:6px !important;} .archive-meta{position:absolute; left:240px; top:4px} .archive-meta p{color:#666666; display:block; font-size:12px;} .category{position:relative;} /* Gallery listing -------------------------------------------------------------- */ .category-gallery {margin-bottom: 48px;} .category-gallery h2 {margin-top: 10px;} .category-gallery .entry-meta {} .category-gallery .size-thumbnail img { border: 10px solid #f1f1f1; margin-bottom: 0; } .category-gallery .gallery-thumb { float: left; margin-right:20px; margin-top: -4px; } .home #content .category-gallery .entry-content p { display: inline; } .home #content .category-gallery .entry-utility { padding-top:4px; } /* Attachment pages -------------------------------------------------------------- */ .entry-content .attachment img { margin-bottom: 0; } .attachment .entry-content .entry-caption { font-size: 140%; margin-top: 24px; } .attachment .entry-content .nav-previous a:before { content: '\2190\00a0'; } .attachment .entry-content .nav-next a:after { content: '\00a0\2192'; } /* Images -------------------------------------------------------------- */ .main img { margin: 0; max-width: 640px; } .main .attachment img { max-width: 900px; } .main .alignleft, #content img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; } .main .alignright, #content img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; } .main .aligncenter, #content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .main img.alignleft, #content img.alignright, #content img.aligncenter { margin-bottom: 12px; } .main .wp-caption { background: #f1f1f1; line-height: 18px; text-align: center; margin-bottom: 20px; padding: 4px; } .main .wp-caption img { margin: 5px 5px 0; } .main .wp-caption p.wp-caption-text { margin: 5px; color: #888; font-size: 12px; } .main .wp-smiley { margin:0; } .main .gallery { margin: auto; } .main .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .main .gallery img { border: 2px solid #cfcfcf; } .main .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .main .gallery dl { margin: 0; } .main .gallery img { border: 10px solid #f1f1f1; } .main .gallery br+br { display: none; } #colophon { border-top: 4px solid #000; margin-top: -4px; padding: 18px 0; overflow: hidden; } #site-info { font-weight: bold; } #site-info a { color: #000; text-decoration: none; } #site-generator { position: relative; font-style: italic; } #site-generator a { color: #666; display:inline-block; text-decoration: none; background: url(images/wordpress.png) center left no-repeat; padding-left: 20px; line-height: 16px; } #site-generator a:hover { text-decoration: underline; } img#wpstats { display:block; margin: 0 auto 10px; } /* Mobile Safari ( iPad, iPhone and iPod Touch ) -------------------------------------------------------------- */ pre { -webkit-text-size-adjust: 140%; } code { -webkit-text-size-adjust: 160%; } #access, .entry-meta, .entry-utility, .navigation, .widget-area { -webkit-text-size-adjust: 120%; } #site-description { -webkit-text-size-adjust: none; } /* =Print Style -------------------------------------------------------------- */ @media print { body { background:none !important; } #wrapper { float: none !important; clear: both !important; display: block !important; position: relative !important; } #header { border-bottom: 2pt solid #000; padding-bottom: 18pt; } #colophon { border-top: 2pt solid #000; } #site-title, #site-description { float: none; margin: 0; padding:0; line-height: 1.4em; } #site-title { font-size: 13pt; } .entry-content { font-size: 14pt; line-height: 1.6em; } .entry-title { font-size: 21pt; } #access, #branding img, #respond, .comment-edit-link, .edit-link, .navigation, .page-link, .widget-area { display: none !important; } #container, #header, #footer { width: 100%; margin: 0; } #content, .one-column #content { width: 100%; margin: 24pt 0 0; } .wp-caption p { font-size: 11pt; } #site-info, #site-generator { float: none; width: auto; } #colophon { width: auto; } img#wpstats { display:none } #site-generator a { padding: 0; margin: 0; } #entry-author-info { border: 1px solid #e7e7e7; } #main { display:inline; } .home .sticky { border: none; } }