/* Theme Name: Ali Han Natural Theme URI: http://www.alihan.com.tr/blog/ Description: Spring, flowers, birds, butterfly, clouds and animals Natural blog theme. Date: 17th February 2011 Version: 2.3 Author: Ali Han Author URI: http://www.alihan.com.tr Tags: green, orange, silver, white, yellow, light, fixed-width, two-columns, right-sidebar, seasonal The CSS, XHTML and design is released under GPL: http://creativecommons.org/licenses/by-nc-nd/3.0/ */ /* GENERAL TAGS */ *,html { padding:0; margin:0; list-style:none; } body { background:#B0EDFF url(images/topgrad.jpg) repeat-x; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#333; line-height:20px; } img { padding:15px; } .wp-caption { margin:10px; } .wp-caption img {padding:0;} .wp-caption-text{ font-size:10px; color:#999; line-height:10px; } .clear {clear:both;} a, a:link { color:#090; border-bottom:#090 dotted 1px; text-decoration:none; } a:hover { color:#FFF; background:#090; border:none; } a:visited { text-decoration:none; } blockquote { border-left:#CCC 3px solid; margin-left:15px; padding-left:5px; color:#999; } /* LAYOUT */ #top { position:relative; margin:0 auto; width:1060px; height:226px; text-align:center; background:url(images/top.jpg) center no-repeat; } #top .blogTitle , #top .blogTitle a { position:relative; top:55px; font-family: 'Neucha', arial, serif; font-weight:bold; font-size:44px; letter-spacing:3px; display:block; background:none; border:none; color:#FFF; } #top .blogDesc { position:relative; top:120px; font-size:18px; letter-spacing:3px; color:#FFF; border-top:#FFF dotted 2px; } #center { margin:0 auto; width:1060px; background:url(images/center.jpg) center repeat-y; overflow:hidden; } #bottom { color:#999; margin:0 auto; position:relative; width:1060px; height:160px; text-align:center; background:url(images/bottom.jpg) top center no-repeat; } #bottom span { position:absolute; bottom:0px; left:150px; } #bottom a { border:none; text-decoration:none; color:#999; } #mainContent { width:650px; overflow:hidden; margin:0 15px 0 80px; float:left; } #sidebar { float:left; width:250px; border-left:#E4E4E4 1px solid; padding-left:10px; } #sidebar h2 { font-family: 'Neucha', arial, serif; font-size:22px; letter-spacing:-1px; text-decoration:none; color:#8CA44C; } /* topbar */ #topBar { position:absolute; top:0px; right:30px; } #topMenu { float:left; } #searchArea{ float:left; background: url(images/searchbar.png) no-repeat left top; height:24px; width:230px; margin-top:10px; padding-left:20px; } #searchArea input { background:none; border:none; float:left; height:20px; width:150px; color:#666; margin-top:4px; } #searchArea a{ display:block; height:24px; width:55px; float:left; text-indent:-9999px; background:none; border:none; } /* STYLE */ .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignright { float:right;} .alignleft { float:left;} .post .the_content h1 { font-family: 'Neucha', arial, serif; font-size:22px; letter-spacing:-1px; text-decoration:none; color:#8CA44C; border:none; background:none } .post .the_content h2 { font-family: 'Neucha', arial, serif; font-size:18px; letter-spacing:-1px; text-decoration:none; color:#8CA44C; border:none; background:none } .postTitles { width:650px; height:71px; background:url(images/titles.jpg) top left no-repeat; vertical-align:bottom; } .postTitles a, .postTitles a:hover { font-family: 'Neucha', arial, serif; font-size:22px; letter-spacing:-1px; text-decoration:none; position:relative; top:25px; left:20px; color:#8CA44C; border:none; background:none; } #mainContent .pagetitle { margin:15px 0 25px 0; display:block; color:#8CA44C; font-family: 'Neucha', arial, serif; font-size:25px; letter-spacing:1px; font-weight:600%; width:auto; display:block; text-align:center; } /* author */ .authorData { width:650px; background:url(images/authorDataTop.jpg) top left no-repeat; margin:50px 0 50px 0; padding:0; } .authorData .bg { background:url(images/authorDataBottom.jpg) bottom left no-repeat; width:650px; padding:20px; text-align:justify; } .authorData .gravatar { float:left; } .authorData .gravatar img { padding:0; margin:0; } .authorData .name { display:block; color:#8CA44C; font-family: 'Neucha', arial, serif; font-size:25px; letter-spacing:1px; font-weight:bold; padding:5px 0 0 15px; } .authorData .bio { float:left; width:600px; } /* Comments */ #respond, #comments { margin:15px 0 25px 0; display:block; color:#8CA44C; font-family: 'Neucha', arial, serif; font-size:25px; letter-spacing:1px; font-weight:600%; width:auto; display:block; text-align:center; } #author, #email, #url, #comment { font: italic 16px Georgia, Times, serif; padding:5px; margin:5px; background:#FCFCFC; border-color: #CCC #EFEFEF #EFEFEF #CCC; border-width: 1px; border-style: solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-top-left-radius: 3px 3px; border-top-right-radius: 3px 3px; border-bottom-right-radius: 3px 3px; border-bottom-left-radius: 3px 3px; } #author, #email, #url { width:185px; } #comment { width:610px; } #submit , .addComment { cursor:pointer; display: inline-block; margin: 5px; padding: 3px 13px; border: 1px solid #4081AF; border-bottom-color: #20559A; color: white !important; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, .3); text-decoration: none; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #237FD7; background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #52A8E8), color-stop(1, #2E76CF) ); background: -moz-linear-gradient( center top, #52A8E8 20%, #2E76CF 100% ); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3) /*Top*/, inset 0 0 2px rgba(255, 255, 255, .3) /*Shine*/, 0 1px 2px rgba(0, 0, 0, .29) /*Shadow*/; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3) /*Top*/, inset 0 0 2px rgba(255, 255, 255, .3) /*Shine*/, 0 1px 2px rgba(0, 0, 0, .29) /*Shadow*/; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3) /*Top*/, inset 0 0 2px rgba(255, 255, 255, .3) /*Shine*/, 0 1px 2px rgba(0, 0, 0, .29) /*Shadow*/; border-top-left-radius: 15px 15px; border-top-right-radius: 15px 15px; border-bottom-right-radius: 15px 15px; border-bottom-left-radius: 15px 15px; } .commentlist li { position:relative; background:#F7F7F7; border-top:#DDDDDD 1px solid; border-bottom:#DDDDDD 3px solid; margin:0 0 25px 0; } .commentlist img { float:left; margin:5px 5px 0 5px ; padding:0; } .commentlist b { color:#090; } .commentlist p { color:#666; } .commentlist .commentCount , .commentlist .commentCount hover { border:none; background:none; text-decoration:none; color:#999; } .commentlist .comment_text { width:650px; float:left; } .commentlist .comment_text small, .commentlist .comment_text small a { border:none; text-decoration:none; font-size:12px; color:#CCC; } .commentlist .depth-2 { border:none; margin:0 0 0 50px; } .commentlist .depth-2 .comment_text { width:600px; } .commentlist .depth-3 { margin:0 0 0 50px; border:none; } .commentlist .depth-3 .comment_text { width:550px; } .commentlist .depth-4 { border:none; margin:0 0 0 50px; } .commentlist .depth-4 .comment_text { width:500px; } .commentlist .depth-5 { border:none; margin:0 0 0 50px; } .commentlist .depth-5 .comment_text { width:450px; } .commentlist .depth-6 { border:none; margin:0 0 0 50px; } .commentlist .depth-6 .comment_text { width:400px; } /* */