www/plugins/zpip_v1/habillage.css

   1 /* ----------------------------------------------------------- */
   2 /* Feuille de style des squelettes par defaut de Zpip-dist v1  */
   3 /* ----------------------------------------------------------- */
   4
   5 /* couleurs utilisees
   6  *
   7  * - #46839B
   8  * - #f9f9f9
   9  * - #ddd
  10  * - #f63
  11  */
  12
  13
  14 /* ------------------------------------------
  15 /* Typographie generale (style transversaux)
  16 /* ------------------------------------------ */
  17 html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
  18 body { font-size: 0.8125em; font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; color: #333; }
  19
  20 /* Titraille / Intertitres */
  21 h1,h2,h3,h4,h5,h6,
  22 .h1,.h2,.h3,.h4,.h5,.h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Georgia, Times, serif; }
  23 h1,.h1 { font-size: 1.70em; color: #000; }
  24 h2,.h2 { font-size: 1.40em; font-weight: normal; }
  25 h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #70617E; }
  26 .h2, .h2 a, .h2 a:focus, .h2 a:hover, .h2 a:active { color: #70617E; }
  27 h3,.h3 { font-size: 1.20em; font-weight: bold; }
  28 h3.spip {} /* Cf.: spip_style.css */
  29 hr.spip {} /* Cf.: spip_style.css */
  30
  31 /* Autres enrichissements typo */
  32 strong { font-weight: bold; }
  33 em { font-style: italic; }
  34 abbr, acronym { border-bottom: 1px dotted; cursor: help; }
  35 small { font-size: 0.90em; color: #666; }
  36 dfn { font-weight: bold; color: #666; }
  37 del { text-decoration: line-through; }
  38 ins { color: red !important; text-decoration: none; }
  39 sup, sub { font-size: .8em; font-variant: normal; }
  40
  41 /* Listes */
  42 ul.spip {} /* Cf.: spip_style.css */
  43 ol.spip {} /* Cf.: spip_style.css */
  44 dl {}
  45 dt {}
  46 dd {}
  47
  48 /* Citations, code et poesie */
  49 cite {}
  50 q {}
  51 blockquote {}
  52 blockquote.spip {} /* Cf.: spip_style.css */
  53 blockquote.spip_poesie {} /* Cf.: spip_style.css */
  54 /* Cf.: spip_style.css */
  55 .spip_code {color:#8B2703;}
  56 .spip_cadre {color:#444; background-color: #fff; border: 1px solid #ddd; font-size:1em; padding:0.5em;width:90%; }
  57 address {}
  58
  59 /* Tableaux */
  60 /* Cf.: spip_style.css */
  61 table.spip { width: 99%; }
  62 table.spip tr.row_first { background: #46839B; color:white;}
  63 table.spip td, table.spip th {border:white 2px solid;}
  64
  65 /* Logos, documents et images */
  66 img { margin: 0; padding: 0; border: 0; }
  67 .spip_logos {} /* Cf.: spip_style.css */
  68 .spip_documents {} /* Cf.: spip_style.css */
  69 .spip_documents_center {} /* Cf.: spip_style.css */
  70 .spip_documents_left {} /* Cf.: spip_style.css */
  71 .spip_documents_right {} /* Cf.: spip_style.css */
  72 .spip_doc_titre {} /* Cf.: spip_style.css */
  73 .spip_doc_descriptif {} /* Cf.: spip_style.css */
  74
  75
  76 /* ------------------------------------------
  77 /* Disposition a l'ecran des blocs principaux
  78 /* ------------------------------------------ */
  79 body { background: #f9f9f9; margin: 0; padding: 0; text-align: center; }
  80
  81 #page { position: relative; background: #fff; width: 58em; margin: 1em auto; padding:1em 2em; text-align: left; border:3px solid #ddd; }
  82
  83 #entete { width: 100%; margin: 0; padding-top: 1.60em; padding-bottom: 1.60em; margin-bottom:1em; border-bottom: 2px solid #46839B;}
  84 #entete .accueil { display: block; width: 67%; }
  85 #entete .accueil .spip_logos { vertical-align: bottom; line-height: 1em; }
  86 #entete .accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }
  87 #entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/
  88
  89 #conteneur { clear: both; overflow: hidden; }
  90 #contenu { padding-top: 0.30em; float:left; width:65%;}
  91
  92 #navigation { float: right; width: 30%; margin-top: 1em; overflow: hidden; }
  93
  94 #pied { clear: both; width: 100%; margin: 1em 0 0 0; padding: 0.60em 0; border: 2px solid #ddd; background:#f9f9f9; text-align: center; font-size: 0.90em; }
  95 #pied a { /*color:#666;*/ } /* ne pas utiliser de selecteur trop precis, et eviter de toucher aux liens */
  96 #pied img { vertical-align: middle; }
  97
  98
  99 /* ------------------------------------------
 100 /* Habillage des elements du contenu
 101 /* ------------------------------------------ */
 102
 103 #hierarchie { clear: both; margin-bottom: 2em; font-size: 0.84em; }
 104 #hierarchie, #hierarchie a { color: #666; }
 105
 106 .cartouche { margin-bottom: 2em; }
 107 .cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
 108 .cartouche .info-publi { margin: 0; padding: 0; clear: left; }
 109
 110 .chapo { margin-bottom: 1.50em; line-height: 1.40em; font-size:1.1em; }
 111 .texte { line-height: 1.60em; }
 112 .ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
 113 .notes { clear: both; font-size: 0.90em; }
 114
 115
 116 /* Portfolio */
 117 .documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
 118 .documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
 119 .documents_portfolio a.on .spip_logos { border-color: #f63; }
 120 .documents_portfolio a:focus .spip_logos,
 121 .documents_portfolio a:hover .spip_logos,
 122 .documents_portfolio a:active .spip_logos { border-color: #46839B; }
 123
 124
 125 /* ------------------------------------------
 126 /* Sous-navigation et autres menus
 127 /* ------------------------------------------ */
 128
 129 /* Habillage general des menus de navigation */
 130
 131 .menu { clear: both; margin-bottom: 2em; text-align: left; }
 132 .menu p { margin: 0.20em 0; padding: 0.20em 0.10em; }
 133 .menu-liste { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #ddd; }
 134 .menu-liste .menu-entree { margin: 0.20em 0; padding: 0.20em;}
 135 .menu-liste .menu-entree .menu-liste { margin-left: 1em; border: 0; }
 136 .menu-liste .menu-entree .menu-entree { padding: 0; border: 0; }
 137 #nav .menu-liste .menu-entree { display: inline;padding:0;margin:0 0 0 10px; }
 138
 139 #navigation .menu {background:#fcfcfc; padding:0.5em; border: 1px solid #ddd;}
 140 #navigation .menu a {/*color:#666;*/} /* ne pas utiliser de selecteur trop precis, et eviter de toucher aux liens */
 141 #navigation .menu-liste {border-bottom:0;}
 142 #navigation .menu-liste .menu-entree {list-style:square; margin-left:15px; padding:0; color:#f63;}
 143 #navigation .menu-liste .menu-entree .menu-liste {margin-left:0;}
 144 #navigation .liste .h2 {margin-top:1em;}
 145 #navigation .formulaire_recherche{margin-bottom:2em;}
 146
 147 /* Pagination */
 148 .pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
 149 .pagination .on { font-weight: bold; color: #666; }
 150
 151 /* Rubriques */
 152 /*
 153 .rubriques ul { border: 0; }
 154 .rubriques ul li { background: #EEE; border: 0; }
 155 */
 156
 157
 158 /* Listes d'articles et extraits introductifs */
 159 .liste-items {margin: 0; padding: 0; list-style: none; border-bottom:0;}
 160 .liste-items .item {list-style:square; margin-left:0; padding:2px 0; clear:both; overflow:hidden;}
 161 #contenu .liste-items .item {margin-bottom:2em;}
 162 .liste-items .item .h3 { margin: 0.30em 0; border-bottom:1px solid #46839B;}
 163 .liste-items .item .h3 a:hover { text-decoration:none;}
 164 .liste-items .item .info-publi {  display:block; float:right; margin-top:0.6em; margin-left:.3em; padding:.3em; background:#ddd;}
 165
 166 .liste.articles .spip_logos { float: right; clear: right; margin: .8em 0 4px 16px; }
 167 .liste .articles .item .introduction { margin-top: 0.30em; line-height: 1.40em; padding: 0.5em 0 1.5em 1em;}
 168
 169
 170 /* Couleurs des liens
 171 ---------------------------------------------- */
 172 a { color: #3996BB; text-decoration: none; }
 173 a:focus,a:hover,a:active { color: #46839B; text-decoration: underline; }
 174 a.spip_out, a.spip_glossaire {
 175         color: #46839B;
 176         background:transparent url(img/out.gif) no-repeat scroll right center;
 177         padding-right:12px;
 178 }
 179
 180
 181 /*  ------------------------------------------
 182 /*  Habillage des formulaires
 183 /*  ------------------------------------------ */
 184 input, select, textarea { font-size: 100%; font-family: inherit; }
 185
 186
 187 /* Structure generale des formulaires
 188 ----------------------------------------------- */
 189 .formulaire_spip { clear: both; margin-bottom: 2em; padding: 0; border: 0; text-align: left; font-size: 1em; }
 190 .formulaire_spip form { margin: 0; padding: 0; } /* Bug IE/Win */
 191
 192 /* Fieldset */
 193 .formulaire_spip fieldset { clear: both; margin: 0 0 1em 0; padding: 0; border: 0; }
 194 .formulaire_spip fieldset legend { margin: 0; padding: 0; font-size: 1.05em; font-weight: bold; background-color: #fff; color: #333; } /* Preciser la couleur des legend et du fond pour IE/Win */
 195 .formulaire_spip fieldset fieldset { margin-top: 1em; }
 196 .formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal; }
 197
 198 /* Explications */
 199 .formulaire_spip .explication { margin: 0.50em 0; color: #444; }
 200
 201 /* Lignes */
 202 .formulaire_spip ul { margin: 0; padding: 0; list-style: none; }
 203 .formulaire_spip ul li { clear: both; margin: 0; padding: 0.50em 0; }
 204
 205 /* Labels */
 206 .formulaire_spip label { display: block; text-align: left; color: #444; font-weight: bold; /* pour IE/Win */ position: relative;  }
 207 .formulaire_spip li p { margin-top: 0; margin-bottom: 0; }
 208
 209 .formulaire_spip .choix label{display:inline;font-weight:normal;}
 210 .formulaire_spip .choix input.radio,
 211 .formulaire_spip .choix input.checkbox {width:auto;}
 212
 213
 214 /* Champs de saisie */
 215 .formulaire_spip input.text { width: 15em; border: 1px inset; }
 216 .formulaire_spip textarea { width: 99%; border: 1px inset; }
 217 .formulaire_spip select { width: 99%; }
 218
 219 /* Boutons */
 220 .formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
 221 .formulaire_spip .boutons input { margin-left: 1em; }
 222 .formulaire_spip .boutons input, input.submit {}
 223
 224
 225 /* Reponses, previsu et erreurs
 226 ----------------------------------------------- */
 227
 228 /* Champs obligatoires */
 229 .formulaire_spip li.obligatoire {}
 230 .formulaire_spip li.obligatoire label {}
 231
 232 /* Previsualisation du message */
 233 .formulaire_spip fieldset.previsu { margin-bottom: 2em; padding: 1em; border: 2px dashed #F57900; }
 234 .formulaire_spip fieldset.previsu legend { padding: 0 0.50em; font-weight: bold; color: #F57900; }
 235 .formulaire_spip fieldset.previsu li { padding: 3px; border: none; }
 236 .formulaire_spip fieldset.previsu p { margin: 1em 0; }
 237
 238 /* Reponse du formulaire */
 239 .reponse_formulaire { font-weight: bold; color: #e86519; font-size: 1.20em; }
 240 fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
 241 fieldset.reponse_formulaire.reponse_formulaire legend { color: #F57900; } /* Preciser la couleur des legend et du fond pour IE/Win */
 242
 243 /* * Erreurs */
 244 .formulaire_spip li.erreur .erreur_message { display: block; color: #C30; font-weight: bold; }
 245 .formulaire_spip li.erreur input.text, .formulaire_spip li.erreur textarea { background-color: #FCC; border-style: solid; border-color: #C30; }
 246 .reponse_formulaire_erreur { margin: 0; color: #C30; font-weight: bold; }
 247
 248 /* * OK */
 249 .reponse_formulaire_ok { margin: 0; color: #53AD20; font-weight: bold; }
 250
 251
 252 /* Variantes et cas particuliers
 253 ----------------------------------------------- */
 254
 255 /* Barre de raccourcis typographiques */
 256 table.spip_barre { width: 100%; }
 257 table.spip_barre a img { background: #FDA; padding: 3px; border: 1px outset #CC9; }
 258 table.spip_barre a:focus img,
 259 table.spip_barre a:hover img,
 260 table.spip_barre a:active img { background: #FFF; border: 1px solid #CC9; }
 261 table.spip_barre input.barre { width: 99%; background: transparent; border: 0; }
 262
 263 /* Formulaire de forum */
 264 .formulaire_forum .saisie_titre input.text, .formulaire_forum .saisie_titre textarea { width: 98%; }
 265 .forum {margin:1em 0 0 0; padding:1em; border:#888 1px solid; background:#f6f6f6; list-style-type:none;}
 266 .forum .forum-fil {margin-bottom:2em;}
 267 .forum .forum-fil .forum-chapo {background:#666; padding:.5em; color:white;}
 268 .forum .forum-fil .forum-chapo a {color:white;}
 269 .forum .ancre {float:left; margin-right:0.5em;}
 270 .forum .spip_logos {float:right; margin: 0 2px 4px 10px;}
 271
 272 /* Selection des langues */
 273 .formulaire_menu_lang { padding: 0; background: none; }
 274
 275 /* Formulaires de recherche (site / petitions) */
 276 .formulaire_recherche { margin: 0; padding: 0; background: none; }
 277 .formulaire_recherche * { display: inline; vertical-align: middle; }
 278 .formulaire_recherche label {}
 279 .formulaire_recherche input.text { width: 10em; }
 280 .formulaire_recherche input.submit {}
 281
 282 /* Choix des mots-clefs */
 283 ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }
 284 ul.choix_mots li { clear: none; float: left; display: block; width: 30%; padding: 1%; }
 285 ul.choix_mots li label { display: inline; font-weight: normal; }
 286
 287 .formulaire_spip .bugajaxie { display: none; } /* Bug IE/Win */
 288
 289 /* Formulaire de login dans une page */
 290 .formulaire_login ul li {clear:left;}
 291 .formulaire_login ul li input.password { width: 15em; border: 1px inset; }
 292 .formulaire_login .editer_password .details {display:block;}
 293 .formulaire_login #spip_logo_auteur {float:right;}
 294
 295 /* end */