/* ***** BEGIN LICENSE BLOCK ***** * This file is part of DotClear. * Copyright (c) 2004 Maurice Svay 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 ***** * * Contributor(s): * Pixials */ /* Ce fichier définit le style visuel pour les différents éléments du blog. * Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour: * - les éléments HTML en général * - la page * - l'entête * - le prélude * - le contenu * - la barre de navigation * - le pied de page * * L'agengement des blocs est défini dans le fichier layout.css * Pour mettre la barre de navigation à gauche, décommentez l'appel à * layout-gauche.css */ @import "layout.css"; /* @import "layout-gauche.css"; */ /* Les éléments HTML en général -------------------------------------------------------- */ body { margin: 0; padding: 0; background: #191919 url(img/bg.gif) repeat-y top center; font-size: 80%; font-family: Optima, "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; text-align: left; } h1, h2, h3, h4, h5, h6 { margin: 0; font-style: normal; font-weight: bold; background: transparent; color: #050d24; } h1{font-size: 1.5em;} h2{font-size: 1.4em;} h3{font-size: 1.3em;} h4{font-size: 1.2em;} h5{font-size: 1.1em;} h6{font-size: 1em;} pre, code{ font-size: 1.2em; } pre{ width: 100%; overflow: auto; border: 1px solid #CCC; } fieldset{ border: none; } label{ cursor: pointer; } .field label{ display: block; } input,textarea{ border: 1px solid #999; } textarea{ width: 100%; font-size: 1em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } a{ color: #2f63b3; text-decoration: none; } a:visited{ color: #2f63b3; text-decoration: none; } a:hover{ color: #4a5265; text-decoration: underline; } a:active{ color: #2f63b3; text-decoration: underline; } .left{ float: left; margin-right: 1em; } .right{ float: right; margin-left: 1em; } .post li, #sidebar li{ padding-left: 8px; } img{ border: 0px; } .post-info img, .post-info-co img, #footer-text img{ vertical-align: middle; } /* La page -------------------------------------------------------- */ #page{ background: #fff; color: inherit; } /* L'entête -------------------------------------------------------- */ #top{ height: 245px; width: 100%; background: transparent url(img/banniere.JPG) repeat-x top left; } #top h1{ height: 80px; line-height: 80px; margin: 0 0 0 40px; padding-top: 10px; color: #FFFFFF; font-size: 1.6em; } #top h1 a{ text-decoration: none; color: #FFFFFF; } #header{ margin-top: 18px; position: absolute; } /* Le menu -------------------------------------------------------- */ #navbar { clear: both; float: left; width: 100%; height: 31px; background: transparent url(img/nav_bg.gif) repeat-x 0 0; margin-bottom: 20px; } ul.menu { float: left; margin: 0; padding: 0 15px; list-style-type: none; } ul.menu li { float: left; } ul.menu li a { float: left; display: block; height: 28px; padding: 3px 15px 0 15px; line-height: 24px; color: #fff; } ul.menu li a:link, ul.menu li a:visited { color: #fff; background: none; } ul.menu li a:hover, ul.menu li a:active { color: #fff; background: url(img/nav_hover.gif) no-repeat center top; text-decoration: none; } ul.menu li.current_page_item a:link, ul.menu li.current_page_item a:visited, ul.menu li.current_page_item a:hover, ul.menu li.current_page_item a:active { color: #fff; background: transparent url(img/nav_active.gif) no-repeat center bottom; text-decoration: none; } #search{ float: right; margin-top: 4px; margin-right: 12px; } #search input{ border: 1px solid #999; background: #fff url(img/searchbg.gif) repeat-x 0 0; width: 150px; padding: 1px; } /* Le contenu -------------------------------------------------------- */ .post{ border-bottom: 2px solid #eee; } .post-title{ color: #000; background: transparent; margin-bottom: 0; margin-bottom: 10px; } .post-title a{ color: #000; background: transparent; text-decoration: none; } .post-info-co{ margin-top: 0; float: right; color: #2f63b3; background: transparent; padding-bottom: 1ex; } .post-info-co a{ background: transparent; text-decoration: none; } .post-info{ margin-top: 0; color: #2f63b3; background: transparent; padding-bottom: 1ex; } .post-info a{ background: transparent; text-decoration: none; } .post-content{ text-align: justify; } .post-content blockquote{ font-family: Georgia, serif; font-style: italic; } .post-info-co{ text-align: right; } #trackbacks blockquote, #comments blockquote{ border: 1px solid #EEE; margin: 1em 0; padding: 1ex 1em; } .texteplus { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #336666; margin :12px; padding-left: 5px; border-left:1px dashed #336666; font-weight: bold; } /* La barre de navigation -------------------------------------------------------- */ #sidebar div ul{ margin: 0; padding: 0; list-style: none; } #sidebar h2, #sidebar h3{ margin: 0 0 1ex 0; } #sidebar h3{ font-size: 1em; margin: 0; } #sidebar a{ font-size: 1em; color:#496781; margin: 0; } .field{ margin: 0; padding: 0; } #syndicate{ } /* Le pied de page -------------------------------------------------------- */ #footer{ background: #121212 url(img/separator_green.gif) repeat-x left top; height: 80px; padding: 0; } #footer-text{ padding: 24px; color: #FFFFFF; } #footer a{ color: #999; } #footer-logo{ float: right; margin-top: 6px; margin-right: 50px; }