spip_nursit/plugins/dist/themes/zpip-1/Multiflex3/habillage.css.html

624 lines
14 KiB
HTML
Raw Normal View History

2023-06-01 15:30:12 +00:00
#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;]
}