/* ***** BEGIN LICENSE BLOCK ***** * This file is part of Dotclear. * Copyright (c) 2004-2007 Olivier Meunier and contributors. All rights * reserved. * * Dotclear is free software; you can redistribute it and/or modify * it under the terms of the GNU General Public License as published by * the Free Software Foundation; either version 2 of the License, or * (at your option) any later version. * * Dotclear is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License * along with Dotclear; if not, write to the Free Software * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA * * ***** END LICENSE BLOCK ***** */ /* Organisation de la presente feuille de style: 1. Structure de la page (body, page, top, main, sidebar, footer) 2. Mise en forme des balises XHTML standard 3. Page 4. Haut de page (top et prelude) 5. Main et content 6. Billets 7. Les commentaires et trackbacks 8. Le menu lateral (sidebar) 9. Footer 10. Classes communes 11. Clearers /* ----------------------------------------------------------------- 1. STRUCTURE a inscrire ici ou en important une css de structure placee dans le meme repertoire et appelee grace a l'instruction ci-dessous (exemple pour un fichier de structure nommé layout.css) ------------------------------------------------------------------ */ @import url(layout.css); /* --------------------------------------------------------------- 2. BALISES HTML --------------------------------------------------------------- */ body { font-size: 90%; background: #000; color:#222; font-family: Georgia, "Times New Roman", Times, serif; } h1 { font-size: 2em; } h2 { font-size: 1.33em; margin: 1em 0 0.3em 0; text-align:left;} h3 { font-size: 1.25em; margin: 1.5em 0 0 0; } h4 { font-size: 1em; margin: 1.5em 0 0 0; } h5 { font-size: 0.83em; margin: 1.5em 0 0 0; } h6 { font-size: 0.67em; margin: 1.5em 0 0 0; } p { margin: 1em 0 0 0; } img { border: none; } sup { } abbr, acronym { } cite { } ul { } ol { } dl { } form { } fieldset { } input { } label { } a { text-decoration: none; } a:link { color:#004356; } a:visited { color:#004356; } a:hover { color:#666; } a img { } code, pre { font-family: "Courier New",monospace; font-size: 1.1em; color: #66c; } pre { background: #f5f5f5; border: 1px solid #1998B5; margin: 1em 2em; padding: 0.5em 1em; text-align:left; white-space:normal; /* cache pour IE 5 Mac qui sait pas faire - Ne pas supprimer cette ligne \*/ white-space:pre; width: 90%; overflow: auto; /* Fin hack Ne pas supprimer cette ligne */ } hr { } /* ------------------------------------------------------------ 3. PAGE ------------------------------------------------------------- */ #page { background: #000 url(http://devoldaere.com/blog/themes/dotkit-2A/livre.png) center; text-align: left; } /* ------------------------------------------------------------ 4. HAUT DE PAGE ------------------------------------------------------------- */ #top { background: #000 url(http://devoldaere.com/blog/themes/dotkit-2A/haut.png) top; text-align: right; } #top h1 { } #top h1 a { display: block; color:#444; } #prelude {display:none;} /* ------------------------------------------------------------ 5. MAIN CONTENT ------------------------------------------------------------- */ #main { } #content { } #contact { } /* ------------------------------------------------------------ 6. BILLETS ------------------------------------------------------------- */ .post { } .post h3, .post h4, .post h5, .post h6 { font-weight: normal; color: #666; margin-top: 2em; text-transform: uppercase; text-align: left; } .post h3 { font-weight: bold; text-transform:none; } .post blockquote { margin:0em; padding:1em; border-left: 1px solid #555; border-top: 1px solid #555; border-bottom: 1px solid #999; border-right: 1px solid #999; color:#000; background-color:#c5c5c5; text-align:left; } .post blockquote h3 { color:#004356; margin:0em 0em 0.5em 0em; } .post blockquote a { color:#004356; } .post blockquote a:visited { color:#004356; } .post blockquote a:hover { color:#555; } .post img { } .day-date {display:none} .post-title { color: #0D4853; } .post-title a { text-transform: none; } .post-info {display:none;} .post-chapo {display:none;} .post-content { text-align: justify; margin-bottom:3em; } .footnotes { font-size:0.9em; } .footnotes, .footnotes p { margin-top: 1em; text-indent: 0; } .footnotes h4 { } .post-info-co {display:none;} .post ul { margin: 1em 0 0em 1.5em; padding:0; } .post li { margin:0; padding: 0; } /* ------------------------------------------------------------ 7. COMMENTAIRES, TRACKBACKS ------------------------------------------------------------- */ #comments {display:none;} #trackbacks {display:none;} .field { margin: 1em 0 0 0; } .field label { display: block; font-weight: bold; font-size: 0.85em; width: 200px; float: left; color: #666; } .field input, .field textarea, .field select, #q { background: #EFF8FA; color: #000; font-size: 1em; border: 1px solid #999; width:270px; } .field texarea { } #c_nom { } #c_mail { } #c_site { margin-bottom: 1em; } #c_content { } #c_remember { } .form-help { } /* ------------------------------------------------------------ 8. SIDEBAR ------------------------------------------------------------- */ #sidebar { } #sidebar h2 { font-family:Georgia, serif; font-size: 1.33em; margin-bottom:0.5em; color: #0D4853; } #sidebar h3 { font-family:Georgia, serif; font-weight: normal; margin-top: 0.5em; margin-bottom:0.33em; color: #999; font-size: 1.1em; } #sidebar ul { list-style:none; margin: 0 0 1em 0.66em; padding:0; } #sidebar ul li { margin:0; padding: 0; } /* boites du sidebar livrees avec Dotclear */ #calendar {} #search { } #search form { } #search input[type=text] { } /* ou #search #q */ #search input[type=submit] { /* ou #search .submit */ background: #EFF8FA; font-weight: bold; border: 1px solid #BEDDE4; } #search input.submit:hover, #search input.submit:focus { background: #D9F2F8; } #search input.submit:active { border-style: inset; } #selection { } #languages { } #categories { } #archives { } #links { } #syndicate { } /* ------------------------------------------------------------ 9. FOOTER ------------------------------------------------------------- */ #footer { background: #000 url(http://devoldaere.com/blog/themes/dotkit-2A/bas.png) bottom; } /* ------------------------------------------------------------ 10. CLASSES COMMUNES ------------------------------------------------------------- */ /* messages d'erreur */ .error { } .error ul { } .error li { } /* exemples de ceux que j'ajoute souvent */ .left { float: left; margin-right : 1em; } .right { float: right; margin-left : 1em; } .center { margin-left : auto; margin-right : auto; } .left-text { text-align : left; } .right-text { text-align : right; } .center-text { text-align : center; } .little-text { font-size : .8em;} .little-upper-text { font-size : .8em; text-transform : uppercase; } /* --------------------------------------------------- 11. ET POUR FINIR NE PAS OUBLIER LES CLEARERS ici ceux le plus souvent necessaires --------------------------------------------------- */ .post, .post-content, .footnotes, .post-info-co, #trackbacks, #footer { clear:both;