706 lines
No EOL
12 KiB
CSS
706 lines
No EOL
12 KiB
CSS
/* $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<66>rents <20>l<EFBFBD>ments du blog.
|
||
* Dans l'ordre, vous trouverez les r<>gles qui d<>finissent l'apparence pour:
|
||
* - les <20>l<EFBFBD>ments HTML en g<>n<EFBFBD>ral
|
||
* - la page
|
||
* - l'ent<6E>te
|
||
* - le pr<70>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 <20> gauche, d<>commentez l'appel <20>
|
||
* layout-gauche.css
|
||
*/
|
||
|
||
@import "layout.css";
|
||
/* @import "layout-gauche.css"; */
|
||
|
||
/* Les <20>l<EFBFBD>ments HTML en g<>n<EFBFBD>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<6E>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<70>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 ;
|
||
} |