/* $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
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.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 ;
} |