480 lines
16 KiB
CSS
480 lines
16 KiB
CSS
|
/* --------------------------------------------------------------
|
||
|
|
habillage.css
|
||
|
|
This file is part of Cisticole - © www.gsill.net - 2010
|
||
|
|
Distributed under GPL v3 licence
|
||
|
|
-------------------------------------------------------------- */
|
||
|
|
/* ----- Import de font google ----*/
|
||
|
|
@import url(http://fonts.googleapis.com/css?family=Cantarell:regular,italic,bold,bolditalic);
|
||
|
|
|
||
|
|
/* ------------------------------------------ */
|
||
|
|
/* Typographie generale (style transversaux) */
|
||
|
|
/* ------------------------------------------ */
|
||
|
|
html { font-size: 100%;margin:0; padding:0; }
|
||
|
|
body {font-size: 0.80em; font-family: Verdana,sans-serif; margin:0; padding:0; text-align:center; }
|
||
|
|
html,body{height:100%;}
|
||
|
|
body img{vertical-align:middle;}
|
||
|
|
/* Titraille / Intertitres */
|
||
|
|
h1,h2,h3,h4,h5,h6,
|
||
|
|
.h1,.h2,.h3,.h4,.h5,.h6 { font-weight: normal;}
|
||
|
|
h1,.h1 { font-size: 2em; }
|
||
|
|
h2,.h2 { font-size: 1.8em; }
|
||
|
|
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { }
|
||
|
|
.h2, .h2 a, .h2 a:focus, .h2 a:hover, .h2 a:active { }
|
||
|
|
h3,.h3 { font-size:1.6em; }
|
||
|
|
hr{height:1px;border-width:1px;border-style:solid;}
|
||
|
|
|
||
|
|
/* Autres enrichissements typo */
|
||
|
|
/* a{outline:none;} A faire iniquement si tout à une alternative */
|
||
|
|
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; }
|
||
|
|
|
||
|
|
/* Listes */
|
||
|
|
ul.spip {} /* Cf.: spip_style.css */
|
||
|
|
ol.spip {} /* Cf.: spip_style.css */
|
||
|
|
dl {}
|
||
|
|
dt {}
|
||
|
|
dd {}
|
||
|
|
|
||
|
|
/* Citations, code et poesie */
|
||
|
|
cite {}
|
||
|
|
q {}
|
||
|
|
blockquote {}
|
||
|
|
blockquote.spip {} /* Cf.: spip_style.css */
|
||
|
|
blockquote.spip_poesie {} /* Cf.: spip_style.css */
|
||
|
|
/* Cf.: spip_style.css */
|
||
|
|
.spip_code {}
|
||
|
|
.spip_cadre { border-width: 1px;border-style: solid; font-size:1em; padding:0.5em;width:90%; }
|
||
|
|
address {}
|
||
|
|
|
||
|
|
/* Tableaux */
|
||
|
|
/* Cf.: spip_style.css */
|
||
|
|
table.spip { width: 99%; }
|
||
|
|
table.spip td, table.spip th {border-width:1px;border-style:solid;}
|
||
|
|
table.spip th {}
|
||
|
|
|
||
|
|
/* Logos, documents et images */
|
||
|
|
img { margin: 0; padding: 0; border: 0; }
|
||
|
|
.spip_documents img{padding:1px;background:#FAFCFF;border:1px solid #B0B0B0;}
|
||
|
|
.spip_logos {margin:5px;}
|
||
|
|
.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 */
|
||
|
|
|
||
|
|
.forum,.forum ul{
|
||
|
|
list-style:none outside none;
|
||
|
|
margin:0;
|
||
|
|
padding:0;
|
||
|
|
}
|
||
|
|
.forum ul{
|
||
|
|
margin-left:2em;
|
||
|
|
}
|
||
|
|
/* --------------------------------------------- */
|
||
|
|
/* Disposition des blocs principaux */
|
||
|
|
/* --------------------------------------------- */
|
||
|
|
body {text-align: center;}
|
||
|
|
#page {text-align: left; }
|
||
|
|
#page {width:100%;min-width:370px;}
|
||
|
|
#page{min-height:100%;position:relative;overflow:hidden;overflow-y:auto;padding-bottom:3em;}
|
||
|
|
.page{width:90%;min-width:370px;position:relative;margin:0 auto;}
|
||
|
|
#conteneur{float:left;width:100%;margin-left:-20.5em;position:relative;clear:left;}
|
||
|
|
#contenu{margin-left:20.5em;}
|
||
|
|
#navigation{width:20em;float:right;}
|
||
|
|
#extra{width:20em;float:right;clear:right;}
|
||
|
|
#pied{clear:both;width:100%;}
|
||
|
|
/* Pour webphone et autres */
|
||
|
|
@media only screen and (max-device-width: 480px) {
|
||
|
|
}
|
||
|
|
/* --------------------------------------------- */
|
||
|
|
/* Habillage des blocs principaux */
|
||
|
|
/* --------------------------------------------- */
|
||
|
|
body {text-align: center;margin:0;padding:0;}
|
||
|
|
|
||
|
|
#entete{border-bottom-width:2px;border-bottom-style:solid;overflow:auto;}
|
||
|
|
#entete {background-image:url('./img/degrade_1x400.png');background-repeat:repeat-x;background-position:top left;}
|
||
|
|
#entete .accueil{margin:0 auto;padding:0.4em 0 2.5em;vertical-align:middle;display:block;}
|
||
|
|
#entete .accueil img{vertical-align:middle;float:left;margin-right:8px;}
|
||
|
|
#entete .accueil .spip_logos {padding:0;background:none;border:0px none #000;}
|
||
|
|
#entete #nom_site_spip{margin-top:15px;display:block;font-size:2em;line-height:1.6em;font-weight:normal;font-style:italic;font-family: 'Cantarell', Verdana,arial,sans-serif;}
|
||
|
|
#entete .accueil #nom_site_spip a{text-decoration:none;font-weight:bold;}
|
||
|
|
#entete #slogan_site_spip{white-space:nowrap;display:inline;font-style:italic;font-family: 'Cantarell', Verdana,arial,sans-serif;}
|
||
|
|
|
||
|
|
#entete{position:relative;}
|
||
|
|
#entete .formulaire_spip{width:auto;position:absolute;bottom:2em;right:0;}
|
||
|
|
#entete .formulaire_spip label{display:none;}
|
||
|
|
#entete .formulaire_spip .boutons{display:inline;}
|
||
|
|
#entete .formulaire_spip .boutons .submit{margin:0;}
|
||
|
|
#entete .formulaire_spip select{width:auto;}
|
||
|
|
|
||
|
|
/* barre de navigation */
|
||
|
|
#navigation .menu-conteneur{
|
||
|
|
position: absolute;
|
||
|
|
right: 0em;
|
||
|
|
top:-2em;
|
||
|
|
line-height:1.4em;
|
||
|
|
font-size:0.95em;
|
||
|
|
}
|
||
|
|
#navigation .on{font-weight:normal}
|
||
|
|
#navigation .menu-conteneur ul,#navigation .menu-conteneur ul li{
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
list-style-type: none;
|
||
|
|
}
|
||
|
|
#navigation .menu-conteneur ul{
|
||
|
|
display: block;
|
||
|
|
position:relative;
|
||
|
|
padding:0;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
#navigation .menu-conteneur{z-index: 2;}
|
||
|
|
#navigation .menu-conteneur ul ul{padding:0; z-index: 9;}
|
||
|
|
#navigation .menu-conteneur ul li{
|
||
|
|
display:inline;
|
||
|
|
float: left;
|
||
|
|
position: relative;
|
||
|
|
border-width:1px 1px 0;
|
||
|
|
border-style:solid;
|
||
|
|
margin-right:1em;
|
||
|
|
border-top-right-radius:4px;
|
||
|
|
border-top-left-radius:4px;
|
||
|
|
-moz-border-radius-topright:4px;
|
||
|
|
-moz-border-radius-topleft:4px;
|
||
|
|
-webkit-border-radius-topright:4px;
|
||
|
|
-webkit-border-radius-topleft:4px;
|
||
|
|
}
|
||
|
|
#navigation .menu-conteneur ul li li{border-width:0 1px;}
|
||
|
|
#navigation .menu-conteneur ul li a{
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
padding:0.2em 0.6em;
|
||
|
|
text-decoration:none;
|
||
|
|
}
|
||
|
|
#navigation .menu-conteneur ul li a{
|
||
|
|
border-top-right-radius:4px;
|
||
|
|
border-top-left-radius:4px;
|
||
|
|
-moz-border-radius-topright:4px;
|
||
|
|
-moz-border-radius-topleft:4px;
|
||
|
|
-webkit-border-radius-topright:4px;
|
||
|
|
-webkit-border-radius-topleft:4px;
|
||
|
|
}
|
||
|
|
#navigation .menu-conteneur ul ul{
|
||
|
|
position: absolute;
|
||
|
|
display: none;
|
||
|
|
width:14em;
|
||
|
|
top: 1.6em;
|
||
|
|
left: 0;
|
||
|
|
margin: 0;
|
||
|
|
font-size: 100%;
|
||
|
|
border-width: 1px 0;
|
||
|
|
border-style: solid;
|
||
|
|
}
|
||
|
|
#navigation .menu-conteneur ul ul li{
|
||
|
|
border-top-right-radius:0px;
|
||
|
|
border-top-left-radius:0px;
|
||
|
|
-moz-border-radius-topright:0px;
|
||
|
|
-moz-border-radius-topleft:0px;
|
||
|
|
-webkit-border-radius-topright:0px;
|
||
|
|
-webkit-border-radius-topleft:0px;
|
||
|
|
}
|
||
|
|
#navigation .menu-conteneur ul ul li a{
|
||
|
|
border-top-right-radius:0px;
|
||
|
|
border-top-left-radius:0px;
|
||
|
|
-moz-border-radius-topright:0px;
|
||
|
|
-moz-border-radius-topleft:0px;
|
||
|
|
-webkit-border-radius-topright:0px;
|
||
|
|
-webkit-border-radius-topleft:0px;
|
||
|
|
}
|
||
|
|
#navigation .menu-conteneur ul ul a{
|
||
|
|
width:12em;
|
||
|
|
background: none;
|
||
|
|
margin: 0;
|
||
|
|
padding-right: 1em;
|
||
|
|
padding-left: 1em;
|
||
|
|
height: auto;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
#navigation .menu-conteneur ul ul ul{
|
||
|
|
top:auto;
|
||
|
|
}
|
||
|
|
#navigation .menu-conteneur li ul ul{
|
||
|
|
left:-13.8em;
|
||
|
|
top: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#navigation .menu-conteneur li:hover ul ul , #navigation .menu-conteneur li:hover ul ul ul, #navigation .menu-conteneur li:hover ul ul ul ul{
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
#navigation .menu-conteneur li:hover ul, #navigation .menu-conteneur li li:hover ul, #navigation .menu-conteneur li li li:hover ul, #navigation .menu-conteneur li li li li:hover ul{
|
||
|
|
display:block;
|
||
|
|
}
|
||
|
|
#navigation .menu-conteneur li.plus { background-image:url('./img/icon_menuplus.png');background-repeat:no-repeat;background-position:center bottom;}
|
||
|
|
#navigation .menu-conteneur ul ul li.plus { background-image:url('./img/icon_ssmenuplus.png');background-position:left center;}
|
||
|
|
#navigation .menu-conteneur li.plus:hover { background-image:none;}
|
||
|
|
|
||
|
|
/* pied de page */
|
||
|
|
#pied{font-size:0.84em;padding:0.4em 0;overflow:auto;}
|
||
|
|
#pied{position:absolute;bottom:0;}
|
||
|
|
#pied a {text-decoration:none}
|
||
|
|
#pied #copyleft {float:right;}
|
||
|
|
#pied #copyleft a {text-decoration:underline}
|
||
|
|
|
||
|
|
/* contenu */
|
||
|
|
#contenu{padding:0.5em 1em;}
|
||
|
|
#contenu{
|
||
|
|
margin-top:0.5em; margin-bottom: 1em;
|
||
|
|
border-width:2px;
|
||
|
|
border-style:solid;}
|
||
|
|
#contenu{
|
||
|
|
border-radius:8px;
|
||
|
|
border-radius:8px;
|
||
|
|
-moz-border-radius:8px;
|
||
|
|
-moz-border-radius:8px;
|
||
|
|
-webkit-border-radius:8px;
|
||
|
|
-webkit-border-radius:8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#extra,#navigation{margin-bottom:0.5em;}
|
||
|
|
#extra .liste,#extra .boite,#extra formulaire_spip,#navigation .liste,#navigation .boite,#navigation formulaire_spip{margin-bottom:0.5em;}
|
||
|
|
#extra,#navigation{}
|
||
|
|
|
||
|
|
#navigation .menu{
|
||
|
|
font-family: 'Cantarell',Verdana,arial,sans-serif; }
|
||
|
|
|
||
|
|
#navigation .menu ul, #navigation .menu ul li{
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
list-style-type: none;
|
||
|
|
}
|
||
|
|
#navigation .menu ul{
|
||
|
|
padding: 0;
|
||
|
|
margin: 0.5em 0 1em;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
#navigation .menu ul ul{
|
||
|
|
margin-top: 0;margin-bottom: 0;
|
||
|
|
}
|
||
|
|
#navigation .menu ul{border-width:2px;border-style:solid;}
|
||
|
|
#navigation .menu ul ul{border-width:0;border-style:none;}
|
||
|
|
#navigation .menu ul{
|
||
|
|
border-radius:8px;
|
||
|
|
border-radius:8px;
|
||
|
|
-moz-border-radius:8px;
|
||
|
|
-moz-border-radius:8px;
|
||
|
|
padding:4px 0;
|
||
|
|
-webkit-border-radius:8px;
|
||
|
|
-webkit-border-radius:8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#navigation .menu ul li{
|
||
|
|
display: block;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
#navigation .menu ul li a{
|
||
|
|
display: block;
|
||
|
|
text-decoration: none;
|
||
|
|
padding: 0.2em 0.7em;
|
||
|
|
font-size: 1.2em;
|
||
|
|
}
|
||
|
|
#navigation .menu ul li li{
|
||
|
|
margin-left: 1.8em;
|
||
|
|
padding: 0;
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
#navigation .menu ul li li li{
|
||
|
|
margin-left: 1em;
|
||
|
|
}
|
||
|
|
#navigation .menu ul li li a{
|
||
|
|
padding: 0;
|
||
|
|
font-size: 100%;
|
||
|
|
font-style: italic;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Disparition du titre, uniquement pour le menu principal */
|
||
|
|
#navigation .menu .h2{
|
||
|
|
position: absolute; top: -3000em; height: 1%;
|
||
|
|
}
|
||
|
|
#extra .liste, #extra .boite,#extra .formulaire_spip{
|
||
|
|
border-width: 2px;border-style: solid;
|
||
|
|
border-radius:8px;
|
||
|
|
border-radius:8px;
|
||
|
|
-moz-border-radius:8px;
|
||
|
|
-moz-border-radius:8px;
|
||
|
|
-webkit-border-radius:8px;
|
||
|
|
-webkit-border-radius:8px;
|
||
|
|
}
|
||
|
|
#navigation .liste, #navigation .boite,#navigation .formulaire_spip{border-width: 2px;border-style: solid;
|
||
|
|
border-radius:8px;
|
||
|
|
border-radius:8px;
|
||
|
|
-moz-border-radius:8px;
|
||
|
|
-moz-border-radius:8px;
|
||
|
|
-webkit-border-radius:8px;
|
||
|
|
-webkit-border-radius:8px;
|
||
|
|
}
|
||
|
|
#extra .formulaire_spip,#navigation .formulaire_spip{font-size:1em;}
|
||
|
|
#extra .liste .h2,#extra .boite .h2{border-width: 0;border-style: none;margin:0 0 0.3em;padding:5px;}
|
||
|
|
#navigation .liste .h2, #navigation .boite .h2{border-width: 0;border-style: none;margin:0 0 0.3em;padding:5px;}
|
||
|
|
|
||
|
|
#extra .liste .h2 a,#extra .boite .h2 a{display:block;}
|
||
|
|
#navigation .liste-items, #extra .liste-items{margin:0 0 4px;padding:0}
|
||
|
|
#navigation .liste .item .published, #extra .liste .item .published,#navigation .liste .item .sep, #extra .liste .item .sep{font-size:0.70em;margin:4px 3px 0px;}
|
||
|
|
#navigation .liste .item .published, #extra .liste .item .published,#navigation .liste .item .sep, #extra .liste .item .sep{float:left;}
|
||
|
|
#navigation .liste .item a, #extra .liste .item a{display:block;padding:2px 1em;}
|
||
|
|
|
||
|
|
#extra .formulaire_spip,#navigation .formulaire_spip{padding:0.3em 1em;}
|
||
|
|
.formulaire_spip legend,.formulaire_spip label{font-family: 'Cantarell', Verdana,arial,sans-serif;}
|
||
|
|
|
||
|
|
.formulaire_recherche label,.formulaire_spip fieldset legend{background:transparent;font-size:1.1em;font-weight:bold}
|
||
|
|
.formulaire_spip .explication,.formulaire_spip .explication{font-size:0.9em;}
|
||
|
|
#hierarchie{margin:0;font-size:0.84em;font-style:italic;font-weight:lighter;}
|
||
|
|
#hierarchie strong{font-weight:normal;}
|
||
|
|
#hierarchie a{text-decoration:none;}
|
||
|
|
/* DECORATION */
|
||
|
|
|
||
|
|
|
||
|
|
.h2 {border-bottom-width:1px;border-bottom-style:dotted;}
|
||
|
|
.h2 {font-size:1.05em;font-weight:bold;}
|
||
|
|
|
||
|
|
.h1,.h2,.h3,.h4 {font-weight:bold;font-family:'Cantarell', Verdana,arial,sans-serif ; }
|
||
|
|
.h2 a:visited,.h3 a:visited{text-decoration:none;}
|
||
|
|
|
||
|
|
.info-publi {
|
||
|
|
text-align: right;
|
||
|
|
font-size: 0.70em;
|
||
|
|
padding: 0;
|
||
|
|
font-style:italic;
|
||
|
|
}
|
||
|
|
.info-publi .auteurs a{text-decoration:none;}
|
||
|
|
|
||
|
|
.hyperlien {
|
||
|
|
clear: both;
|
||
|
|
border-width: 1px;
|
||
|
|
border-style: solid;
|
||
|
|
margin:1em 0;
|
||
|
|
padding:6px 1em;
|
||
|
|
font-weight:bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.forum-message{border-width:1px;border-style:solid;margin-bottom:0.5em;font-size:0.9em;}
|
||
|
|
.forum-message .forum-chapo,.forum-message .forum-texte{padding:4px 0.5em;}
|
||
|
|
.forum-message .forum-chapo .date,.forum-message .forum-chapo .comment-author{font-size:0.8em;}
|
||
|
|
.forum-message .forum-chapo .forum-titre{margin-right:1em;}
|
||
|
|
.forum-message{ border-radius:4px;
|
||
|
|
border-radius:4px;
|
||
|
|
-moz-border-radius:4px;
|
||
|
|
-moz-border-radius:4px;}
|
||
|
|
.forum .hyperlien {
|
||
|
|
clear: both;
|
||
|
|
border-width: 0px;
|
||
|
|
border-style: none;
|
||
|
|
margin:0.2em 0;
|
||
|
|
padding:0 1em;
|
||
|
|
font-weight:normal;
|
||
|
|
}
|
||
|
|
.forum p {
|
||
|
|
margin:0.2em 0;
|
||
|
|
}
|
||
|
|
.forum .comment-reply{margin:0 1em 0.3em;text-align:right;font-size:0.8em}
|
||
|
|
.cartouche{margin:0.5em 0 1em}
|
||
|
|
.cartouche .spip_logos{float:right;}
|
||
|
|
.cartouche .h1{margin:0.1em 0 0.2em;font-size:2.3em}
|
||
|
|
.cartouche .info-publi{margin:0;}
|
||
|
|
.surtitre,.soustitre{margin:0;font-family: 'Cantarell', Verdana,arial,sans-serif;font-style:italic;}
|
||
|
|
.soustitre{display:inline;float:left;}
|
||
|
|
/*.chapo,.texte,.notes,.comments{clear:both}*/
|
||
|
|
.chapo,#descriptif_site_spip{font-size:1.05em}
|
||
|
|
/* liste */
|
||
|
|
.documents_portfolio a{margin:4px;padding:0;display:inline-block;}
|
||
|
|
.documents_portfolio a img{margin:4px;padding:0;}
|
||
|
|
/* Listes d'articles et extraits introductifs */
|
||
|
|
.liste-items {margin:1em 0; padding: 0 0 1em; list-style: none; clear:both;}
|
||
|
|
.liste-items .item {list-style:none;clear:both;}
|
||
|
|
.liste .spip_logos { float: right; clear: right; margin-top:2em;margin-bottom:4px;margin-right:4px;background:none;border:0px none #FEFEFE;padding:4px; }
|
||
|
|
.liste .spip_logos { opacity:0.7; }
|
||
|
|
.liste .liste-items .item:hover .spip_logos { opacity:1; }
|
||
|
|
|
||
|
|
.liste-items .item .h3 {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
font-weight: bold;
|
||
|
|
border-bottom-width:2px;
|
||
|
|
border-bottom-style:solid;
|
||
|
|
}
|
||
|
|
.liste-items .item .h3 a{ text-decoration:none;display:block; }
|
||
|
|
.liste-items .item .h3 a:visited{ text-decoration:none; }
|
||
|
|
/*.liste-items .item:hover .h3 a,.liste-items .item:hover .h3 a:visited{text-decoration:underline;}*/
|
||
|
|
.liste-items .item .h3 a{outline:none;}
|
||
|
|
/* Amusant mais pas joli : a voir jquery
|
||
|
|
.liste-items .item .h3 a img{ margin-right:-20px; }
|
||
|
|
.liste-items .item .h3 a:hover{ padding-right:0px;padding-left:20px; }
|
||
|
|
.liste-items .item .h3 a:hover img{ margin-right:0px; }
|
||
|
|
*/
|
||
|
|
.liste-items .item .h3{ padding-left:0.7em; }
|
||
|
|
|
||
|
|
.liste-items .item .introduction {
|
||
|
|
line-height: 1.5em;
|
||
|
|
margin: 0.4em 1em 0.5em;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.liste-items .item .meta-publi {
|
||
|
|
clear: both;
|
||
|
|
border-width: 1px;
|
||
|
|
border-style: solid;
|
||
|
|
margin: 0 1em 1.5em;
|
||
|
|
text-align:right;
|
||
|
|
opacity: 0.4;
|
||
|
|
font-size:0.85em;
|
||
|
|
}
|
||
|
|
.liste-items .item:hover .meta-publi { opacity: 1;}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* les select */
|
||
|
|
.formulaire_spip { clear: both; margin-bottom: 1em; padding: 0; border: 0; text-align: left; }
|
||
|
|
.formulaire_spip ul { margin: 0; padding: 0; list-style: none; }
|
||
|
|
.formulaire_spip ul li { clear: both; margin: 0; padding: 0.50em 0; }
|
||
|
|
.formulaire_spip label { display: block; text-align: left; font-weight: bold; }
|
||
|
|
.formulaire_spip li p { margin-top: 0; margin-bottom: 0; }
|
||
|
|
|
||
|
|
input.text,input.submit,.formulaire_spip input.text,textarea {border-style:solid;border-width:1px;}
|
||
|
|
select{border-style:none;border-width:0px;}
|
||
|
|
select,input.text,input.submit,.formulaire_spip input.text,textarea{
|
||
|
|
border-radius:4px;
|
||
|
|
border-radius:4px;
|
||
|
|
-moz-border-radius:4px;
|
||
|
|
-moz-border-radius:4px;}
|
||
|
|
input.text, input.submit,.formulaire_spip input.text,textarea{padding:2px 4px;}
|
||
|
|
.formulaire_recherche input.text {background-image:url('./img/icon_recherche_clair.png');background-repeat:no-repeat;background-position:left center;padding-left:22px;}
|
||
|
|
#extra .formulaire_spip form{width:18em;}
|
||
|
|
#extra .formulaire_spip input.text{width:99%;}
|
||
|
|
|
||
|
|
/* Liens spécifiques */
|
||
|
|
|
||
|
|
a, a.spip_in, a.spip_out,a.spip_note,a.spip_ancre,a.spip_url,a.spip_glossaire, a.spip_mail{
|
||
|
|
text-decoration:underline;
|
||
|
|
}
|
||
|
|
|
||
|
|
a.spip_out, a.spip_glossaire {
|
||
|
|
background-image:url(img/link-out.gif);
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: right center;
|
||
|
|
padding-right:12px;
|
||
|
|
}
|
||
|
|
a.spip_mail {
|
||
|
|
background-image: url(img/link-mail.gif);
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: right center;
|
||
|
|
padding-right:12px;
|
||
|
|
}
|
||
|
|
.liste-items .item .meta-publi a.lire-la-suite{text-decoration:none;font-style:italic;}
|
||
|
|
.liste-items .item .meta-publi a.lire-la-suite em{text-decoration:underline;font-style:normal}
|