92 lines
2.2 KiB
CSS
92 lines
2.2 KiB
CSS
|
/* ***** BEGIN LICENSE BLOCK *****
|
|||
|
|
#
|
|||
|
|
# This is part of Aorakits, a set of themes for DotClear.
|
|||
|
|
# Copyright (c) 2006 Kozlika and contributors. All rights
|
|||
|
|
# reserved.
|
|||
|
|
#
|
|||
|
|
* ***** END LICENSE BLOCK *****
|
|||
|
|
|
|||
|
|
|
|||
|
|
STRUCTURE POUR TROIS COLONNES, BLOGNAV ET BLOGEXTRA A GAUCHE, LARGEUR FLUIDE
|
|||
|
|
|
|||
|
|
|
|||
|
|
--------------------------------------------------------------
|
|||
|
|
AVANT TOUTE CHOSE
|
|||
|
|
remise <EFBFBD> z<EFBFBD>ro de toutes les marges des grands blocs pour que
|
|||
|
|
tous les navigateurs calculent depuis le m<EFBFBD>me point de d<EFBFBD>part
|
|||
|
|
--------------------------------------------------------------- */
|
|||
|
|
html, body, #page, #top, #prelude, #wrapper, #footer,
|
|||
|
|
#main, #content,
|
|||
|
|
#sidebar, #blognav, #blogextra {
|
|||
|
|
margin : 0;
|
|||
|
|
padding : 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* --------------------------------------------------------------
|
|||
|
|
CENTRAGE DE LA PAGE DANS LA FENETRE DU NAVIGATEUR.
|
|||
|
|
(supprimer ces lignes si on ne veut pas centrer)
|
|||
|
|
Note : on peut remplacer la valeur (ici 0) des marges au-dessus
|
|||
|
|
et en dessous de la page par la valeur de son choix (px ou em).
|
|||
|
|
--------------------------------------------------------------- */
|
|||
|
|
body {
|
|||
|
|
text-align : center;
|
|||
|
|
}
|
|||
|
|
#page {
|
|||
|
|
margin : 85px auto 20px auto;
|
|||
|
|
text-align : left;
|
|||
|
|
padding: 10px 45px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* -------------------------------------------------------------
|
|||
|
|
STRUCTURE FLUIDE - 3 COLONNES - BLOGNAV ET BLOGEXTRA A GAUCHE
|
|||
|
|
Vous pouvez modifier 100% par la valeur de votre choix.
|
|||
|
|
Vous pouvez modifier 320px par la valeur de votre choix
|
|||
|
|
et 330px par votre nouvelle valeur + 10
|
|||
|
|
--------------------------------------------------------------- */
|
|||
|
|
#page {
|
|||
|
|
width : 785px;
|
|||
|
|
}
|
|||
|
|
#top { height:160px; }
|
|||
|
|
|
|||
|
|
#top h1 {
|
|||
|
|
margin : 0;
|
|||
|
|
}
|
|||
|
|
#wrapper {
|
|||
|
|
margin : 10px 0;
|
|||
|
|
}
|
|||
|
|
#main {
|
|||
|
|
width : 100%;
|
|||
|
|
margin : 0 0 0 -240px;
|
|||
|
|
float : right;
|
|||
|
|
}
|
|||
|
|
#content {
|
|||
|
|
margin : 0 0 0 240px;
|
|||
|
|
padding : 0;
|
|||
|
|
}
|
|||
|
|
#footer {
|
|||
|
|
clear : both;
|
|||
|
|
text-align:center;
|
|||
|
|
height : 30px;
|
|||
|
|
}
|
|||
|
|
#sidebar {
|
|||
|
|
width : 220px;
|
|||
|
|
float : left;
|
|||
|
|
overflow: visible;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Attention au calcul si vous modifiez ces valeurs.
|
|||
|
|
Le total doit être inférieur <EFBFBD> la largeur du sidebar.
|
|||
|
|
Ici, 6 + 146 + 6 + 6 + 146 + 6 = 316 < 320 */
|
|||
|
|
|
|||
|
|
#blognav, #blogextra {
|
|||
|
|
margin : 0;
|
|||
|
|
padding : 10px;
|
|||
|
|
}
|
|||
|
|
#blognav {
|
|||
|
|
width : 200px;
|
|||
|
|
float : left;
|
|||
|
|
}
|
|||
|
|
#blogextra {
|
|||
|
|
width : 200px;
|
|||
|
|
float : left;
|
|||
|
|
}
|