/* Theme Name: 5key V6 Theme URI: http://5key.net/blog/2009/04/21/wordpress-theme-v6/ Description: 5key's blog theme V6, Some news about this theme5key's wordpress theme V6 Version: 1.0 Author: 5key Author URI: http://5key.net/blog/ Tags: black, dark, two-columns */ /* reset.css */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;12;font-family:inherit;vertical-align:baseline;} body {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size:12px; color:#000; background:url(images/bg.jpg) fixed;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;} ul,li{margin:0; padding:0; list-style:none;} /*Header*/ #header{width:910px; height:70px; padding:20px 0 0 50px; margin:0 auto;} #header h1{color:#FFF; font-size:34px; float:left;} #header h1 a{color:#FFF; text-decoration:none;} #header h1 a:hover{color:#FFF; text-decoration:underline;} .twitter{width:348px; height:41px; color:#EEE; padding:10px; line-height:14px; float:right; margin:0 100px 0 0; background:url(images/twitter-bg.png) no-repeat;display:inline;} .twitter a{color:#FFCC00; text-decoration:underline;} .twitter a:hover{color:#FFF; text-decoration:none;} /*page*/ #page{width:960px; margin:0 auto;} .column{width:630px; min-height:650px; _height:650px; margin:0 0 0 50px; display: inline; background:#FFF; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; float:left;} .post{padding:10px 10px 30px 10px; margin:10px 0;background:url(images/post-bg.jpg) 0 bottom repeat-x;} .post h2{float:left;font-family:"Microsoft Yahei","Microsoft JhengHei"; font-size:24px;} .post h2 a{color:#333; text-decoration:none; font-weight:bold;} .post h2 a:hover{color:#06F; text-decoration:underline;} #post_info{font-size:12px; color:#666;font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:normal; padding:0 0 10px 0;} #post_info a{color:#06F; text-decoration:underline; font-weight:normal;} #post_info a:hover{color:#333; text-decoration:none;} .entry{font-size:14px; line-height:22px; color:#333;} .entry p{margin:0 0 15px 0;} .entry img{border:4px solid #f5f5f5;} .entry a{color:#06F; text-decoration:underline;} .entry a:hover{color:#333; text-decoration:none;} .date{width:45px;height:42px; margin:0 0 0 -55px; padding:3px 0 0 0; float:left; background:url(images/bg-date.gif) no-repeat; text-align:center; line-height:20px; position:relative; z-index:99999;} .date_day{color:#FFF; font-size:14px; font-weight:bold;} .date_month{color:#FFF; font-size:12px;} .title{} .commentlist{padding:10px;} .respond{padding:10px;} .respond h3{font-size:14px; font-weight:bold; padding:6px 0;} .post_form{padding:6px 0;} .responses{padding:10px; font-weight:bold; font-size:14px;} .navigation { text-align: center; padding:10px; } .navigation a{color:#333; text-decoration:none;} .navigation a:hover{color:#06F; text-decoration:underline;} .alignright { float: right; } .alignleft { float: left } .pagetitle{font-size:18px; font-weight:bold; margin:20px 0 0 0; text-align:center;} .commentlist li, #commentform input, #commentform textarea { font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentlist li ul li { font-size: 12px; } .commentlist li { font-weight: bold; border:1px solid #eee; padding:5px; margin:0 0 10px 0; font-size:12px; line-height:20px; background:#f5f5f5; } .commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 12px } .commentlist p { font-weight: normal; line-height: 22px; text-transform: none; } #commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentmetadata { font-weight: normal; font-size:14px; margin:0 0 10px 0; } .commentmetadata a{color:#333; text-decoration:none;} .commentmetadata a:hover{color:#000; text-decoration:underline;} /*sidebar*/ #sidebar{width:245px; min-height:800px; _height:800px; float:left; padding:0 10px; margin:15px 0 0 0;background:#000;-moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; color:#666;} .twitter_logo{width:52px; height:80px; margin:-65px 0 0 180px; position:relative;} #sidebar h2{font-size:14px; font-weight:bold; color:#FFF; border-bottom:1px solid #827F7D; padding:6px 0; } #sidebar ul{padding:6px; } #sidebar a{color:#ccc; text-decoration:none;} #sidebar a:hover{color:#06F; text-decoration:underline;} .about{} .about img{background:#FFF; padding:4px; border:1px solid #ccc; float:left; margin:0 10px 10px 0;} .clearfix:after { content: "."; display: block;font-size:0;line-height:0; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-table;zoom:1;} /* Hides from IE-mac \*/ .clearfix {_height: 1%;display: block;} /*Footer*/ #footer{width:960px; margin:0 auto; text-align:center; padding:10px 0; line-height:20px; color:#999;} #footer a{color:#fff; text-decoration:underline;} #footer a:hover{color:#666; text-decoration:none;} /*Other*/ .aligncenter { display: block; 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; -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-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }