/* Theme Name: 08 Rainbow Feather (v3) - French 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, 11:25 10.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; } * { padding: 0; margin: 0;} body { background-color: #1f191f ; font: normal 14px/16px arial, sans-serif; color: #2a2727; width: 1200px; margin-left: auto; margin-right: auto;} p { padding:.625em 0; text-align: justify; line-height: 20px;} #top { width: 1270px; height: 45px; background: url(images/top.jpg) repeat-x top left;} #top404 { width: 1270px; min-height: 328px; background: #1f191f url(images/top404.jpg) repeat-x top left; } #top1_actu { width: 1270px; min-height: 328px; background: #1f191f url(images/top1-actu.jpg) repeat-x top left; } #top1 { width: 1270px; min-height: 328px; background: #1f191f url(images/top1.jpg) repeat-x top left; } #top1_rss { width: 1270px; min-height: 328px; background: #1f191f url(images/top1_rss.jpg) repeat-x top left; } #top1_blog { width: 1270px; min-height: 328px; background: #1f191f url(images/top1_blog.jpg) repeat-x top left; } #top2 { width: 1270px; height: 6px; background: url(images/top2.jpg) repeat-x top left;} #top3 { width: 1270px; height: 100%; background: #1f191f url(images/top3.jpg) repeat-x top left; } #top4 { width: 1270px; min-height: 430px; height: 100%; background: #999999 url(images/top4.jpg) repeat-x top left;} #top5 {width: 1270px; min-height: 22px; background: #715971 url(images/top5.gif) repeat-x top left;} #top6 {width: 1270px; min-height: 22px; background: #715971 url(images/top5.gif) repeat-x top left;} #toplink a { display: block; width: 250px; height: 170px; margin: 118px 10px 40px 40px; float: left; } .left { color: #ffffff; width: 175px; float: left; position: relative; top: 50px; height: 100%; margin: 0 0 10px 57px;} .left1 { color: #ffffff; width: 175px; float: left; position: relative; top: 50px; height: 100%; margin: 0 0 10px 57px;} .left2, .left3 { color: #ffffff; width: 180px; min-height: 300px; float: left; position: relative; top: 50px; height: 100%; margin: 0 0 10px 75px;} .left4 { color: #ffffff; width: 175px; float: left; position: relative; top: 15px; height: 100%; margin: 0 0 10px 57px;} .footer { color: #ffffff; float: left; position: relative; top: 0px; height: 100%; margin: 4px 0 1px 57px;} .footer a { color: #ffffff; text-decoration: none; } .footer a:hover { color: #ffffff; text-decoration: none; } .rightadsens{ color: #ffffff; width: 175px; float: right; position: relative; top: 50px; height: 100%; margin: 0 100px 10px 57px;} .header { color: #ffffff; position: relative; top: 4px; height: 100%; width: 950px; margin: 0 0 10px 375px;} .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; } .header a:hover { color: #ff66ff; text-decoration: none; } .header ul li a, .header ul li a:link, .header ul li a:visited { color: #ffffff; text-decoration: none; } .header ul li a:hover { color: #ff66ff; text-decoration: none; } .trans0 { position: relative; top: 15px; 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: 950px; margin: 0 0 15px 320px; padding: 0 5px 0 5px; background: url(images/trans1.png) repeat-y bottom left;} .trans11 { position: relative; top: 50px; width: 950px; 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: #ff66ff; text-decoration: none; } .trans0 .title h1 a:hover, .trans0 .titletop h1 a:hover { padding-left: 14px; color: #666666; } .title { background: url(images/title0.png) 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: #ffffff; text-decoration: none; padding-left: 14px; } .title h1 a:hover, .title h1 a:hover { color: #666666; padding-left: 14px; } .cats { font-size: 90%; color: #ffccff; } .trans0 .cats { font-size: 90%; color: #ff66ff; } .entry0 { color: #72787a; width: 90%; padding: 0 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: #ff66ff; text-decoration: none; } .entry0 a:hover, .left a:hover { color: #666666; border-bottom: 5px solid #ff66ff; } .entry0 img { float: right; padding: 9px; } /* c'est ici la typo */ .entry { color: #FFFFFF; width: 95%; 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: #ffccff; text-decoration: none; } .entry a:hover, .left a:hover { color: white; border-bottom: 5px solid #ffccff; } .entry img { padding: 0px; } .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; } .left1 a:hover, .left2 a:hover { color: #ff66ff; } .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: #FFFFFF; text-decoration: none; border-bottom: 1px solid #69abe5; } .trans0 .entry a:hover { color: #ff66ff; } .date { vertical-align: top; color:#666666; 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:2.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: #666666; text-decoration: none; } .date:hover, .date a:hover { color: #000000; } .date_comment a, .date_comment a:link { color:#666666; text-decoration: none; } .date_comment a:hover, .date_comment a:hover { color: #000000; } .date0 { vertical-align: top; color:#666666; 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: #666666; text-decoration: none; } .date0:hover, .date0 a:hover { color: #000000; } #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: #ffccff; } #recentFirstPage ul li a { color: #ffccff; text-decoration: none; } #recentFirstPage ul li a:hover { color: #ffffff; text-decoration: none; } #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: white; border-bottom: dotted 2px #ff66ff; } .recent {text-align: right; position: absolute; right: 5px; top: 3px; color: white;} #recent ul li a { color: #ffccff; text-decoration: none; } #recent ul li a:hover { color: #ffffff; text-decoration: none; } .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: #ffffff; } .left1 .widget, #recent0 { color: #ffffff; text-decoration: none; } .left1 .widget ul li a, .left1 .widget a, #recent0 ul li a, #recent0 a { color: #000000; text-decoration: none; } .left1 .widget ul li a:hover, .left1 .widget a:hover, #recent0 ul li a:hover, #recent0 a:hover { color: #000000; text-decoration: none; } /* 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: #ffffff; } .left2 .widget, #recent1 { color: #ffffff; text-decoration: none; } .left2 .widget ul li a, .left2 .widget a, #recent1 ul li a, #recent1 a { color: #000000; text-decoration: none; } .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: #ffffff; } #recent2 { color: #ffffff; text-decoration: none; } #recent2 ul li a, #recent2 a { color: #ffccff; text-decoration: none; } #recent2 ul li a:hover, #recent2 a:hover { color: #fff; text-decoration: none; } .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: #ffffff; } .left3 .widget, #recent3 { color: #ffffff; text-decoration: none; } .left3 .widget ul li a, .left3 .widget a, #recent3 ul li a, #recent3 a { color: #ffffff; text-decoration: none; } .left3 .widget ul li a:hover, .left3 .widget a:hover, #recent3 ul li a:hover, #recent3 a:hover { color: #fff; text-decoration: none; } /* urm okay, this is where block three actually ends, or the css so to say */ /* 4 */ #feeds { padding: 15px 0 5px 0; color: #ffccff; text-decoration: none; } #feeds a { color: #ffccff; text-decoration: none; } #feeds a:hover { color: #fff; text-decoration: none; } .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 #ff66ff; 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: black; 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: #ffffff; padding-right: 10px; text-align: right; } #wp-calendar #prev a { background-color: #ffffff 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: #ffffff; 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/archives.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/categories.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; } #imgSurleblog { margin: 0 0 -15px 0; width: 158px; height: 40px; background: url(images/surleblog.png) no-repeat; } #imgHautGauche { margin: 0 0 -15px 0; width: 158px; height: 55px; background: url(images/invisible.gif) no-repeat; } #imgReadon { margin: 10px 0 -12px 0; width: 144px; height: 22px; background: url(images/readon.png) no-repeat; } #imgLogiciels { margin: 0 0 -15px 0; width: 158px; height: 40px; background: url(images/logiciels.png) no-repeat; } #imgMenu_tablettes a { display:block; margin: 0 0 0 0; width: 170px; height: 35px; background: url(images/menu_tablette2.png) no-repeat; } #imgMenu_tablettes a:hover { margin: 0 0 0 0; width: 170px; height: 35px; background: url(images/menu_tablette.png) no-repeat; } #imgMenu_reglages a { display:block; margin: 0 0 0 0; width: 170px; height: 35px; background: url(images/menu_reglage2.png) no-repeat; } #imgMenu_reglages a:hover { margin: 0 0 0 0; width: 170px; height: 35px; background: url(images/menu_reglage.png) no-repeat; } #imgMenu_aides a { display:block; margin: 0 0 0 0; width: 170px; height: 35px; background: url(images/menu_aide2.png) no-repeat; } #imgMenu_aides a:hover { margin: 0 0 0 0; width: 170px; height: 35px; background: url(images/menu_aide.png) no-repeat; } #imgMenu_applications a { display:block; margin: 0 0 0 0; width: 170px; height: 35px; background: url(images/menu_application2.png) no-repeat; } #imgMenu_applications a:hover { margin: 0 0 0 0; width: 170px; height: 35px; background: url(images/menu_application.png) no-repeat; } #imgMenu_blog a { display:block; margin: 0 0 0 0; width: 170px; height: 35px; background: url(images/menu_blog2.png) no-repeat; } #imgMenu_blog a:hover { margin: 0 0 0 0; width: 170px; height: 35px; background: url(images/menu_blog.png) no-repeat; } #imgMenu_downloads a { display:block; margin: 0 0 0 0; width: 170px; height: 35px; background: url(images/menu_download2.png) no-repeat; } #imgMenu_downloads a:hover { margin: 0 0 0 0; width: 170px; height: 35px; background: url(images/menu_download.png) no-repeat; } #imgMenu_infos a { display:block; margin: 0 0 0 0; width: 170px; height: 35px; background: url(images/menu_info2.png) no-repeat; } #imgMenu_infos a:hover { margin: 0 0 0 0; width: 170px; height: 35px; background: url(images/menu_info.png) no-repeat; } #imgRhonda { margin: 10px 0 -12px 0; width: 237px; height: 123px; background: url(images/rondha_initiative.png) no-repeat; } #imgLPP { margin: 10px 0 -12px 0; width: 237px; height: 123px; background: url(http://www.vincenwoo.com/vincenwoo/site_wacom_et_mapomme/wp-content/uploads/2009/05/lepetitprince_initiative.png) no-repeat; } /*moi, mes css */ .montructitre { font-size: 14px; color: #FFFFFF; } .petittitre { font-size: 14px; font-style: normal; font-weight: bold; color: #FFFFFF; background: url(images/titlepartie.png) repeat-y; } .montrucmini { font-size: 12px; color: #FFFFFF; } .textareacouleur { background: #ffccff; } #teleguide{ display:block; background-image:url('images/navigationtele_03.png'); width:110px; height:275px; } #teleguide:hover, #teleguide:focus{ background-image:url('images/navigationtele2_03.png'); } #teleguide img{ display:none; } #telebrosses{ display:block; background-image:url('http://www.vincenwoo.com/vincenwoo/site_wacom_et_mapomme/homepagepix/navigationtele_05.png'); width:110px; height:275px; } #telebrosses:hover, #telebrosses:focus{ background-image:url('http://www.vincenwoo.com/vincenwoo/site_wacom_et_mapomme/homepagepix/navigationtele2_05.png'); } #telebrosses img{ display:none; } #cssmenu ul { margin:0; padding:0; list-style-type:none; width:1270px; position:relative; display:block; height:30px; font-size:12px; font-weight:bold; background:transparent url(menu_assets/images/nav_bg.png) repeat-x top left; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #000000; border-top:1px solid #000000; } #cssmenu li { display:block; float:left; margin:0; padding:0; } #cssmenu li a { display:block; float:left; color:#FFFFFF; text-decoration:none; font-weight:bold; padding:8px 20px 0 20px; } #cssmenu li a:hover { color:#FCCFFF; height:22px; background:transparent url(menu_assets/images/nav_bg.png) 0px -30px no-repeat; } #cssmenu li.active a { display:inline; height:22px; background:transparent url(menu_assets/images/nav_bg.png) 0px -30px no-repeat; float:left; margin:0; } /* police free fonts */ #abel{font-size:16px; font-family: abel, sans-serif;} #monoton{font-size:16px; font-family: monoton, sans-serif;} #loveya{font-size:16px; font-family: love-ya-like-a-sister, fantasy;} #italiana{font-size:16px; font-family: italiana, sans-serif;} #dosis{font-size:16px; font-family: dosis, sans-serif;} #unifra{ color : white; font-size:16px; font-family: unifrakturcook, blackletter, sans-serif; padding : 150px 38px 0px 25px; letter-spacing:2px; } #unifra2{ color : white; font-size:18px; font-family: unifrakturcook, blackletter, sans-serif; letter-spacing:2px; } #vt323{ color : white; font-size:30px; font-family: vt323, sans-serif; padding : 0px 50px 0px 100px; } #nostra2{ color : white; font-size:20px; font-family: germania-one, sans-serif; padding : 0px 50px 0px 50px; line-height:20px; letter-spacing:2px; } /* la boutique */ #boutiquewetmp { width: 850px; height: 270px; background: url(images/fondboutique2.png) repeat-x top left;} #boutiquewetmp2 { width: 850px; height: 270px; background: url(images/fondboutique.png) repeat-x top left;} #boutiquewetmp3 { width: 850px; height: 270px; background: url(images/fondboutique3.png) repeat-x top left;}