30April Theme is clean layout that build with 2 Columns Layout.
Visit the Theme Page for theme update and other related information.
Version:1.1 Author:Nurudin Jauhari Author URI:http://www.jauhari.net/ Tags:white, jauhari, fixed width, two columns, widgets This theme was designed and built by Nurudin Jauhari, whose blog you will find at http://jauhari.net/themes/30april Crafted on 30 April 2008 Last Edit:3 May 2008 17.05 +7 GMT The CSS, XHTML and design is released under a Creative Commons Attribution 3.0 License: http://creativecommons.org/licenses/by/3.0/*//* Social Style ********************* */ * {margin:0;padding:0;} html {height:100%;margin-bottom:1px;font:76%/1.6 Arial, Verdana, Sans-Serif;color:#1b1c20;background:#DDD;} hr {display:none;} blockquote {margin:20px;padding:20px;background:#F4F4F4;} pre {width:98%;overflow:auto;font:13px 'Courier New', Courier, Verdana, Arial, sans-serif;color:#629E31;max-height:350px;line-height:18px;margin:10px 0;border:1px solid #A4BD2D;padding:5px;background:#DEF6AF;} code, kbd {font:13px 'Courier New', Courier, Verdana, Arial, sans-serif;color:#629E31;padding:2px;} img.left, img.alignleft {float:left;margin-right:10px;} img.right, img.alignright {float:right;margin-left:10px;} br.clearfix:after, br.clear:after {content:".";display:block;height:0;clear:both;visibility:hidden;} br.clearfix, br.clear {clear:both;} br.clearfix, br.clear {display:inline-block;} /* Hides from IE-mac \*/ * html br.clearfix, * html br.clear {height:1%;} br.clearfix, br.clear {display:block;} /* End hide from IE-mac */ a {color:#8BBF00;text-decoration:none;} a img, img a {border:none;} img.wp-smiley {vertical-align:-25%;} /* structure ***** */ #wrap {width:970px;margin:0 auto;background:#FFF;padding:0 20px;} #page, #header, .menu, #showcase, #extra-footer, #extra-bloglog, #footer {width:100%;} #content {float:left;width:660px;} #sidebar {float:right;width:260px;padding-left:20px;border-left:1px solid #DDD;} /* .header ***** */ #header {padding-top:18px;height:80px;border-bottom:1px solid #DDD;} #header h1 {float:left;width:370px;line-height:1;padding:0;} #header h1 a {font-size:2em;color:#000;text-decoration:none;} #header h1 a:hover {color:#555;} #header p#description {float:left;clear:left;color:#8BBF00;padding-top:7px;letter-spacing:-0.04em;font:normal 1.7em Arial, Helvetica, sans-serif;margin:0;} .description {display:none;} a#pirc {diplay:block;float:right;width:70px;padding-top:9px;} div#search {float:right;margin-right:5px;margin-top:-40px;} /* .menu ***** This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/final_drop.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ .menu {height:42px;width:600px;float:right;} /* hack to correct IE5.5 faulty box model */ * html .menu {} /* remove all the bullets, borders and padding from the default list styling */ .menu ul {padding:0;margin:0;float:right;list-style-type:none;} .menu ul ul {width:149px;} /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .menu li {float:left;position:relative;} /* style the links for the top level */ .menu a, .menu a:visited {display:block;text-decoration:none;height:20px;line-height:20px;margin:0 5px 0 0;padding:6px 10px;text-transform:uppercase;color:#fff;background:#000;-moz-border-radius-topleft:2px;border-top-left-radius:2px;-moz-border-radius-topright:2px;border-top-right-radius:2px;-moz-border-radius-bottomleft:2px;border-bottom-left-radius:2px;-moz-border-radius-bottomright:2px;border-bottom-right-radius:2px;} /* a hack so that IE5.5 faulty box model is corrected */ * html .menu a, * html .menu a:visited {} /* style the second level background */ .menu ul ul a.drop, .menu ul ul a.drop:visited {background:#444 url(images/drop.gif) bottom right no-repeat;} /* style the second level hover */ .menu ul ul a.drop:hover{background:#444 url(images/drop.gif) bottom right no-repeat;} .menu ul ul :hover > a.drop {background:#444 url(images/drop.gif) bottom right no-repeat;} /* style the third level background */ .menu ul ul ul a, .menu ul ul ul a:visited { background:#444;} /* style the third level hover */ .menu ul ul ul a:hover {background:#444;} /* hide the sub levels and give them a positon absolute so that they take up no room */ .menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0;width:149px;border-top:1px solid #FFF;} /* another hack for IE5.5 */ * html .menu ul ul {top:30px;t\op:31px;} /* position the third level flyout menu */ .menu ul ul ul{left:149px;top:-1px;width:149px;} /* position the third level flyout menu for a left flyout */ .menu ul ul ul.left {left:-149px;} /* style the table so that it takes no ppart in the layout - required for IE to work */ .menu table {position:absolute;top:0;left:0;border-collapse:collapse;;} /* style the second level links */ .menu ul ul a, .menu ul ul a:visited {background:#444;color:#FFF;height:auto;line-height:1.8em;padding:5px 10px;width:128px;border-top:1px solid #FFF;} /* yet another hack for IE5.5 */ * html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;} /* style the top level hover */ .menu a:hover, .menu ul ul a:hover{background:#888;color:#fff;text-decoration:none;} .menu :hover > a, .menu ul ul :hover > a {background:#888;color:#fff;} /* make the second level visible when hover on first level list OR link */ .menu ul li:hover ul, .menu ul a:hover ul{visibility:visible;} /* keep the third level hidden when you hover on first level list OR link */ .menu ul :hover ul ul{visibility:hidden;} /* make the third level visible when you hover over second level list OR link */ .menu ul :hover ul :hover ul{ visibility:visible;} /* ================================================================ This CSS is further CSS I have created specifically for Wordpress so that the current page is highlighted in two levels. If you want it in three levels let me know. Author:Isaac Rowntree Website:www.zackdesign.biz =================================================================== */ .menu ul ul .current_page_item a {background:#888;color:#FFF;font-weight:bold;} .menu .current_page_item a {font-weight:bold;background:#888;color:#FFF} .menu ul .current_page_item ul a {color:white;font-weight:normal;background:black;} .menu ul .current_page_item ul a:hover {background:#999;} .menu .current_page_item a:hover {background:#999;} /* #showcase ***** */ #showcase {display:none;width:970px;height:330px;margin:0 auto;padding:10px 0;background:url(images/shiowcase.jpg) no-repeat 0 10px;} body.home #showcase {display:block;} #sidebar #new {display:block;margin-bottom:18px;} /* .page .post .entry .content ***** */ #content h2 {font-size:2.8em;text-transform:uppercase;margin:3px 0 10px;width:540px;} #content h2 a {text-decoration:none;color:#000;} #content h2 a:hover {color:#8BBF00;} #content h3 {font-size:1.8em;margin-top:1em;} #content h4 {font-size:1.3em;margin-top:1.5em;} #content p {margin:0.8em 0;font-size:1.1em;} #content ul, .entry ol, .monthr ul {margin:0 0 20px 30px;} #content ul {list-style:square;} #page {padding-bottom:20px;text-align:left;width:970px;margin:20px auto 0;} .page #content h1 {font-size:3em;margin-bottom:15px;} .post {margin:20px 0;} .post a:hover {color:#000;text-decoration:underline;} .date, .satu h4 {padding:0;margin:0;} .date {display:block;font-size:1.3em;font-weight:bold;padding:20px 0 0 0;text-align:center;width:58px;height:30px;background:url(images/calendar.gif) no-repeat -3px -8px;letter-spacing:-1px;} #content p.com {font-size:0.9em;font-weight:bold;line-height:1.3} .postdata {float:left;width:92px;} .entry {float:left;width:548px;margin-bottom:30px;} .tags, .user span {font-weight:600;display:block;} .tags a, .user a {font-weight:normal;} .archive ul {margin-left:20px;} .archive #s {width:300px;padding:4px;margin:10px 0 20px;} h2#comments, h2#trackbacks, h2#respond {font-size:2em;margin:20px 0;} ol#trackbacklist, ol.commentlist {list-style:none;} ol#trackbacklist li, ol.commentlist li.comment {margin-bottom:20px;} ol#trackbacklist li {padding-bottom:10px;} .author-comment .commenttext {background:#888;color:#FFF} .author-comment .commentauthor {background:#FFF url(images/commentauthor.gif) no-repeat 30px 0;} .author-comment {margin-bottom:20px;} .commenttext {background:#EEE;padding:15px;} .commentauthor {background:#FFF url(images/comment.gif) no-repeat 30px 0;font-size:1.3em;font-weight:bold;padding-top:20px;} .commenttime {display:inline;padding-left:20px;font-size:0.7em;font-weight:normal;color:#888;} input.textbox, textarea, textarea, input#url, input#email, input#author {background:#fff url(images/shadow_top.gif) repeat-x top;border:#ccc 1px solid;font:1em Verdana, Arial, Serif;padding:5px;margin-bottom:10px;} input:focus, textarea:focus {background:#fff url(images/shadow_top.gif) repeat-x top;border:#999 1px solid;} input#s, input#input_txt {padding:4px;border:1px solid #666;} input#searchsubmit, input#submit, input#suggest_button {background:#000;color:#FFF;cursor:pointer;border:0;padding:4px;} input#suggest_button {font-weight:bold;background:#8BBF00;} input#searchsubmit:hover, input#submit:hover, input#suggest_button:hover {background:#888;} textarea#comment {width:556px;margin-bottom:10px;} input.error { border:1px solid red;} label.error {background:url('images/ico/cancel.png') 0 0 no-repeat;padding:0 0 2px 20px;margin-left:.3em;color:#d10000;} label.valid {background:url('images/ico/accept.png') 0 0 no-repeat;width:20px;} label#suggest {font-size:1.4em;font-weight:bold;} p#suggest {margin:15px 0 10px;} #box, #name, #email2, #button {text-align:right;} #name, #email2, #button {font-size:1.3em;} /* #sidebar ***** */ #sidebar ul {list-style:none;} #sidebar li li {list-style:square;margin-left:27px;} #sidebar h2, #extra-footer h3 {font-size:2.2em;text-transform:uppercase;margin-bottom:8px;} .boxr, .linkcat {margin-bottom:20px;} li.widget {margin-bottom:25px;} #sidebar a:hover {color:#000;}/* /#SIDEBAR **** */ #sidebar form {margin-top:16px;} #tag_cloud a {line-height:0.7em;} /* #footer ***** */ #extra-footer {padding:10px 0;} .extra-one {border:1px solid #999;text-align:left;width:650px;padding-bottom:10px;} .recent-reader {width:290px;} .extra-one .inner1 {width:400px;float:left;margin-left:10px;} .extra-one .inner2 {width:220px;float:left;} .extra-one .inner1 ul,.extra-one .inner2 ul {margin:0 0 0 15px;padding:10px 0px 0px 0px;list-style:square;} .extra-one .inner li {display:block;margin:0px;padding:2px 0px 3px } .extra-one a, .recent-reader a { font-weight:normal;} .extra-one a:hover, .recent-reader a:hover {text-decoration:underline;color:#000;} #footer {font-size:1.2em;clear:both;border-top:1px solid #999;padding:5px 0 10px 0 ;margin-top:20px;height:70px;} #footer p {margin:0;padding:0;} #footer p.right {position:absolute;right:0;top:10px;width:300px;text-align:right;} #footer a img {border:none;} a#rss {display:block;float:right;margin-top:-15px;} /* misc ***** */ body.category #content h2, body.search #content h2, body.search #content h3 {margin:20px 0 20px 100px;} body.category #content .entry h2, body.search #content .entry h2 {margin-left:0;font-size:2.1em;} body.category .postdata, body.search .postdata {padding-top:20px;} body.category div#category_description {margin-left:100px;font-size:1.3em;} #content #searchform {margin-left:92px;} div.post2 {margin-left:92px;} .sorry {margin:10px 0 10px 92px;} #tag_cloud a {padding:3px;} #website {display:none;} #ppbutton {display:inline-block;vertical-align:-7px;} #amount, #value select {font-weight:bold;display:inline-block;vertical-align:middle;} #amount {font-size:1.4em;} #value select {margin:0 3px;} .maplink {padding:4px 25px 4px 1px;margin-right:3px;background:transparent url(images/map.gif) no-repeat 100% 55%;} .maplink:hover {text-decoration:underline;background:transparent url(images/go.gif) no-repeat 100% 55%;} div#wpcf {margin-top:-15px;} #wpcf fieldset {border:0;} #wpcf legend {} #wpcf label {font-size:1em;} #wpcf p {margin:0 10px 0} #wpcf .field {width:240px;padding:2px;font-size:1.4em;margin:0;} #wpcf p {margin-bottom:10px} #wpcf textarea {font-size:1.4em;padding;2px;width:500px;height:150px;} #wpcf .error {background-color:#FFFF00} #wpcf .challenge {font-size:1.2em;font-weight:bold;} #wpcf p.alert {color:#FF0000;font-weight:bold;text-align:center;padding:5px 0 10px 0} #wpcf_msg {display:block;} #wpcf input {border:1px solid #CCC;} #wpcf input#wpcf_email {width:300px;} #wpcf input#wpcf_response {width:40px;} #wpcf input#contactsubmit {background:#000;color:#FFF;font-size:1.4em;letter-spacing:-0.02em;border:0;padding:5px;cursor:pointer;} #wpcf input#contactsubmit:hover {background:#888;} .hilite {color:#000;background-color:#99ccff;} .hilite1 {color:#000;background-color:#ffcc66;} .hilite2 {color:#000;background-color:#99ff66;} .hilite3 {color:#000;background-color:#ff9999;} .ac_results {padding:0px;border:1px solid #000;background-color:#FFF;overflow:hidden;} .ac_results ul {width:100%;list-style-position:outside;list-style:none;padding:0;margin:0;} .ac_results iframe {display:none;/*sorry for IE5*/display/**/:block;/*sorry for IE5*/position:absolute;top:0;left:0;z-index:-1;filter:mask();width:3000px;height:3000px;} .ac_results li {margin:0px;padding:3px 5px;cursor:pointer;display:block;width:100%;font:menu;font-size:12px;overflow:hidden;} .ac_loading {background :Window url('./indicator.gif') right center no-repeat;} .ac_over {background-color:Highlight;color:HighlightText;} a#end {vertical-align:super;line-height:1;font-size:0.7em;} body.page-190 #sidebar {display:none;} body.page-190 #content {width:970px;} #sidebar .textwidget #new, #sidebar .textwidget #all {display:none;} body.home #sidebar .textwidget #new, body.home #sidebar .textwidget #all {display:block;} body.home #sidebar {margin-top:20px;}