/* ***** 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): * Maurice Svay */ /* 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 */ /* Les elements HTML en general -------------------------------------------------------- */ body{ margin: 0 ; padding: 0; text-align: center ; color: #808080; font-size: 70%; line-height: 1.4em; font-family: verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #000; background-position: 0 0; } * { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6{ font-family: "Trebuchet MS", sans-serif; } h1{font-size: 1.5em;} h2{font-size: 14px;} h3{ font-size: 1.3em; } h4{font-size: 1.2em;} h5{ font-size: 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: teal; text-decoration: none; } a:visited{ color: #663; text-decoration: none; } a:active{ color: #636; text-decoration: none; } a:hover{ color: #636; text-decoration: none; } a img { border-style: none; } .post img { border-style: none; } .post a img { border-style: none; } .right{ float: right; margin-left: 1em; } .left{ float: left; margin-right: 1em; } /* La page -------------------------------------------------------- */ #page{ width: 780px; text-align: left; margin: 0 auto 4em ; color: inherit; background-color: white; background-repeat: repeat-y; background-attachment: scroll; background-position: center top; border: solid 10px #fff; } /* L'entete -------------------------------------------------------- */ #top{ background-image: url(img/top.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; height: 210px; /*padding-top: 20px;*/ width: 780px; margin: 0; padding: 0; } #search{ color: black; font-size: 10px; line-height: normal; text-align: right; float: right; margin: 5px 15px 0 0; padding: 0; } #top h1{ height: 80px; line-height: 80px; margin: 0 0 0 40px; padding-top: 20px; color: #ffffff; display: none; } #top h1 a{ text-decoration: none; color: #ffffff; display: none; } /* Le pr?lude -------------------------------------------------------- */ #prelude{ background-color: #ffd800; background-image: url(img/menu.png); background-repeat: no-repeat; background-attachment: scroll; width: 780px; height: 45px; margin: 0 0 15px 0; ;padding: 0 0 0 0;} #prelude li { display: inline } #prelude ul { display: inline } #prelude a{ color: #fff; text-decoration:none; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; line-height: normal; text-align: left; text-indent: 0; float:left; margin: 0 0 0 10px; padding: 8px 10px 5px 0; } #prelude a:hover{ color:black; background-image: none; background-position: 0 0; text-align: left; } #prelude sustain a { color: #000; text-decoration: none; } /* Le contenu -------------------------------------------------------- */ #main{ float: right; width: 550px; } #content{ float: left; margin: 10px 20px 0 0; padding: 0; } .post{ margin-bottom: 4em; } .day-date{ padding-left: 20px; margin-left: -25px; color: #888; background: url(img/day-date.png) no-repeat left center; font-style: italic; display: none; } .post-title{ color: #ffd100; font-size: 18px; line-height: 18px; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin-bottom: 10px; } .post-title a{ color: #ffd100; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; } .post-info{ display: none; margin-top: 0; color: #FA0; background: transparent; padding-bottom: 1ex; /*border-bottom: 1px solid #FC0;*/ } .post-info a{ color: #FA0; background: transparent; text-decoration: none; } .post-content{ text-align: left; overflow: auto; } .post-content blockquote{ font-family: Georgia, serif; font-style: italic; } .post-info-co{ display: none; text-align: right; } #trackbacks {display: none; } #comments {display: none} #trackbacks blockquote, #comments blockquote{ border: solid 1px #eee; margin: 1em 0; padding: 1ex 1em; display: none; } /* La barre de navigation -------------------------------------------------------- */ #sidebar{ float: left; width: 200px; padding-bottom: 4em; } #sidebar div{ text-decoration: none; margin: 0 0 0 15px; padding: 1ex 1em; } #sidebar a{ margin: 0 2px 5px; display: block; text-align: left; color: black; font-size: 10px; font-weight: bold; line-height: 15px; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding-left: 0; border-width: 0; } #sidebar a:hover{ color: #00aee3; font-size: 10px; line-height: 15px; background-image: none; background-position: 0 0; yle: solid; } #sidebar a:active { color: #00aee3; font-size: 10px; line-height: 15px; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; } #sidebar div ul{ text-decoration: none; margin: 0; padding: 0; list-style: none; } #sidebar h2, #sidebar h3{ color: #ffd800; margin: 0 0 1ex; } #sidebar h3{ color: #c1c1c1; font-size: 12px; line-height: 15px; } #sidebar div#search { color: inherit; line-height: 2.3em; background: transparent; text-align: left; margin: 20px 0 0; };padding: 0; #search fieldset, #search p{ margin: 0; padding: 0; } #links h2 { color: #ffd100; font-size: 14px; line-height: 16px; } #links h3 { color: #c1c1c1; font-size: 10px; font-weight: normal; line-height: 18px; text-decoration: underline; text-transform: uppercase; } #links a { color: #c1c1c1; font-size: 10px; font-weight: normal; font-style: italic; line-height: 10px; } #links a:hover { color: #f90; font-size: 10px; font-style: italic; font-weight: normal; line-height: 10px; } #q{ background: #fff url(img/q.png) no-repeat 4px center; text-decoration: none; margin: 0; padding: 0 0 0 18px; } #sidebar div#calendar{ /*border-top: 1px solid #F0F0F0;*/ } #sidebar div#calendar table{ font-size: 0.8em; text-align: center; margin: 0 auto; border-collapse: collapse; } #sidebar div#calendar table caption{ margin: 0 auto; } #sidebar div#calendar table th{ color: #493; background: transparent; } #sidebar div#calendar table td{ width: 14%; line-height: 2em; border: 1px solid #EEE; } #sidebar div#calendar table td a{ display: block; background: #EFA; color: #493; font-weight: bold; text-decoration: none; } #sidebar div#calendar table td a:hover{ background: #DBB8DC; color: #636; } /* Le pied de page -------------------------------------------------------- */ #footer { font-size: 9px; background-image: url(img/footer.png); background-position: 0 0; text-align: right; width: 760px; height: 80px; clear: both; } #legal { padding-top: 30px; padding-right: 20px; } #footer a{ color: #808080; font-size: 9px; } #footer a img { vertical-align: middle; border-style: none; } /* Le block news -------------------------------------------------------- */ #block1 { float: left; width: 150px; border: solid 1px #ccc; } #blocblanc { width: 130px; height: 10px; } #block1 a{ color: purple; font-size: 10px; font-style: italic; line-height: 20px; text-decoration: underline; float: left; padding-left: 0; } #block1 a:hover { color: #f0f; font-size: 10px; font-style: italic; line-height: 20px; background-color: transparent; text-decoration: underline; padding-left: 0; float: left; }