623 lines
14 KiB
HTML
623 lines
14 KiB
HTML
#HTTP_HEADER{Content-Type: text/css; charset=utf-8}
|
|
#HTTP_HEADER{Vary: Accept-Encoding}
|
|
|
|
#SET{config,#CONFIG{multiflex}}
|
|
|
|
#SET{bordure, #GET{config}|cle{couleurs/bordure,#969696}}
|
|
#SET{bordure_claire, #GET{config}|cle{couleurs/bordure_claire,#C8C8C8}}
|
|
#SET{bordure_foncee, #GET{config}|cle{couleurs/bordure_foncee,#505050}}
|
|
|
|
#SET{fond_clair, #GET{config}|cle{couleurs/fond_clair,#f0f0f0}}
|
|
#SET{fond_fonce, #GET{config}|cle{couleurs/fond_fonce,#e1e1e1}}
|
|
|
|
#SET{texte, #GET{config}|cle{couleurs/textes,#444444}}
|
|
#SET{texte_entete, #GET{config}|cle{couleurs/texte_entete,#7d7d7d}}
|
|
#SET{texte_entete_image, #GET{config}|cle{couleurs/texte_entete_image,#ffffff}}
|
|
#SET{texte_titre, #GET{config}|cle{couleurs/texte_titre,#646464}}
|
|
#SET{texte_titre_menu, #GET{config}|cle{couleurs/texte_titre_menu,#ffffff}}
|
|
|
|
#SET{lien, #GET{config}|cle{couleurs/lien,#467AA7}}
|
|
#SET{lien_hover, #GET{config}|cle{couleurs/lien_hover,#2A5A8A}}
|
|
|
|
#SET{texte_codes, #GET{config}|cle{couleurs/texte_codes,#592A00}}
|
|
#SET{fond_codes, #GET{config}|cle{couleurs/fond_codes,#FFF9E9}}
|
|
#SET{bordure_codes, #GET{config}|cle{couleurs/bordure_codes,#DDD0AC}}
|
|
|
|
|
|
#SET{texte_forum, #GET{config}|cle{couleurs/texte_forum,#444444}}
|
|
#SET{fond_forum, #GET{config}|cle{couleurs/fond_forum,#F1EDD6}}
|
|
#SET{fond_forum_clair, #GET{config}|cle{couleurs/fond_forum_clair,#FAF9EF}}
|
|
#SET{bordure_forum, #GET{config}|cle{couleurs/bordure_forum,#E9D7B0}}
|
|
#SET{liens_forum, #GET{config}|cle{couleurs/liens_forum,#876231}}
|
|
|
|
|
|
|
|
|
|
#SET{couleur_extra1, #GET{config}|cle{couleurs/extra_bordure1,#E8B10D}} /* orange */
|
|
#SET{couleur_extra1_fond, #GET{config}|cle{couleurs/extra_fond1,#F8E096}}
|
|
|
|
#SET{couleur_extra2, #GET{config}|cle{couleurs/extra_bordure2,#A0D451}} /* vert pomme */
|
|
#SET{couleur_extra2_fond, #GET{config}|cle{couleurs/extra_fond2,#D9EFB9}}
|
|
|
|
#SET{couleur_extra3, #GET{config}|cle{couleurs/extra_bordure3,#89AAD6}} /* bleu azur */
|
|
#SET{couleur_extra3_fond, #GET{config}|cle{couleurs/extra_fond3,#D5E1F0}}
|
|
|
|
#SET{image_entete, 1}
|
|
|
|
|
|
body {
|
|
background:fff;
|
|
font-size:86%;
|
|
font-family:verdana,arial,sans-serif;
|
|
color:#GET{texte};
|
|
}
|
|
h1,h2,h3,h4,h5,h6 {font-family:"trebuchet ms",arial,sans-serif;}
|
|
|
|
#page {
|
|
border:1px solid #GET{bordure};
|
|
font-size:1em;
|
|
margin:10px auto;
|
|
width:960px;
|
|
}
|
|
|
|
|
|
/************ ENTETE ***********/
|
|
|
|
#entete {
|
|
background:#GET{fond_clair};
|
|
font-family:"trebuchet ms",arial,sans-serif;
|
|
position:relative;
|
|
overflow:auto;
|
|
height:150px;
|
|
}
|
|
|
|
.accueil .spip_logos {
|
|
margin:15px 10px 15px 18px;
|
|
float:left;
|
|
}
|
|
|
|
#nom_site_spip {
|
|
color:#GET{texte_entete};
|
|
font-size:170%;
|
|
margin-top:10px;
|
|
display:block;
|
|
float:left;
|
|
}
|
|
|
|
#nom_site_spip a {
|
|
color:#GET{texte_entete};
|
|
text-decoration:none;
|
|
}
|
|
|
|
#slogan_site_spip {
|
|
color:#GET{texte_entete};
|
|
position:absolute;
|
|
left:125px; top:37px;
|
|
}
|
|
|
|
#entete #formulaire_menu_lang {
|
|
width:140px;
|
|
position:absolute;
|
|
right:15px; top:10px;
|
|
background:none; border:none;
|
|
margin: 0; padding: 0;
|
|
}
|
|
|
|
/* entete avec img */
|
|
[(#GET{image_entete}|oui)
|
|
#entete { background:#GET{fond_clair}[ url((#CHEMIN{img/bg_head_middle.jpg}|url_absolue)) top left no-repeat]; }
|
|
#nom_site_spip { color:#GET{texte_entete_image}; }
|
|
#nom_site_spip a { color:#GET{texte_entete_image}; }
|
|
#slogan_site_spip { color:#GET{texte_entete_image}; }
|
|
]
|
|
|
|
|
|
/************ ONGLETS ***********/
|
|
|
|
#nav {
|
|
font-size:94%;
|
|
clear:both;
|
|
background:#GET{fond_fonce};
|
|
color:#GET{texte_entete};
|
|
}
|
|
|
|
#nav .menu-liste {
|
|
list-style-type:none;
|
|
margin:0;
|
|
padding:0;
|
|
overflow:auto;
|
|
}
|
|
#nav .menu-liste .menu-entree {
|
|
border-right:1px solid #GET{bordure};
|
|
/*display:inline;*/
|
|
float:left;
|
|
z-index:auto;
|
|
}
|
|
|
|
#nav .menu-liste .menu-entree a {
|
|
color:#GET{texte_entete};
|
|
font-weight:bold;
|
|
height:3.1em;
|
|
line-height:3.1em;
|
|
padding:0 16px;
|
|
text-decoration:none;
|
|
display:block;
|
|
}
|
|
|
|
#nav .menu-liste .menu-entree a:hover {
|
|
background:#GET{fond_clair};
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/************ CONTENEUR ***********/
|
|
|
|
#conteneur {
|
|
clear:both;
|
|
position:relative;
|
|
padding-top:3em;
|
|
overflow:auto;
|
|
}
|
|
|
|
|
|
|
|
/************ ARIANE ***********/
|
|
|
|
#hierarchie {
|
|
position:absolute;
|
|
top:0; left:0;
|
|
|
|
font-size:84%;
|
|
clear:both;
|
|
margin:1em 0 .5em 1.5em;
|
|
padding:0;
|
|
color:#GET{texte_entete};
|
|
font-weight:bold;
|
|
}
|
|
#contenu #hierarchie {margin:1em 0 .5em 1.5em;}
|
|
|
|
|
|
|
|
/************ CONTENU ***********/
|
|
|
|
#wrapper {
|
|
float:left;
|
|
width:100%;
|
|
}
|
|
|
|
#contenu {
|
|
margin:.5em 250px 0 230px;
|
|
}
|
|
|
|
.contenu-principal {
|
|
|
|
}
|
|
|
|
#contenu .h2 {
|
|
clear:both;
|
|
border-bottom:7px solid #GET{fond_fonce};
|
|
color:#GET{texte_titre};
|
|
margin:2em 0 0.4em;
|
|
padding:0 0 2px;
|
|
}
|
|
|
|
#contenu .h3 {font-size:130%; margin-bottom:0; color:#GET{texte_entete};}
|
|
#contenu .info-publi {font-size:90%; margin-bottom:.5em;}
|
|
#contenu .h1 {margin-bottom:0;}
|
|
#contenu .h1 + .info-publi {margin-bottom:2em;}
|
|
|
|
#contenu .meta-publi {font-size:90%; margin-top:-.6em; margin-bottom:3em;}
|
|
#contenu p {text-align:justify; margin:0 0 1em 0; line-height:1.3em;}
|
|
#contenu .liste {}
|
|
#contenu .liste-items {list-style-type:none; margin:0; padding:0;}
|
|
#contenu .item { margin:2em 0 0 0;}
|
|
#contenu .item+.item { margin:.5em 0 0 0;}
|
|
|
|
|
|
|
|
#contenu p.pagination {margin-top:2em; margin-bottom:2em;}
|
|
p.pagination {
|
|
border:1px solid #GET{bordure_claire};
|
|
background:#GET{fond_clair}; padding:1px 8px 2px;
|
|
color:#GET{bordure_claire};
|
|
vertical-align:middle;
|
|
border-radius:5px;
|
|
-moz-border-radius:5px;
|
|
-webkit-border-radius:5px;
|
|
}
|
|
p.pagination .on {color:#GET{texte};}
|
|
|
|
|
|
|
|
/* Listes SPIP */
|
|
ul.spip li {
|
|
background:[ url((#CHEMIN{img/bg_bullet_full_1.gif}|url_absolue)) no-repeat scroll 0 0.5em transparent];
|
|
}
|
|
|
|
/* Listes dans listes d'elemets */
|
|
.liste-items ul,
|
|
ul.plan,
|
|
ul.plan ul,
|
|
#extra .liste-items {
|
|
list-style:none outside none;
|
|
line-height:1.4em;
|
|
margin:0 0 0.5em 0;
|
|
padding:0px;
|
|
}
|
|
.liste-items ul li,
|
|
ul.plan li,
|
|
#extra .item {
|
|
padding:0 0 0 12px;
|
|
margin:0 0 0.2em 2px;
|
|
background:[ url((#CHEMIN{img/bg_bullet_full_1.gif}|url_absolue)) no-repeat scroll 0 0.5em transparent];
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/************ NAVIGATION ***********/
|
|
|
|
#navigation {
|
|
float:left;
|
|
margin-left:-960px;
|
|
width:200px;
|
|
}
|
|
|
|
|
|
.menu {
|
|
border:1px solid #GET{bordure_claire};
|
|
border-left:0;
|
|
border-radius:0 10px 0 0;
|
|
-moz-border-radius:0 10px 0 0;
|
|
-webkit-border-radius:0 10px 0 0;
|
|
|
|
background:#GET{fond_clair};
|
|
margin:.5em 0 2em 0;
|
|
}
|
|
|
|
.menu .h2,
|
|
#contenu .menu .h2 {
|
|
background:#GET{bordure_claire};
|
|
border:1px solid #GET{bordure_claire};
|
|
border-radius:0 9px 0 0;
|
|
-moz-border-radius:0 9px 0 0;
|
|
-webkit-border-radius:0 9px 0 0;
|
|
margin:0;
|
|
font-size:110%;
|
|
padding:1px 5px;
|
|
color:#GET{texte_titre_menu};
|
|
}
|
|
|
|
.menu-liste {margin:0; padding:0; list-style-type:none;}
|
|
.menu-liste .menu-entree {margin:0; padding:0;}
|
|
.menu-liste .menu-liste {padding-bottom:0;}
|
|
|
|
.menu-liste .menu-entree a,
|
|
.menu-liste .menu-entree a:visited {
|
|
display:block;
|
|
font-size:90%;
|
|
font-weight:normal;
|
|
line-height:1.7em;
|
|
min-height:1.7em;
|
|
padding:0 10px 0 20px;
|
|
border-top:1px solid #GET{bordure_claire};
|
|
text-decoration:none;
|
|
}
|
|
.menu-liste .menu-entree a.on {
|
|
font-weight:bold;
|
|
}
|
|
.menu-liste .menu-entree a:hover {
|
|
background:white;
|
|
}
|
|
.menu-liste .menu-liste .menu-entree a {padding:0 10px 0 40px; border:0;}
|
|
|
|
|
|
|
|
#contenu .menu {
|
|
border:1px solid #GET{bordure_claire};
|
|
border-radius:10px10px 0 0;
|
|
-moz-border-radius:10px;
|
|
-webkit-border-radius:10px;
|
|
}
|
|
|
|
#contenu .menu .h2 {
|
|
background:#GET{bordure_claire};
|
|
border:1px solid #GET{bordure_claire};
|
|
border-radius:9px 9px 0 0;
|
|
-moz-border-radius:9px 9px 0 0;
|
|
-webkit-border-radius:9px 9px 0 0;
|
|
}
|
|
#contenu .menu-liste .menu-entree:last-child a {
|
|
border-radius:0 0 9px 9px;
|
|
-moz-border-radius:0 0 9px 9px;
|
|
-webkit-border-radius:0 0 9px 9px;
|
|
}
|
|
|
|
|
|
|
|
/************ EXTRAS ***********/
|
|
|
|
#extra {
|
|
float:left;
|
|
margin-left:-220px;
|
|
width:210px;
|
|
font-size:90%;
|
|
}
|
|
|
|
#extra .formulaire_spip,
|
|
#extra .liste {
|
|
border:1px solid #GET{bordure_claire};
|
|
border-radius:10px 10px 0 0;
|
|
-moz-border-radius:10px 10px 0 0;
|
|
-webkit-border-radius:10px 10px 0 0;
|
|
|
|
background:#GET{fond_clair};
|
|
margin:.5em 0 2em 0;
|
|
}
|
|
|
|
|
|
#extra .liste .h2 {
|
|
background:#GET{bordure_claire};
|
|
border:1px solid #GET{bordure_claire};
|
|
border-radius:9px 9px 0 0;
|
|
-moz-border-radius:9px 9px 0 0;
|
|
-webkit-border-radius:9px 9px 0 0;
|
|
margin:0;
|
|
font-size:110%;
|
|
padding:1px 5px;
|
|
color:#GET{texte_titre_menu};
|
|
}
|
|
#extra .liste-items {padding:.5em;}
|
|
|
|
#extra .formulaire_spip {padding:.5em;}
|
|
#extra .formulaire_spip fieldset legend {
|
|
background-color:transparent;
|
|
}
|
|
|
|
|
|
/* speciaux */
|
|
#extra .liste.forums {background:#GET{couleur_extra1_fond}; border-color:#GET{couleur_extra1};}
|
|
#extra .liste.forums h2 {background:#GET{couleur_extra1}; border-color:#GET{couleur_extra1};}
|
|
|
|
#extra .liste.syndic_articles {background:#GET{couleur_extra3_fond}; border-color:#GET{couleur_extra3};}
|
|
#extra .liste.syndic_articles h2 {background:#GET{couleur_extra3}; border-color:#GET{couleur_extra3};}
|
|
|
|
#extra .liste.sites {background:#GET{couleur_extra3_fond}; border-color:#GET{couleur_extra3};}
|
|
#extra .liste.sites h2 {background:#GET{couleur_extra3}; border-color:#GET{couleur_extra3};}
|
|
|
|
|
|
|
|
/************ RECHERCHE ***********/
|
|
|
|
#formulaire_recherche {
|
|
position:absolute; right:10px; top:10px;
|
|
background:none; border:none;
|
|
}
|
|
|
|
#formulaire_recherche label {position:absolute; left:-3000em;}
|
|
#formulaire_recherche input.text {
|
|
border:1px solid #GET{bordure_claire};
|
|
[background: #FFF url((#CHEMIN{rechercher.gif})) no-repeat left center; ]
|
|
padding:.2em 0 .2em 25px;
|
|
width:8em;
|
|
}
|
|
#formulaire_recherche .submit {
|
|
background:#GET{fond_clair};
|
|
border:1px solid #GET{bordure};
|
|
color:#GET{bordure};
|
|
padding:1px;
|
|
text-align:center;
|
|
width:3em;
|
|
}
|
|
#formulaire_recherche .submit:hover {
|
|
background:#GET{fond_fonce};
|
|
border:1px solid #GET{bordure_foncee};
|
|
color:#GET{bordure_foncee};
|
|
}
|
|
|
|
|
|
/************ PIED ***********/
|
|
|
|
#pied {
|
|
background:#GET{fond_fonce};
|
|
clear:both;
|
|
font-size:1em;
|
|
padding:1.5em 0;
|
|
margin-top:2em;
|
|
font-size:80%;
|
|
text-align:center;
|
|
font-weight:bold;
|
|
line-height:1.3em;
|
|
color:#GET{texte_entete};
|
|
}
|
|
#pied p {
|
|
color:#GET{texte_entete};
|
|
font-weight:normal;
|
|
line-height:1.3em;
|
|
text-align:center;
|
|
margin:2px;
|
|
}
|
|
#pied img {vertical-align:top;}
|
|
#pied a {color:#GET{texte_entete};}
|
|
#pied p a {text-decoration:underline;}
|
|
|
|
|
|
|
|
/************ TABLE ***********/
|
|
|
|
table.spip { background-color:#GET{fond_fonce}; }
|
|
|
|
table.spip td,
|
|
table.spip th { background-color:#GET{fond_fonce}; }
|
|
|
|
|
|
|
|
|
|
|
|
/************ FORUMS ***********/
|
|
|
|
|
|
.forum {
|
|
list-style:none outside none;
|
|
line-height:1.4em;
|
|
margin:0 0 0.5em 0;
|
|
padding:0px;
|
|
font-size:94%;
|
|
}
|
|
.forum ul {list-style:none outside none;}
|
|
.forum-fil {
|
|
padding:0;
|
|
margin:2em 0;
|
|
border-radius:5px;
|
|
-moz-border-radius:5px;
|
|
-webkit-border-radius:5px;
|
|
}
|
|
|
|
.forum-chapo {
|
|
padding:.5em;
|
|
border:1px solid #GET{bordure_forum};
|
|
border-bottom:1px solid #GET{bordure_forum};
|
|
background:#GET{fond_forum};
|
|
color:#GET{texte_forum};
|
|
border-radius:5px 5px 0 0;
|
|
-moz-border-radius:5px 5px 0 0;
|
|
-webkit-border-radius:5px 5px 0 0;
|
|
overflow:auto;
|
|
}
|
|
.forum-chapo>.ancre {float:left; padding-right:5px;}
|
|
.forum-chapo>.forum-titre {float:left; padding-right:5px;}
|
|
.forum-chapo>.date {clear:both; float:left;}
|
|
.forum-chapo>.comment-author {float:left;}
|
|
.forum-texte {
|
|
border:1px solid #GET{bordure_forum};
|
|
border-top:0;
|
|
padding:.5em .5em 0 .5em;
|
|
background:#GET{fond_forum_clair};
|
|
color:#GET{texte_forum};
|
|
border-radius: 0 0 5px 5px;
|
|
-moz-border-radius: 0 0 5px 5px;
|
|
-webkit-border-radius: 0 0 5px 5px;
|
|
}
|
|
#contenu .repondre {
|
|
display:block; margin:1.5em 0 0 0; padding:.3em; border-top:1px solid #GET{bordure_forum};
|
|
}
|
|
.forum a,
|
|
.forum a:hover {
|
|
color:#GET{liens_forum};
|
|
}
|
|
|
|
|
|
|
|
/************ CODES *************/
|
|
|
|
.spip_code, .spip_cadre {
|
|
color: #GET{texte_codes};
|
|
}
|
|
.spip_cadre {
|
|
background-color: #GET{fond_codes};
|
|
border: 1px solid #GET{bordure_codes};
|
|
}
|
|
|
|
|
|
/************ FORMULAIRES *************/
|
|
|
|
.formulaire_spip {
|
|
border-color: 1px solid #GET{bordure_claire};
|
|
background:#GET{fond_clair};
|
|
}
|
|
.formulaire_spip fieldset legend {
|
|
color:#GET{texte};
|
|
background:#GET{fond_clair};
|
|
}
|
|
|
|
#contenu .formulaire_spip li {}
|
|
#contenu .formulaire_spip label {font-weight:normal;}
|
|
#contenu .formulaire_spip label strong {font-weight:normal;}
|
|
#contenu .formulaire_spip input.text,
|
|
#contenu .formulaire_spip input.password,
|
|
#contenu .formulaire_spip textarea,
|
|
#contenu .formulaire_spip select {
|
|
width:99%;
|
|
border:1px solid #GET{bordure_claire};
|
|
padding:2px;
|
|
}
|
|
#contenu .formulaire_spip select {
|
|
padding:0px;
|
|
}
|
|
#contenu .formulaire_spip input.text:focus,
|
|
#contenu .formulaire_spip input.password:focus,
|
|
#contenu .formulaire_spip textarea:focus {
|
|
border:1px solid #GET{bordure};
|
|
}
|
|
|
|
.formulaire_spip textarea.markItUpEditor {margin-top:2px;}
|
|
.markItUp .markItUpHeader ul li {
|
|
margin:0 0 3px;
|
|
}
|
|
.markItUp .markItUpHeader ul a {
|
|
background-color:#fff;
|
|
border:1px solid #GET{bordure_claire};
|
|
border-radius:5px;
|
|
-moz-border-radius:5px;
|
|
-webkit-border-radius:5px;
|
|
}
|
|
.markItUp .markItUpHeader ul a:hover {
|
|
border:1px solid #GET{bordure};
|
|
}
|
|
.markItUp .markItUpHeader ul .markItUpDropMenu ul {
|
|
background:#GET{fond_clair};
|
|
|
|
padding:3px;
|
|
left:-3px;
|
|
border:1px solid #GET{bordure_claire};
|
|
border-top:0;
|
|
border-radius:5px;
|
|
-moz-border-radius:5px;
|
|
-webkit-border-radius:5px;
|
|
width:79px;
|
|
}
|
|
.markItUp .markItUpHeader ul .markItUpDropMenu li {
|
|
margin:0;
|
|
background:transparent;
|
|
}
|
|
.markItUp .markItUpTabs { position:relative; top:-3px; margin-right:0;}
|
|
.markItUp .markItUpTabs a {
|
|
font-size:80%;
|
|
padding:3px 5px;
|
|
border:1px solid #GET{bordure_claire};
|
|
background:#fff;
|
|
border-radius:5px;
|
|
-moz-border-radius:5px;
|
|
-webkit-border-radius:5px;
|
|
background:#GET{fond_clair};
|
|
}
|
|
.markItUp .markItUpTabs a.on {border:1px solid #GET{bordure}; background:#fff;}
|
|
.markItUp .markItUpTabs a:hover {border:1px solid #GET{bordure}; }
|
|
|
|
|
|
#contenu .formulaire_login input.password {width:80%; margin-right:5px;}
|
|
|
|
|
|
/************ LIENS ***********/
|
|
|
|
a {
|
|
color:#GET{lien};
|
|
text-decoration:none;
|
|
}
|
|
a:hover {
|
|
color:#GET{lien_hover};
|
|
text-decoration:underline;
|
|
}
|
|
a.spip_in {
|
|
/*color:#990000;*/
|
|
color:#GET{lien};
|
|
}
|
|
|
|
a.spip_out {
|
|
color:#GET{lien};
|
|
padding-right:16px;
|
|
[background:url((#CHEMIN{img/out.gif}|url_absolue)) right 3px no-repeat;]
|
|
}
|