/* global */ * { margin:0; padding:0; border:0; outline:none; list-style-type: none; } body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /* colors */ body { background: #c7d7e3; } div#container { background: #dce6ee; } div.module { border-color: #a7c1d4; background: white; } ul.module { border-color: #a7c1d4; background: #c7d7e3; } div.element, div.menu-element, div#featured, input.login { border-color: #dddddd; } li.menu-element, li.menu-lastelement { border-color: #a7c1d4; } li.menu-element a, li.menu-lastelement a { color: black; } li.menu-element:hover, li.menu-lastelement:hover { background: #a7c1d4; } div.hpf_feed { border-color: #aaaaaa; } input.hpf_submit { border-color: #54738e; } div.hpf_msg { border-color: #aaaaaa; } div.title-bar { background: #a7c1d4; color: #54738e; } div#footer { color: #aab9c7; } div#footer a { color: #aab9c7; text-decoration: none; } hr.annuaire { margin: 5px 0 5px 0; } span.category, label.category { color: white; } .cat0 { background-color: #0080c0; } /* Selection principale */ .cat1 { background-color: #66b3d9; } /* Selection secondaire a6c8e3 */ .cat2 { background-color: #008080; } /* News */ .cat3 { background-color: #f5740d; } /* Actu / politique */ .cat4 { background-color: #b30000; } /* Festiblog */ .cat5 { background-color: #606982; } /* Revelation Blog */ .cat6 { background-color: #ff80c0; } /* Sexy */ .cat7 { background-color: #888888; } /* Temporaire */ .cat8 { background-color: #990099; } /* 30 jours de BD */ .cat555 { background-color: #81c929; } /* Recent */ .cat666 { background-color: #ff9900; } /* Selection perso */ span.ok { color: green; } span.mb { color: orange; } span.no { color: red; } #topbar { position: relative; /*fixed;*/ height: 15px; padding-top: 1px; width: 100%; z-index: 100; background-color: #54738E; /*#41596F;*/ color: white; font-size: 75%; text-align: center; } #topbar span.info {color:#aab9c7;} #topbar a {color:#aab9c7;} /*#topbar a {color:white;} */ #topbar span.spacer { margin: 0 20px 0 20px; color:#aab9c7;} div.big-bullet { background: url('/bbd-pix/big-bullet.png'); } div.help p { text-align: justify; } div.help hr { margin: 5px; 0 0 0; } div.recrutement label { font-weight: bold; margin-left: 15px; } div.hpf_feed { border-width: 1px; border-style: solid; padding: 5px; margin: 5px 0 5px 0; } input.hpf_feed { width: 100%; } div.recrutement p { text-align: justify; margin: 0 0 5px 0; } div.hpf_submit { text-align: center; } input.hpf_submit { border-width: 1px; border-style: solid; padding: 5px; margin: 5px 0 5px 0; background: #a7c1d4; color: #54738e; border-radius: 5px; font-weight: bold; } div.hpf_msg { border-width: 1px; border-style: solid; padding: 5px; margin: 5px 0 5px 0; } textarea.hpf_msg { width:100%; height: 100px; } /* structure */ div#container{width:865px;margin:0 auto} div#content{float:right;width:535px} div#content-padding{ padding: 15px 15px 15px 0; } div#navigation{float:left;width:330px;} div#navigation-padding { padding: 15px; } div#footer{clear:both;width:100%;text-align:center;padding:15px 0 15px 0;} div#backtotoplink { width:50px; height:50px; position: fixed; top: 20px; right: 20px; border-radius: 5px; } div#debug { width:200px; height:300px; position: fixed; bottom: 0px; left: 0px; border-top-right-radius: 10px; background: black; color: green; } div#debug-padding { padding: 5px; } div#debug a { color: green; text-decoration: underline; } /* blogroll */ ul.module, div.module { border-radius: 5px; border-style: solid; border-width: 1px; margin-bottom: 15px; } div.element { border-bottom-width: 1px; border-bottom-style: solid; padding: 12px; } div.lastelement { border-bottom-width: 0px; border-bottom-style: solid; padding: 12px; } div.annuaire-selection { border-bottom-width: 0px; border-bottom-style: solid; padding: 6px 12px 6px 12px; } div.menu-element { border-bottom-width: 1px; border-bottom-style: solid; padding: 8px; } div.lastelement { border-bottom-width: 0px; padding: 12px; } div.menu-lastelement { border-bottom-width: 0px; padding: 8px; } div#theend { text-align: center; } li.menu-element { border-bottom-width: 1px; border-bottom-style: solid; } li.menu-element a, li.menu-lastelement a { display:block; font-weight: bold; font-size: 110%; padding: 8px; } li.menu-lastelement { border-bottom-width: 0px; } span.category, label.category { padding: 1px 3px 1px 3px; border-radius: 4px; } span.category { font-size: 80%; } /* misc */ div.right { text-align: right; } div.center { text-align: center; } span.misc { color: #999999; font-size: 80%; } /* span.timeago { } */ div.slider-item { width: 558px; height: 198px; } div#pub-250 { width: 200px; height: 200px;margin: 10px 10px 10px 0; padding: 0; float: right; } div#slider-border { border: 1px solid black; margin: 10px 10px 10px 0; float: right;} div#slider { width: 558px; height: 198px; float: right;} div#slider img { } table.post, table.link { width: 100%; } div#backtotoplink { width:50px; position: fixed; right: 20px; top: 20px; } div.big-bullet { width:50px; height:50px; margin-bottom: 5px; } div#loading-bis { padding: 9px 0 0 9px; } /*div#newposts { color: #21759b; margin-bottom: 10px; background: #bac8d3; font-weight: bold; font-size: 100%; border-radius: 5px; } div#newposts { padding:5px; text-align: center; }*/ ul.annuaire li { margin: 6px 0px 6px 0px; } div#newposts { font-weight: bold; background: #e3e3e3; color: #999; text-align: center;} form#selection { } ul.selection li { margin: 4px 0px 4px 15px; } input#touslesreferences { margin-bottom: 8px; } select#lng { width: 100%; border: 1px solid; } .invisible { display: none; } form#login { } form#login input { width: 100%; } input.login { border-width: 1px; border-style: solid; } a { color: #54738e; text-decoration: none; } div.element p.excerpt { font-size: 80%; margin: 0px; } div.element table.link { margin: 5px 0 0px 0; border: 1px solid #e3e3e3; width: 100%; background: #f7f7f7; } /* background: #e1e8ee; */ div.element table.link td.thumbnail { border-right: 1px solid #e3e3e3; width: 88px; height: 88px; font-size: 0%; } div.element table.link td.excerpt { padding: 5px; color: #999; } div.element table.link tr.link:hover td.excerpt { background: #f0f0f0; } img.avatar { border: 1px solid black; } div.element table.link td.excerpt-plus { vertical-align: bottom; width:20px; background: #e3e3e3; border-left: 1px solid #e3e3e3; color: #999; text-align: center; font-weight: bold; font-size: 130%; } div.element table.link td.extra { border-top: 1px solid #e3e3e3; color: #999; padding: 0 5px 5px 5px; } div.element table.link td.extra a:hover { text-decoration: underline; } div.element table.link td.extra ul li { margin-top: 5px; } /*height: 15px; border-top: 1px dotted #e3e3e3;*/ td.avatar { vertical-align: top; width: 60px; } td.links { vertical-align: top; } div.links { margin: 0; } /*5px 10px 5px 5px; }*/ div.element { } div.element a, div#newposts a { text-decoration: none; } div#loading { float: left; } div#blogroll-title { text-align: right; } hr.page { margin: 10px 0 10px 0; border-top: 1px solid #CCC; } .clickable { cursor: pointer; cursor: hand; } label.category { padding: 0px 3px 0px 3px; border-radius: 4px; color: white; line-height: 120%; } div.link { color: #999999; } label.category { padding: 1px 3px 1px 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: white; } a.feed { font-weight: bold; } a.link { font-size: 120%; font-weight: bold; } a.link:visited { color: #999999; } hr.page { margin: 10px 0 10px 0; border-top: 1px solid #CCC; } img.avatar { border: 1px solid black; } /* CSS for jQuery Orbit Plugin 1.2.3 * www.ZURB.com/playground * Copyright 2010, ZURB * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php /* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY ================================================== */ div#featured { border-style: solid; border-top-width: 1px; border-bottom-width: 1px; } div#featured, img.slide { width: 298px; height: 100px; } #featured { background: #000 url('bbd-pix/loading.gif') no-repeat center center; overflow: hidden; } #featured>img, #featured>div, #featured>a { display: none; } /* CONTAINER ================================================== */ div.orbit-wrapper { width: 1px; height: 1px; position: relative; } div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden } div.orbit>img { position: absolute; top: 0; left: 0; display: none; } div.orbit>a { border: none; position: absolute; top: 0; left: 0; line-height: 0; display: none; } .orbit>div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */ /* TIMER ================================================== */ div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 1001; display: none; } span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url(/bbd-pix/rotator-black.png) no-repeat; z-index: 3; display: none; } span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; display: none; } span.rotator.move { display: none; left: 0 } span.mask.move { width: 40px; display: none; left: 0; background: url(/bbd-pix/orbit/timer-black.png) repeat 0 0; } span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url(/bbd-pix/orbit/pause-black.png) no-repeat; z-index: 4; opacity: 0; display: none; } span.pause.active { background: url(/bbd-pix/orbit/pause-black.png) no-repeat 0 -40px ; display: none; } div.timer:hover span.pause, span.pause.active { opacity: 1 display: none; } /* CAPTIONS ================================================== */ .orbit-caption { display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; } .orbit-wrapper .orbit-caption { background: #000; background: rgba(0,0,0,.6); z-index: 1000; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; position: absolute; right: 0; bottom: 0; width: 100%; } /* DIRECTIONAL NAV ================================================== */ div.slider-nav { display: block } div.slider-nav span { width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 1000; top: 50%; margin-top: -25px; cursor: pointer; } div.slider-nav span.right { background: url(/bbd-pix/right-arrow.png); right: 0; } div.slider-nav span.left { background: url(/bbd-pix/left-arrow.png); left: 0; }