/* Default styles */ @import "css/reset.css"; /*------------------------------------------------------------------------------------------- /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ body { border-top: 10px solid #f5f5f5; font: 12px Arial, Helvetica, sans-serif; background: #fff; color: #444; } h1, h2, h3, h4, h5, h6 { font-weight: normal; padding: 0; font-family: font: Arial, Helvetica, sans-serif; } h1 { font-size: 24px; line-height: 28px; } h2 { font-size: 20px; line-height: 22px; } h3 { font-size: 16px; line-height: 20px; } h4 { font-size: 14px; line-height: 18px; margin-bottom: 15px; font-family: Arial, Helvetica, sans-serif; font-style: italic; } h5 { font-size: 12px; line-height: 18px; } h6 { font-size: 10px; line-height: 16px; } .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin-bottom: 15px; padding-top: 15px; font-style: normal; } p {margin: 0; color: #444;} .category {color:#999999;} .category a:link {color:#999999;} .category a:visited {color:#999999;} .category a:hover {color:#999999;} /* 1.2 Hyperlinks */ h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;} /*-----------------------------------------------------------------------------------*/ /* 3. Header Styles /*-----------------------------------------------------------------------------------*/ #header { border-bottom: 1px solid #efefef; } #logo {} #logo, #logo a { color:#222; font-size:48px; line-height:48px; text-transform:none; font-weight:normal; text-decoration:none; } #logo a:hover { text-decoration:underline; } #tagline { color: #999; font-size: 12px; line-height: 20px; font-weight: normal; } /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ #container { background-color:#FFFFFF; width:940px; margin:0 auto; padding: 30px 0 0 0; } .col-left { float: left; } .col-right { float: right; } .col-full { width: 935px; margin: 0 auto; } /* 2.2 Navigation */ #navigation { text-transform: uppercase; font-size:11px; background-color: #000; } .nav, .nav ul { z-index:100; margin:0; padding:0; list-style:none; line-height:1; } .nav li { float:left; width: auto; } /* 2.2.1 Drop-down menus */ .nav li ul { position: absolute; left: -999em; width: 160px; } .nav li ul li { border: 1px solid #d8d8d8; background: #FFF; border-width: 0 1px 1px; } .nav li ul li a { width:148px; line-height:25px!important; font-size:11px; color:#555!important; padding: 0 0 0 10px; } .nav li ul ul { margin: -26px 0 0 158px!important; } .nav li ul ul li a { } .nav li ul li ul li a { } .nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul, .nav li.sfhover ul ul ul ul { left: -999em; } .nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul, .nav li li li li.sfhover ul { left: auto;} .nav li:hover,.nav li.hover { position:static; } /* PAGES NAVIGATION */ #pagenav { margin-top: 20px; } #pagenav a { display:block; z-index:100; margin: 0; padding:0 15px 10px 15px; text-decoration: none; text-transform: uppercase; font-size: 25px; font-family: Impact, Helvetica, arial, sans-serif; color: #000; } #pagenav li ul a:link, #pagenav li ul a:visited { padding: 0 0 0 10px; font-family: Helvetica, Arial, sans-serif !important; font-size: 14px; text-transform: none; border: none; } #pagenav li.rss a { padding-right: 25px; } /* 2.4 Content */ #content{min-height:550px;padding:0;} * html #content{height:550px;} #main{width:600px;} #main.fullwidth { width: 935px; } /* 2.5 Sidebar */ #sidebar{ float: right; width: 220px; margin-top: 57px;} /* 2.6 Extended Footer */ #extended-footer { margin: 50px 0 0 0; padding: 40px 0; } .block { float: left; width: 300px; padding: 0 10px 0 0; } .one, .two { margin: 0 9px 0 0; } .three { padding: 0; } /* 2.7 Footer */ #footer { font-family: Helvetica, Arial, sans-serif; font-size: 11px; padding: 20px 0; background-color: #fff; color: #000; text-transform: uppercase; text-align:center } #footer a:link, #footer a:visited { color: #fff; } #footer p { margin: 5px 0 0 0; } #footer #credit img { vertical-align: middle; } #footer #credit span { display: none; } /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ #breadcrumb, .archive_header { font-family: Arial, sans-serif; display: block; margin:10px 0; padding: 0 55px; font-size: 18px; font-weight: bold; color: #000; } #breadcrumb { font-size: 14px; font-weight: normal; padding: 0; } .archive_header .catrss a { font-size: 14px; text-decoration: none; line-height: 28px; } .post { position: relative; margin: 0; padding: 30px 55px; background-color: #fff; width:500px; text-align:justify; } .post .title { width:100%; position:relative; margin: 0; padding: 0; color: #000; font-size: 24px; } .post .title a:link, .post .title a:visited { color: #000; } .post .title a:hover { text-decoration: none; } .infos-min {width: 500px; font-size:11px; color:#000000; margin-top:-10px; margin-bottom:10px; } .infos-min a:link { text-decoration:none; color:#000000} .infos-min img {border:0; margin-right:5px; vertical-align:bottom;} .post .date { position: absolute; top: 30px; left: -40px; width: 71px; height: 60px; padding: 10px 0 0 0; text-align: center; color: #fff; } .post .date .day { display: block; font-size: 36px; line-height: 32px; } .post .date .month { display: block; font-size: 12px; text-transform: uppercase; font-weight: bold; } .post-meta { margin: 30px 0 0 0; font-size: 11px; color: #9F9F9F; } .post-meta li { float: left; width: 154px; padding: 10px 0 7px 10px; } .post-meta li.categories { border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; } .post-meta li span { display: block; } .post-meta li .head { font-size: 10px; text-transform: uppercase; font-weight: bold; font-family: Helvetica, Arial, sans-serif; color: #000; } .post-meta li .body, .post-meta li .body a:link, .post-meta li .body a:visited { font-size: 14px; color: #ef627e; font-weight:bold; text-decoration: none; text-transform:uppercase; } .post img.thumbnail { margin: 0; } .entry {} /* 3.1 Typographic Elements */ .entry h1 {} .entry h2 {} .entry h3 {} .entry h4 {} .entry h5 {} .entry h6 {} .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 0 0 15px 0; } .entry p { margin: 0 0 15px 0; } .entry blockquote { padding: 10px 30px; color: #666; font-style: italic; font-size: 16px; } .entry blockquote p {} .entry ul { margin: 0 0 15px 0; padding: 0 0 0 30px; } .entry ul ul { margin: 0; } .entry ul li { list-style-type: circle; } .entry ul ul li { list-style-type: disc; } .entry ol { margin: 0 0 15px 0; padding: 0 0 0 30px; } .entry ol ol { margin: 0; } .entry ol li { list-style-type: upper-latin; } .entry ol li ol li { list-style-type: lower-latin; } /* 3.2 Images */ img.wp-smiley { padding: 0; border: none; } .entry .alignleft { float: left; width: auto; margin: 10px 15px 10px 0; } .entry .alignright { float: right; width: auto; margin: 10px 0 10px 15px; } .entry .aligncenter { text-align: center; } .entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F4; border: solid 1px #e6e6e6; } .entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; } .entry .wp-caption-text { margin:0; padding:0; font-size:11px; text-align:center; } /* 3.3 Pagination / WP-Pagenavi */ .more_entries { margin-bottom: 20px; padding: 10px 55px; color:#000000; } .more_entries a {text-decoration: none; } .more_entries .wp-pagenavi { margin: 0; text-align: center; } .more_entries .wp-pagenavi a:link, .more_entries .wp-pagenavi a:visited { display: inline; text-decoration: none !important; padding: 4px 6px!important; } .more_entries .wp-pagenavi .current, .more_entries .wp-pagenavi .on, .more_entries .wp-pagenavi a:hover { padding: 4px 7px; font-weight: bold; } .more_entries .wp-pagenavi .extend { background:none; border:none; } /*-------------------------------------------------------------------------------------------*/ /* 4. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* 4.1 Generic Widgets */ .widget { margin: 0 0 30px 0; } .widget h3 { margin: 0; padding: 0; text-transform:uppercase; color: #333333; font-size:18px; } .widget ul { clear:both; } .widget ul li {} .widget ul li a:link, .widget ul li a:visited { display: block; padding: 0 0 0 25px; line-height: 30px; text-decoration: none; color:#666; } .widget ul ul { padding: 0 0 0 15px; border-top: none; } .widget_recent_comments li, #twitter li { padding: 6px 0 6px 10px; line-height: 18px; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */ .widget_recent_comments li a, #twitter a { display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important; } /* RESET STYLING FOR RECENT COMMENT & TWITTER */ /* 4.2 Specific Widgets */ /* FEATURED POSTS */ #featured li { float: left; width: 300px; padding: 10px 0; list-style: none; } #featured li a { padding: 0; background: none; border: none; } #featured span { display: block; } #featured span.thumb { float: left; width: 80px; } #featured .right { float: right; width: 200px; font-size: 12px; line-height: 18px; } #featured .right h4 { margin: 0 0 5px 0; font-size: 14px; line-height: 18px; } #featured .right h4 a { line-height: 18px; } /* WIDGET FORMS */ #searchform { margin: 15px 0 0 0; } input#s, input.field { float: left; width: 216px; padding: 5px 0 5px 5px; } input.submit { line-height: 17px; border: none; padding: 4px 5px; color: #fff; text-transform: uppercase; font-size: 12px; } .widget .screen-reader-text { display: none; } /* FLICKR */ #flickr h3 {} #flickr h3 span{color:#0061D8;} #flickr h3 span span{color:#FF1183;} #flickr .flickr_badge_image { width: 75px; float: left; margin: 15px 34px 0 0; } #flickr .pictures { margin-right: -28px; } #flickr a img { float: left; display: block;} /* LIFESTREAM */ .widget_lifestream ul li a { border:none; background:none!important; } .widget_lifestream ul .lifestream_meta { color: inherit; } /* TEXT WIDGET */ .textwidget { padding: 10px 0; } /* ADS */ #sidebar .ads125 { padding: 0 0 12px 12px; background: #fff; } .ads125 img { margin: 14px 16px 0 0; } /* 4.3 Extended Footer Widgets */ #extended-footer .widget { margin: 0 0 30px 0; padding: 0 10px; } #extended-footer .widget h3 { font-size: 16px; margin: 0 0 10px 0; padding: 0; border-bottom: none; } #extended-footer .widget ul li a { padding: 0; line-height: 24px; background: none; border-bottom: none; } #extended-footer .widget ul li a:hover { background: none; } #extended-footer .textwidget { padding: 0; } #extended-footer #flickr .flickr_badge_image { width: 75px; float: left; margin: 15px 25px 0 0; } #extended-footer #flickr .pictures { margin-right: -28px; } #extended-footer input#s, #extended-footer input.field { width: 210px; } #extended-footer #advert_300x250 { padding-left: 0; padding-right: 0; } #extended-footer .ads125 img { margin: 14px 13px 0 0; } #extended-footer .widget_recent_comments li, #extended-footer #twitter li { padding: 6px 0 6px 0; } /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ #comments { margin: 10px 45px 0px 60px; padding: 10px; background-color: #ffffff; border: 1px solid #cccccc; } #comments h3{ margin: 0 0 20px 0; color:#333333; text-transform:uppercase; font-size:14px; font-weight:bold; } #comments .comment{margin-top:10px;width:100%;list-style-type:none;} #comments .comment .comment-container { padding: 10px 0; border-bottom: 1px dashed #cccccc;} #comments .comment-head { margin: 0 0 15px 0; } #comments .comment-head .avatar { float: left; } #comments .comment-head .avatar img{margin: 0 10px 0 0;vertical-align: middle;border:3px solid #eee;} #comments .comment-head .name { display: block; margin: 0 0 -5px 0; font-weight: bold; font-size: 15px; } #comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; } #comments .comment-entry p { margin: 0 0 10px 0;} #comments ul.children{margin:10px 0 0 25px;padding:0;} #comments .cancel-comment-reply a, #comments .comment-reply-link { text-transform: uppercase; font-family: helvetica, arial, sans-serif; font-weight: bold; text-decoration: none; font-size: 11px;} #comments .navigation { } #comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; } #comments .navigation a:hover{} /* 5.2 Pingbacks / Trackbacks */ #pings { margin: 0 0 60px 0; padding: 50px 55px; background-color: #fff; border: 5px solid #efefef; } #pings h3 { margin: 0 0 20px 0; } .pinglist li { margin: 0 0 0 20px; list-style-type: decimal; } .pinglist li .author { font-weight: bold; font-size: 15px; } .pinglist li .date { font-size: 11px; } .pinglist li .pingcontent { display: block; margin: 10px 0; } /* 5.3 Comments Form */ #respond { margin: 10px 40px 0px 60px; padding: 10px; background-color: #fff; border: 1px solid #cccccc; } #comments #respond { padding: 20px 0; margin: 0; border: none; } #comments #respond h3 { margin-bottom: 0; } #respond h3 { } #commentform { margin: 15px 0 0 0; } #commentform input.txt { width: 260px; margin: 0 5px 10px 0; padding: 7px 5px; border: 1px solid #999999; } #commentform label { font-family: Helvetica, Arial, sans-serif; font-size: 11px; text-transform: uppercase; font-weight: bold; } #commentform textarea { width: 95%!important; padding: 5px; border: 1px solid #999999; } #commentform #submit { border: none; margin: 10px 0 10px 0; padding: 4px 5px; color: #fff; text-transform: uppercase; font-size: 12px; } /* 5.4 Gravity forms */ .gfield { margin-bottom: 10px; } .gform_wrapper .top_label .gfield_label { display:block;float:left; padding-right:20px; width: 100px; margin: 5px 0px 4px !important; } .gform_wrapper input.button { padding: 4px 10px 4px !important; color: #fff !important; text-shadow: 1px 1px 0 #424242; text-transform: uppercase; font-size: 12px !important; } .gform_wrapper input { padding: 7px 3px !important; border: 1px solid #EEE; } .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 350px !important; padding: 7px 3px !important; border: 1px solid #EEE; } .gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; } ul.top_label .clear-multi { clear: none !important; } .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; } img.ui-datepicker-trigger { border: 0px !important; padding: 0px; } a.jaime { display: inline-block; color: #EF627E; background: url(images/icons-coeur.gif) 0% 50% no-repeat; padding-left: 20px; text-decoration: none; } a.jaime:hover { text-decoration: underline; } a.jaime-a-voter { font-style: italic; cursor: default; } a.jaime-a-voter:hover { text-decoration: none; } a.zoom {color: #000000; background: url(images/icons-loupe.jpg) 0% 50% no-repeat; padding-left: 20px; text-decoration: none; } a.zoom:hover { text-decoration: underline; color: #000000;} a.link.zoom {color:#000000;}