spip_nursit/plugins/dist/themes/zpip-2/Zagraine/css/theme.css.html
2023-06-01 17:30:12 +02:00

217 lines
7.6 KiB
HTML

#CACHE{3600*24*7*2}
#HTTP_HEADER{Content-Type: text/css; charset=utf-8}
#HTTP_HEADER{Vary: Accept-Encoding}
[(#REM)<style>]
[(#SET{logo, [(#CONFIG{magraine/couleurs/logo}|sinon{#ff9900})]})]
[(#SET{titre, [(#CONFIG{magraine/couleurs/titre}|sinon{#ff9900})]})]
[(#SET{intertitre, [(#CONFIG{magraine/couleurs/intertitre}|sinon{#222222})]})]
[(#SET{liens, [(#CONFIG{magraine/couleurs/liens}|sinon{#C09452})]})]
[(#SET{code, [(#CONFIG{magraine/couleurs/code}|sinon{#841607})]})]
/*
orange origine : #f90
marron liens : #C09452
code : #957C57
vert : #92D336 (et liens hover)
vert liens : #99AC00
code : #8E5D00
*/
.extra,.pied {font-family:Verdana,Arial,Helvetica,sans-serif;}
fieldset,img { border: 0; }
.conteneur .accueil {
text-align: center; width: 113px; margin: 0px 5px 30px -10px; padding: 50px 10px 5px 10px;
color: #fff;
font-family: Helvetica, sans-serif; font-weight: normal; font-size: 80%; letter-spacing: 1px; text-transform: uppercase;
background-color: #GET{logo};
}
.conteneur .accueil a {color:#fff;}
.conteneur .accueil a:hover {color:#fff;}
/* Pas si gros le titre du site */
#entete .accueil strong {
font-size:1.1em;
}
#entete #navigation .menu-items {
border:none;
}
.navigation .menu-liste {list-style: none; float: left; margin:1em 0; padding: 0 0 0 40px;}
.navigation .menu-entree {list-style: none; display: inline; margin-right: 20px;}
.navigation a {font-size: 80%; font-weight: bold; color: #999; text-decoration: none;}
.navigation a:hover {color: #FF9900; text-decoration: underline;}
.contenu .h1 {font-family:georgia,arial,tahoma;}
.contenu .soustitre {font-weight:bold; /*font-size:120%; margin:.2em 0;*/}
.contenu .h1 a:link, .contenu h1 a:visited, .contenu h1 a:active {color: #GET{titre}; font-weight: normal;}
.contenu .h1 a:hover {text-decoration: underline; color: #GET{titre};}
.contenu .h2,
.contenu .info-publi { font-size: 80%; letter-spacing: 3px; text-transform: uppercase; font-weight:normal; margin:.2em 0 0 0;}
.contenu .h2.extra { font-size: 70%; letter-spacing: 1px;}
.contenu .h3 {color:#GET{intertitre}; clear:both; /*font-size: 120%; margin:1.5em 0 0 0;*/ text-align:left; font-weight:normal;}
.contenu .pagination { text-align:right;}
.page_recherche .contenu .pagination { text-align:left;}
/*.page_recherche .contenu h2 { margin-top:2em;}*/
.contenu .cartouche .spip_logos,
.contenu .item .h3 .spip_logos { float:right; border:1px solid #ccc;}
.contenu .cartouche .info-publi {margin-top:.5em;}
.contenu .cartouche { margin-bottom:2em;}
.contenu .chapo, #descriptif_site_spip {
background:#fafafa; border-top:1px dotted #ccc;
padding:0.2em 0em; margin-top:0.5em;
margin-bottom:1em;
}
.contenu .chapo {font-weight:bold;}
.contenu #document_actif{padding-bottom:1em; border-bottom:1px solid #ccc; margin-bottom:1em;}
.contenu .documents_joints,
.contenu .ps,
.contenu .notes {
width:60%; margin:1em 0 1.5em auto; border-top:2px solid #666;
padding:.2em .5em .5em;
}
#portfolio {text-align:center;}
/* particularites liste .item */
/*
.menu-liste {margin:0 0 2em 1.3em; padding:0;}
.menu-entree {list-style:square; margin-bottom:.2em;}
.liste-items {margin:0 0 2em 1.3em; padding:0;}
.item {list-style:square; margin-bottom:.2em;}
*/
/*
eviter que le nouvel hover qui change la couleur de fong colle le contenu sur le cote
sans decaler les caracteres sur l'alignement gauche
*/
.liste-items .item {
padding:0.75em;
margin:0 -0.75em;
}
.contenu .articles .item > .h3 {font-size: 150%; margin:2em 0 0; font-family:georgia,arial,tahoma;}
.contenu .articles .item .info-publi {padding-bottom:0.5em; margin-bottom:0.5em; border-bottom:1px solid #ccc;}
.contenu .articles .item h4 {margin:0;}
.extra {/*font-size:94%;*/}
#extra .h2{ font-size: 10px; letter-spacing: 3px; text-transform: uppercase; font-weight:normal; margin:0;}
#extra a {color:white;}
#extra .liste-items,#extra .menu-items{padding-left: 20px;border:0;}
#extra .item {border: none;list-style: square;overflow: visible;padding:0;}
#extra .item:hover {background: #999;}
#pied {text-align: center;
background:url([(#CHEMIN{images/fond.jpg})]) bottom right no-repeat;
}
#hierarchie {
position:absolute;
top:-51px; left:-1px;
font-size:80%;
padding:0px 1em 1px;
margin:0;
border:1px solid #ccc;
border-top:0;
-webkit-border-radius:0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
border-radius:0 0 5px 5px;
color:#888;
}
#hierarchie a {color:#888;}
#hierarchie a:hover {color:#888;}
/* commentaires */
.formulaire_spip fieldset.previsu legend { color:#GET{logo}; }
.formulaire_recherche input.submit {background: #fafafa url([(#CHEMIN{css/img/rechercher.png}|image_sepia{[(#GET{logo}|substr{1})]}|extraire_attribut{src}|url_absolue)]) no-repeat left 1px ;}
/* tableaux */
table {border-collapse:collapse; border-spacing:0pt;}
caption { font-size: .96em; font-weight: bold; text-align: center; text-transform: uppercase; color: #888; }
table.spip { width: 99%; margin: 0 0 1.4em 0; font-size: .96em; }
table.spip th, table.spip td { border: 1px solid #ccc; }
table.spip th { background: #888; padding: 4px; vertical-align: bottom; text-align: center; color: #fff; font-weight: bold; line-height: normal; }
table.spip td { background: #fafafa; padding: 5px 6px; vertical-align: top; }
a.spip_glossaire:hover{text-decoration:underline;}
.spip_code, var, kbd {color:#GET{code};}
.spip_cadre, samp, .coloration_code .cadre {background:#fafafa; color:#GET{code}; font-size:100%; width:99%; border:1px solid #ddd; border-left:2px solid #888; padding:1em;}
.coloration_code {margin-bottom:10px; }
.coloration_code .cadre{margin-bottom:0; color:#888; }
.coloration_code .cadre_download a{color:#888;}
.coloration_code ol{list-style-type:none; margin:0 !important; padding:0; text-align:left;}
/* plugin lecteur multimedia */
.contenu .radiobox{line-height:1em;}
.contenu .playliste {margin:0;padding:0;}
.contenu .playliste li{line-height:1.5em; padding:2px 5px; border-bottom:1px solid #eee;}
/* Divers autres */
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
hr { height: 1px; border: 0; color: #ccc; background: #ccc; width: 70%; margin: 1.4em 0; }
/* formulaire admin */
#conteneur .spip-admin-bloc{
position:absolute;
top:-24px; right:0px;
}
body a.spip-admin-boutons{
font-family: 'Gill Sans',Verdana,Helvetica,sans-serif;
border:1px solid #ddd;
margin:0 0 0 5px; padding: 1px 10px;
text-align: left;
font-family: inherit;
font-weight: normal;
background-color: #fff;
color: #888;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
body a:link.spip-admin-boutons,
body a:visited.spip-admin-boutons,
body a:active.spip-admin-boutons { text-decoration: none; }
body a:hover.spip-admin-boutons { background-color: #fff; border-bottom-color: #GET{logo}; }
a.spip_out, a.spip_url, a.spip_glossaire { padding-right: 12px; background: url([(#CHEMIN{images/spip_out.gif})]) no-repeat right center; }
a:link, a:visited, a:active {color: #GET{liens}; text-decoration: none;}
a:hover {color: #GET{titre}; text-decoration: underline;}
/* Compositions speciales */
.rubrique_portfolio_articles .contenu .liste.articles>ul {
list-style-type:none;
padding:0;
}
.rubrique_portfolio_articles .contenu .liste.articles>ul>li {
width: 270px;
float:left;
margin-bottom:2em;
}
.rubrique_portfolio_articles .contenu .liste.articles>ul>li .chapo {
border-top:none;
}
.rubrique_portfolio_articles .contenu .liste.articles>ul>li.gauche {
clear:both; margin-right:35px;
}
.page_photos .liste.images .item { display:inline; float:left; clear:none; padding:0; margin:8px; border:1px solid #aaa; }
.page_photos .liste.images .item a { display:block; }
.page_photos .liste.images .item a .spip_logos { margin:0; }
.page_photos .liste.images .item:hover { border:1px solid #666; }