Changeset 24004 in spip-zone for _squelettes_/eva-web


Ignore:
Timestamp:
Nov 4, 2008, 10:11:36 PM (11 years ago)
Author:
olivier.gautier@…
Message:

Correction de Laurent : margin 0

File:
1 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/eva-web/4_0/eva-web40/eva_style.css

    r23975 r24004  
    1 /*Feuille de style de base pour eva-web 3.0*/
    2 /****************************************
    3         BODY
    4 ****************************************/
     1/*Feuille de style de base pour eva-web 4.0*/
     2
     3/*  ------------------------------------------
     4/*      par Laurent JULLIEN, Equipe EVA WEB
     5                Site officiel: www.eva-web.edres74.net
     6/*  ------------------------------------------ */
     7
     8
     9/*  ------------------------------------------
     10/*      Typographie generale (styles transversaux)
     11/*  ------------------------------------------ */
    512body {
    613        font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    7         margin:10px;
    8         padding:0;
    9         text-align:center;
     14        font-size:0.88em;
     15        color: #7F7F7F;
     16        margin:0;
     17        padding:0;
    1018        behavior: url(/squelettes/csshover2.htc);
    1119        /*background: url(images/la_petite_eva.jpg) fixed no-repeat right bottom;*/
     
    1321        }
    1422
    15 a img {
    16         border:none;
    17         }
    18 img {
     23
     24
     25/* Titraille / Intertitres */
     26
     27h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; }
     28
     29h1 { font-size:200%; color:#999; font-weight: bold;}
     30
     31h1 img {
     32        position:relative;
     33        padding: 10px 10px 0 0;
     34        margin:0;
    1935        vertical-align:middle;
    2036        }
    21 a {
    22         color:#999;
     37h1 span {
     38        border: 1px solid transparent;
     39        background:transparent;
     40        -moz-border-radius: 8px;
     41        padding:2px;
     42        }
     43h1 a { color:#999; text-decoration:none; }
     44
     45h1 {
     46        position:relative;
     47        top: 20px;
     48        margin:0;
     49        padding:0 10px;
     50        }
     51
     52h2 { font-size: 120%; font-weight: bold; }
     53
     54h2 { color:#B3B3B3;}
     55
     56h2 span { }
     57
     58h2 img {
     59        position:relative;
     60        vertical-align:center;
     61        }
     62
     63h2, h2 a, h2 a:hover { color: #000033; }
     64
     65h3 { font-size: 120%; font-weight: bold; }
     66
     67h3.spip {} /*Cf.: spip_style.css*/
     68
     69h3 {    font-size:105%;
     70        text-align:center;
     71        margin:20px 0;
     72        padding:5px;
     73        border-top:1px solid transparent;
     74        border-bottom:1px solid transparent;
     75        color:#808080;
     76        zoom:1;
     77        }
     78/*h3:first-letter {
     79        color:#999;
     80        }*/
     81h3 a {
    2382        text-decoration:none;
    2483        }
    25 a:hover {
    26         color:#fF6600;
    27         text-decoration:none;
    28         }
     84h3 em.date {
     85        color:#999;
     86        font-size:80%;
     87        }
     88
     89/* Couleurs des liens
     90---------------------------------------------- */
     91a img { border:none;}
     92
     93img { vertical-align:middle;}
     94
     95a { color:#999; text-decoration:none;}
     96
     97a:hover { color:#FF6600; text-decoration:none;}
     98
     99
     100
     101/* Divers
     102------------------------------------------------*/
     103/* Espaceur de blocs */
    29104.nettoyeur {
    30105        clear: both;
     
    37112        overflow: hidden;
    38113        }
     114       
     115/* Erreur ! */ 
    39116.erreur {
    40         color:#f60;
     117        color:#F60;
    41118        font-weight:bold;
    42119        }
     120
     121
     122
     123
     124
     125
     126
     127
     128
     129
     130/*  ------------------------------------------
     131/*  Disposition a l'ecran des blocs principaux
     132/*  ------------------------------------------ */
     133
    43134/****************************************
    44135        PAGE
     
    46137div#page {
    47138        width:750px;
    48         margin:auto;
    49         background:#eEE;
    50         border:1px solid #cCC;
     139        margin: 20px auto;
     140        background:#EEE;
     141        border:1px solid #CCC;
    51142        -moz-border-radius: 12px;
    52143        text-align:left;
    53 font-size:14px;
    54144        z-index:1;
    55145        }
     146
    56147/****************************************
    57148        ENTETE
     
    62153        background:transparent;
    63154        /*Pour afficher une images en fond dans l'en-tête, commenter la ligne ci-dessus et décommenter la ligne background:url*/
    64         height:120px;
    65         border-bottom:1px solid #cCC;
     155        height:100px;
     156        border-bottom:1px solid #CCC;
    66157        -moz-border-radius-topleft: 12px;
    67158        -moz-border-radius-topright: 12px;
    68159        z-index:2;
    69160        }
    70 div#entete h1 {
    71         position:relative;
    72         top: 20px;
    73         margin:0;
     161
     162/****************************************
     163        ARBORESCENCE
     164****************************************/
     165div#arborescence {
     166        position:relative;
     167        padding:2px 10px;
     168        background:transparent;
     169        border-bottom:1px solid transparent;
     170        font-size:80%;
     171        color:#808080;
     172        }
     173
     174/****************************************
     175                CONTENEURS
     176****************************************/
     177div#conteneur {
     178        margin: 0;
     179        margin: 0;      }
     180div#conteneurseul {
     181        position:relative;
     182        margin: 0 10px;
     183        padding: 0;
     184        }
     185div#conteneurseul div#contenu {
     186        position:relative;
     187        width:auto;
     188        float:none;
     189        margin:10px;
     190        }
     191div#conteneurseul div#menu {
     192        display:none;
     193        }
     194
     195/****************************************
     196        CONTENU
     197****************************************/
     198div#contenu {
     199        position:relative;
     200        width:490px;
     201        float:right;
     202        margin-right:10px;
     203        text-align:justify;
     204        color:#808080;
     205        display: inline;
     206        }
     207       
     208/****************************************
     209        CONTENU _ bloc
     210****************************************/       
     211div#contenu .bloc {
     212        border:1px solid #ccc;
     213        -moz-border-radius: 12px;
     214        margin:10px 0 ;
     215        padding: 0;
     216        background:#fff;
     217        }
     218       
     219/****************************************
     220        CONTENU _ bloc 2
     221****************************************/               
     222        .bloc2  {
     223        position:relative;
     224        margin:0 10px;
     225        padding: 0;
     226        border:1px solid #ccc;
     227        -moz-border-radius: 12px;
     228        background:#FFF;
     229        }
     230       
     231/****************************************
     232        CONTENU _ Edito
     233****************************************/
     234.edito  {
     235        position:relative;
     236        margin:10px 0 ;
     237        padding: 0;
     238        border:1px solid #ccc;
     239        -moz-border-radius: 12px;
     240        background:#FFF;
     241        }
     242
     243
     244/****************************************
     245                MENU Gauche (Defaut)
     246****************************************/
     247div#menu {
     248        float:left;
     249        width:220px;
     250        /*width:17%;*/
    74251        padding:0 10px;
    75         font-size:200%;
    76         line-height:22px;
    77         color:#999;
    78         }
    79 div#entete h1 img {
    80         position:relative;
    81         padding: 10px 10px 0 0;
    82         margin:0;
    83         vertical-align:middle;
    84         }
    85 div#entete h1 span {
    86         border: 1px solid transparent;
    87         background:transparent;
    88         -moz-border-radius: 8px;
    89         padding:2px;
    90         }
    91 div#entete h1 a {
    92         color:#999;
    93         text-decoration:none;
    94         }
    95 div#entete h1 a:hover {
    96         text-decoration:none;
    97         }
    98 div#entete h2 {
    99         position:absolute;
    100         right:0;
    101         bottom:10px;
    102         margin:0 10px;
    103         padding:0;
    104         color:#b3B3B3;
    105         font-size:110%;
    106         }
    107 div#entete h2 span {
    108         border: 1px solid #cCC;
    109         background:#fFF;
    110         -moz-border-radius: 8px;
    111         padding:2px;
    112         }
    113 div#entete h2 img {
    114         position:relative;
    115         vertical-align:middle;
    116         }
    117 /****************************************
    118         ENTETE
    119                 ul.liens
    120 ****************************************/
    121 div#entete ul.liens {
     252        margin:0;
     253        display: inline;
     254        }
     255       
     256/****************************************
     257        MENU Gauche _ bloc
     258****************************************/       
     259div#menu .bloc {
     260        border:1px solid #ccc;
     261        -moz-border-radius: 12px;
     262        margin:10px 0;
     263        padding: 0;
     264        background:#fff;
     265        }
     266
     267/****************************************
     268                MENU Droite
     269****************************************/
     270div#menudroit {
     271        float:right;
     272        width:220px;
     273        /*width:17%;*/
     274        padding:0 10px;
     275        margin:0;
     276        display: inline;
     277        }
     278       
     279/****************************************
     280        MENU Droite _ bloc
     281****************************************/       
     282div#menudroit .bloc {
     283        border:1px solid #ccc;
     284        -moz-border-radius: 12px;
     285        margin:10px 0;
     286        padding: 0;
     287        background:#fff;
     288        }
     289
     290/****************************************
     291                PIED
     292****************************************/
     293ul#pied {
     294        position:relative;
     295        margin:0;
     296        padding:5px 0;
     297        border-top:1px solid #CCC;
     298        font-size:80%;
     299        text-align:center;
     300        color:#B3B3B3;
     301        }
     302       
     303/****************************************
     304                #logo-pied
     305****************************************/
     306#logo-pied {
     307        position:relative;
     308        margin:0;
     309        padding:0;
     310        border-top:1px solid #CCC;
     311        text-align:center;
     312        }
     313
     314
     315
     316
     317
     318
     319
     320
     321
     322
     323/*  ------------------------------------------
     324/*  Habillage des elements du contenu
     325/*  ------------------------------------------ */
     326
     327/****************************************
     328        ENTETE  _ liens hauts
     329****************************************/
     330ul.liens {
    122331        position:absolute;
    123332        background:transparent;
     
    129338        -moz-border-radius-topright: 12px;
    130339        font-size:80%;
    131         color:#b3B3B3;
     340        color:#B3B3B3;
    132341        text-align:right;
    133342        }
    134 div#entete ul.liens li {
     343ul.liens li {
    135344        position:relative;
    136345        display:inline;
     
    138347        padding:0 10px;
    139348        list-style-type:none;
    140         border-left:1px solid #b3B3B3;
     349        border-left:1px solid #B3B3B3;
    141350        z-index:5;
    142351        }
    143 div#entete ul.liens li.premier {
     352ul.liens li.premier {
    144353        border-left:none;
    145354        }
    146 div#entete ul.liens a {
     355ul.liens a {
    147356        padding:2px 5px;
    148         color:#b3B3B3;
     357        color:#B3B3B3;
    149358        text-decoration:none;
    150359        }
    151 div#entete ul.liens li.on a {
    152         color:#999;
    153         }
    154 div#entete ul.liens a:hover {
     360ul.liens li.on a {
     361        color:#999;
     362        }
     363ul.liens a:hover {
    155364        color:#f60;
    156365        text-decoration:none;
     
    158367        }
    159368
    160 /****************************************
    161         ENTETE
    162                 Arborescence
     369
     370/****************************************
     371        ENTETE _ Arborescence
    163372****************************************/
    164373div#arborescence {
     
    179388        }
    180389div#arborescence a:hover {
    181         color:#f60;
     390        color:#F60;
    182391        }
    183392div#arborescence strong {
     
    188397        }
    189398
    190 /****************************************
    191         ENTETE
    192                 diaporama
    193 ****************************************/
    194 div#entetediaporama {
    195         position:relative;
    196 margin:10px 20px;
    197         border:1px solid #b3B3B3;
    198 -moz-border-radius: 12px;
    199         padding:5px;
    200         z-index:2;
    201         }
    202 div#entetediaporama h1 {
    203         display:none;
    204         }
    205 div#entetediaporama h2 {
    206         position:relative;
    207         margin:0;
    208         padding:0 5px;
    209         color:#999;
    210         font-size:16px;
    211         }
    212 div#entetediaporama h2 span {
    213         }
    214 div#entetediaporama h2 img {
    215         position:relative;
    216         padding-right:5px;
    217         }
    218 div#boutondiaporama {
    219         position:relative;
    220         float:right;
    221         z-index:3;
    222         }
    223 div#entetediaporama div.precedent {
    224         }
    225 div#entetediaporama div.suivant {
    226         }
    227 div#boutondiaporama a {
    228         position:relative;
    229         display:block;
     399
     400
     401/****************************************
     402        TITRE _ Titre, surtitre, soustitre des articles, breves,
     403****************************************/
     404.titre {
     405        position:relative;
     406        padding:5px 0;
     407        margin:10px;
     408        background: transparent;
     409        zoom:1;
     410        }
     411.titre img {
     412        position:relative;
    230413        float:left;
    231         width:30px;
    232         height:30px;
    233         color:#808080;
    234         text-decoration:none;
    235         }
    236 div#boutondiaporama a.precedent {
    237         background: url(/squelettes/images/precedent.gif) center top no-repeat;
    238         }
    239 div#boutondiaporama a.precedentpremier {
    240         background: url(/squelettes/images/precedent_premier.gif) center top no-repeat;
    241         }
    242 div#boutondiaporama a.suivant {
    243         background: url(/squelettes/images/suivant.gif) center top no-repeat;
    244         }
    245 div#boutondiaporama a.suivantdernier {
    246         background: url(/squelettes/images/suivant_dernier.gif) center top no-repeat;
    247         }
    248 div#boutondiaporama a span {
    249         position:absolute;
    250         display:block;
    251         right:1400px;
    252         width:200px;
    253         padding:4px;
    254         background:#f7F7F7;
    255         border:1px solid #b3B3B3;
    256         font-weight:bold;
    257         cursor:pointer;
    258         z-index:5;
    259         }
    260 div#boutondiaporama a:hover span, div#boutondiaporama a.sfhover span {
    261         top:18px;
    262         right:15px;
    263         }
    264 div#boutondiaporama span em {
    265         font-weight:normal;
    266         display:block;
    267         text-align:right;
    268         }
    269 div#boutondiaporama span img {
    270         position:relative;
    271         float:left;
    272         margin:0 4px 2px 0;
    273         }
    274 /****************************************
    275                 CONTENEUR
    276 ****************************************/
    277 div#conteneur {
    278        
    279        
    280         }
    281 div#conteneurseul {
    282         position:relative;
    283         margin:10px;
    284         }
    285 div#conteneurseul div#contenu {
    286         position:relative;
    287         width:auto;
    288         float:none;
    289         margin:10px;
    290         }
    291 div#conteneurseul div#menu {
    292         display:none;
    293         }
    294 /****************************************
    295         CONTENU
    296 ****************************************/
    297 div#contenu {
    298         position:relative;
    299         width:490px;
    300         float:right;
    301         margin-right:10px;
    302         text-align:justify;
    303         color:#808080;
    304         display: inline;
    305         }
    306 div#contenu h2 {
    307         position:relative;
    308         margin:0;
    309         padding:0;
    310         color:#b3B3B3;
    311         font-size:110%;
    312        
    313         }
    314 div#contenu h2 span {
    315         }
    316 div#contenu h2 img {
    317         position:relative;
    318         vertical-align:center;
    319         padding-right:10px;
    320         }
    321 
    322 /****************************************
    323         CONTENU
    324                 Titre des articles, breves,
    325 ****************************************/
    326 .titre {
    327         position:relative;
    328         padding:5px 0;
    329         margin:0;
    330         background:none;
    331         zoom:1;
    332         }
    333 .titre img {
    334         position:relative;
    335         float:left;
    336414        }
    337415.titre h4.surtitre, .titre h4.soustitre {
    338416        margin:0;
    339417        padding:0;
    340         font-size:1em;
    341         font-weight:bold;
    342        
     418        background: transparent;       
    343419        }
    344420.titre h4.soustitre {
     421        margin:0;
     422        padding:0;
     423        background: transparent;
    345424        }
    346425.titre h2 {
    347426        position:relative;
    348         margin:0;
    349         padding:0;
    350         font-size:110%;
    351         font-weight:bold;
    352        
    353         }
    354        
    355 /****************************************
    356         CONTENU
    357                 (Affichage des dates, auteurs, ...)
     427       
     428        }
     429
     430       
     431/****************************************
     432        DATE DE PUBLICATION _ Affichage des dates, auteurs, ...
    358433****************************************/
    359434#auteursdates {
     
    361436        position:relative;
    362437        width:160px;
    363         margin: 5px 0 0 10px;
    364         background-color:transparent;
     438        margin: 0 0 0 10px;
     439        background-color: transparent;
    365440        border:1px solid transparent;
    366441        -moz-border-radius: 12px;
     
    371446        padding: 2px 10px;
    372447        }
     448
     449
    373450/****************************************
    374451        CONTENU
     
    377454.chapo {
    378455        position:relative;
    379         margin:10px 0;
    380         padding:1px 10px;
    381         background:#f7F7F7;
    382         font-weight:bold;
     456        margin:10px;
     457        padding:10px;
     458        background:transparent;
     459        font-weight: normal;
     460        font-size:110%;
    383461        -moz-border-radius: 12px;
    384462        }
     
    388466.texte {
    389467        position:relative;
    390         margin:10px 0;
     468        margin:0;
     469        padding:10px;
    391470        }
    392471.texte a {
    393         color:#fF6600;
     472        color:#FF6600;
    394473        text-decoration:none;
    395474        }
     
    401480        position:relative;
    402481        margin:20px 0;
    403         padding:4px;
    404         border:1px solid #cCC;
     482        padding:5px;
     483        border:1px solid #CCC;
    405484        -moz-border-radius: 12px;
    406485        }
     
    410489.divers {
    411490        position:relative;
    412         margin:10px 0;
    413         border:1px solid #cCC;
     491        margin:10px ;
     492        border:1px solid #CCC;
    414493        -moz-border-radius: 12px;
    415494        }
     
    418497        padding:4px;
    419498        background:transparent;
    420 text-align:center;
     499        text-align:center;
    421500    -moz-border-radius-topleft: 12px;
    422501        -moz-border-radius-topright: 12px;
     
    427506        }*/
    428507.divers div.contenu {
    429         padding:2px 4px;
     508        padding:5px;
    430509        font-size:90%;
    431510    -moz-border-radius-bottomleft: 12px;
    432511        -moz-border-radius-bottomright: 12px;
    433         background:#fFF;
    434         }
    435 div.contenu ul {
    436         margin:0 ;
    437         padding:0;
    438         list-style-type:none;
    439         }
    440 h3 {
    441         font-size:105%;
    442 text-align:center;
    443         margin:20px 0;
    444         padding:2px 4px;
    445         border-top:1px solid transparent;
    446         border-bottom:1px solid transparent;
    447         color:#808080;
    448         zoom:1;
    449         }
    450 /*h3:first-letter {
    451         color:#999;
    452         }*/
    453 h3 a {
    454         text-decoration:none;
    455         }
    456 h3 em.date {
    457         color:#999;
    458         font-size:80%;
    459         }
     512        background:transparent;
     513        }
     514
    460515.suite {
    461516        text-align:right;
    462517        font-size:80%;
    463518        }
    464 
    465 /****************************************
    466         CONTENU
    467                 (listes d'éléments, blocs ...)
    468 ****************************************/
     519       
     520       
     521
     522/****************************************
     523        LISTES D'ELEMENTS
     524                 _ listes des éléments (articles, breves, ..) dans les blocs...
     525****************************************/
     526
     527/*
     528        Titre du bloc (Derniers articles, dernieres breves, ...
     529----------------------------------------*/
    469530h3.titre {
    470531        margin:0;
    471         padding:10px 5px;
     532        padding:10px 5px ;
    472533        background:transparent;
    473534        border:none;
    474535        -moz-border-radius-topleft: 12px;
    475536        -moz-border-radius-topright: 12px;
    476                 font-size:110%;
    477 text-align:center;
     537        font-size:110%;
     538        text-align:center;
    478539        }
    479540h3.titre a {
    480541        color:#808080;
    481542        }
    482 .bloc {
    483         border:1px solid #ccc;
    484 -moz-border-radius: 12px;
    485         margin:10px 0;
    486 
    487 background:#fff;
    488         }
     543       
     544/*
     545        Liste des elements (articles, breves, sites...
     546----------------------------------------*/
    489547div#contenu ul {
    490         margin:0 ;
     548        margin:0; ;
    491549        padding:0 0 10px;
    492 background:#fff;
     550        background:#fff;
    493551        -moz-border-radius-bottomleft: 12px;
    494552        -moz-border-radius-bottomright: 12px;
    495553        list-style-type:none;
    496554        }
     555
     556div#contenu ul li {
     557        margin:0;
     558        padding:10px;
     559        font-size:90%;
     560        color:#999;
     561        }
     562div#contenu ul li img {
     563        margin:0 5px 0 0;
     564        }
     565div#contenu ul li em {
     566        font-size:80%;
     567        font-weight:normal;
     568        }
     569div#contenu ul li.un {
     570        background:transparent;
     571        }
     572div#contenu ul li.deux {
     573        background:transparent;
     574        }
     575       
    497576div#contenu .texte ul {
    498577list-style-position : inside;
     
    509588padding-left : 20px;
    510589}
    511 div#contenu ul li {
    512         margin:0;
    513         padding:10px;
    514         font-size:90%;
    515         color:#999;
    516         }
    517 div#contenu ul li img {
    518         margin:0 5px 0 0;
    519         }
    520 div#contenu ul li em {
    521         font-size:80%;
    522         font-weight:normal;
    523         }
    524 div#contenu ul li.un {
    525         background:transparent;
    526         }
    527 div#contenu ul li.deux {
    528         background:transparent;
    529         }
    530 /****************************************
    531         CONTENU
    532                 Articles, breves, ...
    533 ****************************************/
    534 .bloc2  {
    535         position:relative;
    536         margin:10px 0 ;
    537         padding:0 10px;
    538         border:1px solid #ccc;
    539         -moz-border-radius: 12px;
    540         background:#fFF;
    541 font-size:90%;
    542         }
     590
     591/****************************************
     592        BLOC 2: ajustements...
     593****************************************/
     594
    543595.bloc2 h3.titre {
    544596        margin: 10px 0;
     
    556608        margin:0 5px 2px 0px;
    557609        }
    558 /****************************************
    559         CONTENU Edito
    560 ****************************************/
    561 .edito  {
    562         position:relative;
    563         margin:10px 0 ;
    564         padding:0 10px;
     610
     611       
     612
     613
     614/* Habillage general des menus de navigation */
     615
     616/*  ------------------------------------------
     617/*  Habillage des elements du menu principal
     618/*  ------------------------------------------ */
     619
     620/****************************************
     621        MENU ul#sommaire (menu principal)
     622****************************************/
     623ul#sommaire {
    565624        border:1px solid #ccc;
    566         -moz-border-radius: 12px;
    567         background:#fFF;
    568 font-size:90%;
    569         }
    570 .edito h3.titre {
    571         margin: 10px 0;
    572         padding:0;
    573         background:none;
    574         border:none;
    575         font-size:110%;
     625        -moz-border-radius: 12px;       
     626        background-color:#FFF;
     627        padding:5px 0px;
     628        margin:10px 0;
     629        list-style-type:none;
     630        }
     631ul#sommaire ul {
     632        padding:2px;
     633        margin:0;
     634        list-style-type:none;
     635        }
     636ul#sommaire ul ul {
     637        padding:0;
     638        margin:0;
     639        border-left:none;
     640        }
     641ul#sommaire li {
     642        position:relative;
     643        padding:0 5px;
     644        margin: 5px;
     645        border:1px solid transparent;
     646        -moz-border-radius: 6px;
     647        background-color:transparent;
     648        }
     649ul#sommaire ul li {
     650        position:relative;
     651        padding:0;
     652        margin:2px 0 5px 10px;
     653        }
     654ul#sommaire ul ul li {
     655        position:relative;
     656        padding:0 0 0 20px;
     657        margin:2px 0;
     658        }
     659ul#sommaire a {
     660        display:block;
     661        padding:0 0 2px;
     662        color:#B3B3B3;
     663        font-weight:bold;
     664        text-align:left;
     665        text-decoration:none;
     666        }
     667ul#sommaire a:hover {
     668        color:#F60;
     669        }
     670ul#sommaire a.on {
     671        color:#F60;
     672        }
     673ul#sommaire ul a {
     674        padding:0;
     675        border-bottom:none;
     676        font-size:80%;
     677        text-align:left;
     678        }
     679ul#sommaire ul a:hover {
     680        border-bottom:none;
    576681        color:#808080;
    577682        }
    578 .edito h3.titre a {
    579         color:#f90;
    580         }
    581 .edito img.spip_logos {
    582         position:relative;
    583         float:left;
    584         margin:0 5px 2px 0px;
    585         }
    586 /****************************************
    587         CONTENU
    588                 Album Photo
    589 ****************************************/
    590 div#photo img {
     683ul#sommaire ul a.on {
     684        border-bottom:none;
     685        color:#999;
     686        }
     687ul#sommaire ul ul a {
     688        font-size:80%;
     689        font-weight:normal;
     690        }       
     691       
     692       
     693       
     694/*  ------------------------------------------
     695/*  Sous-navigation et autres menus _ Habillage
     696/*  ------------------------------------------ */
     697
     698/****************************************
     699        MENU bloc
     700****************************************/
     701div#menu h3.titre {
     702        margin:0;
     703        padding:10px 4px;
     704        background:transparent;
     705        color:#808080;
     706        -moz-border-radius-topleft: 12px;
     707        -moz-border-radius-topright: 12px;
     708        font-size:105%;
     709        }
     710/*div#menu h3:first-letter {
     711        color:#999;
     712        }*/
     713div#menu .bloc ul{
     714        position:relative;
     715        -moz-border-radius-bottomleft: 12px;
     716        -moz-border-radius-bottomright: 12px;
     717        margin:0;
     718        padding:0 0 10px;
     719        zoom:1;
     720        list-style-type:none;
     721        background:#FFF;
     722        font-size:90%; 
     723        }
     724div#menu .bloc ul li {
    591725        padding:5px;
    592         margin:10px 10px 0 0;
    593         background:#666;
    594         }
    595 ul#albumvignettes {
    596         position:relative;
    597         margin:0;
    598         padding:0;
    599         list-style-type:none;
     726        margin:0;
     727        font-size:90%;
     728        color:#B3B3B3;
     729        }
     730div#menu .bloc ul li.un {
     731        background:transparent;
     732        }       
     733div#menu .bloc ul li.deux{
     734        background:transparent;
     735        }       
     736div#menu .bloc ul li a.on{
     737        color:#FF6600;
     738        }       
     739div#menu .bloc ul li.on strong {
     740        color:#999;
     741        }
     742div#menu .bloc ul li em {
     743        font-weight:normal;
     744        font-size:70%;
     745        }
     746div#menu .bloc ul li img{
     747        padding: 0 5px 0 0;
     748        }       
     749div#menu .bloc ul a {
     750        font-weight:bold;
     751        text-decoration:none;
     752        }
     753div#menu .bloc ul a:hover {
     754        border-bottom:none;
     755        text-decoration:none;
     756        }
     757       
     758/****************************************
     759                .MenuPagination   
     760*****************************************/
     761.menupaginationhaut {
     762        border-bottom:1px solid #CCC;
     763        margin:0;
     764        padding:0;
     765        font-size:11px;
    600766        text-align:center;
    601         }
    602 ul#albumvignettes li {
    603         position:relative;
    604         float:left;
    605         margin:0;
    606         padding:0;
    607         }
    608 ul#albumvignettes li a img {
    609         position:relative;
    610         margin:4px;
    611         padding:3px;
    612         background:#666;
    613         }
    614 ul#albumvignettes li.on a img {
    615         background:#999;
    616         }
    617 ul#albumvignettes li a:hover img {
    618         background:#999;
    619         }
    620 /****************************************
    621         CONTENU
    622                 #forum
     767        color:#808080;
     768        }
     769.menupaginationbas {
     770        border-top:1px solid #CCC;
     771        margin:0;
     772        padding:0;
     773        font-size:11px;
     774        text-align:center;
     775        color:#808080;
     776        }
     777       
     778       
     779
     780
     781/* Habillage des forums
     782---------------------------------------------- */
     783/****************************************
     784        CONTENU _ #forum
    623785****************************************/
    624786#forum {
     
    636798        padding:2px;
    637799        margin:0 2px;
    638         border:1px solid #cCC;
    639         background:#fFF;
     800        border:1px solid #CCC;
     801        background:#FFF;
    640802        color:#999;
    641803        font-size:12px;
     
    644806#forum .bouton a:hover {
    645807        background:#999;
    646         color:#fFF;
     808        color:#FFF;
    647809        text-decoration:none;
    648810        }
     
    671833        padding:2px 10px;
    672834        margin:0;
    673         background:#f2F2F2;
     835        background:#F2F2F2;
    674836        border-left:1px solid #ccc;
    675837        border-right:1px solid #ccc;
     
    682844        padding:2px 2px 2px 20px;
    683845        margin:0;
    684         background:#fAFAFA;
    685         border-left:1px solid #cCC;
    686         border-right:1px solid #cCC;
     846        background:#FAFAFA;
     847        border-left:1px solid #CCC;
     848        border-right:1px solid #CCC;
    687849        font-size:12px;
    688850        }
     
    711873#forum ul.forum li.reponse {
    712874        }
     875       
     876       
     877       
    713878/****************************************
    714879                Plan
     
    726891   margin:10px;
    727892   }
    728 /****************************************
    729                 rechercheR
     893   
     894   
     895/****************************************
     896                RECHERCHER
    730897****************************************/
    731898/*   form#formrecherche   */
     
    733900        padding:10px 5px;
    734901        margin:0;
    735         background:#f7F7F7;
     902        background:#F7F7F7;
    736903        border:1px solid #ccc;
    737904        -moz-border-radius: 12px;
     
    754921        width:400px;
    755922        padding:5px;
    756         border:1px solid #b3B3B3;
    757         background:#fFF;
     923        border:1px solid #B3B3B3;
     924        background:#FFF;
    758925        color:#666;
    759926        }
    760 /****************************************
    761                 MENU
    762 ****************************************/
    763 div#menu {
    764         float:left;
    765         width:220px;
    766         /*width:17%;*/
    767         padding:0 10px;
    768         margin:0px;
    769         display: inline;
    770         }
    771 /****************************************
    772         MENU ul#sommaire (menu principal)
    773 ****************************************/
    774 ul#sommaire {
    775         border:1px solid #ccc;
    776         -moz-border-radius: 12px;       
    777         background-color:#fFF;
    778         padding:5px 0px;
    779         margin:10px 0;
    780         list-style-type:none;
    781         }
    782 ul#sommaire ul {
    783         padding:2px;
    784         margin:0;
    785         list-style-type:none;
    786         }
    787 ul#sommaire ul ul {
    788         padding:0;
    789         margin:0;
    790         border-left:none;
    791         }
    792 ul#sommaire li {
    793         position:relative;
    794         padding:0 5px;
    795         margin: 5px;
    796         border:1px solid transparent;
    797         -moz-border-radius: 6px;
    798         background-color:transparent;
    799         }
    800 ul#sommaire ul li {
    801         position:relative;
    802         padding:0;
    803         margin:2px 0 5px 10px;
    804         }
    805 ul#sommaire ul ul li {
    806         position:relative;
    807         padding:0 0 0 20px;
    808         margin:2px 0;
    809         }
    810 ul#sommaire a {
    811         display:block;
    812         padding:0 0 2px;
    813         color:#b3B3B3;
    814         font-weight:bold;
    815         text-align:left;
    816         text-decoration:none;
    817         }
    818 ul#sommaire a:hover {
    819         color:#f60;
    820         }
    821 ul#sommaire a.on {
    822         color:#f60;
    823         }
    824 ul#sommaire ul a {
    825         padding:0;
    826         border-bottom:none;
    827         font-size:80%;
    828         text-align:left;
    829         }
    830 ul#sommaire ul a:hover {
    831         border-bottom:none;
    832         color:#808080;
    833         }
    834 ul#sommaire ul a.on {
    835         border-bottom:none;
    836         color:#999;
    837         }
    838 ul#sommaire ul ul a {
    839         font-size:80%;
    840         font-weight:normal;
    841         }       
    842 /****************************************
    843         MENU bloc
    844 ****************************************/
    845 div#menu h3.titre {
    846         margin:0;
    847         padding:10px 4px;
    848         background:transparent;
    849         color:#808080;
    850         -moz-border-radius-topleft: 12px;
    851         -moz-border-radius-topright: 12px;
    852         font-size:105%;
    853         }
    854 /*div#menu h3:first-letter {
    855         color:#999;
    856         }*/
    857 div#menu .bloc ul{
    858         position:relative;
    859         -moz-border-radius-bottomleft: 12px;
    860         -moz-border-radius-bottomright: 12px;
    861         margin:0;
    862         padding:0 0 10px;
    863         zoom:1;
    864         list-style-type:none;
    865 background:#fFF;       
    866         }
    867 div#menu .bloc ul li {
    868         padding:5px;
    869         margin:0;
    870         font-size:90%;
    871         color:#b3B3B3;
    872         }
    873 div#menu .bloc ul li.un {
    874         background:transparent;
    875         }       
    876 div#menu .bloc ul li.deux{
    877         background:transparent;
    878         }       
    879 
    880 div#menu .bloc ul li a.on{
    881         color:#fF6600;
    882         }       
    883 div#menu .bloc ul li.on strong {
    884         color:#999;
    885         }
    886 div#menu .bloc ul li em {
    887         font-weight:normal;
    888         font-size:70%;
    889         }
    890 div#menu .bloc ul li img{
    891         padding: 0 5px 0 0;
    892         }       
    893 div#menu .bloc ul a {
    894         font-weight:bold;
    895         text-decoration:none;
    896         }
    897 div#menu .bloc ul a:hover {
    898         border-bottom:none;
    899         text-decoration:none;
    900         }
    901 /****************************************
    902                 .MenuPagination   
    903 *****************************************/
    904 .menupaginationhaut {
    905         border-bottom:1px solid #cCC;
    906         margin:0;
    907         padding:0;
    908         font-size:11px;
    909 text-align:center;
    910 color:#808080;
    911         }
    912 .menupaginationbas {
    913         border-top:1px solid #cCC;
    914         margin:0;
    915         padding:0;
    916         font-size:11px;
    917 text-align:center;
    918 color:#808080;
    919         }
    920 /****************************************
    921                 #pied
    922 ****************************************/
    923 ul#pied {
    924         position:relative;
    925         margin:0;
    926         padding:4px 0;
    927         border-top:1px solid #cCC;
    928         font-size:80%;
    929         text-align:center;
    930         color:#b3B3B3;
    931         }
     927
     928
     929       
     930/****************************************
     931                #Pied
     932****************************************/
     933
    932934ul#pied li {
    933935        position:relative;
     
    936938        padding:0 10px;
    937939        list-style-type:none;
    938         border-left:1px solid #b3B3B3;
     940        border-left:1px solid #B3B3B3;
    939941        }
    940942ul#pied li.premier {
     
    943945ul#pied a {
    944946        padding:2px 5px;
    945         color:#b3B3B3;
     947        color:#B3B3B3;
    946948        text-decoration:none;
    947949        }
     
    955957        }
    956958ul#pied p a:hover {
    957         color:#f60;
     959        color:#F60;
    958960        border-bottom:none;}
    959 /****************************************
    960                 #logo-Pied
    961 ***************************************/
    962 #logo-pied {
    963         position:relative;
    964         margin:0;
    965         padding:0;
    966         border-top:1px solid #cCC;
    967         font-size:10px;
    968         text-align:center;
    969         }
     961       
     962/****************************************
     963                #logo-pied
     964****************************************/
    970965#logo-pied ul {
    971966        position:relative;
     
    982977        text-decoration:none;
    983978        }       
     979       
     980       
    984981/****************************************
    985982                Formulaires
     
    992989fieldset {
    993990        margin:10px 0;
    994         border:1px solid #cCC;
     991        border:1px solid #CCC;
    995992        -moz-border-radius: 12px;
    996 background:#fFF;
     993background:#FFF;
    997994        }
    998995legend {
     
    10731070textarea.spip_cadre {
    10741071        width:100%;
    1075         border:1px dashed #cCC;
    1076         background:#f7F7F7;
     1072        border:1px dashed #CCC;
     1073        background:#F7F7F7;
    10771074        color:#808080;
    10781075        font-family: "Courier New", Courier, monospace;
     
    10811078.spip_cadre {
    10821079        width:95%;
    1083         background:#fFF;
     1080        background:#FFF;
    10841081        padding:5px;
    10851082        margin:10px 0;
    10861083        }
    1087 .spip_documents{
    1088         font-size : 70%;
    1089 }
     1084       
     1085/* Logos, documents et images */
     1086
     1087.spip_documents{        font-size : 80%; }
    10901088.spip_documents_center{
    10911089        margin: auto;
     
    11031101        text-align: center;
    11041102}
     1103
     1104/* Tableaux */
     1105
    11051106table.spip {
    11061107        margin:20px auto;
     
    11141115        color:#666;
    11151116        background:#999;
    1116         color:#fFF;
     1117        color:#FFF;
    11171118}
    11181119table.spip td {
     
    11331134}
    11341135table.spip tr.row_odd {
    1135         background:#f2F2F2;
     1136        background:#F2F2F2;
    11361137        border: 1px solid #666;
    11371138}
    11381139table.spip tr.row_even {
    1139         background:#fFF;
     1140        background:#FFF;
    11401141        border: 1px solid #666;
    11411142}
     
    11471148        border:solid #999;
    11481149        border-width:0 10px;
    1149         background:#cCC;
    1150         color:#cCC;
     1150        background:#CCC;
     1151        color:#CCC;
    11511152        }
    11521153b.spip { }
     
    11571158        margin:20px 0 20px 30px;
    11581159        padding:2px 5px;
    1159         background:#f7F7F7;
     1160        background:#F7F7F7;
    11601161        zoom: 1;
    11611162        }
     
    11641165        margin:5px 0;
    11651166        }
    1166 .forml { width: auto ; background-color: #fFF;}
     1167.forml { width: auto ; background-color: #FFF;}
    11671168
    11681169.spip_encadrer {
    11691170        width : 95%;
    1170         background-color: #fFF;
     1171        background-color: #FFF;
    11711172        padding: 5px;
    11721173        border: 1px #666 solid;
     
    11891190}
    11901191.spip_surligne {
    1191         background:#fC0;
     1192        background:#FC0;
    11921193        color:#000;
    11931194        }
     
    12001201        border: 1px solid #a96;
    12011202        padding: 3px;
    1202         background-color: #fDA;
     1203        background-color: #FDA;
    12031204}
    12041205a.spip_barre:hover img {
     
    12061207        background-color: #f8f8f4;
    12071208}
     1209
     1210
     1211
     1212
     1213
     1214
     1215
     1216
     1217
     1218
     1219
     1220
     1221
     1222
     1223
     1224
     1225
     1226
     1227
     1228
     1229
     1230
     1231
     1232
     1233
     1234
     1235
     1236/****************************************
     1237        ARCHIVES
     1238                a supprimer ou déplacer ...
     1239****************************************/
     1240
     1241
     1242div#entete h2 {
     1243        position:absolute;
     1244        right:0;
     1245        bottom:10px;
     1246        margin:0 10px;
     1247        padding:0;
     1248        color:#B3B3B3;
     1249        font-size:110%;
     1250        }
     1251div#entete h2 span {
     1252        border: 1px solid #CCC;
     1253        background:#FFF;
     1254        -moz-border-radius: 8px;
     1255        padding:2px;
     1256        }
     1257div#entete h2 img {
     1258        position:relative;
     1259        vertical-align:middle;
     1260        }
     1261
     1262
     1263/****************************************
     1264        ENTETE
     1265                diaporama +++++++++++ Quel avenir?
     1266****************************************/
     1267div#entetediaporama {
     1268        position:relative;
     1269margin:10px 20px;
     1270        border:1px solid #B3B3B3;
     1271-moz-border-radius: 12px;
     1272        padding:5px;
     1273        z-index:2;
     1274        }
     1275div#entetediaporama h1 {
     1276        display:none;
     1277        }
     1278div#entetediaporama h2 {
     1279        position:relative;
     1280        margin:0;
     1281        padding:0 5px;
     1282        color:#999;
     1283        font-size:16px;
     1284        }
     1285div#entetediaporama h2 span {
     1286        }
     1287div#entetediaporama h2 img {
     1288        position:relative;
     1289        padding-right:5px;
     1290        }
     1291div#boutondiaporama {
     1292        position:relative;
     1293        float:right;
     1294        z-index:3;
     1295        }
     1296div#entetediaporama div.precedent {
     1297        }
     1298div#entetediaporama div.suivant {
     1299        }
     1300div#boutondiaporama a {
     1301        position:relative;
     1302        display:block;
     1303        float:left;
     1304        width:30px;
     1305        height:30px;
     1306        color:#808080;
     1307        text-decoration:none;
     1308        }
     1309div#boutondiaporama a.precedent {
     1310        background: url(/squelettes/images/precedent.gif) center top no-repeat;
     1311        }
     1312div#boutondiaporama a.precedentpremier {
     1313        background: url(/squelettes/images/precedent_premier.gif) center top no-repeat;
     1314        }
     1315div#boutondiaporama a.suivant {
     1316        background: url(/squelettes/images/suivant.gif) center top no-repeat;
     1317        }
     1318div#boutondiaporama a.suivantdernier {
     1319        background: url(/squelettes/images/suivant_dernier.gif) center top no-repeat;
     1320        }
     1321div#boutondiaporama a span {
     1322        position:absolute;
     1323        display:block;
     1324        right:1400px;
     1325        width:200px;
     1326        padding:4px;
     1327        background:#F7F7F7;
     1328        border:1px solid #B3B3B3;
     1329        font-weight:bold;
     1330        cursor:pointer;
     1331        z-index:5;
     1332        }
     1333div#boutondiaporama a:hover span, div#boutondiaporama a.sfhover span {
     1334        top:18px;
     1335        right:15px;
     1336        }
     1337div#boutondiaporama span em {
     1338        font-weight:normal;
     1339        display:block;
     1340        text-align:right;
     1341        }
     1342div#boutondiaporama span img {
     1343        position:relative;
     1344        float:left;
     1345        margin:0 4px 2px 0;
     1346        }
     1347
     1348
     1349
     1350
     1351/****************************************
     1352        CONTENU
     1353                Album Photo
     1354****************************************/
     1355div#photo img {
     1356        padding:5px;
     1357        margin:10px 10px 0 0;
     1358        background:#666;
     1359        }
     1360ul#albumvignettes {
     1361        position:relative;
     1362        margin:0;
     1363        padding:0;
     1364        list-style-type:none;
     1365        text-align:center;
     1366        }
     1367ul#albumvignettes li {
     1368        position:relative;
     1369        float:left;
     1370        margin:0;
     1371        padding:0;
     1372        }
     1373ul#albumvignettes li a img {
     1374        position:relative;
     1375        margin:4px;
     1376        padding:3px;
     1377        background:#666;
     1378        }
     1379ul#albumvignettes li.on a img {
     1380        background:#999;
     1381        }
     1382ul#albumvignettes li a:hover img {
     1383        background:#999;
     1384        }
     1385
     1386
     1387
     1388
Note: See TracChangeset for help on using the changeset viewer.