/* 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 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; } */ #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: #fff; font: normal 12px/14px arial, sans-serif; color: #a5a5a5; } p { padding:.625em 0; } #top { width: 100%; height: 45px; background: url(images/top.jpg) repeat-x top left;} #top1 { width: 100%; min-height: 180px; background: #ffffff url(images/top1.jpg) repeat-x top left; } #menu { width: 100%; height: 49px; background: url(images/menu_bg.jpg) repeat-x top left;} #menu ul {padding: 12px 0 0 54px;} #menu ul li { padding: 0 40px 0 0; white-space: nowrap; list-style-type: none; display: inline; } #menu ul li a { font-size: 10px; text-transform: uppercase; color: #545454; text-decoration: none } #menu ul li a:hover { color: #d72b1f; } .download_manager_item { font-size: 11px;} #top3 { width: 100%; vertical-align: top; background: #ffffff; padding: 25px 0 0 0; } #top4 { width: 100%; min-height: 430px; height: 100%; background: #a8a8a8 url(images/top4.jpg) repeat-x top left;} #top5 {width: 100%; background: #575757;} #toplink a { display: block; width: 210px; height: 120px; margin: 20px 10px 40px 20px; float: left; } .left { color: #656565; width: 175px; float: left; margin: 10px 0 10px 57px; padding: 0 0 30px 0} .left p {font-size: 11px; margin: 0 0 15px 2px;} .left1 { color: #656565; width: 175px; float: left; position: relative; top: 50px; height: 100%; margin: 0 0 10px 57px;} .left2, .left3 { color: #656565; width: 180px; min-height: 300px; float: left; position: relative; top: 50px; height: 100%; margin: 0 0 10px 75px;} .footer { background: #575757; font-size: 11px; color: #a5a5a5; height: 100%; padding: 10px 0 14px 57px;} .footer a { color: #b5b5b5; text-decoration: underline; } .footer a:hover { color: #ffffff; } .header { visibility: hidden; 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; } .trans2 { float: left; } .trans0 { width: 541px; margin: 0 0 15px 310px; padding: 20px 5px 0 5px;} .trans0 .title0 h1 { padding-left: 12px; font-family: Cambria, Georgia, "Times New Roman", Times, serif; font-size: 20px; color: #ffffff; text-decoration: none;} .trans0 .title0 h1 a, .trans0 .title0 h1 a:link, .trans0 .title0 h1 a:visited { color: #ffffff; text-decoration: none; } .trans0 .title h1 a:hover, .trans0 .title0 h1 a:hover { color: #fff; text-decoration:underline} .trans1 { width: 541px; margin: 0 0 15px 310px} .trans1 .title h1 { padding-left: 12px; font-family: Cambria, Georgia, "Times New Roman", Times, serif; font-size: 20px; color: #d62e25; text-decoration: none; } .trans1 .title h1 a, .trans1 .title h1 a:link, .trans1 .title h1 a:visited { color: #d62e25; text-decoration: none; } .trans1 .title h1 a:hover, .trans1 .title h1 a:hover { color: #d62e25; text-decoration:underline} .cats { color: #757575; border-top:1px solid #d5d5d5; padding: 7px 0 0 0; margin: 7px 0 0 0} .cats0 { color: #733717; border-top:1px solid #bc4f1a; padding: 7px 0 0 0; margin: 7px 0 0 0} .entry0 { color: #53280b; width=100%; padding: 4px 0px 10px 0px; margin: 0 14px 0 10px; border-top: 1px solid #bc4f1a;} .entry0 ol, .left ol { padding-left: 20px; } .entry0 a, .entry a:link, .entry a:visited, .left a, .left a:link, .left a:visited { color: #53280b; text-decoration: underline;} .entry0 a:hover, .left a:hover { color: #ffffff; } .entry { color: #656565; width=100%; padding: 4px 0px 10px 0px; margin: 0 14px 0 10px; border-top: 1px solid #b5b5b5; } .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: #656565; text-decoration: underline; } .entry a:hover, .left a:hover { color: #d62e25; } .entry h3 {font-size: 14px; margin: 15px 0 10px 0; font-family: Arial, Sans-Serif; color: #d62e25; font-weight: normal;} .archive_title { margin: 10px 0 0 0; font-size:14px; color: #d62e25;} .archive_title a {font-size:14px; color: #d62e25;} .entry a.more-link {float: left; margin:10px 0 10px -6px; padding: 10px 25px 0px 32px; text-decoration: none; color:#ffffff; font-size: 10px; font-family: Arial, sans-serif; text-transform: uppercase; width: 160px; height: 36px; background: url(images/readon.png) no-repeat; } .entry0 a.more-link {float: left; margin:10px 0 10px -6px; padding: 10px 25px 0px 32px; text-decoration: none; color:#ffffff; font-size: 10px; font-family: Arial, sans-serif; text-transform: uppercase; width: 160px; height: 36px; background: url(images/readon.png) no-repeat; } .left1 a, .left1 a:link, .left1 a:visited, .left2 a, .left2 a:link, .left2 a:visited { color: #656565; text-decoration: underline; } .left1 a:hover, .left2 a:hover { color: #656565; } .fancy {position: relative; left: 12px; top: 8px;} .date { vertical-align: top; color:#747474; font-family: Arial, Sans-Serif; padding: 14px 15px 0 0; text-align: right; } .date_day { display:block; font-size: 16px; text-align:right; } .date_month { display:block; font-size:10px; text-align:right; } .date_comment { display:block; padding-left: 2px; padding-bottom: 10px; text-align:right; font-weight:bold; } .date_year { display:block; font-size: 10px; line-height:.9em; } .date_comment a, .date_comment a:link { color:#747474; font-size: 11px; text-decoration: none; } .date0 { vertical-align: top; color:#944316; font-family: Arial, Sans-Serif; padding: 14px 15px 0 0; text-align: right; } .edit a{color: #757575; font-family: Arial, Sans-Serif; font-size: 10px; text-transform: uppercase; text-decoration:underline} .edit a:hover{color: #555555;} .edit0 a{color: #944316; font-family: Arial, Sans-Serif; font-size: 10px; text-transform: uppercase; text-decoration:underline} .edit0 a:hover{color: #722814;} #recentFirstPage { } #recentFirstPage ul { list-style-type: none; padding: 10px 0 10px 2px;} #recentFirstPage li { display: block; width: 180px; margin: 5px 0 0 0; padding: 0 0 5px 0; border-bottom: dotted 1px #a5a5a5; } #recentFirstPage ul li a { font-size: 11px; color: #747474; text-decoration: none;} #recentFirstPage ul li a:hover { color: #d72b21; text-decoration: underline;} #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: 2px 0 0 0; padding: 0 0 2px 0;color: #656565; border-bottom: dotted 1px #a5a5a5; } .recent {font-size: 10px; padding:4px 0 4px 0; text-align: left; color: #747474;} #recent ul li a { color: #656565; text-decoration: none;} #recent ul li a:hover { color: #eeeeee; text-decoration: underline;} .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: #656565; border-bottom: dotted 1px #d4d4d4; } .left1 .widget, #recent0 { color: #656565; text-decoration: none; } .left1 .widget ul li a, .left1 .widget a, #recent0 ul li a, #recent0 a { font-size: 11px; color: #656565; text-decoration: none; } .left1 .widget ul li a:hover, .left1 .widget a:hover, #recent0 ul li a:hover, #recent0 a:hover { color: #eee; text-decoration: underline; } /* 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: #656565; border-bottom: dotted 1px #d4d4d4; } .left2 .widget, #recent1 { color: #ffd6dd; text-decoration: none; } .left2 .widget ul li a, .left2 .widget a, #recent1 ul li a, #recent1 a { font-size: 11px; color: #656565; text-decoration: none; } .left2 .widget ul li a:hover, .left2 .widget a:hover, #recent1 ul li a:hover, #recent1 a:hover { color: #eee; text-decoration: underline;} /* 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: #656565; border-bottom: dotted 1px #d4d4d4; } #recent2 { color: #656565; text-decoration: none; } #recent2 ul li a, #recent2 a { font-size: 11px; color: #656565; text-decoration: none; } #recent2 ul li a:hover, #recent2 a:hover { color: #eee; text-decoration: underline;} .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: #656565; border-bottom: dotted 1px #656565; } .left3 .widget, #recent3 { color: #656565; text-decoration: none; } .left3 .widget ul li a, .left3 .widget a, #recent3 ul li a, #recent3 a { font-size: 11px; color: #656565; text-decoration: none;} .left3 .widget ul li a:hover, .left3 .widget a:hover, #recent3 ul li a:hover, #recent3 a:hover { color: #eeeeee; text-decoration: underline;} /* urm okay, this is where block three actually ends, or the css so to say */ /* 4 */ #feeds { padding: 15px 0 5px 0; color: #656565; text-decoration: none; } #feeds a { color: #656565; text-decoration: underline;} #feeds a:hover { color: #eeeeee; text-decoration: underline;} #search form input { color: white; margin: 0; padding: 0; border: 1px solid #ffffff; font-size: 11px; background-color: transparent; float: none; width: auto;} /* for widget search, please don't use it! */ .search form input { overflow: hidden; border: none; width: 115px; height: 24px; color: #454545; font-size: 12px; background:transparent; } .search form div.input {background:transparent url("images/searchbgofcourse.png") no-repeat; padding: 4px 0 0 6px} .search BUTTON { border:none; background: url("images/search_btn.png") no-repeat; width: 42px; height: 25px; color: #fff; text-transform: uppercase; font-size: 10px} #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: 20px 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: 160px; height: 36px; background: url(images/readon.png) no-repeat; }