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