165 lines
3.5 KiB
HTML
165 lines
3.5 KiB
HTML
|
#HTTP_HEADER{content-type:text/css}
|
||
|
/*On défini ici tout les variables, histoire de ne pas se gourer après, sauf pour les liens*/
|
||
|
#SET{couleur_filets,#CONFIG{collezionth/couleur_filets,#0f14eb}}
|
||
|
#SET{image_fond,#CHEMIN{img/fond.jpg}|image_sepia{#CONFIG{collezionth/couleur_fond_sepia,#2362A7}}|extraire_attribut{src}}
|
||
|
#SET{couleur_titre,#CONFIG{collezionth/couleur_titre,#2362A7}}
|
||
|
/*bloc principaux*/
|
||
|
body{
|
||
|
background-image:url([(#GET{image_fond}|url_absolue)]);
|
||
|
background-color:[#(#GET{image_fond}|url_absolue|couleur_extraire{15,5})];
|
||
|
background-repeat:repeat-y;
|
||
|
padding:0px;
|
||
|
margin:0px;
|
||
|
}
|
||
|
#page{
|
||
|
border-left:solid 1px #GET{couleur_filets};
|
||
|
border-right:solid 1px #GET{couleur_filets};
|
||
|
background-color:#FFFFFF;
|
||
|
padding:0;
|
||
|
margin:0 95px;
|
||
|
}
|
||
|
|
||
|
#nav, #entete{
|
||
|
border-left:1px solid #GET{couleur_filets};
|
||
|
padding:1%;
|
||
|
width:68%;
|
||
|
float:right;
|
||
|
text-align:center
|
||
|
}
|
||
|
#entete #nom_site_spip{
|
||
|
font-size:4ex;
|
||
|
}
|
||
|
#slogan_site_spip{
|
||
|
font-style:italic;
|
||
|
}
|
||
|
#entete img{
|
||
|
left:95px;
|
||
|
position:absolute;
|
||
|
top:0;
|
||
|
}
|
||
|
#entete .formulaire_menu_lang{
|
||
|
position:absolute;
|
||
|
top:0;
|
||
|
left:100px;
|
||
|
}
|
||
|
#contenu{
|
||
|
|
||
|
border-left:1px solid #GET{couleur_filets};
|
||
|
float:right;
|
||
|
padding:1%;
|
||
|
width:68%;
|
||
|
}
|
||
|
#navigation{
|
||
|
|
||
|
float:left;
|
||
|
padding-left:2%;
|
||
|
padding-right:2%;
|
||
|
width:25%;
|
||
|
}
|
||
|
|
||
|
#pied{
|
||
|
clear:both;
|
||
|
text-align:center;
|
||
|
width:100%;
|
||
|
}
|
||
|
|
||
|
/*titre*/
|
||
|
.h1,.h2,.h3,.h4{
|
||
|
margin:0;
|
||
|
padding:0;
|
||
|
|
||
|
}
|
||
|
.h1,.h2,.h3{
|
||
|
clear:both;
|
||
|
color:#GET{couleur_titre};
|
||
|
}
|
||
|
.h1,.hentry .h3{clear:none}
|
||
|
.h4{
|
||
|
width:100%;
|
||
|
text-align:center;
|
||
|
}
|
||
|
h3{margin-top:2ex}
|
||
|
|
||
|
.surtitre,.soustitre{
|
||
|
margin:0;
|
||
|
padding:0;
|
||
|
font-style:italic;
|
||
|
}
|
||
|
|
||
|
|
||
|
/*séparateur*/
|
||
|
|
||
|
hr{
|
||
|
clear:both;
|
||
|
margin-bottom:0;
|
||
|
margin-top:10ex;
|
||
|
margin-left:10%;
|
||
|
margin-right:10%;
|
||
|
padding:0;
|
||
|
height:1px;
|
||
|
width:80%;
|
||
|
border-color:#GET{couleur_filets};
|
||
|
clear:both;}
|
||
|
|
||
|
|
||
|
/*objet encadré*/
|
||
|
.entry-content, .chapo,.texte,.ps,#navigation .item,blockquote.spip, blockquote.spip_poesie,.forum-texte{
|
||
|
[(#CONFIG{collezionth/colorer_fond_texte}|oui)background-color:[#(#GET{couleur_filets}|couleur_eclaircir|couleur_eclaircir|couleur_eclaircir|couleur_eclaircir)];]
|
||
|
border:1px solid #GET{couleur_filets};
|
||
|
margin-left:5%;
|
||
|
margin-right:2%;
|
||
|
padding-left:2%;
|
||
|
padding-right:2%;
|
||
|
margin-top:2%;
|
||
|
margin-bottom:2%;
|
||
|
clear:both;
|
||
|
width:86%;
|
||
|
|
||
|
}
|
||
|
.spip_poesie div{
|
||
|
margin-top:1em;
|
||
|
margin-bottom:1em;
|
||
|
}
|
||
|
|
||
|
|
||
|
/*liens*/
|
||
|
a{
|
||
|
text-decoration:none;
|
||
|
color:[(#CONFIG{collezionth/couleur_liens_nav}|sinon{#2362A7})];
|
||
|
|
||
|
}
|
||
|
a:hover{
|
||
|
text-decoration:underline;
|
||
|
color:[#(#CONFIG{collezionth/couleur_liens_nav}|sinon{#2362A7}|couleur_foncer)];
|
||
|
}
|
||
|
a.spip_in,#contenu a.spip_out,a.spip_url,a.spip_glossaire{
|
||
|
text-decoration:underline;
|
||
|
}
|
||
|
|
||
|
a.spip_in{
|
||
|
color:#CONFIG{collezionth/couleur_liens_spip_in|sinon{#990000};
|
||
|
}
|
||
|
a.spip_out,a.spip_url{
|
||
|
color:#CONFIG{collezionth/couleur_liens_spip_out|sinon{#000099};
|
||
|
}
|
||
|
a.spip_glossaire{
|
||
|
color:#CONFIG{collezionth/couleur_liens_spip_glossaire|sinon{#006600};
|
||
|
}
|
||
|
|
||
|
a.spip_in:hover{
|
||
|
color:[#(#CONFIG{collezionth/couleur_liens_spip_in|sinon{#006600}|couleur_foncer)];
|
||
|
}
|
||
|
a.spip_out:hover{
|
||
|
color:[#(#CONFIG{collezionth/couleur_liens_spip_out|sinon{#000099}|couleur_foncer)];
|
||
|
}
|
||
|
a.spip_glossaire:hover{
|
||
|
color:[#(#CONFIG{collezionth/couleur_liens_spip_glossaire|sinon{#006600}|couleur_foncer)];
|
||
|
}
|
||
|
.h1 a,.h2 a,.h3 a{
|
||
|
color:#GET{couleur_titre};
|
||
|
}
|
||
|
.h1 a:hover,.h2 a:hover,.h3 a:hover{
|
||
|
color:[#(#GET{couleur_titre}|couleur_foncer)];
|
||
|
}
|
||
|
|