/* Theme Name: Blocks2 Theme URI: http://wordpress.org/extend/themes/blocks2/ Description: A mutational theme for Blocks. It's simple and clear, no images and support thread(nested) comments. Version: 2.0 Author: mg12 Author URI: http://www.neoease.com/ Tags: white, light, two-columns, fixed-width, theme-options, right-sidebar, threaded-comments */ * { margin:0; padding:0; } body { background:#EBEBED; color:#333; font-family:Verdana,Tahoma,"BitStream vera Sans",Arial,Helvetica,sans-serif; font-size:12px; } h1 {font-size:20px;} h2 {font-size:14px;} h3 {font-size:12px;} img { border:none; } a img { border:none; } .inline { display:inline; } .sided { background:#FFF; border:1px solid #899EA6; padding:3px; } .wp-caption { background:#F1F5F6; border:1px solid #DCE3E9; padding:5px 0; margin-bottom:5px; text-align:center; } .wp-caption img { margin:0 5px; } .wp-caption-text { text-align:center; padding:0 5px !important; padding:3px 5px 0; } .post .content .wp-caption p { margin:3px 0 0; } a .sided:hover { border-color:#496370; } a { color:#258; text-decoration:none; } a:hover { text-decoration:underline; } blockquote, pre { background:#F1F5F6; border:1px dashed #B0BEC7; padding:8px 10px; margin:5px 0; } pre { font-family:'Courier New', Courier, Monospace, Fixed; overflow:auto; } .textfield, textarea { border:2px solid #DEECBE; padding:1px; font-size:12px; font-family:Verdana,Tahoma,"BitStream vera Sans",Arial,Helvetica,sans-serif; } .textfield:focus, textarea:focus { border-color:#A4B97F; } .button { text-decoration:none; padding:2px 5px; background:#D5E396; border-top:1px solid #D5E396; border-right:1px solid #B5C98F; border-bottom:1px solid #B5C98F; border-left:1px solid #D5E396; color:#84985D; } .button:hover { text-decoration:none; background:#C8DE9D; border-top:1px solid #B5C98F; border-right:1px solid #D5E396; border-bottom:1px solid #D5E396; border-left:1px solid #B5C98F; color:#60743A; } .strike { text-decoration:line-through; } .alignleft { float:left; text-align:left; } .alignright { float:right; text-align:right; } .aligncenter { text-align:center; } .floatleft { float:left; } .floatright { float:right; } .left { float:left; margin-right:10px !important; margin-right:7px; } .right { float:right; margin-left:10px !important; margin-left:7px; } .feed, .feed a { color:#E05C23; } .fixed, .clear { clear:both; } .fontthin { font-weight:normal; } small, .small, .more-link { font-size:10px; } .boxcaption { background:#E9EEF1; border-bottom:1px solid #FFF; } .boxcaption h3 { padding:5px 10px; font-size:12px; color:#258; } .boxcaption a { text-decoration:none; } .box { background:#F1F5F6; border-top:none; padding:5px 10px; margin-bottom:10px; } .errorbox { background:#F1E9E1; padding:5px 10px 5px 15px; margin-bottom:10px; font-size:10px; color:#E05C23; } .messagebox { background:#F6F9E7; padding:5px 10px 5px 15px; margin-bottom:10px; font-size:10px; color:#84985D; } .w3c { color:#080; font-size:10px; } .normalfont { font-size:12px; } /* layout START */ #wrap { text-align:left; margin:0 auto; width:960px; } #container { background:#D6D6D6; padding:0 3px 3px; } /* layout END */ /* header START */ #title { float:left; margin:10px 15px !important; margin:10px 8px; } #tagline { font-size:10px; border-top:1px solid #333; } #header h1 { font-style:normal; font-weight:normal; letter-spacing:-1px; text-transform:uppercase; } #header h1 a { color:#333; text-decoration:none; } .searchbox { background:#FFF; border:1px solid #B0BEC7; border-top:none; float:right; } .searchbox .content { background:#F6F9E7; padding:7px 10px; margin:0 1px 1px; } .searchbox .button { font-size:10px; text-transform:uppercase; padding:4px 5px 3px !important; padding:2px 5px; cursor:pointer; } *+html .searchbox .button { padding:2px 5px !important; } .searchbox .textfield { width:200px; } .searchbox .content img { margin:0 3px -3px 0 !important; margin:0 3px 0 0; } *+html .searchbox .content img { margin:0 3px -1px 0 !important; } #cse-search-box .content { background:#F6F9E7 url(images/search_background.png) no-repeat; background-position:0% 100%; } #wp-search-box .content { background:#F6F9E7 url(images/search_background.png) no-repeat; background-position:-400px 100%; } /* header END */ /* content START */ #content { background:#FFF; border:1px solid #B0BEC7; margin-bottom:10px; padding:0 1px; } #navigation { background:#E9EEF1; font-size:10px; border-top:1px solid #FFF !important; border-top:0; } *+html #navigation { border-top:0 !important; } /* content END */ /* menus START */ #menubar { background:#E9EEF1; float:left; padding:0 10px; } #menubar li { display:inline; list-style:none; float:left; border:solid #FFF; border-width:0 1px; margin-left:-1px; } #menubar li a { background:#E9EEF1; display:block; text-decoration:none; padding:5px 10px; } #menubar li a:hover, #menubar li a.current { background:#E1E7E9; } #menubar .current_page_item { background:#FFF; font-weight:bold; } #menubar .current_page_item li { font-weight:normal; } #menubar li ul, #subscribe ul { display:none; margin-left:-1px !important; margin-left:0; background:#FFF; padding:1px; position:absolute; z-index:1; } #subscribe ul { margin-left:-1px; } *+html #subscribe ul { margin-left:-2px !important; } #menubar li li, #subscribe li { float:none; list-style:none; margin:0; padding:0; border:0; } #menubar li li a, #subscribe li a { display:block; padding:5px 10px; text-decoration:none; width:130px; overflow:hidden; } #subscribe a { background:#F1E9E1; } #subscribe a:hover, #subscribe a.current { background:#EDC; } #copyright, .feedlink, .greedlink, .twitterlink { float:right; padding:5px 10px; border-right:1px solid #FFF; margin-right:-1px; position:relative; } #copyright { color:#B0BEC7; } a.feedlink { background:#F1E9E1; border-left:1px solid #FFF; text-decoration:none; } a.feedlink:hover { background:#EDC; text-decoration:none; } a.greedlink { background:#ECF3D3; border-left:1px solid #FFF; text-decoration:none; color:#84985D; } a.greedlink:hover { background:#DEECBE; text-decoration:none; } a.twitterlink { background:#DEECF3; border-left:1px solid #FFF; text-decoration:none; color:#38A; } a.twitterlink:hover { background:#D0E1EF; text-decoration:none; } /* menus END */ /* main START */ #main { width:670px; margin:10px 0 0; float:left; overflow:hidden; } .post .title { background:#F1F5F6; padding:5px 10px 3px 15px; color:#258; } .post .title a:hover { color:#333; text-decoration:none; } .post .meta { background:#F1F5F6; padding:0 10px 5px 15px; } .post .meta .info { font-size:10px; float:left; } .post .meta .comments { font-size:10px; float:right; } .post .tags { font-size:10px; margin-bottom:10px; } .post .content { line-height:145%; padding:10px 0 10px 15px; overflow:hidden; } .post .content h4 { font-size:14px; margin-bottom:8px; color:#60743A; } .post .content img { max-width:600px; } .post .content p { margin-bottom:8px; } .post .content ul, .post .content ol { padding-bottom:10px; } .post .content ul li, .post .content ol li { list-style-position:inside; padding-left:20px; } .post .content table { border-collapse:collapse; background:#FFF; margin:5px 0 10px; border:2px solid #E1E7E9; } .post .content table tr td, .post .content table tr th { border-left:1px dotted #FFF; border-right:1px dotted #FFF; border-bottom:1px solid #FFF; text-align:left; vertical-align:middle; padding:5px 10px; } .post .content table tr td { background:#F1F5F6; } .post .content table tr th { background:#E1E7E9; } #pagenavi, #postnavi { background:#F6F9E7; padding:1px 10px 1px 15px; font-size:10px; margin-bottom:10px; } #commentnavi { background:#F6F9E7; padding:6px 10px 6px 15px; font-size:10px; } #postnavi, #commentnavi { margin-bottom:10px; } #pagenavi span, #postnavi span, #commentnavi span { margin:-1px 0; } #pagenavi span a, #postnavi span a, #commentnavi span a { display:block; text-decoration:none; padding:5px 10px; } #pagenavi span a:hover, #postnavi span a:hover, #commentnavi span a:hover { background:#ECF3D3; } /* main END */ /* comments START */ .commentlist li { list-style-type:none; background:#F1F5F6; margin-bottom:10px; padding-bottom:1px; } .commentlist li .info { background:#E9EEF1; padding:7px 10px 6px 15px; border-bottom:1px solid #FFF; } .commentlist li.pingcomment { background:#FFF; } .commentlist li.pingcomment a { color:#E05C23; } .commentlist li.pingcomment .info { background:#F1E9E1; border-bottom:none; margin-bottom:-1px; } .commentlist li.admincomment { background:#F6F9E7; } .commentlist li.admincomment .info { background:#ECF3D3; } .admincomment blockquote, .admincomment pre { background:#ECF3D3; border-color:#A6B97E; } .commentlist li .content { padding:8px 10px 0 15px; } .commentlist li .content p { margin-bottom:8px; overflow:hidden; } .info .pic { float:left; margin-right:10px; line-height:10px; } .info .pic img { background:#FFF; padding:1px; border:1px solid #999; } .info .author { margin-right:10px; float:left; } .info .count { float:right; text-align:right; font-size:10px; color:#666; } .info .date { font-size:10px; color:#666; } .info .authorname { font-weight:bold; } #respond { background:#F6F9E7; padding:10px 0 10px 15px; font-size:10px; margin-bottom:10px; } #respond #cancel-comment-reply-link { float:right; padding-right:10px; position:relative; } #respond .row { margin-bottom:5px; } #respond .textfield { width:200px; } #respond .feed { float:left; } #submit { font-size:10px; margin-right:10px; cursor:pointer; float:right; } #emoticon { float:right; margin-top:3px; margin-right:10px; } #comment { width:639px; } #commentnavi a.page-numbers { padding:6px 8px; text-decoration:none; margin:0 -2px; } #commentnavi a.page-numbers:hover { text-decoration:none; background:#ECF3D3; } #commentnavi span.pages { padding:0 10px 0 0; float:left; } #commentnavi span.current { background:#FFF; padding:6px 8px; font-weight:bold; margin:0 -2px; } .commentlist .children { padding-left:10px; } .commentlist .children li.comment, .commentlist .children #respond { border:5px solid #FFF; border-right:0; } .commentlist .children div.regularinfo { background:#E9EEF1; } .commentlist .children div.admininfo { background:#ECF3D3; } .commentlist .children div.pinginfo { background:#F1E9E1; } .commentlist .children #commentform #comment { width:624px; } .commentlist .children .children #commentform #comment { width:609px; } .commentlist .children .children .children #commentform #comment { width:594px; } .commentlist .children .children .children .children #commentform #comment { width:579px; } .commentlist .children .children .children .children .children #commentform #comment { width:564px; } .commentlist .children .children .children .children .children .children #commentform #comment { width:549px; } .commentlist .children .children .children .children .children .children .children #commentform #comment { width:534px; } .commentlist .children .children .children .children .children .children .children .children #commentform #comment { width:519px; } /* comments END */ /* sidebar START */ #sidebar { width:270px; margin:10px 0 0; float:right; overflow:hidden; } .widget { background:#F1F5F6; margin-bottom:10px; padding:0 10px 5px; } .widget h3 { background:#E1E7E9; margin:0 -10px; padding:5px 10px; font-size:11px; border-bottom:1px solid #FFF; } .widget ul { margin:0 -5px; } .widget li { list-style:none; padding:3px 5px; border-bottom:1px solid #E1E7E9; line-height:18px; } .widget div.itembox { padding: 5px 0 0; } .widget li ul { padding-right:0; margin-left:10px; } .widget li li { padding:3px 5px 0; border-top:1px solid #E1E7E9; border-bottom:none; margin-top:3px; } /* sidebar END */ /* footer START */ #footer { background:#E9EEF1; font-size:10px; border-bottom:1px solid #FFF; } #footer li { float:left; list-style-type:none; } #about { float:left; padding:5px 10px; } #admin { float:right; } #admin li { border-left:1px solid #FFF; } #admin li a { display:block; text-decoration:none; padding:5px 10px; } #admin li a:hover { background:#E1E7E9; } #admin li#gotop a { background:#ECF3D3; color:#84985D; } #admin li#gotop a:hover { background:#DEECBE; } /* footer END */ /* calendar START */ #calendar_wrap { background:#F1F5F6; margin:0 -10px; } .widget_calendar h3 { display:none; } #wp-calendar { width:100%; border-collapse:collapse; } #wp-calendar #today { font-weight:bold; } #wp-calendar tbody a { text-decoration:underline; font-weight:bold; } #wp-calendar caption { background:#E1E7E9; padding:5px 10px; font-size:11px; font-weight:bold; margin-bottom:1px; text-decoration:none; text-align:left; } #wp-calendar th, #wp-calendar td { text-align:center; font-size:10px; } #wp-calendar th { background:#E9EEF1; padding:4px 0; border:solid #FFF; border-width:1px 0; } #wp-calendar td { font-size:11px; padding:4px 0 0; } #wp-calendar td#prev { text-align:left; padding:10px 0 5px 10px; font-size:10px; } #wp-calendar td#next { text-align:right; padding:10px 10px 5px 0; font-size:10px; } /* calendar END */ /* links START */ .post .content .linkcat li{ float:left; list-style:none; padding-left:0; width:33%; } /* links END */ /* wp_addbookmarks START */ .wp_addbookmarks a img { border:1px solid #B0BEC7; padding:2px; } .wp_addbookmarks a:hover img { border-color:#258; } /* wp_addbookmarks END */ /* related posts START */ #related_posts { background:#F7F7F7; margin-bottom:10px; } #related_posts h3 { background:#EBEBED; padding:5px 10px 5px 15px; border-bottom:1px solid #FFF; } #related_posts ul { padding:0 10px 5px 15px; } #related_posts ul li { list-style:none; padding:3px 5px; border-bottom:1px solid #EBEBED; line-height:18px; } .related_post li small { display:block; color:#999; } /* related posts END */