/* Theme Name: Coule Theme URI: http://www.coule.fr Description: coule theme based on gears v1.3.2 Version: 1.5 Author: Guillaume Lavezzari Author URI: http://glavezzari.free.fr */ /*reset*/ * { margin: 0px; padding:0px; border: 0} /*typography.css*/ body { font-family:Arial; font-size:12px; text-align:justify; background: #4b3421 url(images/background_vertical.jpg) repeat-x fixed center center; color: #1e1e1e; } h1.logo, span.slogan {display:none} h2 {color:#333333} h3 {color:#FFFFFF; font-size: 16px} em {font-style:normal} a,a:visited {color:#333333;} a:hover{ background-color: #d9c701; color:#333333;} div.mainColumn a,div.mainColumn a:visited {color:#333333;} /*a.more-link {font-size: 9px; margin-right: 5px; width: 120px; float:left; padding-bottom: 28px; margin-top: 5px; background-image: url(images/ukeurs.jpg); background-position: bottom left; background-repeat:no-repeat}*/ a.more-link {font-size: 9px; line-height: 9px; margin-right: 5px; width: 118px; float:left; padding-top: 23px; margin-top: 5px; background-image: url(images/demiUke.jpg); background-position: top left; background-repeat:no-repeat} p {margin-bottom: 8px; line-height: 16px} ul.items h2 {background-image: url(images/dotline.jpg); background-repeat: repeat-x; background-position: bottom; line-height:30px; color:#333333} ul.items h2 a {text-decoration: none;} div.mainColumn li {list-style-type: none; float: left} div.sideColummn li { list-style-image: url(images/bullet.jpg); margin-left: 17px; line-height: 22px} /*block.css*/ div.container {} .span-24, div.span-24 { width: 955px; margin: 0; float: left; background-image:url(images/background.png); background-repeat: repeat-y; background-position: top} span.logo {float:left; height:120px} div.top_banner {float:left; width: 955px; height: 120px; background-image: url(images/bandeau.jpg);} div.main_menu {float:left; width: 955px; height: 49px; margin-bottom: 0px; /height:50px; /margin-bottom: -7px} div.icons-wrapper { top: 105px; left: 805px; position:relative} div.icons-wrapper a {float:left; margin-right: 3px} div.icons-wrapper a :hover {background-color:transparent;} div.widget_search { width: 285px; height: 49px; float:left; background-image:url(images/menu_06.jpg); } div.main_menu ul li {float: left;list-style-type: none } div.mainColumn {width: 640px; float:left; padding: 10px 0px 30px 0px;} div.sideColummn {width: 290px; float:left; margin-left:25px; margin-top:-15px; /margin-top:-7px; background-image: url(images/pattern_colonne.png)} ul.items { margin-left: 50px; margin-right: 20px; } div.footer {float:left ; margin-bottom: 15px; padding-left: 7px;} div.footer_in {width: 941px; line-height: 25px;background-image:url(images/wood.jpg); text-align:center} /*Maincolumn.css*/ div.info span {color:#d9c701; font-size: 9px} div.info {margin-bottom: 10px;} div.mainColumn img {float:left; margin-right: 10px; margin-bottom: 10px} ul.items li {margin-bottom: 25px; width: 100%} /*SideColumn.css*/ div.widget_pub { width: 250px; height: 100%; padding-bottom: 5px; background-color: #CCCCCC; margin: 18px; } div.widget_pub a:hover {background-color: #CCCCCC} div.widget_calendar, div.widget_links, div.widget_recent_entries {width: 230px; padding: 10px; padding-bottom: 5px; background-color: #CCCCCC; margin: 18px } div.widget_pub img {margin-left: 10px; margin-top: 7px;} div.widget_calendar {background-image:url(images/star.png); background-repeat: no-repeat; background-position: bottom left;} div.widget_recent_entries {background-image:url(images/star_lo.png); background-repeat: no-repeat; background-position: top left;} a.top50 {float:left; margin-left:18px; margin-bottom: 15px; } div.pageNavigation { margin-top: 25px; width: 80%; float: left;} div#backtotop { float:right; padding-top: 25px; margin-top: 5px; background-image:url(images/arrow.jpg); background-repeat: no-repeat; background-position: top right } a.remonter:hover { background-color: #b74227;} div.widget_links { background-image:url(images/gramo_widget.png); background-repeat: no-repeat; background-position: bottom right} /*main_menu.css*/ li.current_page_item {width: 115px; height:45px; background-image:url(images/menu_01.jpg)} input#s {border: 1px inset threedface !important; margin-top: -2px; padding: 2px; color: #666; } /*extramenu*/ .navigation { position: relative; padding-top: 6px; padding-left: 37px; float: left; width: 106px; height: 49px; list-style: none; background-image: url(images/menu_background); background-repeat: repeat-x } .navigation a, .navigation span { display: block; width: 106px; height: 19px; } .navigation .toggleSubMenu a, .navigation .toggleSubMenu span { background-image:url(images/extraMenu_sprite.png); width: 106px; height: 24px; margin-bottom: 4px; } .navigation .subMenu { font-size: .9em; margin: 0; padding: 0; border-bottom: 1px solid #666; } .navigation .open a, .navigation .open span { background-image:url(images/extraMenu_sprite.png); } .navigation a:hover, .navigation a:focus, .navigation a:active { background-image:url(images/extraMenu_sprite.png); background-position: 0px 23px } .navigation ul.subMenu a { color: #FFFFFF; text-decoration: none; font-weight: bold; margin: 0px; padding-left: 10px; padding-top: 5px; height: 18px; width: 92px; background: none; border-bottom: 1px solid #CCCCCC; border-left: 3px solid #333333; border-right: 3px solid #333333; background-color: #424443; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; } .navigation ul.subMenu a:hover { color: #CCCCCC } li#menuFooter { float:left; height: 7px; /height: 0px; width: 100%; background-color: #424443; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; } /*Calendar.css*/ table#wp-calendar { width: 225px } table#wp-calendar td { width: 30px; height: 15px; color: #666666; padding-left:10px; padding-top: 1px} table#wp-calendar thead th {background-color:#d9c701; color:#a19307; padding-left:10px;} table#wp-calendar td a {font-weight:bold} caption {text-align: left; color:#FFFFFF} td caption {float:left} /*Photo gallery*/ div#ngg-gallery-4 {margin-left: -5px; margin-top: 0px} div.ngg-gallery-thumbnail-box {margin-bottom: 5px} div.ngg-album {width: 30%; float: left; margin-bottom: 35px;} div.ngg-description p {color:#D9C701; font-size:9px; line-height:9px} /*Formulaires.css*/ div.reply h3 {color:#FFFFFF; font-size: 18px; margin-botton: 10px;} div.reply p{color:#333333; font-size: 12px; text-align: left; margin-top: 10px; margin-bottom:5px;} div.reply a{color:#cccccc} div.reply a:hover{color:#333333} div.reply { float: left; width: 540px; padding: 20px; margin-left: -20px; margin-top: 30px; padding-bottom:15px; padding-top:15px; background-color: #c0c0c0; border: 2px solid #fff ; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-image:url(images/persoReply.png); background-position: top right; background-repeat: no-repeat; } form#commentform {width: 530px; float:left} form#commentform p {float: left; width: 100%} textarea, input#author, input#email, input#url, input#mcspvalue { margin-left: 10px; padding: 2px; border: 1px #999999 solid; background-color:#f5f5f5; } textarea {margin-left: 0px;} label.author, label.email, label.website, label#mcspvalue, div#post p{font-weight: bold; color:#444444} div#post {float:left} div#soummettre {float:left;margin-top: 15px;} input#submit { float:right; margin-left: 74px; margin-top: -3px; cursor:pointer; display: block; width: 145px; height: 24px; background-image:url(images/soumettre.png); background-color: #BBBBBB; } input#submit:hover{ background-position: 0px 24px } form#srch-frm {position:relative; top: 9px; left: 85px; /top:7px;} input.button {margin-left: 0px; cursor:pointer} /*Commentaires.css*/ span.comment a {margin-bottom: 10px; font-size: 9px; font-weight: bold;} span.comment {margin-left: 5px} ul.list-4 img.wp-smiley { float: none; display: inline; margin: 0; padding: 0; } ul.list-4 p { float:left; width: 100%; background-position: top; background-repeat: no-repeat; margin-left: -20px; width: 540px; padding-top: 25px; padding-bottom: 15px; margin-bottom: 0px; padding-left: 20px; padding-right: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .odd p{ background-image: url(images/commentaire_top_odd.png); background-color: #D9D9D9; } .even p{ background-image: url(images/commentaire_top_even.png); background-color: #f3f3f3; } ul.list-4 p.tp { background-image: none; border: none; background-color: #FFFFFF; margin: 0px; padding: 0px } a#commentsBubble { display: block; float:right; width: 36px; height: 32px; background-image: url(images/bubble.jpg); } p.tp {font-size: 16px; font-weight:bold; color:#333333} p#identification {color:#333333} h3#comments {color:#bead00; width: 90%, border-bottom: 1px dashed #d9c701; font-size: 1.6em; padding-top: 5px; padding-bottom: 5px; margin-bottom: 7px; margin-top: 25px;} small.commentmetadata a, small.commentmetadata a:visited{color:#333333; font-size:9px} small.commentmetadata a, small.commentmetadata a:visited{color:#333333; font-size:9px; text-decoration: none;} div#wp_grins {float:left; width: 300px} a.url {text-decoration: none} h3#respond {float: left; width:90%; margin-bottom: 10px;} p#identification {float: left; margin-top: 0px; width: 100%} /*contact.css*/ a#contact {display:block; width:107px; height: 14px; margin-top:3px; background-image:url(images/contact_down.png)} a#contact:hover {background-color:transparent; background-image:url(images/contact.png)} div.contactform {width:100%; float: left; height: 665px; background-image: url(images/gramo.png); background-position: bottom left; background-repeat: no-repeat} div.contactright input {border: 1px solid #333333} /*mp3 player.css*/ span#xspf_player0 {float:left; padding-left: 47px; padding-top:24px; margin-bottom:15px; width:470px; height:166px; background-image:url(images/player_background.jpg)