www/squelettes-dist/habillage.css

   1 /* --------------------------------------------------------- */
   2 /* Feuille de style des squelettes par defaut pour SPIP 2.0  */
   3 /* --------------------------------------------------------- */
   4
   5
   6 /* ------------------------------------------
   7 /* Typographie generale (style transversaux)
   8 /* ------------------------------------------ */
   9 html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
  10 body { font-size: 0.8125em; font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; color: #333; }
  11
  12 /* Titraille / Intertitres */
  13 h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Georgia, Times, serif; }
  14 h1 { font-size: 1.70em; color: #000; }
  15 h2 { font-size: 1.40em; font-weight: normal; }
  16 h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #003; }
  17 h3 { font-size: 1.20em; font-weight: bold; }
  18 h3.spip {} /* Cf.: spip_style.css */
  19 hr.spip {} /* Cf.: spip_style.css */
  20
  21 /* Autres enrichissements typo */
  22 strong { font-weight: bold; }
  23 em { font-style: italic; }
  24 abbr, acronym { border-bottom: 1px dotted; cursor: help; }
  25 small { font-size: 0.90em; color: #666; }
  26 dfn { font-weight: bold; color: #666; }
  27 del { text-decoration: line-through; }
  28 ins { color: red !important; text-decoration: none; }
  29 sup, sub { font-size: .8em; font-variant: normal; }
  30
  31 /* Listes */
  32 ul.spip {} /* Cf.: spip_style.css */
  33 ol.spip {} /* Cf.: spip_style.css */
  34 dl {}
  35 dt {}
  36 dd {}
  37
  38 /* Citations, code et poesie */
  39 cite {}
  40 q {}
  41 blockquote {}
  42 blockquote.spip {} /* Cf.: spip_style.css */
  43 blockquote.spip_poesie {} /* Cf.: spip_style.css */
  44 .spip_code {} /* Cf.: spip_style.css */
  45 .spip_cadre {} /* Cf.: spip_style.css */
  46 address {}
  47
  48 /* Tableaux */
  49 table.spip {} /* Cf.: spip_style.css */
  50
  51 /* Logos, documents et images */
  52 img { margin: 0; padding: 0; border: 0; }
  53 .spip_logos {} /* Cf.: spip_style.css */
  54 .spip_documents {} /* Cf.: spip_style.css */
  55 .spip_documents_center {} /* Cf.: spip_style.css */
  56 .spip_documents_left {} /* Cf.: spip_style.css */
  57 .spip_documents_right {} /* Cf.: spip_style.css */
  58 .spip_doc_titre {} /* Cf.: spip_style.css */
  59 .spip_doc_descriptif {} /* Cf.: spip_style.css */
  60
  61
  62 /* ------------------------------------------
  63 /* Disposition a l'ecran des blocs principaux
  64 /* ------------------------------------------ */
  65 body { background: #FFF; margin: 0; padding: 0; text-align: center; }
  66
  67 #page { position: relative; width: 58em; margin: 0 auto; text-align: left; }
  68
  69 #entete { width: 58em; margin: 0; padding-top: 1.60em; border-bottom: 2px solid #8B6F92; }
  70 #entete a.accueil { display: block; width: 67%; }
  71 #entete a.accueil img.spip_logos { vertical-align: bottom; line-height: 1em; }
  72 #entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }
  73 #entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/
  74
  75 #conteneur { clear: both; float: left; width: 67%; overflow: hidden; }
  76 #contenu { padding-top: 0.30em; }
  77
  78 #navigation { float: right; width: 30%; margin-top: 1em; overflow: hidden; }
  79 #extra { float: right; clear: right; width: 30%; margin-top: 1em; overflow: hidden; }
  80
  81 #pied { clear: both; width: 100%; margin: 0; padding: 0.40em 0; border-top: 1px solid #8B6F92; text-align: center; font-size: 0.90em; }
  82 #pied img { vertical-align: middle; }
  83
  84 /* Espaceur de blocs */
  85 .nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }
  86
  87 /* Non visible a l'ecran */
  88 .invisible { position: absolute; top: -3000em; height: 1%; }
  89
  90
  91 /* ------------------------------------------
  92 /* Habillage des elements du contenu
  93 /* ------------------------------------------ */
  94
  95 #hierarchie { clear: both; margin-bottom: 2em; font-size: 0.90em; }
  96 #hierarchie, #hierarchie a { color: #666; }
  97
  98 .cartouche { margin-bottom: 2em; }
  99 .cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
 100 .cartouche p { margin: 0; padding: 0; clear: left; }
 101 .surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.10em; }
 102 .cartouche .surtitre { margin-bottom: 0.30em; }
 103 .cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; }
 104 .cartouche .traductions { font-size: 0.90em; }
 105
 106 .chapo { margin-bottom: 1.50em; line-height: 1.40em; font-weight: bold; color: #669; }
 107 .texte { line-height: 1.60em; }
 108 .hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; color: #8B6F92; }
 109 .ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
 110 .notes { clear: both; font-size: 0.90em; }
 111
 112 abbr.published { border: 0; }
 113
 114 /* Portfolio */
 115 #documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
 116 #documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
 117 #documents_portfolio a.on .spip_logos { border-color: #F57900; }
 118 #documents_portfolio a:focus .spip_logos,
 119 #documents_portfolio a:hover .spip_logos,
 120 #documents_portfolio a:active .spip_logos { border-color: #8B6F92; }
 121
 122
 123 /* Habillage des forums
 124 ---------------------------------------------- */
 125 .repondre { clear: both; margin-top: 2.50em; margin-right: 1em; text-align: right; font-weight: bold; }
 126
 127 /* Habillage des forums */
 128 ul.forum { display: block; clear: both; margin: 0; padding: 0; }
 129 ul.forum, ul.forum ul { list-style: none; }
 130 .forum-fil { margin-top: 1.50em; }
 131 .forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
 132 .forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; color: #333; }
 133 .forum-texte { margin: 0; padding: 0.50em 1em; color: #333; }
 134 .forum-texte .hyperlien {}
 135 .forum-texte .repondre { margin: 0; padding: 0.10em 0; text-align: right; }
 136
 137 /* Boite d'un forum : eclaircissement progressif des bords */
 138 ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
 139 ul ul .forum-message { border: 1px solid #A4A4A4; }
 140 ul ul ul .forum-message { border: 1px solid #B8B8B8; }
 141 ul ul ul ul .forum-message { border: 1px solid #CCC; }
 142 ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
 143 ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }
 144
 145 /* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
 146 ul .forum-chapo { border: 0; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; background: #C4E0E0; }
 147 ul ul .forum-chapo { background: #D4E8E8; }
 148 ul ul ul .forum-chapo { background: #E4F0F0; }
 149 ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
 150 ul ul ul ul ul .forum-chapo { background: #FFF; }
 151
 152
 153 /* Habillage des petitions
 154 ---------------------------------------------- */
 155 #signatures { clear: both; margin: 0 0 2em 0; padding: 0; background: none; }
 156 #signatures table { width: 100%; margin: 1em 0 0 0; }
 157 #signatures thead { text-align: center; color: #555; }
 158 #signatures td { padding: 0.50em; border: 2px solid #FEFEFE; vertical-align: top; }
 159 #signatures td.signature-date { background: #E4F0F0; text-align: center; white-space: nowrap; }
 160 #signatures td.signature-nom { background: #ECF4F4; text-align: center; }
 161 #signatures td.signature-nom small { display: block; }
 162 #signatures td.signature-message { background: #F4F8F8; }
 163 #signatures .formulaire_recherche { margin: 1em 0; text-align: right; } /*Cf.: spip_formulaires.css*/
 164 #signatures .formulaire_recherche input.text { width: 10em; text-align: left; } /*Cf.: spip_formulaires.css*/
 165
 166
 167 /* ------------------------------------------
 168 /* Sous-navigation et autres menus
 169 /* ------------------------------------------ */
 170
 171 /* Habillage general des menus de navigation */
 172 .menu { clear: both; margin-bottom: 2em; text-align: left; }
 173 .menu p { margin: 0.20em 0; padding: 0.20em 0.10em; }
 174 .menu ul { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #DDD; }
 175 .menu ul li { margin: 0.20em 0; padding: 0.20em; border-top: 1px solid #DDD; }
 176 .menu ul li ul { margin-left: 1em; border: 0; }
 177 .menu ul li li { padding: 0; border: 0; }
 178
 179 /* Pagination */
 180 .pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
 181 .pagination .on { font-weight: bold; color: #666; }
 182
 183 /* Rubriques */
 184 .rubriques ul { border: 0; }
 185 .rubriques ul li { background: #EEE; border: 0; }
 186
 187 .formulaire_recherche { margin-bottom: 2em; } /*Cf.: spip_formulaires.css*/
 188
 189 /* Listes d'articles et extraits introductifs */
 190 .articles ul li { clear: both; padding: 0.40em 0.20em; }
 191 .articles ul li h3 { margin: 0.30em 0; }
 192 .articles .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; }
 193 .articles ul li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
 194 .articles ul li .introduction { margin-top: 0.30em; line-height: 1.40em; }
 195
 196
 197 /* Couleurs des liens
 198 ---------------------------------------------- */
 199 a { color: #604A7F; text-decoration: none; }
 200 a:focus,a:hover,a:active { color: #F57900; text-decoration: underline; }