278 lines
8.6 KiB
CSS
278 lines
8.6 KiB
CSS
|
/* --------------------------------------------------------- */
|
||
|
|
/* Feuille de style des squelettes par defaut pour SPIP 2.0 */
|
||
|
|
/* --------------------------------------------------------- */
|
||
|
|
|
||
|
|
/* ------------------------------------------
|
||
|
|
/* Typographie generale (style transversaux)
|
||
|
|
/* ------------------------------------------ */
|
||
|
|
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
|
||
|
|
body { font-size: 0.8125em; font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; color: #333; }
|
||
|
|
|
||
|
|
/* Titraille / Intertitres */
|
||
|
|
h1,.h1,h2,.h3,h3,.h3,h4,.h4,h5,.h5,h6,.h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Georgia, Times, serif; }
|
||
|
|
h1,.h1 { font-size: 1.70em; color: #000; }
|
||
|
|
h2,.h2 { font-size: 1.40em; font-weight: normal;}
|
||
|
|
#contenu h2, #contenu .h2 {margin-top:2em; }
|
||
|
|
h2,.h2, h2 a, .h2 a { color: #003; }
|
||
|
|
h3,.h3 { font-size: 1.20em; font-weight: bold; }
|
||
|
|
|
||
|
|
|
||
|
|
/* Autres enrichissements typo */
|
||
|
|
strong { font-weight: bold; }
|
||
|
|
em { font-style: italic; }
|
||
|
|
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
|
||
|
|
small { font-size: 0.90em; color: #666; }
|
||
|
|
dfn { font-weight: bold; color: #666; }
|
||
|
|
del { text-decoration: line-through; }
|
||
|
|
ins { color: red !important; text-decoration: none; }
|
||
|
|
sup, sub { font-size: .8em; font-variant: normal; }
|
||
|
|
|
||
|
|
|
||
|
|
/* Cf.: spip_style.css */
|
||
|
|
.spip_code {color:#f63;}
|
||
|
|
.spip_cadre {color:#444; background-color: #fff; border: 1px solid #ddd; font-size:1em; padding:0.5em; }
|
||
|
|
address {}
|
||
|
|
|
||
|
|
/* Tableaux */
|
||
|
|
/* Cf.: spip_style.css */
|
||
|
|
table.spip { width: 99%; }
|
||
|
|
table.spip tr.row_first { background: #444; color:white;}
|
||
|
|
table.spip td, table.spip th {border:white 2px solid;}
|
||
|
|
table.spip td a, table.spip th a {color:white;}
|
||
|
|
|
||
|
|
/* Logos, documents et images */
|
||
|
|
img { margin: 0; padding: 0; border: 0; }
|
||
|
|
.spip_logos {} /* Cf.: spip_style.css */
|
||
|
|
.spip_documents {} /* Cf.: spip_style.css */
|
||
|
|
.spip_documents_center {} /* Cf.: spip_style.css */
|
||
|
|
.spip_documents_left {} /* Cf.: spip_style.css */
|
||
|
|
.spip_documents_right {} /* Cf.: spip_style.css */
|
||
|
|
.spip_doc_titre {} /* Cf.: spip_style.css */
|
||
|
|
.spip_doc_descriptif {} /* Cf.: spip_style.css */
|
||
|
|
|
||
|
|
|
||
|
|
/* ------------------------------------------
|
||
|
|
/* Disposition a l'ecran des blocs principaux
|
||
|
|
/* ------------------------------------------ */
|
||
|
|
body { background: #aaa top center; margin: 0; padding: 0; text-align: center;}
|
||
|
|
|
||
|
|
#page {
|
||
|
|
position: relative; overflow:auto; width: 58em;
|
||
|
|
margin: 1em auto; padding:1em 2em; text-align: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
#entete {
|
||
|
|
margin: 0; padding-top: 0.60em;
|
||
|
|
padding-bottom: 1.60em; margin-bottom:1em;
|
||
|
|
position:absolute;
|
||
|
|
right:42px; top:30px;
|
||
|
|
width: 22em;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
#entete .accueil img.spip_logos {
|
||
|
|
vertical-align: bottom; line-height: 1em;
|
||
|
|
text-align:center;
|
||
|
|
display:block; margin:0 auto;
|
||
|
|
}
|
||
|
|
#entete #nom_site_spip {
|
||
|
|
border-bottom: 2px solid #666;
|
||
|
|
vertical-align: bottom; font-size: 1.6em;
|
||
|
|
font-family: Georgia, Times, serif; font-weight: normal;
|
||
|
|
display:block;
|
||
|
|
}
|
||
|
|
#entete #nom_site_spip a { text-decoration:none; }
|
||
|
|
#entete .formulaire_menu_lang {
|
||
|
|
position: absolute; right:10px;
|
||
|
|
top:140px; display: block;
|
||
|
|
background:transparent url(img/blanc-alpha70.png);
|
||
|
|
border-color:#ddd;
|
||
|
|
}
|
||
|
|
|
||
|
|
#conteneur { overflow:auto;}
|
||
|
|
|
||
|
|
#contenu {
|
||
|
|
clear: both; overflow: hidden;
|
||
|
|
float:left; width:29em;
|
||
|
|
border:3px solid #888;
|
||
|
|
background:transparent url(img/blanc-alpha95.png); padding:1em;
|
||
|
|
border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}
|
||
|
|
#zyn {
|
||
|
|
float:right; width: 22em;
|
||
|
|
border:3px solid #888;
|
||
|
|
background:transparent url(img/blanc-alpha90.png);
|
||
|
|
padding:1em; padding-top:180px;
|
||
|
|
border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}
|
||
|
|
|
||
|
|
|
||
|
|
#navigation { margin-top: 1em; overflow: hidden; clear:both;}
|
||
|
|
|
||
|
|
#pied {
|
||
|
|
clear: both; margin: 3em 0 0 0; padding: .80em 0 .6em;
|
||
|
|
border:3px solid #888;
|
||
|
|
background:transparent url(img/blanc-alpha90.png);
|
||
|
|
text-align: center;
|
||
|
|
font-size: 0.8em;
|
||
|
|
border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
|
||
|
|
}
|
||
|
|
#pied a { color:#666; }
|
||
|
|
#pied img { vertical-align: middle; }
|
||
|
|
|
||
|
|
/* Espaceur de blocs */
|
||
|
|
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }
|
||
|
|
|
||
|
|
/* Non visible a l'ecran */
|
||
|
|
.invisible { position: absolute; top: -3000em; height: 1%; }
|
||
|
|
|
||
|
|
|
||
|
|
/* ------------------------------------------
|
||
|
|
/* Habillage des elements du contenu
|
||
|
|
/* ------------------------------------------ */
|
||
|
|
|
||
|
|
#hierarchie { clear: both; margin-bottom: 2em; font-size: 0.84em; }
|
||
|
|
#hierarchie, #hierarchie a { color: #666; }
|
||
|
|
|
||
|
|
.cartouche { margin-bottom: 2em; }
|
||
|
|
.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
|
||
|
|
.cartouche p { margin: 0; padding: 0; clear: left; }
|
||
|
|
|
||
|
|
.chapo { margin-bottom: 1.50em; line-height: 1.40em; font-size:1.1em; }
|
||
|
|
.texte { line-height: 1.60em; }
|
||
|
|
.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
|
||
|
|
.notes { clear: both; font-size: 0.90em; }
|
||
|
|
|
||
|
|
|
||
|
|
/* Portfolio */
|
||
|
|
.documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
|
||
|
|
.documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
|
||
|
|
.documents_portfolio a.on .spip_logos { border-color: #999; }
|
||
|
|
.documents_portfolio a:focus .spip_logos,
|
||
|
|
.documents_portfolio a:hover .spip_logos,
|
||
|
|
.documents_portfolio a:active .spip_logos { border-color: #666; }
|
||
|
|
|
||
|
|
|
||
|
|
/* ------------------------------------------
|
||
|
|
/* Sous-navigation et autres menus
|
||
|
|
/* ------------------------------------------ */
|
||
|
|
|
||
|
|
/* Habillage general des menus de navigation */
|
||
|
|
|
||
|
|
.menu { clear: both; margin-bottom: 2em; text-align: left; }
|
||
|
|
.menu p { margin: 0.20em 0; padding: 0.20em 0.10em; }
|
||
|
|
.menu ul { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #ddd; }
|
||
|
|
.menu ul li { margin: 0.20em 0; padding: 0.20em;}
|
||
|
|
.menu ul li ul { margin-left: 1em; border: 0; }
|
||
|
|
.menu ul li li { padding: 0; border: 0; }
|
||
|
|
|
||
|
|
#formulaire_recherche,
|
||
|
|
#navigation .menu,
|
||
|
|
#navigation .liste {
|
||
|
|
background:transparent url(img/blanc-alpha70.png);
|
||
|
|
padding:0.5em; border: 1px solid #ddd;
|
||
|
|
border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
|
||
|
|
}
|
||
|
|
#navigation .menu a,
|
||
|
|
#navigation .liste a {color:#666;}
|
||
|
|
#navigation .menu .menu-liste,
|
||
|
|
#navigation .liste .liste-items {border-bottom:0;}
|
||
|
|
#navigation .menu .menu-entree,
|
||
|
|
#navigation .liste .item {list-style:square; margin-left:15px; padding:0; color:#FB368B;}
|
||
|
|
#navigation .menu .menu-entree .menu-liste,
|
||
|
|
#navigation .liste .item .liste-items {margin-left:0;}
|
||
|
|
|
||
|
|
/* Pagination */
|
||
|
|
.pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
|
||
|
|
.pagination .on { font-weight: bold; color: #666; }
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* Listes d'articles et extraits introductifs */
|
||
|
|
.liste { margin-bottom:2em; }
|
||
|
|
.liste .liste-items { margin-left: 0; padding-left:0; }
|
||
|
|
.liste .liste-items .item {
|
||
|
|
position:relative; clear: both; border:0;
|
||
|
|
list-style-type:none;
|
||
|
|
}
|
||
|
|
.liste .liste-items .item h3 { margin: 0.30em 0; border-bottom:1px solid #666;}
|
||
|
|
.liste .liste-items .item h3 a:hover { text-decoration:none;}
|
||
|
|
.liste .liste-items .item .info-publi {
|
||
|
|
display:block; font-size:.8em;}
|
||
|
|
.item .spip_logos {
|
||
|
|
float: right;
|
||
|
|
clear: right;
|
||
|
|
margin: 0.2em 0 4px 4px; }
|
||
|
|
.liste .liste-items .item .introduction { margin-top: 0.30em; line-height: 1.40em; padding: 0;}
|
||
|
|
.liste .liste-items .item .meta-publi {margin-bottom:4em;}
|
||
|
|
.liste .liste-items .item .introduction + .meta-publi {margin-top:-.8em;}
|
||
|
|
|
||
|
|
/* Couleurs des liens
|
||
|
|
---------------------------------------------- */
|
||
|
|
a { color: #222; text-decoration: none; }
|
||
|
|
a:focus,a:hover,a:active { color: #444; text-decoration: underline; }
|
||
|
|
a.spip_out, a.spip_glossaire {
|
||
|
|
color: #444;
|
||
|
|
background:transparent url(img/out.gif) no-repeat scroll right center;
|
||
|
|
padding-right:12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* * Habillage des formulaires */
|
||
|
|
.formulaire_spip {
|
||
|
|
background:#f3f3f3;
|
||
|
|
margin:1em 0 2em; padding:.5em; border:1px solid #888;
|
||
|
|
border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
|
||
|
|
}
|
||
|
|
.formulaire_spip fieldset legend,
|
||
|
|
.formulaire_spip fieldset h3.legend {background:#f3f3f3;}
|
||
|
|
.formulaire_spip input.text,
|
||
|
|
.formulaire_spip textarea { width: 98%; }
|
||
|
|
.formulaire_recherche input.text { width: 15em; }
|
||
|
|
|
||
|
|
|
||
|
|
/* * Habillage des forums */
|
||
|
|
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
|
||
|
|
ul.forum, ul.forum ul { list-style: none; }
|
||
|
|
|
||
|
|
|
||
|
|
/* comments list */
|
||
|
|
ul.forum,
|
||
|
|
ul.forum ul {
|
||
|
|
margin-top: 1em;
|
||
|
|
padding: 0;
|
||
|
|
|
||
|
|
}
|
||
|
|
ul.forum ul.spip {border:0;}
|
||
|
|
|
||
|
|
ul.forum ul { margin:0; }
|
||
|
|
.forum .forum-fil {
|
||
|
|
margin: 0;
|
||
|
|
padding: 10px;
|
||
|
|
list-style: none;
|
||
|
|
background:#f3f3f3;
|
||
|
|
border:1px solid #ccc;
|
||
|
|
margin-top:1em;
|
||
|
|
}
|
||
|
|
.forum ul.spip li {
|
||
|
|
border:0;padding:0;
|
||
|
|
|
||
|
|
}
|
||
|
|
.forum li cite {
|
||
|
|
display: block;
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: bold;
|
||
|
|
padding: 7px;
|
||
|
|
}
|
||
|
|
.forum li cite img {
|
||
|
|
float: left;
|
||
|
|
margin-right: 10px;
|
||
|
|
}
|
||
|
|
.forum li cite .forum-chapo {
|
||
|
|
font-size: .8em;
|
||
|
|
font-weight: normal;
|
||
|
|
}
|
||
|
|
.forum li .forum-texte {
|
||
|
|
clear: both;
|
||
|
|
margin: 0; padding: 0;
|
||
|
|
}
|
||
|
|
.forum li.alt {
|
||
|
|
background: #f8f8f8
|
||
|
|
}
|