Changeset 33170 in spip-zone


Ignore:
Timestamp:
Nov 23, 2009, 4:26:18 PM (11 years ago)
Author:
shnoulle@…
Message:

Validation tous habillage.css , prepa multi habillage, passage en stable

Location:
_themes_/arclite
Files:
14 added
3 edited

Legend:

Unmodified
Added
Removed
  • _themes_/arclite/habillage.css

    r33122 r33170  
    1 
     1/* --------------------------------------------------------- */
     2/* Feuille de style du thème arclite pour zpip, squelette de  SPIP 2.0  */
     3/* (c) digitalnature (http://digitalnature.ro) , gsill (http://www.gsill.net) */
     4/* Released under GPL . http://www.opensource.org/licenses/gpl-license.php */
     5/* --------------------------------------------------------- */
    26
    37/*
     
    610    last update: 7 nov. 2009
    711
    8   Author: digitalnature
     12  Author: digitalnature (CSS, image and design)
    913    http://digitalnature.ro/projects/arclite
    1014  Author: Denis Chenu (Adaptation for zpip)
     
    1317  The CSS, XHTML and design is released under GPL.
    1418    http://www.opensource.org/licenses/gpl-license.php
    15 
    16 /* global prop. *
    17 *{
    18   margin: 0;
    19   padding: 0;
     19   
     20*/
    2021
    2122/* try to use custom fonts trough css3 (opera 10+, safari 3.1+ and ff 3.5+) */
     
    3031}
    3132
    32 /*** COMMON ELEMENTS ***/
    33 
    34 html, body{
    35   height:100%;
    36 }
    37 
    38 html{
    39   font-size: 100%;
    40 }
    41 
    42 body{
     33/* Un margin , padding plus sélectif que l'original */
     34html, body, div, span, applet, object, iframe,
     35h1, h2, h3, h4, h5, h6, p, blockquote, pre,
     36a, abbr, acronym, address, big, cite, code,
     37del, dfn, em, font, img, ins, kbd, q, s, samp,
     38small, strike, strong, sub, sup, tt, var,
     39b, u, i, center,
     40dl, dt, dd, ol, ul, li,
     41fieldset, form, label, legend,
     42table, caption, tbody, tfoot, thead, tr, th, td {
     43        margin: 0;
     44        padding: 0;
     45}
     46
     47/* Remplacelent de global prop. */
     48/* *{
     49  margin: 0;
     50  padding: 0;
     51*/
     52
     53
     54/* ------------------------------------------
     55/* Typographie generale (style transversaux) arclite
     56/* ------------------------------------------ */
     57html, body{height:100%;}
     58html { font-size: 100%; } /*  */
     59
     60
     61body { 
    4362  font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
    44   font-size: 13px;
     63  font-size: 0.8125em; /*font-size: 13px; Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/*/
    4564  font-style: normal;
    4665  color: #000;
     
    5271  padding:0;
    5372  margin:0;
    54 }
    55 
    56 /* links */
    57 
    58 a, a.spip_in, a.spip_out,a.spip_note,a.spip_ancre,a.spip_url,a.spip_glossaire{
    59   color: #0071bb;
    60 
    61 } /*Liens par défaut*/
    62 
    63 a:hover{
    64   color: #f44365;
    65   text-decoration: none;
    66 }
    67 
    68 
    69 /* headings */
    70 
    71 /*Est utilisé dans l'entète sur le thème initial, donc on décale
    72 h1{
     73 }
     74
     75/* Titraille / Intertitres */
     76hr.spip {} /* Cf.: spip_style.css */
     77
     78/* headings arclite */
     79
     80/* Utilisé pour le titre de la page, on remplace par un equivalent du h3
     81h1, .h1{
    7382  font-family: "Union", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
    7483  font-weight: bold;
     
    7887  margin: .5em 0 .5em;
    7988}*/
    80 
    81 .h1{
    82   font-family: "Union", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
     89h1, .h1{
     90  font-family: "Arial Black", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
     91  font-size: 200%;
    8392  font-weight: normal;
    84   font-size: 220%;
    8593  letter-spacing: -0.04em;
    8694  line-height: 110%;
     
    8997}
    9098
    91 .h2{
     99/* Inversion h2 et h3 */
     100h2, .h2{
    92101  font-family: "Arial Black", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
    93102  font-size: 180%;
     
    99108}
    100109
    101 .h3{
     110h3, .h3, h3.spip{
     111  font-family: "Union", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
     112  font-weight: normal;
     113  font-size: 220%;
     114  letter-spacing: -0.04em;
     115  line-height: 110%;
     116  margin: .5em 0 .2em;
     117}
     118
     119h4, .h4 {
    102120  font-family: "Share", "Arial Narrow", Arial, Sans;
    103121  font-size: 200%;
     
    106124}
    107125
    108 .h4{
     126h5, .h5 {
    109127  font-family: "Palatino Linotype", Georgia, Serif;
    110128  font-size: 150%;
     
    114132}
    115133
    116 .h5{
     134h6, .h6{
    117135  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
    118136  font-size: 125%;
     
    122140}
    123141
    124 .h6{
    125   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
    126   font-size: 100%;
    127   font-weight: normal;
    128   text-transform: uppercase;
    129   margin: .5em 0 .2em;
    130 }
    131 
    132 /* tables */
    133 
    134 table{
    135   margin: .5em 0 1em;
    136   width:99%;
    137 }
    138 
    139 table td, table th{
    140   text-align: left;
    141   border-right: 1px solid #e8e1c8;
    142   padding: .4em .8em;
    143 }
    144 
    145 table th{
    146   background: #ab967e url(img/table-header.gif) repeat-x left top;
    147   color: #fff;
    148   text-transform: uppercase;
    149   font-weight: normal;
    150   border-bottom: 1px solid #e8e1c8;
    151 }
    152 
    153 table td{
    154   background: #d8ceb6;
    155 }
    156 
    157 table tr.even td{
    158   background: #e1d9c3;
    159 }
    160 
    161 table tr:hover td{
    162   background: #f0eada;
    163 }
    164 
    165 /* forms */
    166 
    167 input, textarea, select{
    168   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
    169   font-size: 100%;
    170   margin: .2em 0;
    171 }
    172 
    173 /*input, textarea{
    174   padding: .2em .4em;
    175 }*/
    176 textarea,input.text,input.submit{
    177   padding: .2em .4em;
    178 }
    179 
    180 
    181 input.radio, input.checkbox{
    182   background: #fff;
    183   padding: 2px;
    184 }
    185 
    186 form label{
    187   font-weight: normal;
    188 }
    189 
    190 fieldset{
    191   padding: .8em;
    192   border: 1px solid #d2c7af;
    193 }
    194 
    195 legend{
    196   padding: 2px 15px 10px 15px;
    197   text-transform: uppercase;
    198   font-style: italic;
    199   font-size: 115%;
    200 }
    201 
    202 
    203 /* lists */
    204 
    205 ul, ol{
     142
     143
     144/* Autres enrichissements typo */
     145strong { font-weight: bold; }
     146em { font-style: italic; }
     147abbr, acronym { border-bottom: 1px dotted; cursor: help; }
     148small { font-size: 80%; }
     149dfn { font-weight: bold; color: #666; }
     150del { text-decoration: line-through; }
     151ins { color: red !important; text-decoration: none; }
     152sup, sub { font-size: .8em; font-variant: normal; }
     153
     154p, p.spip{margin: .6em 0 .3em;line-height: 125%;}
     155/* Listes */
     156ul.spip {} /* Cf.: spip_style.css */
     157ol.spip {} /* Cf.: spip_style.css */
     158ul, ol, ul.spip, ol.spip { 
    206159  margin: .4em 0 1em;
    207   line-height: 150%;
    208 }
    209 
    210 
    211 ul li, ol li{
    212   list-style-position:outside;
    213   margin-left: 1.6em;
    214 }
    215 
    216 dl{
    217   padding: .3em 0 .8em;
    218 }
    219 
    220 dt {
    221   float: left;
    222   clear: left;
    223   width: 9em;
    224   text-align: right;
    225   font-weight: bold;
    226   text-decoration: underline;
    227 }
    228 
    229 dd {
    230   margin: 0 0 0 10em;
    231   padding: 0 0 0.5em 0;
    232 }
    233 
    234 
    235 /* other */
    236 
    237 p{
    238   margin: .6em 0 .3em;
    239   line-height: 125%;
    240 }
    241 
    242 img{
    243   border: 0;
    244 }
    245 
    246 hr{
    247   color: #b4aca1;
    248   background: #b4aca1;
    249   border-bottom: 1px solid #f6f4eb;
    250 }
    251 
    252 small{ font-size: 80%; }
    253 
    254 pre{
    255   overflow: auto;
    256   white-space: pre-wrap;       /* css3 */
    257   white-space: -moz-pre-wrap;  /* ff */
    258   word-wrap: break-word;       /* ie */
    259   font-size: 12px;
    260   font-family: "Courier New", Courier, "Lucida Console", Monaco, "DejaVu Sans Mono", "Nimbus Mono L", "Bitstream Vera Sans Mono";
    261   background: #fff;
    262   padding: .4em;
    263   margin: 1em 0;
    264 }
    265 
     160  line-height: 150%;}
     161ul li, ol li, ul.spip li, ol.spip li{list-style-position:outside;margin-left: 1.6em;}
     162dl{padding: .3em 0 .8em;}
     163dt {float: left;clear: left;width: 9em;text-align: right;font-weight: bold;text-decoration: underline;}
     164dd {margin: 0 0 0 10em;padding: 0 0 0.5em 0;}
     165
     166/* Citations, code et poesie */
     167cite {}
     168q {}
     169blockquote {}
     170blockquote.spip {} /* Cf.: spip_style.css */
     171blockquote.spip_poesie {} /* Cf.: spip_style.css */
    266172blockquote, blockquote.spip{
    267173  margin: 1em 25% 1em 0;
     
    269175  border: 1px dotted #937d68;
    270176  font-style: italic;
    271   color: #937d68;
     177  background: #fff;
     178}
     179blockquote.spip{
    272180  background: #fff url(img/blockquote.png) no-repeat 4px top;
    273 }
    274 
     181  }
     182blockquote, blockquote.spip_poesie{
     183  margin: 2em 0; padding-left: 2em;}
    275184blockquote p, blockquote.spip p{
    276185  padding: 8px;
     
    278187}
    279188
    280 /*** BASIC LAYOUT ***/
    281 
    282 #page{
     189/* Cf.: spip_style.css */
     190
     191.spip_code, .spip_cadre, textearea.spip_cadre{
     192  font-family: "Courier New", Courier, "Lucida Console", Monaco, "DejaVu Sans Mono", "Nimbus Mono L", "Bitstream Vera Sans Mono";
     193  background: #fff;
     194  color:#000;
     195  padding: 0 .4em;
     196  font-size: 0.91em;
     197  /*white-space: pre-wrap;       /* css3 */
     198  /*white-space: -moz-pre-wrap;  /* ff */
     199  /*word-wrap: break-word;       /* ie */
     200  }
     201div.spip_code, .spip_cadre, textearea.spip_cadre{overflow: auto;margin:1em auto;border: 1px solid #ddd;}
     202.spip_cadre, textearea.spip_cadre{}
     203address {}
     204
     205/* Tableaux */
     206table.spip, table{margin: .5em 0 1em;width:90%;}
     207table.spip td, table.spip th, table td, table th{text-align: left;padding: .4em .8em;}
     208table.spip td, table td{border-width:0px 1px 0px 0px;}
     209table.spip th, table th{border-width:0px 1px 1px 0px;}
     210table.spip th, table th{text-transform: uppercase;font-weight: normal;}
     211
     212/* Logos, documents et images */
     213img { margin: 0; padding: 0; border: 0; }
     214.spip_logos {} /* Cf.: spip_style.css */
     215.spip_documents {} /* Cf.: spip_style.css */
     216.spip_documents_center {} /* Cf.: spip_style.css */
     217.spip_documents_left {} /* Cf.: spip_style.css */
     218.spip_documents_right {} /* Cf.: spip_style.css */
     219.spip_doc_titre {} /* Cf.: spip_style.css */
     220.spip_doc_descriptif {} /* Cf.: spip_style.css */
     221
     222
     223/* ------------------------------------------
     224/* Disposition a l'ecran des blocs principaux
     225/* ------------------------------------------ */
     226
     227#page {   
    283228  width: 100%;
    284229  margin: 0 auto;
    285   position: relative;
    286 }
    287 
     230  position: relative; }
    288231.largeur{
    289232  width: 100% !important;
     
    295238}
    296239
    297 #conteneur-wrap{ background: #eeead9;overflow:auto; }
    298 #conteneur-wrap{
    299   border-top: 1px solid #fff;
    300 }
    301 #conteneur{padding-top:20px;overflow:auto;}
    302 
    303 /*Layout par defaut : 2 colonne , navigation+extra à droite */
    304 #conteneur{width:100%;}
    305 #contenu{float:left;width:70%}
    306 #navigation{float:right;width:29.9%}
    307 #extra{float:right;clear:right;width:29.9%}
    308 #pied{clear:both;width:100%}
    309 
    310 
    311 /*** HEADER ***/
    312 
     240
     241/* Entete et formulaire de l'entête */
    313242#entete-wrap{
    314 
    315243  height: 190px;
    316244  z-index: 10;
    317245  color: #fff;
    318   background: #261c13 url(./img/entete-centre.jpg) no-repeat center top;
    319 
    320 }
    321 
     246}
    322247#entete{
    323248  padding-top:2em;
     
    330255white-space:nowrap;
    331256}
    332 
    333257#entete .accueil{
    334258  font-family: "Arial Black", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
    335259  letter-spacing: -0.1em;
    336260  color: #eeeadb;
    337 }
    338 
     261  vertical-align: middle;
     262}
    339263#entete .accueil .spip_logos{
    340264  float: left;
     
    344268  text-decoration: none;
    345269}
    346 
    347270#entete .accueil strong{
    348271  font-weight: normal;
     
    352275  margin:0.25em 0;
    353276}
    354 
    355277#entete .accueil a:hover{
    356278  color: #fff;
     
    359281  font-family:"Share","Arial Narrow",Arial,Sans;
    360282  float: left;
    361   border-left: 1px solid #8e7762;
    362283  padding: .6em 0 .6em .8em;
    363284  margin: 1em 0 1em 1em;
     
    365286  font-size: 200%;
    366287}
    367 /* bloc formulaire */
    368 
     288/* bloc formulaire en entête */
     289 /*Cf.: spip_formulaires.css*/
    369290#entete .formulaire_spip label{
    370291  font-family : "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,Sans,FreeSans,Jamrul,Garuda,Kalimati;
     
    382303}
    383304#entete .formulaire_spip div{
    384 
    385 
    386305}
    387306#entete .formulaire_spip input, #entete .formulaire_spip select, #entete .formulaire_spip option{
     
    429348        }
    430349#entete .formulaire_spip p.boutons, #entete .formulaire_spip p.boutons input{
    431 
    432 }
    433 
    434 /* main navigation */
    435 
     350}
     351
     352
     353
     354
     355/* Contenuer et contenu */
     356
     357#conteneur-wrap{overflow:auto; }
     358#conteneur-wrap{border-top: 1px solid #fff;}
     359#conteneur{padding-top:20px;overflow:auto;}
     360#contenu { padding:2em 0; float:left; width:69%;}
     361
     362#navigation { float: right; width: 30%; margin-top: 1em; overflow: hidden; }
     363#extra{float:right;clear:right;width:30%}
     364
     365#pied { clear: both; width: 100%; margin: 1em 0 0 0; padding: 0.60em 0; border: 2px solid #ddd; background:#f9f9f9; text-align: center; font-size: 0.90em; }
     366#pied a { /*color:#666;*/ } /* ne pas utiliser de selecteur trop precis, et eviter de toucher aux liens */
     367#pied img { vertical-align: middle; }
     368
     369
     370/* ------------------------------------------
     371/* Habillage des elements du contenu
     372/* ------------------------------------------ */
     373
     374#hierarchie { clear: both; margin-bottom: 2em; font-size: 0.84em; }
     375#hierarchie, #hierarchie a { }
     376
     377.cartouche { margin-bottom: 2em; }
     378.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
     379.cartouche .info-publi{
     380  background: transparent url(img/post-info.png) no-repeat left top;
     381  margin: 0;
     382  padding: 10px 12px;
     383  font-size: 110%;
     384  font-style: italic;
     385  border: 1px solid #f2efe5;
     386  /*min-height: 38px;*/
     387  color: #75695e;
     388  height: auto !important;
     389  /*height: 38px;*/
     390  line-height: 100%;
     391  clear: left;
     392}
     393
     394
     395.chapo { margin-bottom: 1.50em; line-height: 1.40em; font-size:1.1em; }
     396.texte { line-height: 1.60em; }
     397.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
     398.notes { clear: both; font-size: 0.90em; }
     399
     400
     401/* Portfolio */
     402.documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
     403.documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
     404
     405
     406
     407/* ------------------------------------------
     408/* Sous-navigation et autres menus
     409/* ------------------------------------------ */
     410
     411/* Habillage general des menus de navigation */
     412
     413
     414/* Menu nav*/
    436415#nav{
    437416  background: transparent url(img/nav-left.png) no-repeat left top;
     
    453432}
    454433
    455 #nav ul,#nav ul li{
     434#nav ul.menu-liste,#nav ul.menu-liste li{
    456435  padding: 0;
    457436  margin: 0;
     
    459438}
    460439
    461 #nav ul{
     440#nav ul.menu-liste{
    462441  background: transparent url(img/nav-div.png) no-repeat right top;
    463442  padding-right: 2px;
    464443  display: block;
    465444  height: 64px;
    466 }
    467 
    468 
    469 #nav ul li{
     445  border:0;
     446}
     447
     448
     449#nav ul.menu-liste li{
    470450  display:inline;
    471451  float: left;
     
    475455}
    476456
    477 #nav ul li a{
     457#nav ul.menu-liste li a{
    478458  display: block;
    479459  margin-top: 1px;
     
    487467}
    488468
    489 #nav ul li a:hover{
    490   color: #fff;
    491 }
    492 
    493 #nav ul .fadeThis {
    494   position:relative;
     469#nav ul.menu-liste li a:hover{color: #fff;}
     470
     471#nav ul.menu-liste .fadeThis {position:relative;
    495472  z-index: 1;
    496473  background: none;
    497474} /*verifier*/
    498475
    499 #nav ul .fadeThis span.hover {
     476#nav ul.menu-liste .fadeThis span.hover {
    500477  position: absolute;
    501478  top: 0;
     
    516493}
    517494/* sub-menus */
    518 #nav li ul {
     495#nav li ul.menu-liste {
    519496  position: absolute;
    520497  background: #f7f5ef url(img/side-menu-active.png) repeat-x left bottom;
     
    534511  height:auto;
    535512}
    536 #nav li li{width:255px}
     513#nav ul.menu-liste li li{width:255px;background-image: none;}
    537514/*VERIFIE js: add.hover sur les li du nav*/
    538 #nav li:hover ul,#nav li.hover ul{
    539 display:block;
    540 }
    541 #nav li:hover li ul,#nav li.hover li ul{
    542 display:none;
    543 }
    544 #nav li:hover li:hover ul,#nav li.hover li.hover ul{
    545 display:block;
    546 }
    547 #nav li:hover li:hover li ul,#nav li.hover li.hover li ul{
    548 display:none;
    549 }
    550 #nav li:hover li:hover li:hover ul,#nav li.hover li.hover li.hover ul{
    551 display:block;
    552 }
    553 #nav li:hover li:hover li:hover li ul,#nav li.hover li.hover li.hover li ul{
    554 display:none;
    555 }
    556 #nav li:hover li:hover li:hover li:hover ul,#nav li.hover li.hover li.hover li.hover ul{
    557 display:block;
    558 }
    559 
    560 #nav li ul ul{
    561 
    562 }
    563 
    564 #nav li li{
    565   background: none;
    566   padding: 0;
    567 }
    568 
    569 #nav li a ul,
    570 {
    571   background: #fff;
    572 }
    573 #nav ul.on ul ul {
    574   border: 1px solid #fff !important;
    575 }
    576 #nav ul li li a{
     515#nav li:hover ul,#nav li.hover ul{display:block;}
     516#nav li:hover li ul,#nav li.hover li ul{display:none;}
     517#nav li:hover li:hover ul,#nav li.hover li.hover ul{display:block;}
     518#nav li:hover li:hover li ul,#nav li.hover li.hover li ul{display:none;}
     519#nav li:hover li:hover li:hover ul,#nav li.hover li.hover li.hover ul{display:block;}
     520#nav li:hover li:hover li:hover li ul,#nav li.hover li.hover li.hover li ul{display:none;}
     521#nav li:hover li:hover li:hover li:hover ul,#nav li.hover li.hover li.hover li.hover ul{display:block;}
     522#nav li ul ul{}
     523#nav li li{background: none;padding: 0;}
     524#nav li a ul.menu-liste{background: #fff;}
     525#nav ul.on ul.menu-liste ul.menu-liste {border: 1px solid #fff !important;}
     526#nav ul.menu-liste li li a{
    577527  width:230px;
    578528  float:left;
     
    588538  display:block;
    589539}
    590 #nav ul li li:hover, #nav ul li li.hover {
    591   background: #3b88b7;
    592 }
    593 #nav ul ul ul{
    594   top:auto;
    595 }
    596 
    597 #nav li ul ul {
    598   left:230px;
    599   top: 4px;
    600 }
    601 
    602 /* Contenu */
    603 #contenu {
    604         padding:2em 0;
    605         /*padding: 2em 1em;*/
    606         }
    607 #contenu > p, #contenu > div {
    608         margin:0 1em;
    609         } /*non compat IE6 (osef)*/
    610        
    611 /*les listes d'item */
    612 ul.liste-items, li.item {margin:0;padding:0;list-style:none;}
    613 /* post */
    614 li.item{
    615   margin: 1em 0;
    616 }
    617 
    618 h3.entry-title, h2.entry-title, .h3.entry-title{
     540#nav ul.menu-liste li li:hover, #nav ul.menu-liste li li.hover {background: #3b88b7;}
     541#nav ul.menu-liste ul.menu-liste ul.menu-liste{top:auto;}
     542#nav li ul.menu-liste ul.menu-liste {left:230px;top: 4px;}
     543
     544/* dans navigation et extra*/
     545/* menu de navigation */
     546#navigation .menu ul, #navigation .menu ul li{
     547  margin: 0;
     548  padding: 0;
     549  list-style-type: none;
     550}
     551
     552#navigation .menu ul{
     553  padding: 0 12px;
     554  margin: 0 0 10px 0;
     555  display: block;
     556}
     557
     558#navigation .menu ul li{
     559  background: transparent url(img/div-h.png) repeat-x left bottom;
     560  display: block;
     561  padding: 0 0 3px 0;
     562  width: 100%;
     563}
     564#navigation .menu ul li a{
     565  display: block;
     566  text-decoration: none;
     567  text-transform: uppercase;
     568  padding: 3px 30px 3px 12px;
     569  color: #000;
     570  font-size: 120%;
     571}
     572#navigation .menu ul li a:hover{
     573  color: #0071bb;
     574}
     575
     576
     577/* sub menus */
     578#navigation .menu ul li li{
     579  margin-left: 1.8em;
     580  padding: 0;
     581  float: none;
     582  background: none;
     583  width: auto;
     584}
     585#navigation .menu ul li li li{
     586  margin-left: 1em;
     587}
     588#navigation .menu ul li li a{
     589  text-transform: none;
     590  padding: 0;
     591  font-size: 100%;
     592  font-style: italic;
     593}
     594#navigation .menu ul li li a:hover{
     595  background: none;
     596}
     597/* Dispartion du titre, uniquement pour le menu rubriques */
     598#navigation .menu.rubriques .h2{
     599   position: absolute; top: -3000em; height: 1%;
     600}
     601/* Pour le javascript*/
     602/*#navigation .menu ul .fadeThis {
     603  position:relative;
     604  z-index: 1;
     605  background: none;
     606}
     607
     608#navigation .menu ul .fadeThis span.hover {
     609  position: absolute;
     610  top: 0;
     611  left: 0;
     612  display: block;
     613  height: 100%;
     614  width: 100%;
     615  background: #f7f5ef url(img/side-menu-active.png) repeat-x left bottom;
     616  z-index: -1;
     617}*/
     618
     619#navigation .liste, #navigation .formulaire_spip, #navigation .formulaire_spip, #navigation .contenu{
     620  background: transparent url(img/box-shadow.png) no-repeat bottom right;
     621  padding: 8px 12px;
     622  margin: 2em 0 1em;
     623  min-height:100px;
     624}
     625
     626#extra .liste .liste-items,#extra  .contenu .texte, #navigation .liste .liste-items,#navigation  .contenu .texte,  #extra .formulaire_spip form, #navigation .formulaire_spip form {
     627  background:#FFF;
     628  display:block;
     629  overflow:auto;
     630  min-height:60px;
     631}
     632#extra .formulaire_spip form, #navigation .formulaire_spip form{
     633  margin:0;
     634  min-height:100px;
     635}
     636#extra .liste .h2,
     637  #navigation .liste .h2 ,
     638  #extra .formulaire_spip .h2 ,
     639  #navigation .formulaire_spip .h2 ,
     640  #extra #formulaire_recherche label ,
     641  #navigation #formulaire_recherche label ,
     642  #extra .contenu .h2,
     643  #navigation .contenu .h2 {
     644  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
     645  font-weight: normal;
     646  letter-spacing: -0.04em;
     647  display: block;
     648  margin: 0;
     649  color: #fff;
     650  font-size: 130%;
     651  text-transform: uppercase;
     652  letter-spacing: -0.04em;
     653  text-shadow:0px 0px 0px #FFFFFF;
     654}
     655
     656#extra .liste .h2,
     657  #navigation .liste .h2 ,
     658  #extra .contenu .h2,
     659  #navigation .contenu .h2 ,
     660  #extra .formulaire_spip .h2 ,
     661  #navigation .formulaire_spip .h2 {
     662    padding: 6px 0 6px 35px;
     663}
     664  #extra #formulaire_recherche label ,
     665  #navigation #formulaire_recherche label {
     666    padding: 6px 0 6px 35px;
     667}
     668  #extra .formulaire_spip fieldset,
     669  #navigation .formulaire_spip fieldset{
     670  background:#FFF;
     671  padding:0.6em 0.5em 0.3em;
     672}
     673#extra .liste .h2 a, #navigation .liste .h2 a, #extra .formulaire_spip .h2 a, #navigation .formulaire_spip .h2 a, #extra .contenu .h2 a, #navigation .contenu .h2 a{
     674  color: #ffc000;
     675  text-decoration: none;
     676  display: block;
     677}
     678
     679#extra .liste ul.liste-items, #navigation .liste ul.liste-items,#extra .liste ul.liste-items, #navigation .liste ul.liste-items, #extra .contenu .texte, #navigation .contenu .texte{
     680  padding:0.6em 0.5em 0.3em 1em;
     681  }
     682
     683#extra .formulaire_spip fieldset legend, #navigation .formulaire_spip fieldset legend{background:transparent;}
     684#extra .formulaire_spip input#recherche, #navigation .formulaire_spip input#recherche{
     685  margin:1em 2em;
     686  float:left;
     687}
     688#extra .formulaire_spip input, #navigation .formulaire_spip input{
     689}
     690#extra input.submit, #navigation input.submit  {
     691  margin:1em 2em;
     692  float:right;
     693} /* A REVOIR */
     694
     695/* Pagination */
     696.pagination { clear: both; text-align: right; font-size: 0.90em; }
     697.pagination .on { font-weight: bold; }
     698
     699/* Rubriques */
     700
     701
     702/* Listes d'articles et extraits introductifs */
     703.liste-items, .item {margin: 0; padding: 0; list-style: none; border-bottom:0;}
     704.liste-items .item { margin: 1em 0; clear: both;overflow:auto;}
     705.liste-items .item .h3, .liste-items .item .entry-title {   
    619706  font-family: "Union", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
    620707  margin: 0;
     
    624711  font-weight: bold;
    625712  letter-spacing: -0.04em;
    626   text-shadow: #fff 1px 1px 1px;
    627 }
    628 
    629 h3.entry-title a, h2.entry-title a, .h3.entry-title a{
    630   text-decoration: none;
    631   color: #000;
    632 }
    633 
    634 h3.entry-title a:hover, h2.entry-title a:hover, .h3.entry-title a:hover{
    635   color: #df2e56;
    636 }
    637 .item .spip_logos{
     713  text-shadow: #fff 1px 1px 1px;}
     714.liste-items .item .h3 a, .liste-items .item .entry-title a{color: #000;text-decoration: none;}
     715.liste .spip_logos{
    638716        float:right;
    639         margin-left: 16px; margin-bottom: 4px;
    640         margin-top:6.4em;
     717        clear: right;
     718        margin: 6.4em 0 4px 16px;
    641719        }
    642 li.item{
    643         overflow: auto;
    644         }
    645 /* large title on single page */
    646 .cartouche .h1{
    647   font-size: 250%;
    648   font-weight: normal;
    649 }
    650 #contenu .info-publi{
     720       
     721.liste-items .item .info-publi {
    651722  background: transparent url(img/post-info.png) no-repeat left top;
    652723  margin: 0 0 0 0;
     
    661732  line-height: 100%;
    662733  clear: left;
    663 }
    664 
    665 .entry-content{
    666         clear: left;
    667   padding-bottom: .4em;
    668 
    669 
    670 /* tags */
    671 /* tags non encore présent dans le squelette zpip, sans doute à ajouter plus tard*/
    672 /*#contenu p.tags{
    673   background: transparent url(images/tag.gif) no-repeat left top;
     734  font-size:95%;
     735}
     736
     737.liste .item .introduction {clear: left;line-height: 1.40em; padding: 0.1em 0 0.5em 1em;}
     738.meta-publi{ 
    674739  font-size: 80%;
    675   color: #a8937b;
    676   padding: 0 0 0 13px;
    677   margin: 1em 0;
    678 }
    679 
    680 #contenu p.tags a{
    681   color: #6b5e50;
    682   text-decoration: underline;
    683 }
    684 
    685 #contenu p.tags a:hover{
     740  padding:0 0 0 1em;
     741  }
     742.meta-publi a:hover{
    686743  color: #0071bb;
    687   text-decoration: underline;
    688 }
    689 
    690 p.post-metadata{
    691   font-size: 80%;
    692   margin: 2em 0;
    693   padding: .6em 1em;
    694   color: #a8937b;
    695   background: #f4f1e9;
    696   border: 1px solid #fff;
    697 }
    698 
    699 p.post-metadata a{
    700   color: #6b5e50;
    701   text-decoration: underline;
    702   line-height: 150%;
    703 }
    704 
    705 p.post-metadata a:hover{
     744}
     745
     746/* Couleurs des liens
     747---------------------------------------------- */
     748a, a.spip_in, a.spip_out,a.spip_note,a.spip_ancre,a.spip_url,a.spip_glossaire, a.spip_mail{
    706749  color: #0071bb;
    707   text-decoration: underline;
    708 }
    709 */
    710 
    711 /* comments */
    712 /* comments */
    713 
    714 .h2.forum{
    715   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
    716   padding: 0;
    717   margin: 2em 0 0 0;
    718   font-size: 150%;
    719 }/*inexistant*/
    720 
    721 ul.forum{
    722   margin: .6em 0 1em 0;
    723   list-style-type: none;
    724   padding: 0;
    725 }
    726 
    727 ul.forum ul{
    728   margin-left: 2em;
    729   list-style-type: none;
    730 }
    731 
    732 ul.forum li, ul#forum li{
    733   width: 85%;
    734   margin: 0;
    735   padding: 0;
    736 }
    737 
    738 ul#forum li.forum li.forum{
    739   width: 100%;
    740 }
    741 
    742 .forum-message{
    743   display: block;
    744   background: transparent url(img/comment-shadow.png) no-repeat right bottom;
    745   padding: 12px 6px 6px 0px;
    746   position: relative;
    747 }
    748 
    749 li.forum-fil{
    750 
    751 }
    752 /*.trackback .comment-mask{
    753   background: none;
    754 }*/
    755 .forum-message .avatar{
    756   width: 90px;
    757   height: 90px;
    758   background: transparent url(img/avatar.png) no-repeat center center;
    759   float: left;
    760   position: relative;
    761 }
    762 
    763 .forum-message .avatar img{
    764   position: absolute;
    765   left: 13px;
    766   top: 13px;
    767   width: 64px;
    768   height: 64px;
    769 }
    770 
    771 .forum-texte{
    772   background: #fff;
    773   padding: 1px;
    774 }
    775 .forum-chapo{
    776   background: #96816d url(img/comment-head.png) repeat-x left bottom;
    777   color: #fff;
    778   display: block;
    779   width: 100%; /* IE 7 fix */
    780   position: relative;
    781   font-size: 90%;
    782         padding:4px 0 12px;}
    783 .me .forum-chapo{
    784   background: #125f9f url(img/comment-head-admin.png) repeat-x left bottom;
    785 }/*plugin me*/
    786 .forum-chapo .forum-titre{
    787   padding: .5em 1em 1.5em 1em;
    788   margin: 0;
    789   font-style: italic;
    790 
    791 }
    792 .forum-chapo strong.forum-titre{
    793 font-weight:normal;
    794 }
    795 .forum-chapo .forum-titre a, .forum-chapo .forum-titre a:visited{
    796   color: #ebe6da;
    797 }
    798 
    799 .forum-texte{
    800   padding: 0;
    801   height: 60px;
    802   min-height:60px;
    803   height:auto !important; /* ie6 fix */
    804   font-size: 90%;
    805 }
    806 
    807 .forum-texte p{
    808   padding: 0 1em 1em 1em;
    809   margin: 0;
    810   line-height: 150%;
    811 }
    812 
    813 .forum-texte blockquote{
    814   margin-left: 100px;
    815 }
    816 
    817 
    818 /*  Boite et listye dans extra et navigation */
    819 #extra .liste, #navigation .liste , #extra .formulaire_spip, #navigation .formulaire_spip{
    820   background: transparent url(img/box-shadow.png) no-repeat bottom right;
    821   padding: 8px 12px;
    822   margin: 2em 0 1em;
    823 }
    824 
    825 
    826 #extra .liste .h2,
    827   #navigation .liste .h2 ,
    828   #extra .formulaire_spip .h2 ,
    829   #navigation .formulaire_spip .h2 ,
    830   #extra #formulaire_recherche label ,
    831   #navigation #formulaire_recherche label{
    832   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
    833   font-weight: normal;
    834   letter-spacing: -0.04em;
    835   display: block;
    836   margin: 0;
    837   color: #fff;
    838   font-size: 130%;
    839   text-transform: uppercase;
    840   letter-spacing: -0.04em;
    841   text-shadow:0px 0px 0px #FFFFFF;
    842 }
    843 
    844 #extra .liste .h2,
    845   #navigation .liste .h2 ,
    846   #extra .formulaire_spip .h2 ,
    847   #navigation .formulaire_spip .h2 {
    848   background:transparent url(./img/box-title-bg.png) no-repeat top left;
    849     padding: 6px 0 6px 35px;
    850 }
    851   #extra #formulaire_recherche label ,
    852   #navigation #formulaire_recherche label {
    853   background:transparent url(./img/box-title-bg-bis.png) no-repeat top left;
    854     padding: 6px 0 6px 35px;
    855 }
    856 
    857 
    858   #extra .formulaire_spip fieldset,
    859   #navigation .formulaire_spip fieldset{
    860   background:#FFF;
    861   padding:0.6em 0.5em 0.3em;
    862 }
    863 
    864 
    865 #extra .liste .h2 a, #navigation .liste .h2 a, #extra .formulaire_spip .h2 a, #navigation .formulaire_spip .h2 a{
    866   color: #ffc000;
     750}
     751
     752a:focus,a:hover,a:active {
    867753  text-decoration: none;
    868   display: block;
    869 }
    870 
    871 
    872 #extra .liste ul.liste-items, #navigation .liste ul.liste-items {
    873   background:#FFF;
    874   display:block;
    875   overflow:auto;
    876 }
    877  #extra .formulaire_spip form, #navigation .formulaire_spip form{
    878   background:transparent;
    879   display:block;
    880   overflow:auto;
    881 }
    882 #extra .liste ul.liste-items, #navigation .liste ul.liste-items,#extra .liste ul.liste-items, #navigation .liste ul.liste-items{
    883   padding:0.6em 0.5em 0.3em 1em;
    884   }
    885 #extra .formulaire_spip form, #navigation .formulaire_spip form{
    886   margin:0;
    887   min-height:100px;
    888   background:#FFF;
    889 }
    890 #extra .formulaire_spip fieldset legend, #navigation .formulaire_spip fieldset legend{
    891   background:transparent;
    892 }
    893 
    894 #extra .formulaire_spip input#recherche, #navigation .formulaire_spip input#recherche{
    895   margin:1em 2em;
    896   float:left;
    897 }
    898 #extra .formulaire_spip input, #navigation .formulaire_spip input{
    899 
    900 }
    901 
    902 #extra input.submit, #navigation input.submit  {
    903   margin:1em 2em;
    904   float:right;
    905 } /* A REVOIR */
    906 
    907 /* Le pied */
    908 #pied{
    909   padding: 1em 0;
    910   color: #e7e0c7;
    911   border-top: 1px solid #fff;
    912   text-align: center;
    913   font-size: 85%;
    914 }
    915 #pied a{
    916   color: #a59079;
    917 }
    918 
    919 /* menu de navigation */
    920 #navigation .menu ul, #navigation .menu ul li{
    921   margin: 0;
    922   padding: 0;
    923   list-style-type: none;
    924 }
    925 
    926 #navigation .menu ul{
    927   padding: 0 12px;
    928   margin: 0 0 10px 0;
    929   display: block;
    930 }
    931 
    932 #navigation .menu ul li{
    933   background: transparent url(img/div-h.png) repeat-x left bottom;
    934   display: block;
    935   padding: 0 0 3px 0;
    936   width: 100%;
    937 }
    938 #navigation .menu ul li a{
    939   display: block;
    940   text-decoration: none;
    941   text-transform: uppercase;
    942   padding: 3px 30px 3px 12px;
    943   color: #000;
    944   font-size: 120%;
    945 }
    946 #navigation .menu ul li a:hover{
    947   color: #0071bb;
    948 }
    949 
    950 /* Pour le javascript*/
    951 #navigation .menu ul .fadeThis {
    952   position:relative;
    953   z-index: 1;
    954   background: none;
    955 }
    956 
    957 #navigation .menu ul .fadeThis span.hover {
    958   position: absolute;
    959   top: 0;
    960   left: 0;
    961   display: block;
    962   height: 100%;
    963   width: 100%;
    964   background: #f7f5ef url(img/side-menu-active.png) repeat-x left bottom;
    965   z-index: -1;
    966 }
    967 
    968 /* sub menus */
    969 
    970 #navigation .menu ul li li{
    971   margin-left: 1.8em;
    972   padding: 0;
    973   float: none;
    974   background: none;
    975   width: auto;
    976 }
    977 
    978 #navigation .menu ul li li li{
    979   margin-left: 1em;
    980 }
    981 
    982 #navigation .menu ul li li a{
    983   text-transform: none;
    984   padding: 0;
    985   font-size: 100%;
    986   font-style: italic;
    987 }
    988 
    989 #navigation .menu ul li li a:hover{
    990   background: none;
    991 }
    992 
    993 /* Dispartion du titre, uniquement pour le menu rubriques */
    994 #navigation .menu.rubriques .h2{
    995    position: absolute; top: -3000em; height: 1%;
    996 }
    997 
    998 
    999 .cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
    1000 
    1001 
    1002 /* Portfolio */
    1003 .documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
    1004 .documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
    1005 .documents_portfolio a.on .spip_logos { border-color: #f63; }
    1006 .documents_portfolio a:focus .spip_logos,
    1007 .documents_portfolio a:hover .spip_logos,
    1008 .documents_portfolio a:active .spip_logos { border-color: #5ac; }
     754}
     755a.spip_out, a.spip_glossaire {
     756        background:transparent url(img/out.gif) no-repeat scroll right center;
     757        padding-right:12px;
     758}
     759a.spip_mail {
     760        background:transparent url(img/mail.gif) no-repeat scroll right center;
     761        padding-right:12px;
     762}
    1009763
    1010764/*  ------------------------------------------
    1011765/*  Habillage des formulaires
    1012766/*  ------------------------------------------ */
    1013 input, select, textarea {   
     767input, textarea, select{
    1014768  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
    1015769  font-size: 100%;
    1016   margin: .2em 0;
    1017   }
    1018 
    1019 
     770  margin: .2em 0;
     771}
     772
     773textarea,input.text,input.submit{
     774  padding: .2em .4em;
     775}
     776input.radio, input.checkbox{
     777  background: #fff;
     778  padding: 2px;
     779}
     780form label{
     781  font-weight: normal;
     782}
     783
     784
     785/* Structure generale des formulaires
     786----------------------------------------------- */
     787.formulaire_spip { clear: both; margin-bottom: 2em; padding: 0; border: 0; text-align: left; font-size: 1em; }
     788.formulaire_spip form { margin: 0; padding: 0; } /* Bug IE/Win */
    1020789
    1021790/* Fieldset */
    1022 
    1023 .formulaire_spip fieldset legend {   padding: 2px 15px 10px 15px;
     791.formulaire_spip fieldset {clear: both;padding: .8em; }
     792.formulaire_spip fieldset fieldset { margin:0.2em 0 0; padding: 0; border: 0;} 
     793.formulaire_spip fieldset legend {
     794  padding: 2px 15px 10px 15px;
    1024795  text-transform: uppercase;
    1025796  font-style: italic;
    1026797  font-size: 115%;
    1027 }
     798  font-weight:normal;}
    1028799.formulaire_spip fieldset legend {   
    1029  background-color: #EEEAD9; color: #333; }
     800 background-color: #EEEAD9; color: #333; } /* Preciser la couleur des legend et du fond pour IE/Win */
    1030801#navigation .formulaire_spip fieldset legend , #extra .formulaire_spip fieldset legend {   
    1031802 background-color: #fff; color: #333; }
     803.formulaire_spip fieldset legend {
     804  background-color: transparent; color: inherit; } /* Reforcer pour les intelligent */
    1032805
    1033806.formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal;text-transform:none; }
    1034 
    1035 .formulaire_spip fieldset {
    1036   clear: both;   
    1037   padding: .8em;
    1038   border: 1px solid #d2c7af; }
    1039 .formulaire_spip fieldset fieldset { margin:0.2em 0 0; padding: 0; border: 0;}
    1040807
    1041808/* Explications */
     
    1074841
    1075842/* Previsualisation du message */
    1076 .formulaire_spip fieldset.previsu { margin-bottom: 2em; padding: 1em; border: 2px dashed #F57900; }
    1077 .formulaire_spip fieldset.previsu legend { padding: 0 0.50em; font-weight: bold; color: #F57900; }
     843.formulaire_spip fieldset.previsu { margin-bottom: 2em; padding: 1em; }
     844.formulaire_spip fieldset.previsu legend { padding: 0 0.50em; font-weight: bold; }
    1078845.formulaire_spip fieldset.previsu li { padding: 3px; border: none; }
    1079846.formulaire_spip fieldset.previsu p { margin: 1em 0; }
     
    1107874.formulaire_forum .saisie_titre input.text, .formulaire_forum .saisie_titre textarea { width: 98%; }
    1108875
     876/* Selection des langues */
     877.formulaire_menu_lang { padding: 0; background: none; }
    1109878
    1110879/* Formulaires de recherche (site / petitions) */
  • _themes_/arclite/plugin.xml

    r33068 r33170  
    1111        </multi></description>
    1212        <icon>vignette.png</icon>
    13   <etat>test</etat>
     13  <etat>stable</etat>
    1414  <prefix>theme</prefix>
    1515</plugin>
Note: See TracChangeset for help on using the changeset viewer.