/* Theme Name: 08 Rainbow Feather (v3) - English Version Theme URI: http://www.h4x3d.com/themes/feather Description: All new widget-ready version (v3) of the beautiful Rainbow Feather Theme by Julian Klewes. Released under these Creative Commons terms of use. Version: 3.0 Author: julian klewes Author URI: http://www.h4x3d.com Created: 13:20 12.07.2007 (press F5 in notepad to enter the date, yay!) Updated: 14:55 18.08.2007 , 20:01 27.12.2007 , 13:41 12.01.2008 , 10:13 06.02.2008, 12:49 08.02.2008 Tags: one column,fixed width, fluid width, easy customization, widget ready, valid CSS, valid XHTML, sidebar left, blue, pink, yellow, rainbow, custom header Stamp credit: http://www.nyssajbrown.net/flagstamps/ Individual translation credits on theme page, I thank everyone involved! Be sure to checkout my site at h4x3d.com for feature posts about theme modifications. Checkout the page at http://www.h4x3d.com/themes/feather regularly for news */ /* debugging div li { border: 1px solid red; } */ .aligncenter, div.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; /* optional rounded corners for browsers that support it */ -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 p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } #hi a, #hi a:link, #hi a:hover { border: 0px; } html { min-height: 100%; height: auto; } br.both { clear: both; } #spacejz, br.twenty { clear: both; height: 20px; } img { border: 0px; } * {margin: 0; padding: 0;} body { background-color: #F65F82; font: normal 11px/14px arial, sans-serif; color: #2a2727; } p { padding:.625em 0; text-align: justify; line-height: 20px;} #top { width: 100%; height: 45px; background: url(images/top.jpg) repeat-x top left;} #top1 { width: 100%; min-height: 328px; background: #F1DA36 url(images/top1.jpg) repeat-x top left; } #top2 { width: 100%; height: 6px; background: url(images/top2.jpg) repeat-x top left;} #top3 { width: 100%; height: 100%; background: #0e448a url(images/top3.jpg) repeat-x top left; } #top4 { width: 100%; min-height: 430px; height: 100%; background: #F76589 url(images/top4.jpg) repeat-x top left;} #top5 {width: 100%; min-height: 22px; background: #fd4b6c url(images/top5.jpg) repeat-x top left;} #toplink a { display: block; width: 250px; height: 170px; margin: 118px 10px 40px 40px; float: left; } .left { color: #bae4ff; width: 175px; float: left; position: relative; top: 50px; height: 100%; margin: 0 0 10px 57px;} .left1 { color: #f997aa; width: 175px; float: left; position: relative; top: 50px; height: 100%; margin: 0 0 10px 57px;} .left2, .left3 { color: #f997aa; width: 180px; min-height: 300px; float: left; position: relative; top: 50px; height: 100%; margin: 0 0 10px 75px;} .footer { color: #fca2b2; float: left; position: relative; top: 0px; height: 100%; margin: 4px 0 1px 57px;} .footer a { color: #f6a8b6; text-decoration: none; border-bottom: 1px solid white;} .footer a:hover { color: #fc97a9; text-decoration: none; border-bottom: 1px solid #d4f3ff;} .header { color: #bae4ff; position: relative; top: 5px; height: 100%; margin: 0 0 10px 167px;} .header ul { padding-top: 8px; } .header ul li { padding: 0 5px 5px 0; white-space: nowrap; list-style-type: none; display: inline; } .header a, .header a:link, .header a:visited { color: #318cc9; text-decoration: none; border-bottom: 1px solid #E0F0F6; } .header a:hover { color: #1f75af; text-decoration: none; border-bottom: 1px solid white; } .header ul li a, .header ul li a:link, .header ul li a:visited { color: #318cc9; text-decoration: none; border-bottom: 1px solid #97cef3; } .header ul li a:hover { color: #318cc9; text-decoration: none; border-bottom: 1px solid #f9fdfe; } .trans0 { position: relative; top: 20px; width: 541px; min-height: 288px; margin: 0 0 15px 320px; padding: 0 5px 2px 5px; background: url(images/trans0.png) repeat-x bottom left; } .trans1 { position: relative; top: 50px; width: 541px; margin: 0 0 15px 320px; padding: 0 5px 0 5px; background: url(images/trans1.png) repeat-y bottom left;} .trans2 { float: left; } .trans0 .title h1 a, .trans0 .title h1 a:link, .trans0 .title h1 a:visited, .trans0 .titletop h1 a, .trans0 .titletop h1 a:link, .trans0 .titletop h1 a:visited { vertical-align: top; padding-left: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #54544b; text-decoration: none; } .trans0 .title h1 a:hover, .trans0 .titletop h1 a:hover { padding-left: 14px; color: #444444; } .title { background: url(images/title0.gif) no-repeat top left; } .title h1 a, .title h1 a:link, .title h1 a:visited { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #d1ffff; text-decoration: none; padding-left: 14px; } .title h1 a:hover, .title h1 a:hover { color: #a3d8f9; padding-left: 14px; } .cats { font-size: 90%; color: #c7d7dd; } .trans0 .cats { font-size: 90%; color: #1c333d; } .entry0 { color: #72787a; width: 90%; padding: 6px 14px 14px 14px; } .entry0 ol, .left ol { padding-left: 20px; } .entry0 a, .entry a:link, .entry a:visited, .left a, .left a:link, .left a:visited { color: #72787a; text-decoration: none; border-bottom: 1px solid #ded382; } .entry0 a:hover, .left a:hover { color: #1c333d; border-bottom: 1px solid #e8d965; } .entry0 img { float: right; padding: 9px; } .entry { color: #E0F0F6; width: 90%; padding: 6px 14px 14px 14px; } .entry ul, .left ul { padding-left: 13px; } .entry ol, .left ol { padding-left: 20px; } .entry a, .entry a:link, .entry a:visited, .left a, .left a:link, .left a:visited { color: #E0F0F6; text-decoration: none; border-bottom: 1px solid #69abe5; } .entry a:hover, .left a:hover { color: white; border-bottom: 1px solid #bae4ff; } .entry img { padding: 9px; } .readon img { float: left; padding: 5px 0 1px 2px; } .readon a { border: 0; } .left1 a, .left1 a:link, .left1 a:visited, .left2 a, .left2 a:link, .left2 a:visited { color: #E0F0F6; text-decoration: none; border-bottom: 1px solid #69abe5; } .left1 a:hover, .left2 a:hover { color: #69abe5; border-bottom: 1px solid #ffd6dd; } .trans0 .entry { color: #E0F0F6; width: 90%; padding: 6px 14px 14px 14px; } .trans0 .entry ul { padding-left: 13px; } .trans0 .entry ol { padding-left: 20px; } .trans0 .entry a, .trans0 .entry a:link, .trans0 .entry a:visited { color: #E0F0F6; text-decoration: none; border-bottom: 1px solid #69abe5; } .trans0 .entry a:hover { color: #69abe5; border-bottom: 1px solid #ffd6dd; } .date { vertical-align: top; color:#2682bf; line-height:2.1em; margin: 7px 0 0 1px; padding-top: 18px; padding-left:2px; padding-right: 15px; font-size:.8em; text-align: right; } .date_day { display:block; font-size:2.367em; text-align:right; } .date_month { display:block; font-size:2.367em; text-align:right; font-weight:bold; } .date_comment { display:block; padding-left: 2px; padding-bottom: 10px; font-size:3.667em; text-align:right; font-weight:bold; } .date_year { display:block; font-size: 10px; line-height:.9em; } .date a, .date a:link, .date a:visited { color: #318cc9; text-decoration: none; } .date:hover, .date a:hover { color: #2682bf; } .date_comment a, .date_comment a:link { color:#2682bf; text-decoration: none; } .date0 { vertical-align: top; color:#f4e46b; line-height:2.1em; margin: 7px 0 0 1px; padding-top: 18px; padding-left:2px; padding-right: 15px; font-size:.8em; text-align: right; } .date0 a, .date0 a:link, .date0 a:visited { color: #f4e46b; text-decoration: none; } .date0:hover, .date0 a:hover { color: #e8d965; } #recentFirstPage { position: absolute; left: 57px; top: 700px; } #recentFirstPage ul { list-style-type: none; position: relative; left: 0px; padding-left: 0px; margin-left: 1px; } #recentFirstPage li { display: block; width: 220px; position: relative; left: 0px; margin: 5px 0 0 0; padding: 0 0 5px 0;color: #ffd6dd; border-bottom: dotted 1px #d4f3ff; } #recentFirstPage ul li a { color: #d4f3ff; text-decoration: none; border-bottom: 1px solid #69abe5; } #recentFirstPage ul li a:hover { color: white; text-decoration: none; border-bottom: 1px solid #d4f3ff; } #recent ul { list-style-type: none; position: relative; left: 0px; padding-left: 0px; margin-left: 1px; } #recent li { display: block; width: 220px; position: relative; left: 0px; margin: 5px 0 0 0; padding: 0 0 5px 0;color: #ffd6dd; border-bottom: dotted 1px #69abe5; } .recent {text-align: right; position: absolute; right: 5px; top: 3px; color: #E0F0F6;} #recent ul li a { color: #E0F0F6; text-decoration: none; border-bottom: 1px solid #69abe5; } #recent ul li a:hover { color: #69abe5; text-decoration: none; border-bottom: 1px solid #ffd6dd; } .left1 li, .left2 li, .left3 li { float: left; padding: 0; margin: 0; list-style-type: none; } h2 { font-size: 1.55em; } /* convince IE to look cool */ .left1 .widget ul, #recent0 ul { list-style-type: none; position: relative; left: 0px; padding-left: 0px; margin-left: 1px; } .left1 .widget li, #recent0 li { display: block; width: 180px; position: relative; left: 0px; margin: 5px 0 0 0; padding: 0 0 5px 0; color: #ffd6dd; border-bottom: dotted 1px #ffd6dd; } .left1 .widget, #recent0 { color: #ffd6dd; text-decoration: none; } .left1 .widget ul li a, .left1 .widget a, #recent0 ul li a, #recent0 a { color: #f997aa; text-decoration: none; border-bottom: 1px solid #f997aa; } .left1 .widget ul li a:hover, .left1 .widget a:hover, #recent0 ul li a:hover, #recent0 a:hover { color: #fff; text-decoration: none; border-bottom: 1px solid #d4f3ff; } /* end recent0, .left1 and so on */ .left2 .widget ul, #recent1 ul { list-style-type: none; position: relative; left: 0px; padding-left: 0px; margin-left: 1px; } .left2 .widget li, #recent1 li { display: block; width: 180px; position: relative; left: 0px; margin: 5px 0 0 0; padding: 0 0 5px 0; color: #ffd6dd; border-bottom: dotted 1px #ffd6dd; } .left2 .widget, #recent1 { color: #ffd6dd; text-decoration: none; } .left2 .widget ul li a, .left2 .widget a, #recent1 ul li a, #recent1 a { color: #f997aa; text-decoration: none; border-bottom: 1px solid #f997aa; } .left2 .widget ul li a:hover, .left2 .widget a:hover, #recent1 ul li a:hover, #recent1 a:hover { color: #fff; text-decoration: none; border-bottom: 1px solid #d4f3ff; } /* end recent1, .left2 (second left sidebar) */ #recent2 ul { list-style-type: none; position: relative; left: 0px; padding-left: 0px; margin-left: 1px; } #recent2 li { list-style-type: none; display: block; width: 150px; position: relative; left: 0px; margin: 5px 0 0 3px; padding: 0 0 5px 0; color: #ffd6dd; } #recent2 { color: #ffd6dd; text-decoration: none; } #recent2 ul li a, #recent2 a { color: #f997aa; text-decoration: none; border-bottom: 1px solid #f997aa; } #recent2 ul li a:hover, #recent2 a:hover { color: #fff; text-decoration: none; border-bottom: 1px solid #d4f3ff; } .left3 .widget ul, #recent3 ul { list-style-type: none; position: relative; left: 0px; padding-left: 0px; margin-left: 1px; } .left3 .widget li, #recent3 li { display: block; width: 180px; position: relative; left: 0px; margin: 5px 0 0 0; padding: 0 0 5px 0; color: #ffd6dd; border-bottom: dotted 1px #ffd6dd; } .left3 .widget, #recent3 { color: #ffd6dd; text-decoration: none; } .left3 .widget ul li a, .left3 .widget a, #recent3 ul li a, #recent3 a { color: #ffd6dd; text-decoration: none; border-bottom: 1px solid #fff; } .left3 .widget ul li a:hover, .left3 .widget a:hover, #recent3 ul li a:hover, #recent3 a:hover { color: #fff; text-decoration: none; border-bottom: 1px solid #fcc5ce; } /* urm okay, this is where block three actually ends, or the css so to say */ /* 4 */ #feeds { padding: 15px 0 5px 0; color: #ffd6dd; text-decoration: none; } #feeds a { color: #ffd6dd; text-decoration: none; border-bottom: 1px solid #fcc5ce; } #feeds a:hover { color: #fff; text-decoration: none; border-bottom: 1px solid #fff; } .search form, .search form input { color: black; margin: 0; padding: 0; border: 0; font-size: 10px; background-color: transparent; } #search form input { color: white; margin: 0; padding: 0; border: 1px solid #fcc5ce; font-size: 10px; background-color: transparent; float: none; width: auto;} /* for widget search, please don't use it! */ .search form .comeon { float: left; width: 130px; height: 18px; overflow: hidden; } .search form .comeon1 { margin-bottom: 2px; float: left; width: 130px; height: 18px; overflow: hidden; background: #fff url(images/searchbgofcourse.png) no-repeat; } .search form .comeon #s, .search form .comeon1 #log, .search form .comeon #pwd { padding: 4px 0 4px 10px; width: 95%; background: #fff url(images/searchbgofcourse.png) no-repeat; } .search form .comeon #s:hover, .search form .comeon1 #log:hover, .search form .comeon #pwd:hover, .search form .comeon #s:focus, .search form .comeon1 #log:focus, .search form .comeon #pwd:focus { color: #AAA; background: #fff url(images/searchbgofcourse.png) no-repeat; } .search form input#searchsubmit, .search form input#go { margin-left: 6px; height: 18px; width: 20px; overflow: hidden; display: inline; } #rememberme { margin-top: 4px; margin-left: 3px; height: 18px; width: 20px; overflow: hidden; display: inline; } /* Begin Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 225px; } #wp-calendar #next a { background-color: #ffd6dd; padding-right: 10px; text-align: right; } #wp-calendar #prev a { background-color: #ffd6dd; padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: left; font-size: 12px; padding-left: 12px; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } #wp-calendar td a { background-color: #ffd6dd; border: 1px solid #a03d22; } #wp-calendar td a:hover { color: black; background-color: #fff; border: 1px solid #fff; } #wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; } /* End Calendar */ #fnf { position: relative; top: 50px; width: 541px; height: 320px; margin: 0 0 15px 220px; padding: 0 5px 0 5px;} #imgLinks { margin: 0 0 -15px 0; width: 158px; height: 40px; background: url(images/links.png) no-repeat; } #imgArchive { margin: 0 0 -15px 0; width: 158px; height: 40px; background: url(images/monthly.png) no-repeat; } #imgSuche { margin: 0 0 -10px 0; width: 158px; height: 40px; background: url(images/search.png) no-repeat; } #imgLogin { margin: 0 0 -15px 0; width: 158px; height: 40px; background: url(images/login.png) no-repeat; } #imgNewsfeed { margin: 0 0 -15px 0; width: 158px; height: 40px; background: url(images/newsfeed.png) no-repeat; } #imgKategorien{ margin: 0 0 -15px 0; width: 158px; height: 40px; background: url(images/cats.png) no-repeat; } #imgKalender { margin: 0 0 -15px 0; width: 158px; height: 40px; background: url(images/about.jpg) no-repeat; } #imgAbout { margin: 0 0 -15px 0; width: 158px; height: 40px; background: url(images/about.png) no-repeat; } #imgRecently { margin: 0 0 -15px 0; width: 158px; height: 40px; background: url(images/recently.png) no-repeat; } #imgReadon { margin: 10px 0 -12px 0; width: 144px; height: 22px; background: url(images/readon.png) no-repeat; }