Changeset 24060 in spip-zone


Ignore:
Timestamp:
Nov 6, 2008, 7:33:57 PM (11 years ago)
Author:
ljullien@…
Message:

feuille de style pour evaweb4

Location:
_squelettes_/eva-web/4_0/eva-web40
Files:
2 edited

Legend:

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

    r24024 r24060  
    866866        position:relative;
    867867        padding:0 0 10px 0;
    868         margin:0;
     868        margin:0 0 10px 0;
    869869        border-left:1px solid #ccc;
    870870        border-right:1px solid #ccc;
     
    10961096/* Logos, documents et images */
    10971097
    1098 .spip_documents{        font-size : 80%; }
    1099 .spip_documents_center{
    1100         margin: auto;
    1101         text-align: center;
    1102         width: 80%;
    1103 }
    1104 .spip_documents_left{
    1105         float: left;
    1106         margin-right: 15px;
    1107         text-align: center;
    1108 }
    1109 .spip_documents_right{
    1110         float: right;
    1111         margin-left: 15px;
    1112         text-align: center;
    1113 }
     1098.spip_documents { text-align: center; line-height: normal; }
     1099.spip_documents p { margin: 0.10em; padding: 0; }
     1100.spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; }
     1101.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
     1102.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
     1103.spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em; }
     1104.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.80em; }
    11141105
    11151106/* Tableaux */
  • _squelettes_/eva-web/4_0/eva-web40/eva_style_print.css

    r23233 r24060  
    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         font-size:12px;
    8         margin:0;
    9         padding:0;
    10         }
    11 
    12 a img {
    13         border:none;
    14         }
    15 img {
     14        font-size:0.88em;
     15        color: #7F7F7F;
     16        margin:0;
     17        padding:0;
     18        behavior: url(/squelettes/csshover2.htc);
     19        /*background: url(images/la_petite_eva.jpg) fixed no-repeat right bottom;*/
     20        background: transparent;
     21        }
     22
     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;
    1635        vertical-align:middle;
    1736        }
    18 a {
    19         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 { color: #999; }
     64
     65h2 a:hover { color: #ff6600; }
     66
     67h3 { font-size: 120%; font-weight: bold; }
     68
     69h3.spip {} /*Cf.: spip_style.css*/
     70
     71h3 {    font-size:105%;
     72        text-align:center;
     73        margin:20px 0;
     74        padding:5px;
     75        border-top:1px solid transparent;
     76        border-bottom:1px solid transparent;
     77        color:#808080;
     78        zoom:1;
     79        }
     80/*h3:first-letter {
     81        color:#999;
     82        }*/
     83h3 a {
    2084        text-decoration:none;
    2185        }
     86h3 em.date {
     87        color:#999;
     88        font-size:80%;
     89        }
     90
     91/* Couleurs des liens
     92---------------------------------------------- */
     93a img { border:none;}
     94
     95img { vertical-align:middle;}
     96
     97a { color:#999; text-decoration:none;}
     98
     99a:hover { color:#FF6600; text-decoration:none;}
     100
     101
     102
     103/* Divers
     104------------------------------------------------*/
     105/* Espaceur de blocs */
    22106.nettoyeur {
    23107        clear: both;
     
    30114        overflow: hidden;
    31115        }
     116       
     117/* Erreur ! */ 
    32118.erreur {
    33119        color:#F60;
    34120        font-weight:bold;
    35121        }
     122
     123
     124
     125
     126
     127
     128
     129
     130
     131
     132/*  ------------------------------------------
     133/*  Disposition a l'ecran des blocs principaux
     134/*  ------------------------------------------ */
     135
    36136/****************************************
    37137        PAGE
    38138****************************************/
    39 div#Page {
    40         }
     139div#page {
     140        width:auto;
     141        margin: auto;
     142        text-align:justify;
     143        border:0;
     144        z-index:1;
     145        }
     146
    41147/****************************************
    42148        ENTETE
    43149****************************************/
    44 div#Entete {
     150div#entete {
    45151        display:none;
    46152        }
    47 /****************************************
    48         ENTETE
    49                 Arborescence
    50 ****************************************/
    51 div#Arborescence {
     153
     154/****************************************
     155        ARBORESCENCE
     156****************************************/
     157div#arborescence {
    52158        display:none;
    53159        }
    54160
    55 
    56 /****************************************
    57         ENTETE
    58                 diaporama
    59 ****************************************/
    60 div#EnteteDiaporama {
    61         padding:5px;
    62         z-index:2;
    63         }
    64 div#EnteteDiaporama h2 {
    65         position:relative;
    66         font-size:16px;
    67         }
    68 div#EnteteDiaporama h2 span {
    69         }
    70 div#EnteteDiaporama h2 img {
    71         position:relative;
    72         padding-right:5px;
    73         }
    74 div#BoutonDiaporama {
    75         display:none;
    76         }
    77 /****************************************
    78                 CONTENEUR
    79 ****************************************/
    80 div#Conteneur {
    81         }
    82 div#ConteneurSeul {
    83         position:relative;
    84         margin:10px;
    85         }
    86 div#ConteneurSeul div#Contenu {
     161/****************************************
     162                CONTENEURS
     163****************************************/
     164div#conteneur {
     165        margin: 0;
     166        margin: 0;      }
     167div#conteneurseul {
     168        position:relative;
     169        margin: 0 10px;
     170        padding: 0;
     171        }
     172div#conteneurseul div#contenu {
    87173        position:relative;
    88174        width:auto;
     
    90176        margin:10px;
    91177        }
    92 div#ConteneurSeul div#Menu {
     178div#conteneurseul div#menu {
    93179        display:none;
    94180        }
     181
    95182/****************************************
    96183        CONTENU
    97184****************************************/
    98 div#Contenu {
     185div#contenu {
     186        position:relative;
     187        width:auto;
     188        margin:auto;
     189        border:0;
    99190        text-align:justify;
    100         }
    101 div#Contenu h2 {
    102         font-size:16px;
    103         }
    104 
    105 /****************************************
    106         CONTENU
    107                 Titre des articles, breves,
    108 ****************************************/
    109 .Titre {
     191        display: inline;
     192        }
     193       
     194/****************************************
     195        CONTENU _ bloc
     196****************************************/       
     197div#contenu .bloc {
     198        border:0 solid #ccc;
     199        -moz-border-radius: 12px;
     200        margin:10px 0 ;
     201        padding: 0;
     202        background:#fff;
     203        }
     204       
     205/****************************************
     206        CONTENU _ bloc 2
     207****************************************/               
     208        .bloc2  {
     209        position:relative;
     210        margin:0 10px;
     211        padding: 0;
     212        border:0 solid #ccc;
     213        -moz-border-radius: 12px;
     214        background:#FFF;
     215        }
     216       
     217/****************************************
     218        CONTENU _ Edito
     219****************************************/
     220.edito  {
     221        position:relative;
     222        margin:10px 0 ;
     223        padding: 0;
     224        border:1px solid #ccc;
     225        -moz-border-radius: 12px;
     226        background:#FFF;
     227        }
     228
     229
     230/****************************************
     231                MENU Gauche (Defaut)
     232****************************************/
     233div#menu {
     234        display:none;
     235        }
     236       
     237/****************************************
     238        MENU Gauche _ bloc
     239****************************************/       
     240div#menu .bloc {
     241        border:1px solid #ccc;
     242        -moz-border-radius: 12px;
     243        margin:10px 0;
     244        padding: 0;
     245        background:#fff;
     246        }
     247
     248/****************************************
     249                MENU Droite
     250****************************************/
     251div#menudroit {
     252        display: none;
     253        }
     254       
     255/****************************************
     256        MENU Droite _ bloc
     257****************************************/       
     258div#menudroit .bloc {
     259        border:1px solid #ccc;
     260        -moz-border-radius: 12px;
     261        margin:10px 0;
     262        padding: 0;
     263        background:#fff;
     264        }
     265
     266/****************************************
     267                PIED
     268****************************************/
     269ul#pied {
     270        display:none;
     271        }
     272       
     273/****************************************
     274                #logo-pied
     275****************************************/
     276#logo-pied {
     277        display:none;
     278        }
     279
     280
     281
     282
     283
     284
     285
     286
     287
     288
     289/*  ------------------------------------------
     290/*  Habillage des elements du contenu
     291/*  ------------------------------------------ */
     292
     293/****************************************
     294        ENTETE  _ liens hauts
     295****************************************/
     296ul.liens {
     297        position:absolute;
     298        background:transparent;
     299        margin:0;
     300        padding:4px 0;
     301        width:100%;
     302        border-bottom:1px solid transparent;
     303        -moz-border-radius-topleft: 12px;
     304        -moz-border-radius-topright: 12px;
     305        font-size:80%;
     306        color:#B3B3B3;
     307        text-align:right;
     308        }
     309ul.liens li {
     310        position:relative;
     311        display:inline;
     312        margin:0;
     313        padding:0 10px;
     314        list-style-type:none;
     315        border-left:1px solid #B3B3B3;
     316        z-index:5;
     317        }
     318ul.liens li.premier {
     319        border-left:none;
     320        }
     321ul.liens a {
     322        padding:2px 5px;
     323        color:#B3B3B3;
     324        text-decoration:none;
     325        }
     326ul.liens li.on a {
     327        color:#999;
     328        }
     329ul.liens a:hover {
     330        color:#f60;
     331        text-decoration:none;
     332        border-top:3px solid transparent;
     333        }
     334
     335
     336/****************************************
     337        ENTETE _ Arborescence
     338****************************************/
     339div#arborescence {
     340        position:relative;
     341        padding:2px 10px;
     342        background:transparent;
     343        border-bottom:1px solid transparent;
     344        font-size:80%;
     345        color:#808080;
     346        }
     347div#arborescence span {
     348        font-size:80%;
     349        font-weight:bold;
     350        }
     351div#arborescence a {
     352        color:#808080;
     353        text-decoration:none;
     354        }
     355div#arborescence a:hover {
     356        color:#F60;
     357        }
     358div#arborescence strong {
     359        color:#999;
     360        }
     361div#arborescence em {
     362        color:#999;
     363        }
     364
     365
     366
     367/****************************************
     368        TITRE _ Titre, surtitre, soustitre des articles, breves,
     369****************************************/
     370.titre {
    110371        position:relative;
    111372        padding:5px 0;
    112         margin-bottom:20px;
    113         }
    114 .Titre img {
     373        margin:10px;
     374        background: transparent;
     375        zoom:1;
     376        }
     377.titre img {
    115378        position:relative;
    116379        float:left;
    117         }
    118 .Titre h4.surtitre, .Titre h4.soustitre {
    119         margin:0;
    120         padding:0;
    121         font-weight:bold;
    122         }
    123 .Titre h2 {
    124         position:relative;
    125         margin:0;
    126         padding:0;
    127         font-size:110%;
    128         font-weight:bold;
    129        
    130         }
    131        
    132 /****************************************
    133         CONTENU
    134                 (Affichage des dates, auteurs, ...)
    135 ****************************************/
    136 #AuteursDates {
     380        margin-right:10px;
     381        }
     382.titre h4.surtitre, .titre h4.soustitre {
     383        margin:0;
     384        padding:0;
     385        background: transparent;       
     386        }
     387.titre h4.soustitre {
     388        margin:0;
     389        padding:0;
     390        background: transparent;
     391        }
     392.titre h2 {
     393        position:relative;
     394       
     395        }
     396
     397       
     398/****************************************
     399        DATE DE PUBLICATION _ Affichage des dates, auteurs, ...
     400****************************************/
     401#auteursdates {
    137402        float:right;
    138403        position:relative;
    139404        width:160px;
    140         margin: 0;
    141         border:1px solid;
    142         font-size:70%;
    143         }
    144 #AuteursDates div{
     405        margin: 0 0 0 10px;
     406        background-color: transparent;
     407        border:1px solid transparent;
     408        -moz-border-radius: 12px;
     409        font-size:80%;
     410        z-index:5;
     411        }
     412#auteursdates div{
    145413        padding: 2px 10px;
    146414        }
     415
     416
    147417/****************************************
    148418        CONTENU
     
    150420****************************************/
    151421.chapo {
     422        position:relative;
     423        margin: 0 10px;
     424        padding:0;
     425        background:transparent;
     426        font-weight: normal;
     427        font-size:110%;
     428        -moz-border-radius: 12px;
     429        }
     430.chapo strong, .chapo b {
     431        color:#666;
     432        }
     433.texte {
     434        position:relative;
     435        margin:0;
     436        padding: 0 10px;
     437        }
     438.texte a {
     439        color:#FF6600;
     440        text-decoration:none;
     441        }
     442.texte a:hover {
     443        color:#999;
     444        text-decoration:none;
     445        }
     446.lien {
     447        position:relative;
     448        margin:20px 0;
     449        padding:5px;
     450        border:1px solid #CCC;
     451        -moz-border-radius: 12px;
     452        }
     453/*.lien:first-letter {
     454        color:#999;
     455        }*/
     456.divers {
     457        position:relative;
     458        margin:10px ;
     459        border:1px solid #CCC;
     460        -moz-border-radius: 12px;
     461        }
     462.divers h4 {
     463        margin:0;
     464        padding:4px 10px;
     465        background:transparent;
     466        text-align:left;
     467    -moz-border-radius-topleft: 12px;
     468        -moz-border-radius-topright: 12px;
    152469        font-weight:bold;
    153         }
    154 .texte {
    155         margin:10px 0;
    156         }
    157 .texte a {
    158         text-decoration:underline;
    159         }
    160 .lien {
    161         position:relative;
    162         margin:20px 0;
    163         border:1px solid;
    164         }
    165 .divers {
    166         position:relative;
    167         margin:10px 0;
    168         }
    169 .divers h4 {
    170         margin:0;
    171         padding:4px;
    172         font-weight:bold;
    173         }
     470        font-size:90%;
     471        }
     472/*.divers h4:first-letter {
     473        color:#999;
     474        }*/
    174475.divers div.contenu {
    175         padding:2px 4px;
    176         font-size:80%;
    177         }
    178 h3 {
    179         font-size:105%;
    180         margin:20px 0;
    181         padding:2px 4px;
    182         border-top:1px solid ;
    183         border-bottom:1px solid ;
    184         }
    185 h3 em.date {
    186         color:#999;
    187         font-size:70%;
    188         }
     476        padding: 0 10px;
     477        font-size:90%;
     478    -moz-border-radius-bottomleft: 12px;
     479        -moz-border-radius-bottomright: 12px;
     480        background:transparent;
     481        }
     482.divers a{
     483        font-weight:bold;font-size:100%;
     484        }
     485
    189486.suite {
    190487        text-align:right;
    191         font-size:70%;
    192         }
    193 
    194 /****************************************
    195         CONTENU
    196                 (listes d'éléments, blocs ...)
    197 ****************************************/
     488        font-size:80%;
     489        }
     490       
     491       
     492
     493/****************************************
     494        LISTES D'ELEMENTS
     495                 _ listes des éléments (articles, breves, ..) dans les blocs...
     496****************************************/
     497
     498/*
     499        Titre du bloc (Derniers articles, dernieres breves, ...
     500----------------------------------------*/
    198501h3.titre {
    199502        margin:0;
    200         padding:5px;
     503        padding:10px 5px ;
     504        background:transparent;
     505        border:none;
     506        -moz-border-radius-topleft: 12px;
     507        -moz-border-radius-topright: 12px;
     508        font-size:110%;
     509        text-align:center;
     510        }
     511h3.titre a {
     512        color:#808080;
     513        }
     514       
     515/*
     516        Liste des elements (articles, breves, sites...
     517----------------------------------------*/
     518div#contenu ul {
     519        margin:0; ;
     520        padding:0 0 10px;
     521        background:#fff;
     522        -moz-border-radius-bottomleft: 12px;
     523        -moz-border-radius-bottomright: 12px;
     524        list-style-type:none;
     525        }
     526
     527div#contenu ul li {
     528        margin:0;
     529        padding:10px;
     530        font-size:90%;
     531        color:#999;
     532        }
     533div#contenu ul li img {
     534        margin:0 5px 0 0;
     535        }
     536div#contenu ul li em {
     537        font-size:80%;
     538        font-weight:normal;
     539        }
     540div#contenu ul li.un {
     541        background:transparent;
     542        }
     543div#contenu ul li.deux {
     544        background:transparent;
     545        }
     546       
     547div#contenu .texte ul {
     548list-style-position : inside;
     549list-style-type:disc;
     550}
     551div#contenu .texte ul ul {
     552list-style-position : inside;
     553list-style-type:circle;
     554padding-left : 20px;
     555}
     556div#contenu .texte ul ul ul {
     557list-style-position : inside;
     558list-style-type:square;
     559padding-left : 20px;
     560}
     561
     562/****************************************
     563        BLOC 2: ajustements...
     564****************************************/
     565
     566.bloc2 h3.titre {
     567        margin: 10px 0;
     568        padding:0;
     569        background:none;
    201570        border:none;
    202571        font-size:110%;
    203572        }
    204 .bloc {
    205         margin:10px 0;
    206 
    207         }
    208 div#Contenu ul {
    209         margin:0 ;
    210         padding:0 0 10px;
    211         list-style-type:none;
    212         }
    213 div#Contenu ul li {
    214         margin:0;
    215         padding:10px;
    216         font-size:90%;
    217         }
    218 div#Contenu ul li img {
    219         margin:0 5px 0 0;
    220         }
    221 div#Contenu ul li em {
    222         font-size:80%;
    223         }
    224 /****************************************
    225         CONTENU
    226                 Article, Breve, ...
    227 ****************************************/
    228 .bloc2  {
    229         position:relative;
    230         margin:10px 0 ;
    231         padding:0 10px;
    232         }
    233 .bloc2 h3.titre {
    234         margin: 10px 0;
    235         padding:0;
    236         border:none;
    237         font-size:110%;
     573.bloc2 h3.titre a {
     574        color:#808080;
    238575        }
    239576.bloc2 img.spip_logos {
     
    242579        margin:0 5px 2px 0px;
    243580        }
    244 /****************************************
    245         CONTENU Edito
    246 ****************************************/
    247 .edito  {
    248         position:relative;
    249         margin:10px 0 ;
     581
     582       
     583
     584
     585/* Habillage general des menus de navigation */
     586
     587/*  ------------------------------------------
     588/*  Habillage des elements du menu principal
     589/*  ------------------------------------------ */
     590
     591/****************************************
     592        MENU ul#sommaire (menu principal)
     593****************************************/
     594ul#sommaire {
     595        border:1px solid #ccc;
     596        -moz-border-radius: 12px;       
     597        background-color:#FFF;
     598        padding:5px 0px;
     599        margin:10px 0;
     600        list-style-type:none;
     601        }
     602ul#sommaire ul {
     603        padding:2px;
     604        margin:0;
     605        list-style-type:none;
     606        }
     607ul#sommaire ul ul {
     608        padding:0;
     609        margin:0;
     610        border-left:none;
     611        }
     612ul#sommaire li {
     613        position:relative;
     614        padding:0 5px;
     615        margin: 5px;
     616        border:1px solid transparent;
     617        -moz-border-radius: 6px;
     618        background-color:transparent;
     619        }
     620ul#sommaire ul li {
     621        position:relative;
     622        padding:0;
     623        margin:2px 0 5px 10px;
     624        }
     625ul#sommaire ul ul li {
     626        position:relative;
     627        padding:0 0 0 20px;
     628        margin:2px 0;
     629        }
     630ul#sommaire a {
     631        display:block;
     632        padding:0 0 2px;
     633        color:#B3B3B3;
     634        font-weight:bold;
     635        text-align:left;
     636        text-decoration:none;
     637        }
     638ul#sommaire a:hover {
     639        color:#F60;
     640        }
     641ul#sommaire a.on {
     642        color:#F60;
     643        }
     644ul#sommaire ul a {
     645        padding:0;
     646        border-bottom:none;
     647        font-size:80%;
     648        text-align:left;
     649        }
     650ul#sommaire ul a:hover {
     651        border-bottom:none;
     652        color:#808080;
     653        }
     654ul#sommaire ul a.on {
     655        border-bottom:none;
     656        color:#999;
     657        }
     658ul#sommaire ul ul a {
     659        font-size:80%;
     660        font-weight:normal;
     661        }       
     662       
     663       
     664       
     665/*  ------------------------------------------
     666/*  Sous-navigation et autres menus _ Habillage
     667/*  ------------------------------------------ */
     668
     669/****************************************
     670        MENU bloc
     671****************************************/
     672div#menu h3.titre {
     673        margin:0;
     674        padding:10px 4px;
     675        background:transparent;
     676        color:#808080;
     677        -moz-border-radius-topleft: 12px;
     678        -moz-border-radius-topright: 12px;
     679        font-size:105%;
     680        }
     681/*div#menu h3:first-letter {
     682        color:#999;
     683        }*/
     684div#menu .bloc ul{
     685        position:relative;
     686        -moz-border-radius-bottomleft: 12px;
     687        -moz-border-radius-bottomright: 12px;
     688        margin:0;
     689        padding:0 0 10px;
     690        zoom:1;
     691        list-style-type:none;
     692        background:#FFF;
     693        font-size:96%; 
     694        }
     695div#menu .bloc ul li {
     696        padding:5px;
     697        margin:0;
     698        font-size:90%;
     699        color:#B3B3B3;
     700        }
     701div#menu .bloc ul li.un {
     702        background:transparent;
     703        }       
     704div#menu .bloc ul li.deux{
     705        background:transparent;
     706        }       
     707div#menu .bloc ul li a.on{
     708        color:#FF6600;
     709        }       
     710div#menu .bloc ul li.on strong {
     711        color:#999;
     712        }
     713div#menu .bloc ul li em {
     714        font-weight:normal;
     715        font-size:70%;
     716        }
     717div#menu .bloc ul li img{
     718        padding: 0 5px 0 0;
     719        }       
     720div#menu .bloc ul a {
     721        font-weight:bold;
     722        text-decoration:none;
     723        }
     724div#menu .bloc ul a:hover {
     725        border-bottom:none;
     726        text-decoration:none;
     727        }
     728       
     729/****************************************
     730                .MenuPagination   
     731*****************************************/
     732.menupaginationhaut {
     733        border-bottom:1px solid #CCC;
     734        margin:0;
     735        padding:0;
     736        font-size:11px;
     737        text-align:center;
     738        color:#808080;
     739        }
     740.menupaginationbas {
     741        border-top:1px solid #CCC;
     742        margin:0;
     743        padding:0;
     744        font-size:11px;
     745        text-align:center;
     746        color:#808080;
     747        }
     748       
     749       
     750
     751
     752/* Habillage des forums
     753---------------------------------------------- */
     754/****************************************
     755        CONTENU _ #forum
     756****************************************/
     757#forum {
     758        position:relative;
     759background:transparent;
     760        }
     761#forum * {
     762        position:relative;
     763        zoom:1;
     764        }
     765#forum .bouton {
     766        text-align:right;
     767        }
     768#forum .bouton a {
     769        padding:0 2px;
     770        margin:5px;
     771        border:1px solid #CCC;
     772        background:#FFF;
     773        color:#999;
     774        font-size:12px;
     775-moz-border-radius: 6px;
     776        }
     777#forum .bouton a:hover {
     778        background:#999;
     779        color:#FFF;
     780        text-decoration:none;
     781        }
     782#forum ul.forum {
     783        margin:0;
     784        padding:10px;
     785-moz-border-radius: 12px;
     786background:#fff;
     787border:1px solid #ccc;
     788        }
     789#forum ul.forum ul {
     790        margin:0;
     791        padding:0;
     792        background: url(/squelettes/images/fond_forum.gif) top left repeat-y;
     793        background:transparent;
     794        }
     795#forum ul.forum li {
     796        margin:0 0 40px;
     797        padding:0;
     798        list-style-type:none;
     799        background:transparent;
     800        -moz-border-radius: 12px;
     801        }
     802#forum ul.forum li li {
     803        margin:0;
     804        padding:0 0 10px 40px;
     805        background: url(/squelettes/images/fond_forum_arrondit.gif) top left no-repeat;
     806        }
     807#forum ul.forum h4 {
     808        position:relative;
     809        padding:5px 10px;
     810        margin:0;
     811       
     812        border-left:1px solid #ccc;
     813        border-right:1px solid #ccc;
     814        border-top:1px solid #ccc;
     815        -moz-border-radius-topleft: 12px;
     816        -moz-border-radius-topright: 12px;
     817        background:transparent;
     818        font-weight:bold;
     819        }
     820#forum ul.forum div.auteur {
     821        position:relative;
    250822        padding:0 10px;
    251         }
    252 .edito h3.titre {
    253         margin: 10px 0;
    254         padding:0;
    255         border:none;
    256         font-size:110%;
    257         }
    258 .edito img.spip_logos {
    259         position:relative;
    260         float:left;
    261         margin:0 5px 2px 0px;
    262         }
    263 /****************************************
    264         CONTENU
    265                 Album Photo
    266 ****************************************/
    267 div#Photo img {
    268         padding:5px;
    269         margin:10px 10px 0 0;
    270         background:#666;
    271         }
    272 ul#AlbumVignettes {
    273         position:relative;
    274         margin:0;
    275         padding:0;
    276         list-style-type:none;
    277         text-align:center;
    278         }
    279 ul#AlbumVignettes li {
    280         position:relative;
    281         float:left;
    282         margin:0;
    283         padding:0;
    284         }
    285 ul#AlbumVignettes li a img {
    286         position:relative;
    287         margin:4px;
    288         padding:3px;
    289         background:#666;
    290         }
    291 ul#AlbumVignettes li.on a img {
    292         background:#999;
    293         }
    294 ul#AlbumVignettes li a:hover img {
    295         background:#999;
    296         }
    297 /****************************************
    298         CONTENU
    299                 #Forum
    300 ****************************************/
    301 #Forum {
    302         position:relative;
    303         }
    304 #Forum * {
    305         position:relative;
    306         zoom:1;
    307         }
    308 #Forum .bouton {
    309         display:none;
    310         }
    311 #Forum ul.forum {
    312         margin:0;
    313         padding:0;
    314         }
    315 #Forum ul.forum ul {
    316         margin:0;
    317         padding:0;
    318         background: url(/squelettes/images/fond_forum.gif) top left repeat-y;
    319         }
    320 #Forum ul.forum li {
    321         margin:0 0 40px;
    322         padding:0;
    323         list-style-type:none;
    324         }
    325 #Forum ul.forum li li {
    326         margin:0;
    327         padding:0 0 0 40px;
    328         background: url(/squelettes/images/fond_forum_arrondit.gif) top left no-repeat;
    329         }
    330 #Forum ul.forum div.titre h4 {
    331         position:relative;
    332         padding:2px;
    333         margin:0;
    334         }
    335 #Forum ul.forum div.titre .auteur {
    336         position:relative;
    337         padding:2px 2px 2px 20px;
    338         margin:0;
     823        margin:0;
     824        background:#F2F2F2;
     825        border-left:1px solid #CCC;
     826        border-right:1px solid #CCC;
     827        font-size:90%;
     828        }
     829#forum ul.forum div.texte {
     830        position:relative;
     831        margin:0;
     832
     833        }
     834#forum ul.forum div.contenu {
     835        position:relative;
     836        padding:0 0 10px 0;
     837        margin:0 0 10px 0;
     838        border-left:1px solid #ccc;
     839        border-right:1px solid #ccc;
     840        border-bottom:1px solid #ccc;
     841        -moz-border-radius-bottomleft: 12px;
     842        -moz-border-radius-bottomright: 12px;
    339843        font-size:12px;
    340         }
    341 #Forum ul.forum div.texte {
    342         position:relative;
    343         margin:0;
    344         }
    345 #Forum ul.forum div.contenu {
    346         position:relative;
    347         padding:4px;
    348         margin:0;
    349         font-size:12px;
    350         }
    351 #Forum ul.forum div.contenu p {
    352         position:relative;
    353         padding:0;
    354         margin:4px 0;
    355         }
    356 #Forum ul.forum li.message {
    357         }
    358 #Forum ul.forum li.reponse {
    359         }
     844        background:#FFF;
     845        }
     846#forum ul.forum div.contenu p {
     847        position:relative;
     848        padding-top:5px;
     849        margin: 0;
     850        }
     851#forum ul.forum li.message {
     852        }
     853#forum ul.forum li.reponse {
     854        }
     855       
     856       
     857       
    360858/****************************************
    361859                Plan
    362860****************************************/
    363861
    364 ul#Plan li.article{
     862ul#plan li.article{
    365863        padding:3px;
    366864        list-style-type: none;
    367865        }
    368 .BlocPlan {
     866.blocplan {
    369867        position:relative;
    370868   width:220px;
     
    373871   margin:10px;
    374872   }
    375 .BlocPlan.bloc {
    376         border:1px solid #000;
    377         margin:10px 0;
    378 
    379         }
     873   
     874   
    380875/****************************************
    381876                RECHERCHER
    382877****************************************/
    383 /*   form#FormRecherche   */
    384 #FormRecherche {
     878/*   form#formrecherche   */
     879#formrecherche {
    385880        padding:10px 5px;
    386881        margin:0;
    387         }
    388 #FormRecherche p {
     882        background:#F7F7F7;
     883        border:1px solid #ccc;
     884        -moz-border-radius: 12px;
     885        }
     886#formrecherche p {
    389887        text-align:right;
    390888        padding:5px 5px 0;
    391889        margin:0;
    392890        }
    393 #FormRecherche p.erreur {
     891#formrecherche p.erreur {
    394892        text-align:center;
    395893        }
    396 #FormRecherche form.formrecherche {
     894#formrecherche form.formrecherche {
    397895        padding:0;
    398896        margin:10px;
     
    403901        width:400px;
    404902        padding:5px;
     903        border:1px solid #B3B3B3;
     904        background:#FFF;
    405905        color:#666;
    406906        }
    407 /****************************************
    408                 MENU
    409 ****************************************/
    410 div#Menu {
    411         display:none;
    412         }
    413 /****************************************
    414                 MENU Droite
    415 ****************************************/
    416 div#MenuDroit {
    417         display:none;
    418         }
     907
     908
     909       
    419910/****************************************
    420911                #Pied
    421912****************************************/
    422 ul#Pied {display:none;
    423         }
    424 /****************************************
    425                 #Logo-Pied
    426 ****************************************/
    427 #Logo-Pied {
    428         display:none;
     913
     914ul#pied li {
     915        position:relative;
     916        display:inline;
     917        margin:0;
     918        padding:0 10px;
     919        list-style-type:none;
     920        border-left:1px solid #B3B3B3;
     921        }
     922ul#pied li.premier {
     923        border-left:none;
     924        }
     925ul#pied a {
     926        padding:2px 5px;
     927        color:#B3B3B3;
     928        text-decoration:none;
     929        }
     930ul#pied li.on a {
     931        color:#999;
     932        }
     933ul#pied a:hover {
     934        color:#f60;
     935        text-decoration:none;
     936        border-bottom:1px solid transparent;
     937        }
     938ul#pied p a:hover {
     939        color:#F60;
     940        border-bottom:none;}
     941       
     942/****************************************
     943                #logo-pied
     944****************************************/
     945#logo-pied ul {
     946        position:relative;
     947        display:inline;
     948        margin:0;
     949        padding:0 15px;
     950        }
     951#logo-pied li {
     952        display:inline;
     953        list-style-type:none;
     954        padding:0 10px;
     955        }
     956#logo-pied a:hover {
     957        text-decoration:none;
     958        }       
     959       
     960       
     961/****************************************
     962                Formulaires
     963****************************************/
     964form {
     965        margin:0;
     966        padding:0;
     967        width:100%;
     968        }
     969fieldset {
     970        margin:10px 0;
     971        border:1px solid #CCC;
     972        -moz-border-radius: 12px;
     973background:#FFF;
     974        }
     975legend {
     976        color:#999;
     977        font-weight:bold;
     978background:transparent;
     979 -moz-border-radius-topleft: 12px;
     980        -moz-border-radius-topright: 12px;
     981padding:2px 4px;
     982border:1px solid transparent;
     983margin-top:-22px;
     984
     985        }
     986textarea {
     987        width:98%;
     988        margin:0 auto;
     989        }
     990label {
     991        font-weight:bold;
    429992        }
    430993/****************************************
     
    4391002.forml {
    4401003        padding:2px;
     1004        background-color:#abc8e0;
     1005        border:1px solid #ccc;
    4411006        font-size:12px;
    4421007        }
     
    4631028}
    4641029.forml:focus {
     1030        background-color:#f0f6fb;
    4651031        }
    4661032.spip-admin {
     
    4841050textarea.spip_cadre {
    4851051        width:100%;
    486         border:1px dashed ;
     1052        border:1px dashed #CCC;
     1053        background:#F7F7F7;
     1054        color:#808080;
    4871055        font-family: "Courier New", Courier, monospace;
    4881056        font-size:12px;
     
    4901058.spip_cadre {
    4911059        width:95%;
     1060        background:#FFF;
    4921061        padding:5px;
    4931062        margin:10px 0;
    4941063        }
    495 .spip_documents{
    496         font-size : 70%;
    497 }
    498 .spip_documents_center{
    499         margin: auto;
    500         text-align: center;
    501         width: 80%;
    502 }
    503 .spip_documents_left{
    504         float: left;
    505         margin-right: 15px;
    506         text-align: center;
    507 }
    508 .spip_documents_right{
    509         float: right;
    510         margin-left: 15px;
    511         text-align: center;
    512 }
     1064       
     1065/* Logos, documents et images */
     1066
     1067.spip_documents { text-align: center; line-height: normal; }
     1068.spip_documents p { margin: 0.10em; padding: 0; }
     1069.spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; }
     1070.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
     1071.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
     1072.spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em; }
     1073.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.80em; }
     1074
     1075/* Tableaux */
     1076
    5131077table.spip {
    5141078        margin:20px auto;
     
    5201084        text-align:center;
    5211085        vertical-align: middle;
     1086        color:#666;
     1087        background:#999;
     1088        color:#FFF;
    5221089}
    5231090table.spip td {
     
    5381105}
    5391106table.spip tr.row_odd {
     1107        background:#F2F2F2;
    5401108        border: 1px solid #666;
    5411109}
    5421110table.spip tr.row_even {
     1111        background:#FFF;
    5431112        border: 1px solid #666;
    5441113}
     
    5501119        border:solid #999;
    5511120        border-width:0 10px;
     1121        background:#CCC;
     1122        color:#CCC;
    5521123        }
    5531124b.spip { }
     
    5581129        margin:20px 0 20px 30px;
    5591130        padding:2px 5px;
     1131        background:#F7F7F7;
    5601132        zoom: 1;
    5611133        }
     
    5641136        margin:5px 0;
    5651137        }
    566 .forml { width: auto ; }
     1138.forml { width: auto ; background-color: #FFF;}
    5671139
    5681140.spip_encadrer {
    5691141        width : 95%;
     1142        background-color: #FFF;
    5701143        padding: 5px;
    5711144        border: 1px #666 solid;
     
    5881161}
    5891162.spip_surligne {
     1163        background:#FC0;
    5901164        color:#000;
    5911165        }
     
    5961170/** Barre de raccourcis*/
    5971171a.spip_barre img {
    598         border: 1px solid ;
     1172        border: 1px solid #a96;
    5991173        padding: 3px;
     1174        background-color: #FDA;
    6001175}
    6011176a.spip_barre:hover img {
    6021177        border: 1px solid #808080;
    603 }
     1178        background-color: #f8f8f4;
     1179}
     1180
     1181
     1182
     1183
     1184
     1185
     1186
     1187
     1188
     1189
     1190
     1191
     1192
     1193
     1194
     1195
     1196
     1197
     1198
     1199
     1200
     1201
     1202
     1203
     1204
     1205
     1206
     1207/****************************************
     1208        ARCHIVES
     1209                a supprimer ou déplacer ...
     1210****************************************/
     1211
     1212
     1213div#entete h2 {
     1214        position:absolute;
     1215        right:0;
     1216        bottom:10px;
     1217        margin:0 10px;
     1218        padding:0;
     1219        color:#B3B3B3;
     1220        font-size:110%;
     1221        }
     1222div#entete h2 span {
     1223        border: 1px solid #CCC;
     1224        background:#FFF;
     1225        -moz-border-radius: 8px;
     1226        padding:2px;
     1227        }
     1228div#entete h2 img {
     1229        position:relative;
     1230        vertical-align:middle;
     1231        }
     1232
     1233
     1234/****************************************
     1235        ENTETE
     1236                diaporama +++++++++++ Quel avenir?
     1237****************************************/
     1238div#entetediaporama {
     1239        position:relative;
     1240margin:10px 20px;
     1241        border:1px solid #B3B3B3;
     1242-moz-border-radius: 12px;
     1243        padding:5px;
     1244        z-index:2;
     1245        }
     1246div#entetediaporama h1 {
     1247        display:none;
     1248        }
     1249div#entetediaporama h2 {
     1250        position:relative;
     1251        margin:0;
     1252        padding:0 5px;
     1253        color:#999;
     1254        font-size:16px;
     1255        }
     1256div#entetediaporama h2 span {
     1257        }
     1258div#entetediaporama h2 img {
     1259        position:relative;
     1260        padding-right:5px;
     1261        }
     1262div#boutondiaporama {
     1263        position:relative;
     1264        float:right;
     1265        z-index:3;
     1266        }
     1267div#entetediaporama div.precedent {
     1268        }
     1269div#entetediaporama div.suivant {
     1270        }
     1271div#boutondiaporama a {
     1272        position:relative;
     1273        display:block;
     1274        float:left;
     1275        width:30px;
     1276        height:30px;
     1277        color:#808080;
     1278        text-decoration:none;
     1279        }
     1280div#boutondiaporama a.precedent {
     1281        background: url(/squelettes/images/precedent.gif) center top no-repeat;
     1282        }
     1283div#boutondiaporama a.precedentpremier {
     1284        background: url(/squelettes/images/precedent_premier.gif) center top no-repeat;
     1285        }
     1286div#boutondiaporama a.suivant {
     1287        background: url(/squelettes/images/suivant.gif) center top no-repeat;
     1288        }
     1289div#boutondiaporama a.suivantdernier {
     1290        background: url(/squelettes/images/suivant_dernier.gif) center top no-repeat;
     1291        }
     1292div#boutondiaporama a span {
     1293        position:absolute;
     1294        display:block;
     1295        right:1400px;
     1296        width:200px;
     1297        padding:4px;
     1298        background:#F7F7F7;
     1299        border:1px solid #B3B3B3;
     1300        font-weight:bold;
     1301        cursor:pointer;
     1302        z-index:5;
     1303        }
     1304div#boutondiaporama a:hover span, div#boutondiaporama a.sfhover span {
     1305        top:18px;
     1306        right:15px;
     1307        }
     1308div#boutondiaporama span em {
     1309        font-weight:normal;
     1310        display:block;
     1311        text-align:right;
     1312        }
     1313div#boutondiaporama span img {
     1314        position:relative;
     1315        float:left;
     1316        margin:0 4px 2px 0;
     1317        }
     1318
     1319
     1320
     1321
     1322/****************************************
     1323        CONTENU
     1324                Album Photo
     1325****************************************/
     1326div#photo img {
     1327        padding:5px;
     1328        margin:10px 10px 0 0;
     1329        background:#666;
     1330        }
     1331ul#albumvignettes {
     1332        position:relative;
     1333        margin:0;
     1334        padding:0;
     1335        list-style-type:none;
     1336        text-align:center;
     1337        }
     1338ul#albumvignettes li {
     1339        position:relative;
     1340        float:left;
     1341        margin:0;
     1342        padding:0;
     1343        }
     1344ul#albumvignettes li a img {
     1345        position:relative;
     1346        margin:4px;
     1347        padding:3px;
     1348        background:#666;
     1349        }
     1350ul#albumvignettes li.on a img {
     1351        background:#999;
     1352        }
     1353ul#albumvignettes li a:hover img {
     1354        background:#999;
     1355        }
     1356
     1357
     1358
     1359
Note: See TracChangeset for help on using the changeset viewer.