123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706 |
- /* $Id: style.css,v 1.12 2006/01/20 09:09:18 dries Exp $ */
- /*
- ** HTML elements
- */
- /*
- body {
- margin: 0;
- padding: 0;
- color: #000;
- background-color: #fff;
- font: 76% Verdana, Arial, Helvetica, sans-serif;
- }
- tr.odd td, tr.even td {
- padding: 0.3em;
- }
- h1, h2, h3, h4, h5, h6 {
- margin-bottom: 0.5em;
- }
- h1 {
- font-size: 1.3em;
- }
- h2 {
- font-size: 1.2em;
- }
- h3, h4, h5, h6 {
- font-size: 1.1em;
- }
- p {
- margin-top: 0.5em;
- margin-bottom: 0.9em;
- }
- a {
- text-decoration: none;
- font-weight: bold;
- }
- a:link {
- color: #39c;
- }
- a:visited {
- color: #369;
- }
- a:hover {
- color: #39c;
- text-decoration: underline;
- }
- fieldset {
- border: 1px solid #ccc;
- }
- pre {
- background-color: #eee;
- padding: 0.75em 1.5em;
- font-size: 12px;
- border: 1px solid #ddd;
- }
- table { */
- /* make <td> sizes relative to body size! */
- /* font-size: 1em;
- }
- .form-item label {
- font-size: 1em;
- color: #222;
- }
- .item-list .title {
- font-size: 1em;
- color: #222;
- }
- .links {
- margin-bottom: 0em;
- }
- .comment .links {
- margin-bottom: 0em;
- }
- /*
- ** Page layout blocks / IDs
- */
- /*
- #header, #content {
- width: 100%;
- }
- #header {
- background-color: #69c;
- }
- #logo {
- vertical-align: middle;
- border: 0;
- }
- #logo img {
- float: left;
- padding: 0em 1.0em 0em 1em;
- border: 0;
- }
- #menu {
- padding: 0.5em 0.5em 0 0.5em;
- text-align: right;
- vertical-align: middle;
- }
- #primary {
- font-size: 1.0em;
- padding: 0em 0.8em 0.5em 0;
- color: #9cf;
- }
- #primary a {
- font-weight: bold;
- color: #fff;
- }
- #secondary {
- padding: 0 1em 0.5em 0;
- font-size: 0.8em;
- color: #9cf;
- }
- #secondary a {
- font-weight: bold;
- color: #9cf;
- }
- #search .form-text, #search .form-submit {
- border: 1px solid #369;
- font-size: 1.1em;
- }
- #search .form-text {
- width: 8em;
- height: 1.4em;
- padding: 0 0.5em 0 0.5em;
- margin: 0 0 0.5em 0;
- }
- #search .form-submit {
- height: 1.5em;
- }
- #mission {
- background-color: #369;
- padding: 1.5em 2em;
- color: #fff;
- }
- #mission a, #mission a:visited {
- color: #9cf;
- font-weight: bold;
- }
- .site-name {
- margin: 0.6em 0em 0em 0em;
- padding: 0em;
- font-size: 2em;
- }
- .site-name a:link, .site-name a:visited {
- color: #fff;
- }
- .site-name a:hover {
- color: #369;
- text-decoration: none;
- }
- .site-slogan {
- font-size: 1em;
- color: #eee;
- display: block;
- margin: 0em 0em 0em 0em;
- font-style: italic;
- font-weight: bold;
- }
- #main { */
- /* padding in px not ex because IE messes up 100% width tables otherwise */
- /*
- padding: 10px;
- }
- #mission, .node .content, .comment .content {
- line-height: 1.4;
- }
- #help {
- font-size: 0.9em;
- margin-bottom: 1em;
- }
- .breadcrumb {
- margin-bottom: .5em;
- }
- .messages {
- background-color: #eee;
- border: 1px solid #ccc;
- padding: 0.3em;
- margin-bottom: 1em;
- }
- .error {
- border-color: red;
- }
- #sidebar-left, #sidebar-right {
- background-color: #ddd;
- width: 16em; */
- /* padding in px not ex because IE messes up 100% width tables otherwise */
- /*padding: 10px;
- vertical-align: top;
- }
- #footer {
- background-color: #eee;
- padding: 1em;
- font-size: 0.8em;
- }
- */
- /*
- ** Common declarations for child classes of node, comment, block, box, etc.
- ** If you want any of them styled differently for a specific parent, add
- ** additional rules /with only the differing properties!/ to .parent .class.
- ** See .comment .title for an example.
- */
- /*
- .title, .title a {
- font-weight: bold;
- font-size: 1.3em;
- color: #777;
- margin: 0 auto 0 auto; */
- /* decrease default margins for h<x>.title */
- /*
- }
- .submitted {
- color: #999;
- font-size: 0.8em;
- }
- .links {
- color: #999;
- }
- .links a {
- font-weight: bold;
- }
- .block, .box {
- padding: 0 0 1.5em 0;
- }
- .block {
- border-bottom: 1px solid #bbb;
- padding-bottom: 0.75em;
- margin-bottom: 1.5em;
- }
- .block .title {
- margin-bottom: .25em;
- }
- .box .title {
- font-size: 1.1em;
- }
- .node {
- margin: .5em 0 2em 0;
- }
- .sticky {
- padding: .5em;
- background-color: #eee;
- border: solid 1px #ddd;
- }
- .node .content, .comment .content {
- margin: .5em 0 .5em 0;
- }
- .node .taxonomy {
- color: #999;
- font-size: 0.8em;
- padding: 1.5em;
- }
- .node .picture {
- border: 1px solid #ddd;
- float: right;
- margin: 0.5em;
- }
- .comment {
- border: 1px solid #abc;
- padding: .5em;
- margin-bottom: 1em;
- }
- .comment .title a {
- font-size: 1.1em;
- font-weight: normal;
- }
- .comment .new {
- text-align: right;
- font-weight: bold;
- font-size: 0.8em;
- float: right;
- color: red;
- }
- .comment .picture {
- border: 1px solid #abc;
- float: right;
- margin: 0.5em;
- }
- */
- /*
- ** Module specific styles
- */
- /*
- #aggregator .feed-source {
- background-color: #eee;
- border: 1px solid #ccc;
- padding: 1em;
- margin: 1em 0 1em 0;
- }
- #aggregator .news-item .categories, #aggregator .source, #aggregator .age {
- color: #999;
- font-style: italic;
- font-size: 0.9em;
- }
- #aggregator .title {
- margin-bottom: 0.5em;
- font-size: 1em;
- }
- #aggregator h3 {
- margin-top: 1em;
- }
- #forum table {
- width: 100%;
- }
- #forum td {
- padding: 0.5em 0.5em 0.5em 0.5em;
- }
- #forum td.forum, #forum td.posts {
- background-color: #eee;
- }
- #forum td.topics, #forum td.last-reply {
- background-color: #ddd;
- }
- #forum td.container {
- background-color: #ccc;
- }
- #forum td.container a {
- color: #555;
- }
- #forum td.statistics, #forum td.settings, #forum td.pager {
- height: 1.5em;
- border: 1px solid #bbb;
- }
- #forum td .name {
- color: #96c;
- }
- #forum td .links {
- padding-top: 0.7em;
- font-size: 0.9em;
- }
- #profile .profile {
- clear: both;
- border: 1px solid #abc;
- padding: .5em;
- margin: 1em 0em 1em 0em;
- }
- #profile .profile .name {
- padding-bottom: 0.5em;
- }
- .block-forum h3 {
- margin-bottom: .5em;
- }
- .calendar a {
- text-decoration: none;
- }
- .calendar td, .calendar th {
- padding: 0.4em 0;
- border-color: #888;
- }
- .calendar .day-today {
- background-color: #69c;
- }
- .calendar .day-today a {
- color: #fff;
- }
- .calendar .day-selected {
- background-color: #369;
- color: #fff;
- }
- .calendar .header-week {
- background-color: #ccc;
- }
- .calendar .day-blank {
- background-color: #ccc;
- }
- .calendar .row-week td a:hover {
- background-color: #fff; color: #000;
- }
- */
- /*==========================================*/
- /* ***** 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
- */
- @import "layout.css";
- /* @import "layout-gauche.css"; */
-
- /* Les �l�ments HTML en g�n�ral
- -------------------------------------------------------- */
- body{
- background: #EEE;
- color: #000;
- font-size: 80%;
- line-height: 1.6em;
- font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
- border-top: 10px solid #DDD;
- }
- h1, h2, h3, h4, h5, h6{
- font-family: "Trebuchet MS", sans-serif;
- }
- 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;
- color : #666;
- font-weight : bold;
- }
- pre{
- width: 100%;
- overflow: auto;
- border: 1px solid #CCC;
- }
- fieldset{
- border: none;
- }
- label{
- cursor: pointer;
- cursor: hand;
- }
- .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: #000;
- }
- a:visited{
- color: #663;
- }
- a:hover{
- color: #636;
- }
- .left{
- float: left;
- margin-right: 1em;
- }
- .right{
- float: right;
- margin-left: 1em;
- }
- /* La page
- -------------------------------------------------------- */
- #page{
- background: #fff url(img/page.png) repeat-y center top;
- color: inherit;
- }
-
- /* L'ent�te
- -------------------------------------------------------- */
- #top{
- height: 120px;
- /*padding-top: 20px;*/
- background: #FFF url(img/top.png) no-repeat left top;
- }
- #top h1{
- height: 80px;
- line-height: 80px;
- margin: 0 0 0 40px;
- padding-top: 20px;
- color: #FFFFFF;
- }
- #top h1 a{
- text-decoration: none;
- color: #FFFFFF;
- }
- /* Le pr�lude
- -------------------------------------------------------- */
- #prelude{
- background: transparent;
- color: #DFDFDF;
- text-align: center;
- }
- #prelude a{
- color: #DFDFDF;
- background: transparent;
- }
- #prelude a:hover{
- color: #666;
- background: transparent;
- }
- /* Le contenu
- -------------------------------------------------------- */
- .day-date{
- padding-left: 20px;
- margin-left: -25px;
- color: #888;
- background: transparent url(img/day-date.png) no-repeat left center;
- font-style: italic;
- }
- .post-title{
- color: #F90;
- background: transparent;
- margin-bottom: 0;
- }
- .post-title a{
- color: #F90;
- background: transparent;
- text-decoration: none;
- }
- .post-info{
- 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: justify;
- }
- blockquote {
- font-style: italic ;
- border: solid blue 1px ;
- padding: 0.5em ;
- margin: 1em ;
- }
-
- .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;
- }
- /* La barre de navigation
- -------------------------------------------------------- */
- #sidebar div{
- border-bottom: 1px solid #F0F0F0;
- color: inherit;
- }
- #sidebar div ul{
- margin: 0;
- padding: 0;
- list-style: none;
- }
- #sidebar h2, #sidebar h3{
- color: #9ED200;
- margin: 0 0 1ex 0;
- }
- #sidebar h3{
- font-size: 1em;
- margin: 0;
- }
- #sidebar div#search{
- background: transparent;
- color: inherit;
- line-height: 2.3em;
- }
- #search fieldset, #search p{
- margin: 0;
- padding: 0;
- }
- #q{
- padding-left: 18px;
- background: #fff url(img/q.png) no-repeat 4px center;
- }
- #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{
- margin: 0;
- padding: 1em;
- border-top: 1px solid #CCC;
- background: #EEE;
- color: #666;
- }
- #footer a
- {
- color: #999;
- }
- #cc
- {
- white-space:nowrap;
- text-decoration:none !important ;
- border: none;
- }
- #cc img
- {
- margin: 0 0.2em ;
- border: none ;
- }
|