/********************************************************* * CSS screen - deco * * name: duplex * comment: freely inspired from Hemingway by Kyle Neath * * date: 2007.09.01 * author: erational * version: 0.1 * licence: GPL * **********************************************************/ @import "layout.css"; /*----------------------------------------------------------------------------------------------- global styles -----------------------------------------------------------------------------------------------*/ * { padding:0; margin:0;} h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; padding:0} li, dd { margin-left:5%; } fieldset { padding: .5em; } select option{ padding:0 5px; } .hide, .print-logo, .close-button{ display:none; } .left{ float:left; } .right{ float:right; } .clear{ clear:both; height:1px; font-size:1px; line-height:1px; } a img{ border:none; } /*----------------------------------------------------------------------------------------------- main tags -----------------------------------------------------------------------------------------------*/ body { background:#e4e4e4; color:#444; font-size:11px; /* too small ? 12px */ font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; } a{ color:#000;} a:hover{ color:#666;} h1{ color:#000; font-size:1.5em; font-weight:normal; margin:1.1em 0;} h2, h3{ font-size:1.15em; color:#000; font-weight:normal;} p{ line-height:1.75em;} blockquote{ margin-left:1em; padding-left:1em; border-left:2px solid #CCC; color:#CCC;} pre{ width:100%; padding:1em 0; overflow:auto; border-top:1px dotted #333; border-bottom:1px dotted #333;} table{ width:100%; border-spacing:2px; margin:1.5em 0;} table th, table td{ padding:0.3em 0.75em } table th{ background:#CCC; color:#000; text-align:left;} table td{ background:#333; color:#FFF;} table caption{ text-align:left; color:#FFF; margin-bottom:-1em; margin-top:1em;} label {display:block;} fieldset {border:0 solid #fff;} dt {width:100%;} dd {} /*----------------------------------------------------------------------------------------------- banner -----------------------------------------------------------------------------------------------*/ #banner { background:#fff; height:100px;} #banner h1 { font-size:2.25em; margin:0 0.5em 0 0; padding:0 0.5em 0.25em 0; border-right:2px solid #000; float:left;} #banner h1 a { text-decoration:none; } #banner p { padding:2.2em 0; margin:0; line-height:1.2em;} #banner p a { text-decoration: none; font-weight:bold;} /* banner > Tools (lang / search) */ #banner #banner_tools { float:right; width:200px; text-align:right;} #banner #banner_tools form { margin:0.8em 0 0 0;} #banner #banner_tools input{ width:140px; font-size: 0.85em; background:#CCC; margin-top:2px;} #banner #banner_tools input:focus{ background:#fff;} /*----------------------------------------------------------------------------------------------- main -----------------------------------------------------------------------------------------------*/ #main { background:#fff; padding:1px 0 2em 0; color:#808080;} #main h2 { color:#333; } #main ul li{ list-style-type:square; margin:0.5em 0 0.5em 2em;} #main .primary { float:right; width:65%; /*border:1px solid orange;*/} #main .col_bi { float:left; width:45%; margin-right:3%;} #main .col_ter { float:left; width:30%; margin-right:3%;} #main .secondary { float:left; width:30%; margin-right:0%; padding-top:0.65em; display:inline; /*border:1px solid blue;*/} #main .secondary h2 a {text-decoration:none;} #main .secondary ul li { list-style:none; margin:0;display:inline;} #main .secondary ul li a { text-decoration:none; font-size:1.1em;display:block; border-bottom:1px solid #d8d8d8;color:#555;padding:4px 2px;} #main .secondary ul li a:hover {background:#f0f0f0;color:#000;} #main .secondary ul li a.current {color:#000; /*font-weight:bold;*/text-align:right;} #main .sommaire_block { float:left; width:33%; margin:0; padding:0;text-align:center;/*border:1px solid orange;*/} #main .sommaire_block .core {width:235px;/*border:1px solid gray;*/margin:8px auto 0 auto;text-align:right;} #main .sommaire_block .core a {text-decoration:none;font-size:1.2em;} #main .sommaire_block .core a img {border:1px solid #fff;} #main .sommaire_block .core a:hover img {border:1px solid #0f0;} #main .auteur {margin:1em 0; color:#000;text-align:right;} /*----------------------------------------------------------------------------------------------- cellar -----------------------------------------------------------------------------------------------*/ #cellar { padding:2em 0 0 0;} #cellar a { text-decoration:none;} #cellar .block{ float:left; width: 30%; margin:0 0 0 4%;} #cellar .blockdouble { float:left; width: 60%; margin:0 0 0 4%;} * html #cellar .block { margin:0 0 0 3%;} #cellar .twice-length{ width:65%; } #cellar .thrice-length{ width:100%; } #cellar .first, * html #cellar .first{ clear:both; margin:0;} #cellar .block-separator{ clear:both; height:2.5em;} #cellar .block h2, #cellar .block h3, #cellar .blockdouble h2, #cellar .blockdouble h3 { margin:0 0 2em 0;} #cellar .blockdouble h2 a {border-bottom:1px dotted;} #cellar .blockdouble a {color:#444;} #cellar .blockdouble a:hover {color:#666;} #cellar ul { list-style-type:none; margin:1.5em 0 2em 0; border-top:1px solid #C2C2C2;} #cellar ul li{ list-style-type:none; margin:0; padding:0.5em 0; border-bottom:1px solid #C2C2C2;} #cellar ul li a { text-decoration:none;} #cellar ul a { color:#404040;} #cellar ul a:hover { color:#000;} /* date */ #cellar ul .date{ color:#7A7A7A; padding:0 1.5em 0 0; width:84px; display:block; float:left;} #cellar .blockdouble .date{ color:#000;margin:1em 0;} /*----------------------------------------------------------------------------------------------- footer (required ?) -----------------------------------------------------------------------------------------------*/ #footer{ clear:both; color:#939393; margin:2em 0;} #footer .inside{ background:url(../img/footer.gif) 50% 0 repeat-x; padding:1em 0;} #footer p{ margin:0; font-size:0.95em;} #footer p.copyright{ float:left; } #footer p.attributes{ float:right; } #footer p.attributes a{ padding:0 0 0 1em; text-decoration:none; } #footer a, #footer p.attributes a{ color:#333;} #footer a:hover, #footer p.attributes a:hover{ color:#000; } #footer p.print {display:none;} /*----------------------------------------------------------------------------------------------- SPIP -----------------------------------------------------------------------------------------------*/ .spip_surligne { background: yellow;} a.spip_out { background: url(../img/spip_out.png) right center no-repeat; padding-right: 15px; border-bottom: 1px solid; text-decoration:none;} a.spip_in { text-decoration:underline; margin:0 3px;} a.spip_note {font-weight:bold;font-size:0.92em;position:relative;top:-1px;} p.spip { margin: 0 0 1.2em 0;} p.spip_note { margin: 0 0 1em 0;font-size:0.96em;} hr.spip{ clear:both; height:1px; font-size:1px; line-height:1px; visibility:hidden;} .spip-admin-float {} .spip-admin-boutons {} .spip_doc_titre { margin:5px auto; float:left;} .spip_documents { } .spip_documents_left { float: left; margin-right: 8px; margin-bottom: 8px;} .spip_documents_right { float: right; padding-left: 8px; padding-bottom: 8px;} .spip_documents_center { display: block !important; text-align: center; margin: 0 0 15px 0;} .spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; } img.spip_logos {margin:0 8px 8px 0 !important;} .reponse_formulaire {padding:5px;background:#efefef;} .formulaire_spip ul, .formulaire_spip li {margin:0 !important;;padding:0 !important;;list-style:none !important;} /*----------------------------------------------------------------------------------------------- misc -----------------------------------------------------------------------------------------------*/ .warning { margin: 5px; padding: 15px 15px 15px 60px; background: #fff url(../img/but_warning.png) no-repeat 5px 5px;} .congratulation { margin: 5px; padding: 15px 15px 15px 60px; background: #fff url(../img/but_congratulation.png) no-repeat 5px 5px;} /*----------------------------------------------------------------------------------------------- gallery : Siriux Gallery 2 Theme Copyright 2005-2006 Nico Kaiser. -----------------------------------------------------------------------------------------------*/ .gallery-thumb { /*width: 230px; height: 230px; */} .gallery-thumb { margin: 5px; float: left; text-align: center;} .gallery-thumb img { background: #f3f3f3; border: 1px solid #ddd; padding: 7px; margin: 1px; -moz-border-radius: 3px;} .gallery-thumb a img { border-color: #ccc;} .gallery-thumb a:hover img { border-width: 2px; /*border-color: #38c;*/ margin: 0; -moz-border-radius: 5px;} .gal_over1 a:hover img { border-color:#3bc7cc;} .gal_over2 a:hover img { border-color:#cea5d7;} .gal_over3 a:hover img { border-color:#59df50;} .gal_over4 a:hover img { border-color:#ff9626;} .gallery-items { margin: 0; clear: both;} .gallery-empty { padding: 0.5em 1.5em; margin: 1.5em 3em; border: 1px solid #ddd; background: #ffe; font-size: 1.2em;}