www/plugins/beespip/css/structure.css.html

   1 #CACHE{3600*100,cache-client}
   2 #HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
   3 #HTTP_HEADER{Vary: Accept-Encoding}
   4 /* ----------------------------------------------
   5         Beespip 3
   6         Contingences
   7         2011
   8  ------------------------------------------------ */
   9 /* Valeurs par defaut :
  10 #SET{couleur_principale,#CONFIG{BeeSpip/couleur/couleur_principale,#b83233}} [ couleur_principale: (#GET{couleur_principale});]
  11 #SET{couleur_secondaire_foncee,#CONFIG{BeeSpip/couleur/couleur_secondaire_foncee,#8b0b00}} [ couleur_secondaire_foncee: (#GET{couleur_secondaire_foncee});]
  12 #SET{couleur_secondaire_claire,#CONFIG{BeeSpip/couleur/couleur_secondaire_claire,#ff645b}} [ couleur_secondaire_claire: (#GET{couleur_secondaire_claire});]
  13 #SET{couleur_principale_texte,#CONFIG{BeeSpip/couleur/couleur_principale_texte,#666666}} [ couleur_principale_texte: (#GET{couleur_principale_texte});]
  14 #SET{couleur_titres,#CONFIG{BeeSpip/couleur/couleur_titres,#444444}} [ couleur_titres: (#GET{couleur_titres});]
  15 #SET{typo_titre,#CONFIG{BeeSpip/couleur/typo_titre,"font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;"}} [ typo_titre: (#GET{typo_titre});]
  16 #SET{couleur_liens,#CONFIG{BeeSpip/couleur/couleur_liens,#0070a7}} [ couleur_liens: (#GET{couleur_liens});]
  17 #SET{couleur_menu_fond,#CONFIG{BeeSpip/couleur/couleur_menu_fond,#f5f4f3}} [ couleur_menu_fond: (#GET{couleur_menu_fond});]
  18 #SET{couleur_filets_titres,#CONFIG{BeeSpip/couleur/couleur_filets_titres,#ebebeb}} [ couleur_filets_titres: (#GET{couleur_filets_titres});]
  19 #SET{couleur_liens_survol,#CONFIG{BeeSpip/couleur/couleur_liens_survol,#b83233}} [ couleur_liens_survol: (#GET{couleur_liens_survol});]
  20 #SET{couleur_menu_liens,#CONFIG{BeeSpip/couleur/couleur_menu_liens,#666666}} [ couleur_menu_liens: (#GET{couleur_menu_liens});]
  21 #SET{couleur_cadres,#CONFIG{BeeSpip/couleur/couleur_cadres,#ebebeb}} [ couleur_cadres: (#GET{couleur_cadres});]
  22
  23 */
  24 /* Evitement */
  25 #evitement {line-height:1;z-index:100;font-size:1.1em;font-weight:bold;}
  26 #evitement a {position:absolute;left:0;top:-10em;padding:.5em 1em;box-shadow:0 10px 10px rgba(0, 0, 0, 0.4);}
  27 #evitement a:focus, #evitement a:active {top:0;z-index:999 !important;background-color:#GET{couleur_menu_fond} !important;border-color:#GET{couleur_cadres} !important;text-decoration:none;outline:none; color:#GET{couleur_menu_liens};}
  28
  29 #conteneur {
  30         width: 100%;
  31         padding: 0 0 5px 0;
  32         border-bottom: 1px solid #E8E8E8;
  33         border-top: 1px solid #E8E8E8;
  34         text-align: left;
  35 }
  36 #conteneur-wrapper {
  37         background: #fff;
  38         margin: 0 auto;
  39         padding: 5px 0 35px 0;
  40         overflow: auto;
  41 }
  42 #entete-wrap {
  43         width: 100%;
  44
  45         margin: 0; padding: 0;
  46 }
  47 #entete {
  48         position: relative;
  49         margin: 0 auto;
  50         height: #CONFIG{BeeSpip/affichage/hauteur_entete}px;
  51         background: #GET{couleur_principale};
  52         border-right: 1px solid #E8E8E8;
  53         border-left: 1px solid #E8E8E8;
  54 }
  55 #entete h1#logo-text { margin: 0; padding: 0; }
  56 #entete h1#logo-text a {
  57         position: absolute;
  58         margin: 0; padding: 0 5px 0 0;
  59         font-size: 75px;
  60         #GET{typo_titre}
  61         letter-spacing: -1px;
  62         color: #GET{couleur_liens};
  63         text-decoration: none;
  64
  65         /* change the values of top and left to adjust the position of the logo*/
  66         top: 90px; left: 20px;
  67 }
  68 #entete h1#logo-text a:hover { border: none; }
  69 #entete p#intro {
  70         position: absolute;
  71         margin: 0; padding: 0;
  72         #GET{typo_titre}
  73         font-weight: normal;
  74         font-size: 17px;
  75         line-height: 1.6em;
  76         font-style: italic;
  77         letter-spacing: -.5px;
  78         color: #GET{couleur_secondaire_foncee};
  79         width: 400px;
  80
  81         /* change the values of top and left to adjust the position */
  82         top: 165px; left: 110px;
  83 }
  84 #entete #entete-image {
  85         position: absolute;
  86         width: 960px;
  87         height: #CONFIG{BeeSpip/affichage/hauteur_entete}px;
  88         left: 0px; top: 0px;
  89 }
  90 #entete #entete-image a {
  91         border-bottom:0;
  92 }
  93 /* Entete recherche */
  94 #entete #formulaire_recherche form, #conteneur #formulaire_recherche form {
  95         float:right;
  96         padding: 0; margin: 0;
  97         border: 1px solid #e3e3e3;
  98         width: 210px; height: 28px;
  99         background: #fcfcfc;
 100         z-index: 50;
 101 }
 102 #entete #formulaire_recherche form {
 103         position: absolute;
 104         top: 7px; right: 10px;
 105 }
 106 #conteneur #formulaire_recherche form {
 107         margin:0 10px 10px 10px;
 108 }
 109 #entete #formulaire_recherche input, #conteneur #formulaire_recherche input {
 110         border: none;
 111         background: transparent;
 112         color: #bababa;
 113         float: left;
 114         margin: 0; padding: 5px;
 115 }
 116 #entete #formulaire_recherche input:focus, #conteneur #formulaire_recherche input:focus {
 117         color: #GET{couleur_secondaire_claire};
 118 }
 119 #entete #formulaire_recherche .saisie, #conteneur #formulaire_recherche .saisie {
 120         margin: 4px 0 0 5px;
 121         width: 156px;
 122         display: inline;
 123 }
 124 #entete #formulaire_recherche .submit, #conteneur #formulaire_recherche .submit {
 125         width: 24px; height: 24px;
 126         border: none;
 127         font-size:0;
 128         background: [(#GET{couleur_principale})] url(#CHEMIN{/images/recherche.png}) no-repeat center center;
 129 }
 130 #entete #formulaire_recherche label, #conteneur #formulaire_recherche label {
 131         display: none;
 132 }
 133
 134 /*  navigation  */
 135 #entete #nav {
 136         position: absolute;
 137         margin: 0; padding: 0;
 138         width: 960px;
 139         height:45px;
 140         left: 0;        top: 5px;
 141         z-index:99;
 142         background:#GET{couleur_menu_fond};
 143 }/*
 144 #entete #nav ul {
 145         float: left;
 146         list-style: none;
 147         margin: 5px 0 0 0;
 148         height: 45px;
 149         padding: 0 0 0 15px;
 150 }
 151 #entete #nav ul li {
 152         float: left;
 153         margin: 0; padding: 0 0 0 10px;
 154 }
 155 #entete #nav ul li a {
 156         float: left;
 157         margin: 0;
 158         padding: 0 15px 0 5px;
 159         color: #GET{couleur_principale_texte};
 160         font: bold 14px/40px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;
 161         /*text-transform: uppercase;*/
 162 /*}*/
 163 /*#entete #nav ul li a:hover,
 164 #entete #nav ul li a:active {
 165         border: none;
 166         color: #111;
 167         background: transparent;
 168         border
 169 }*/
 170 #entete #nav ul li#current {
 171         background:#FFF;
 172         border: 1px solid #E8E8E8;
 173         border-bottom:0;
 174 }
 175 #entete #nav ul li#current a {
 176         color: #GET{couleur_titres};
 177 }
 178
 179
 180
 181 /* Contenu */
 182 #hierarchie {font-size:0.8em; padding: 0 15px; }
 183 #contenu h1, #contenu_presentation h1 {
 184         font-weight: normal;
 185         font-size: 3.7em;
 186         #GET{typo_titre}
 187         line-height: 1em;
 188         color: #GET{couleur_titres};
 189         letter-spacing: -2px;
 190         margin-left: 5px;
 191         margin-right: 15px;
 192         padding-left: 5px;
 193         padding-bottom: 3px;
 194         border-bottom: 1px solid #GET{couleur_filets_titres};
 195 }
 196 #contenu h1 a {
 197         color: #GET{couleur_titres};
 198         border: none;
 199 }
 200 #contenu h2.sommaire, #contenu h3.sommaire {
 201         color: #GET{couleur_titres};
 202         letter-spacing: -1.2px;
 203         line-height: 1em;
 204         margin-left: 5px;
 205         margin-right: 15px;
 206         padding-left: 5px;
 207         padding-bottom: 3px;
 208         border-bottom: 1px solid #GET{couleur_filets_titres};
 209 }
 210 /* Colonne en bandeau */
 211 #colonne_bandeau {border-top: 1px solid #GET{couleur_filets_colonnes};}
 212 /* Colonne de droite */
 213 #colonne .grid_4 {border-left: 1px solid #GET{couleur_filets_colonnes};}
 214 #colonne .grid_4 .grid_4 {border-left: none;}
 215 #colonne h3, #colonne_bandeau h3 {
 216         color: #GET{couleur_titres};
 217         font-size: 2em;
 218         font-weight: normal;
 219         line-height: 1em;
 220         #GET{typo_titre}
 221         letter-spacing: -0.5px;
 222         padding: 5px 10px;
 223         margin: 12px 0 5px 0;
 224 }
 225 /* Pied de page */
 226 #pied-wrapper {
 227         clear: both;
 228         margin: 0 auto;
 229         text-align: left;
 230 }
 231 #pied-wrapper h3 {
 232         color: #GET{couleur_titres};
 233         font: normal 1.8em 'Lucida Grande', Verdana, Helvetica, sans-serif;
 234         text-transform: none;
 235         letter-spacing: -0.5px;
 236 }
 237 #pied-wrapper h3,
 238 #pied-wrapper p {
 239         padding-left: 0;
 240 }
 241 #pied-wrapper a:link, #pied-wrapper a:visited{
 242         color: #333;
 243         background: transparent;
 244 }
 245
 246 /* Pied liste */
 247 #pied-wrapper ul.pied-list {
 248         border-top: 1px solid #E6E6E6;
 249         list-style: none;
 250         padding: 0;
 251         margin-left: 0;
 252 }
 253 #pied-wrapper ul.pied-list li {
 254         border-bottom: 1px solid #E6E6E6;
 255 }
 256 #pied-wrapper ul.pied-list li a {
 257         display: block;
 258         width: 98%;
 259     line-height: 2em;
 260         font-weight: bold;
 261         padding: 7px 0;
 262         margin-left: 0;
 263         padding-left: 0;
 264         color: #888;
 265         border: none;
 266 }
 267 #pied-wrapper ul.pied-list li a span {
 268         font-style: italic;
 269         font-weight: normal;
 270         font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
 271 }
 272 #pied-wrapper ul.pied-list li a:hover, #pied-wrapper ul.pied-list li a:hover span,
 273 #pied-wrapper ul.pied-list li a:focus, #pied-wrapper ul.pied-list li a:focus span  {
 274         color: #333;
 275 }
 276
 277 /* pied contenu */
 278 #pied-content {
 279         float: left;
 280         width: 100%;
 281         padding: 0 0 35px 0;
 282         margin: 10px 0 0 5px;
 283 }
 284
 285 /* pied-bottom */
 286 #pied-bottom {
 287         clear: both;
 288         /*border-top: 1px solid #dadada;*/
 289         width: 940px;
 290         margin: 0 auto;
 291         font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;
 292 }
 293 #pied-bottom a:hover, #pied-bottom a:focus { color: #GET{couleur_liens_survol};border: none }
 294 #pied-bottom ul.bottom-left {
 295         float: left;
 296         list-style: none;
 297         margin:0;
 298         padding: 5px 0 10px 5px;
 299 }
 300 #pied-bottom ul.bottom-left li {display: inline;}
 301 #pied-bottom .bottom-right {
 302         text-align: right;
 303         padding-right: 0;
 304 }
 305 .pieddate {text-align:center;clear:both;background:#F8F8F8;border:1px solid #EBEBEB;}
 306
 307 /* Alignement */
 308 .float-left  { float: left; }
 309 .float-right { float: right; }
 310 .align-left  { text-align: left; }
 311 .align-right { text-align: right; }
 312 .no-border { border: none; }
 313
 314 /* clear */
 315 .clearer { clear: both; }
 316 .clear { display:inline-block; }
 317 .clear:after {
 318         display:block;
 319         visibility:hidden;
 320         clear:both;
 321         height:0;
 322         content: ".";
 323 }