Changeset 48511 in spip-zone


Ignore:
Timestamp:
Jun 6, 2011, 4:07:32 PM (10 years ago)
Author:
cedric@…
Message:

Reorganisons complètement les feuilles de style d'un thème pour Zv2 :
decoupage initial tiré de basecss/petronille
+ découpage fonctionnel tiré de SPIP

Un thème peut ainsi redéfinir uniquement les parties de CSS qu'il veut. Cela permet de faire un thème à moindre frais en se concentrant juste sur une partie (ex couleur, layout) sans risquer de casser les fonctions non testées.

A terme, on peut avoir des bibliothèque de thèmes pour chaque fonction (ex de la pagination deja disponible dans le plugin homonyme), et permettre à l'utilisateur de personaliser son site fonction par fonction en piochant dans les css prêtes à l'emploi.

+ qq chaines de langues cassées.

Location:
_squelettes_/z-dist
Files:
6 added
3 deleted
5 edited
6 copied
1 moved

Legend:

Unmodified
Added
Removed
  • _squelettes_/z-dist/body.html

    r46676 r48511  
    44                        <INCLURE{fond=header/#ENV{type},env} />
    55                </div>
    6                 <div class="nav" id="nav">
     6                <div class="nav hornav clearfix" id="nav">
    77                        <INCLURE{fond=inclure/nav,env} />
    88                </div>
  • _squelettes_/z-dist/content/mot.html

    r46409 r48511  
    4343  <B_breves>
    4444  <div class="liste breves">
    45       <h2 class="h2"><:breves:></h2>
     45      <h2 class="h2"><:breves:breves:></h2>
    4646      <ul class="liste-items">
    4747          <BOUCLE_breves(BREVES) {id_mot} {par titre}>
  • _squelettes_/z-dist/content/rubrique.html

    r48508 r48511  
    6262<div class="liste breves">
    6363                #ANCRE_PAGINATION
    64                 <h2 class="h2"><:breves:></h2>
     64                <h2 class="h2"><:breves:breves:></h2>
    6565                <ul class="liste-items">
    6666                                <BOUCLE_breves(BREVES) {id_rubrique} {par date}{inverse} {pagination 5}>
  • _squelettes_/z-dist/css/base.css

    r48499 r48511  
    1111-------------------------------------------------------------- */
    1212
    13 /* Valeurs :
    14 #SET{font-size,#CONFIG{basecss/typo/font-size,1em}} [ font-size: (#GET{font-size});]
    15 #SET{line-height,#CONFIG{basecss/typo/line-height,1.5em}} [ line-height: (#GET{line-height});]
    16 #SET{margin-bottom,#CONFIG{basecss/typo/margin-bottom,1.5em}} [ margin-bottom: (#GET{margin-bottom});]
    17 #SET{text-indent,#CONFIG{basecss/typo/text-indent,50px}} [ text-indent: (#GET{text-indent});]
    18 #SET{font-family,#CONFIG{basecss/typo/font-family,'Helvetica, Arial, sans-serif'}} [ font-family: (#GET{font-family});]
    19 #SET{background-color,#CONFIG{basecss/typo/background-color,#FFFFFF}} [ background-color : (#GET{background-color});]
    20 #SET{color,#CONFIG{basecss/typo/color,#222222}} [ color: (#GET{color});]
    21 */
    22 
    2313/* Blocs */
    24 .bloc { display: block; margin-bottom: #GET{margin-bottom}; }
    25 .box { display: block; margin-bottom: #GET{margin-bottom}; padding: #GET{line-height}; background: #EEE; }
     14.bloc { display: block; margin-bottom: /*@margin-bottom*/1.5em/*/@*/; }
     15.box { display: block; margin-bottom: /*@margin-bottom*/1.5em/*/@*/; padding: /*@line-height*/1.5em/*/@*/; background: #EEE; }
    2616
    2717/* Listes, tableaux et mosaiques */
  • _squelettes_/z-dist/css/layout.css

    r48499 r48511  
    66-------------------------------------------------------------- */
    77
    8 body { text-align: center; }
    9 .page { position: relative; width: 940px; margin: 0 auto; text-align: left; }
     8/* ------------------------------------------
     9/* Disposition a l'ecran des blocs principaux
     10/* ------------------------------------------ */
     11body { background: #f9f9f9; margin: 0; padding: 0; text-align: center; }
    1012
    11 .header {}
    12 .content {}
    13 .aside {}
    14 .footer { clear: both; width: 100%; }
     13.page { position: relative; background: #fff; width: 58em; margin: 1em auto; padding:1em 2em; text-align: left; border:3px solid #ddd; }
    1514
    16 /* Entete et barre de navigation */
    17 .header {}
    18 .header #logo { margin: 0; line-height: 1; font-weight: bold; }
    19 .header #logo,
    20 .header #logo a,
    21 .header #logo a:hover { background: transparent; text-decoration: none; }
     15.header { width: 100%; margin: 0; border-bottom: 2px solid #46839B; }
    2216
    23 .nav {}
    24 .nav ul {}
    25 .nav ul li {}
    26 .nav ul li a { float: left; display: block; text-decoration: none; }
    27 .nav ul li.on a {}
     17.container { clear: both; overflow: hidden; margin-top:/*@margin-bottom*/1.5em/*/@*/; }
     18.content { float:left; width:65%;}
     19
     20.extra1 { float: right; width: 30%; overflow: hidden; margin-bottom:/*@margin-bottom*/1.5em/*/@*/; }
     21.extra2 { float: right; clear:right; width: 30%; overflow: hidden; margin-bottom:/*@margin-bottom*/1.5em/*/@*/; }
     22
     23.footer { 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; }
     24.footer a { /*color:#666;*/ } /* ne pas utiliser de selecteur trop precis, et eviter de toucher aux liens */
     25.footer img { vertical-align: middle; }
    2826
    2927/* Gabarit d'impression */
    3028@media print {
    31         .nav,
    32         .aside,
     29        .extra1,
     30        .extra1,
    3331        .footer { display: none; }
    3432        .page,
  • _squelettes_/z-dist/css/spip.css

    r48499 r48511  
    1 #CACHE{3600*100,cache-client}
    2 #HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
    3 #HTTP_HEADER{Vary: Accept-Encoding}
    4 [(#REM)<style>
    5 ]/* --------------------------------------------------------------
     1/* --------------------------------------------------------------
    62
    73   spip.css.html
     
    117-------------------------------------------------------------- */
    128
    13 /* Valeurs :
    14 #SET{font-size,#CONFIG{basecss/typo/font-size,1em}} [ font-size: (#GET{font-size});]
    15 #SET{line-height,#CONFIG{basecss/typo/line-height,1.5em}} [ line-height: (#GET{line-height});]
    16 #SET{margin-bottom,#CONFIG{basecss/typo/margin-bottom,1.5em}} [ margin-bottom: (#GET{margin-bottom});]
    17 #SET{text-indent,#CONFIG{basecss/typo/text-indent,50px}} [ text-indent: (#GET{text-indent});]
    18 #SET{font-family,#CONFIG{basecss/typo/font-family,'Helvetica, Arial, sans-serif'}} [ font-family: (#GET{font-family});]
    19 #SET{background-color,#CONFIG{basecss/typo/background-color,#FFFFFF}} [ background-color : (#GET{background-color});]
    20 #SET{color,#CONFIG{basecss/typo/color,#222222}} [ color: (#GET{color});]
    21 */
    22 
    239/* Listes SPIP */
    2410ul.spip,
    25 ol.spip { margin-left: #GET{text-indent}; }
     11ol.spip { margin-left: /*@text-indent*/50px/*/@*/; }
    2612ul.spip { list-style-type: disc; }
    2713li ul.spip { list-style-type: circle; }
     
    2915
    3016dl.spip dt,
    31 dl.spip dd { padding-left: #GET{text-indent}; }
     17dl.spip dd { padding-left: /*@text-indent*/50px/*/@*/; }
    3218dl.spip dt { clear: both; }
    3319dl.spip dd {}
     
    3723table.spip caption {}
    3824table.spip tr.row_first th {}
    39 table.spip tr.row_odd td { background: #e5ecf9; }
    40 table.spip tr.row_even td {}
     25table.spip tr.row_odd td { }
     26table.spip tr.row_even td {background: #e5ecf9;}
    4127
    4228/* Citations, code et poesie */
    4329blockquote.spip {}
    4430.spip_poesie {}
    45 .spip_poesie div { margin-left: #GET{text-indent}; text-indent: -#GET{text-indent}; }
     31.spip_poesie div { margin-left: /*@text-indent*/50px/*/@*/; text-indent: -/*@text-indent*/50px/*/@*/; }
    4632.spip_code,
    47 .spip_cadre {}
     33.spip_cadre {font-family: /*@font-family-mono*/'andale mono','lucida console',monospace/*/@*/; font-size: 1em;}
     34.spip_cadre {padding:/*@demi-margin-bottom*/0.75em/*/@*/;}
    4835
    4936/* Enluminures typo V3 / Cf.: http://www.spip-contrib.net/3118 */
     
    5138.caractencadre-spip { background-color: #FFFFCC; color: purple; }
    5239.caractencadre2-spip { background-color: #FFFFCC; color: orange; }
    53 .texteencadre-spip { display: block; margin:[ (#GET{margin-bottom})][ (#GET{text-indent})]; padding: #GET{line-height}; background: #EEE; }
     40.texteencadre-spip { display: block; margin:/*@margin-bottom*/1.5em/*/@*/ /*@text-indent*/50px/*/@*/; padding: /*@demi-line-height*/0.75em/*/@*/; background: #EEE; }
    5441
    5542/* Logos, documents et images */
    56 .spip_logos { float: left; margin: 0 [ (#GET{margin-bottom})][ (#GET{margin-bottom})] 0; padding: 0; border: none; }
     43.spip_logos { float: left; margin: 0 /*@margin-bottom*/1.5em/*/@*/ /*@margin-bottom*/1.5em/*/@*/ 0; padding: 0; border: none; }
    5744
    58 .spip_documents { margin-bottom: #GET{margin-bottom}; padding: 0; background: none; }
     45.spip_documents { margin-bottom: /*@margin-bottom*/1.5em/*/@*/; padding: 0; background: none; }
    5946.spip_documents,
    6047.spip_documents_center,
     
    6249.spip_doc_descriptif { margin-right: auto; margin-left: auto; text-align: center; }
    6350.spip_documents_center { clear: both; display: block; width: 100%; }
    64 .spip_documents_left { float: left; margin-right: #GET{margin-bottom}; }
    65 .spip_documents_right { float: right; margin-left: #GET{margin-bottom}; }
     51.spip_documents_left { float: left; margin-right: /*@margin-bottom*/1.5em/*/@*/; }
     52.spip_documents_right { float: right; margin-left: /*@margin-bottom*/1.5em/*/@*/; }
    6653.spip_doc_titre {}
    6754.spip_doc_descriptif { clear: both; }
     
    6956/* Modeles par defaut */
    7057.spip_modele { float: right; display: block; width: 25%; border: 1px dotted #666; }
    71 
    72 /* Formulaires */
    73 .formulaire_spip {}
    74 .formulaire_spip li { clear: both;[ margin-bottom: (#GET{margin-bottom}|div{2})em;] }
    75 .formulaire_spip .boutons { clear: both; margin: 0; padding: 0; }
    76 .formulaire_spip .boutons input,
    77 .formulaire_spip .boutons button {}
    78 @media print {
    79         .formulaire_spip { display: none; }
    80 }
    81 
    82 /* Previsu */
    83 .previsu { margin-bottom: #GET{margin-bottom};[ padding: (#GET{margin-bottom}|div{2})em;] border: 2px dashed #F57900; }
    84 fieldset.previsu legend { color: #F57900; }
    85 
    86 /* Reponses */
    87 .reponse_formulaire { margin-bottom: #GET{margin-bottom};[ padding: (#GET{margin-bottom}|div{2})em;] border: 2px solid #ddd; }
    88 .reponse_formulaire_ok { background: #e6efc2; color: #264409; border-color: #c6d880; }
    89 .reponse_formulaire_erreur { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
    90 .reponse_formulaire_ok a { color: #264409; }
    91 .reponse_formulaire_erreur a { color: #8a1f11; }
    92 
    93 .erreur_message { color: red; }
    94 
    95 li.erreur input[type="text"], li.erreur input.text,
    96 li.erreur input[type="password"], li.erreur input.password,
    97 li.erreur textarea { background-color: #fbe3e4; }
    9858
    9959.spip_surligne { background-color: yellow; }
     
    10363
    10464/* Paragraphes */
    105 div.spip, ul.spip, ol.spip, .spip_poesie, .spip_cadre, div.spip_code, .spip_documents.spip_documents_center { margin-bottom: #GET{margin-bottom}; }
     65div.spip, ul.spip, ol.spip, .spip_poesie, .spip_cadre, div.spip_code, .spip_documents.spip_documents_center { margin-bottom: /*@margin-bottom*/1.5em/*/@*/; }
    10666
    10767/* Pagination */
     
    11070        .pagination { display: none; }
    11171}
     72
     73/* Notes */
     74.notes > div {padding-left: /*@text-indent*/50px/*/@*/; position: relative; }
     75.notes .spip_note { position:absolute;left:0;}
    11276
    11377/* Liens de SPIP */
  • _squelettes_/z-dist/css/theme.css

    r48499 r48511  
    1 /* --------------------------------------------------------- */
    2 /* Feuille de style des squelettes par defaut pour SPIP 2.0  */
    3 /* --------------------------------------------------------- */
    4 
    5 /* couleurs utilisees
    6  *
    7  * - #46839B
    8  * - #f9f9f9
    9  * - #ddd
    10  * - #f63
    11  */
    12 
    13 
    14 /* ------------------------------------------
    15 /* Typographie generale (style transversaux)
    16 /* ------------------------------------------ */
    17 html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
    18 body { font-size: 0.8125em; font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; color: #333; }
    19 
    201/* Titraille / Intertitres */
    212h1,h2,h3,h4,h5,h6,
    22 .h1,.h2,.h3,.h4,.h5,.h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Georgia, Times, serif; }
    23 h1,.h1 { font-size: 1.70em; color: #000; }
    24 h2,.h2 { font-size: 1.40em; font-weight: normal; }
     3.h1,.h2,.h3,.h4,.h5,.h6 { font-family: Georgia, Times, serif; }
     4h1,.h1 { color: #000; }
    255h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #70617E; }
    266.h2, .h2 a, .h2 a:focus, .h2 a:hover, .h2 a:active { color: #70617E; }
    27 h3,.h3 { font-size: 1.20em; font-weight: bold; }
    28 h3.spip {} /* Cf.: spip_style.css */
    29 hr.spip {} /* Cf.: spip_style.css */
    30 
    31 /* Autres enrichissements typo */
    32 strong { font-weight: bold; }
    33 em { font-style: italic; }
    34 abbr, acronym { border-bottom: 1px dotted; cursor: help; }
    35 small { font-size: 0.90em; color: #666; }
    36 dfn { font-weight: bold; color: #666; }
    37 del { text-decoration: line-through; }
    38 ins { color: red !important; text-decoration: none; }
    39 sup, sub { font-size: .8em; font-variant: normal; }
    40 
    41 /* Listes */
    42 ul.spip {} /* Cf.: spip_style.css */
    43 ol.spip {} /* Cf.: spip_style.css */
    44 dl {}
    45 dt {}
    46 dd {}
    477
    488/* Citations, code et poesie */
    49 cite {}
    50 q {}
    51 blockquote {}
    52 blockquote.spip {} /* Cf.: spip_style.css */
    53 blockquote.spip_poesie {} /* Cf.: spip_style.css */
    54 /* Cf.: spip_style.css */
    559.spip_code {color:#8B2703;}
    56 .spip_cadre {color:#444; background-color: #fff; border: 1px solid #ddd; font-size:1em; padding:0.5em;width:90%; }
    57 address {}
     10.spip_cadre {color:#444; background-color: #fff; border: 1px solid #ddd; width: 100%;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    5811
    5912/* Tableaux */
    60 /* Cf.: spip_style.css */
    61 table.spip { width: 99%; }
    62 table.spip tr.row_first { background: #46839B; color:white;}
    63 table.spip td, table.spip th {border:white 2px solid;}
    64 
    65 /* Logos, documents et images */
    66 img { margin: 0; padding: 0; border: 0; }
    67 .spip_logos {} /* Cf.: spip_style.css */
    68 .spip_documents {} /* Cf.: spip_style.css */
    69 .spip_documents_center {} /* Cf.: spip_style.css */
    70 .spip_documents_left {} /* Cf.: spip_style.css */
    71 .spip_documents_right {} /* Cf.: spip_style.css */
    72 .spip_doc_titre {} /* Cf.: spip_style.css */
    73 .spip_doc_descriptif {} /* Cf.: spip_style.css */
    74 
    75 
    76 /* ------------------------------------------
    77 /* Disposition a l'ecran des blocs principaux
    78 /* ------------------------------------------ */
    79 body { background: #f9f9f9; margin: 0; padding: 0; text-align: center; }
    80 
    81 .page { position: relative; background: #fff; width: 58em; margin: 1em auto; padding:1em 2em; text-align: left; border:3px solid #ddd; }
    82 
    83 .header { width: 100%; margin: 0; padding-top: 1.60em; padding-bottom: 1.60em; margin-bottom:1em; border-bottom: 2px solid #46839B;}
    84 .header .accueil { display: block; width: 67%; }
    85 .header .accueil .spip_logos { vertical-align: bottom; line-height: 1em; }
    86 .header .accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }
    87 .header .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/
    88 
    89 .container { clear: both; overflow: hidden; }
    90 .content { padding-top: 0.30em; float:left; width:65%;}
    91 
    92 .extra1 { float: right; width: 30%; margin-top: 1em; overflow: hidden; }
    93 .extra2 { float: right; clear:right; width: 30%; margin-top: 1em; overflow: hidden; }
    94 
    95 .footer { 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; }
    96 .footer a { /*color:#666;*/ } /* ne pas utiliser de selecteur trop precis, et eviter de toucher aux liens */
    97 .footer img { vertical-align: middle; }
    98 
     13thead th, tbody th { background: #46839B; color:white; }
    9914
    10015/* ------------------------------------------
    10116/* Habillage des elements du contenu
    10217/* ------------------------------------------ */
     18.header { margin: 0; padding : /*@margin-bottom*/1.5em/*/@*/ 0;border-bottom: 2px solid #46839B;position: relative;}
     19.header .accueil { display: block; width: 67%; }
     20.header .accueil .spip_logos { vertical-align: bottom; line-height: 1em; margin-bottom: 0;}
     21.header .accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }
     22.header .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/
    10323
    104 #hierarchie { clear: both; margin-bottom: 2em; font-size: 0.84em; }
     24.hornav {background-color: #ebeeee;}
     25.hornav .item a:hover {background:#dadddd}
     26.hornav .on {color:#46839b;}
     27.hornav .on a {color:#46839b;}
     28
     29
     30#hierarchie { clear: both; margin-bottom: /*@margin-bottom*/1.5em/*/@*/; font-size: 0.846em; }
    10531#hierarchie, #hierarchie a { color: #666; }
    10632
    107 .cartouche { margin-bottom: 2em; }
     33.cartouche { margin-bottom: /*@margin-bottom*/1.5em/*/@*/; }
    10834.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
    10935.cartouche .info-publi { margin: 0; padding: 0; clear: left; }
    11036
    111 .chapo { margin-bottom: 1.50em; line-height: 1.40em; font-size:1.1em; }
    112 .texte { line-height: 1.60em; }
    113 .ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
    114 .notes { clear: both; font-size: 0.90em; }
    115 
     37.chapo { margin-bottom: /*@margin-bottom*/1.5em/*/@*/; font-weight:bold; color:#666;}
     38.chapo .spip_cadre {color:#888;}
     39.ps, .notes { margin-bottom: /*@margin-bottom*/1.5em/*/@*/;}
     40.notes { clear: both; font-size: 0.846em; }
    11641
    11742/* Portfolio */
    118 .documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
     43.documents_portfolio { clear: both; margin: /*@margin-bottom*/1.5em/*/@*/ auto; text-align: center; }
    11944.documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
    12045.documents_portfolio a.on .spip_logos { border-color: #f63; }
     
    12853/* ------------------------------------------ */
    12954
    130 /* Habillage general des menus de navigation */
    131 
    132 .menu { clear: both; margin-bottom: 2em; text-align: left; }
    133 .menu p { margin: 0.20em 0; padding: 0.20em 0.10em; }
    134 .menu-liste { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #ddd; }
    135 .menu-liste .menu-entree { margin: 0.20em 0; padding: 0.20em;}
    136 .menu-liste .menu-entree .menu-liste { margin-left: 1em; border: 0; }
    137 .menu-liste .menu-entree .menu-entree { padding: 0; border: 0; }
    138 .nav .menu-liste .menu-entree {display: inline;padding:0;margin:0 0 0 10px; }
    139 
    140 .extra1 .menu {background:#fcfcfc; padding:0.5em; border: 1px solid #ddd;}
    141 .extra1 .menu a {/*color:#666;*/} /* ne pas utiliser de selecteur trop precis, et eviter de toucher aux liens */
    142 .extra1 .menu-liste {border-bottom:0;}
    143 .extra1 .menu-liste .menu-entree {list-style:square; margin-left:15px; padding:0; color:#f63;}
    144 .extra1 .menu-liste .menu-entree .menu-liste {margin-left:0;}
    145 .extra1 .liste .h2 {margin-top:1em;}
    146 .extra1 .formulaire_recherche{margin-bottom:2em;}
    147 
    148 /* Pagination */
    149 .pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
    150 .pagination .on { font-weight: bold; color: #666; }
    151 
    152 /* Rubriques */
    153 /*
    154 .rubriques ul { border: 0; }
    155 .rubriques ul li { background: #EEE; border: 0; }
    156 */
    157 
    158 
    15955/* Listes d'articles et extraits introductifs */
    160 .liste-items {margin: 0; padding: 0; list-style: none; border-bottom:0;}
    161 .liste-items .item {list-style:square; margin-left:0; padding:2px 0; clear:both; overflow:hidden;}
    162 .content .liste-items .item {margin-bottom:2em;}
    163 .liste-items .item .h3 { margin: 0.30em 0; border-bottom:1px solid #46839B;}
    164 .liste-items .item .h3 a:hover { text-decoration:none;}
     56.liste.articles .liste-items .item { border-bottom: 0;}
     57.liste-items .item .h3 { border-bottom:1px solid #46839B;}
    16558.liste-items .item .info-publi {  display:block; float:right; margin-top:0.6em; margin-left:.3em; padding:.3em; background:#ddd;}
    16659
    16760.liste.articles .spip_logos { float: right; clear: right; margin: .8em 0 4px 16px; }
    16861.liste .articles .item .introduction { margin-top: 0.30em; line-height: 1.40em; padding: 0.5em 0 1.5em 1em;}
     62
     63
     64.extra1 .menu {background:#fcfcfc; padding:0 /*@demi-margin-bottom*/0.75em/*/@*/ /*@demi-margin-bottom*/0.75em/*/@*/; border: 1px solid #ddd;}
     65.extra1 .menu a {/*color:#666;*/} /* ne pas utiliser de selecteur trop precis, et eviter de toucher aux liens */
     66.extra1 .menu-items {border-bottom:0;}
     67.extra1 .menu-items .item {list-style:square; margin-left:15px; padding:0; color:#f63;}
     68
     69.formulaire_recherche input.text {width: 170px;}
    16970
    17071
     
    17980}
    18081
    181 
    182 /*  ------------------------------------------
    183 /*  Habillage des formulaires
    184 /*  ------------------------------------------ */
    185 input, select, textarea { font-size: 100%; font-family: inherit; }
    186 
    187 
    188 /* Structure generale des formulaires
    189 ----------------------------------------------- */
    190 .formulaire_spip { clear: both; margin-bottom: 2em; padding: 0; border: 0; text-align: left; font-size: 1em; }
    191 .formulaire_spip form { margin: 0; padding: 0; } /* Bug IE/Win */
    192 
    193 /* Fieldset */
    194 .formulaire_spip fieldset { clear: both; margin: 0 0 1em 0; padding: 0; border: 0; }
    195 .formulaire_spip fieldset legend { margin: 0; padding: 0; font-size: 1.05em; font-weight: bold; background-color: #fff; color: #333; } /* Preciser la couleur des legend et du fond pour IE/Win */
    196 .formulaire_spip fieldset fieldset { margin-top: 1em; }
    197 .formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal; }
    198 
    199 /* Explications */
    200 .formulaire_spip .explication { margin: 0.50em 0; color: #444; }
    201 
    202 /* Lignes */
    203 .formulaire_spip ul { margin: 0; padding: 0; list-style: none; }
    204 .formulaire_spip ul li { clear: both; margin: 0; padding: 0.50em 0; }
    205 
    206 /* Labels */
    207 .formulaire_spip label { display: block; text-align: left; color: #444; font-weight: bold; /* pour IE/Win */ position: relative;  }
    208 .formulaire_spip li p { margin-top: 0; margin-bottom: 0; }
    209 
    210 .formulaire_spip .choix label{display:inline;font-weight:normal;}
    211 .formulaire_spip .choix input.radio,
    212 .formulaire_spip .choix input.checkbox {width:auto;}
    213 
    214 
    215 /* Champs de saisie */
    216 .formulaire_spip input.text { width: 15em; border: 1px inset; }
    217 .formulaire_spip textarea { width: 99%; border: 1px inset; }
    218 .formulaire_spip select { width: 99%; }
    219 
    220 /* Boutons */
    221 .formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
    222 .formulaire_spip .boutons input { margin-left: 1em; }
    223 .formulaire_spip .boutons input, input.submit {}
    224 
    225 
    226 /* Reponses, previsu et erreurs
    227 ----------------------------------------------- */
    228 
    229 /* Champs obligatoires */
    230 .formulaire_spip li.obligatoire {}
    231 .formulaire_spip li.obligatoire label {}
    232 
    233 /* Previsualisation du message */
    234 .formulaire_spip fieldset.previsu { margin-bottom: 2em; padding: 1em; border: 2px dashed #F57900; }
    235 .formulaire_spip fieldset.previsu legend { padding: 0 0.50em; font-weight: bold; color: #F57900; }
    236 .formulaire_spip fieldset.previsu li { padding: 3px; border: none; }
    237 .formulaire_spip fieldset.previsu p { margin: 1em 0; }
    238 
    239 /* Reponse du formulaire */
    240 .reponse_formulaire { font-weight: bold; color: #e86519; font-size: 1.20em; }
    241 fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
    242 fieldset.reponse_formulaire.reponse_formulaire legend { color: #F57900; } /* Preciser la couleur des legend et du fond pour IE/Win */
    243 
    244 /* * Erreurs */
    245 .formulaire_spip li.erreur .erreur_message { display: block; color: #C30; font-weight: bold; }
    246 .formulaire_spip li.erreur input.text, .formulaire_spip li.erreur textarea { background-color: #FCC; border-style: solid; border-color: #C30; }
    247 .reponse_formulaire_erreur { margin: 0; color: #C30; font-weight: bold; }
    248 
    249 /* * OK */
    250 .reponse_formulaire_ok { margin: 0; color: #53AD20; font-weight: bold; }
    251 
    252 
    253 /* Variantes et cas particuliers
    254 ----------------------------------------------- */
    255 
    256 /* Barre de raccourcis typographiques */
    257 table.spip_barre { width: 100%; }
    258 table.spip_barre a img { background: #FDA; padding: 3px; border: 1px outset #CC9; }
    259 table.spip_barre a:focus img,
    260 table.spip_barre a:hover img,
    261 table.spip_barre a:active img { background: #FFF; border: 1px solid #CC9; }
    262 table.spip_barre input.barre { width: 99%; background: transparent; border: 0; }
    263 
    264 /* Formulaire de forum */
    265 .formulaire_forum .saisie_titre input.text, .formulaire_forum .saisie_titre textarea { width: 98%; }
    266 .forum {margin:1em 0 0 0; padding:1em; border:#888 1px solid; background:#f6f6f6; list-style-type:none;}
    267 .forum .forum-fil {margin-bottom:2em;}
    268 .forum .forum-fil .forum-chapo {background:#666; padding:.5em; color:white;}
    269 .forum .forum-fil .forum-chapo a {color:white;}
    270 .forum .ancre {float:left; margin-right:0.5em;}
    271 .forum .spip_logos {float:right; margin: 0 2px 4px 10px;}
    272 
    273 /* Selection des langues */
    274 .formulaire_menu_lang { padding: 0; background: none; }
    275 
    276 /* Formulaires de recherche (site / petitions) */
    277 .formulaire_recherche { margin: 0; padding: 0; background: none; }
    278 .formulaire_recherche * { display: inline; vertical-align: middle; }
    279 .formulaire_recherche label {}
    280 .formulaire_recherche input.text { width: 10em; }
    281 .formulaire_recherche input.submit {}
    282 
    283 
    284 /* Choix des mots-clefs */
    285 ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }
    286 ul.choix_mots li { clear: none; float: left; display: block; width: 30%; padding: 1%; }
    287 ul.choix_mots li label { display: inline; font-weight: normal; }
    288 
    289 .formulaire_spip .bugajaxie { display: none; } /* Bug IE/Win */
    290 
    291 /* Formulaire de login dans une page */
    292 .formulaire_login ul li {clear:left;}
    293 .formulaire_login ul li input.password { width: 15em; border: 1px inset; }
    294 .formulaire_login .editer_password .details {display:block;}
    295 .formulaire_login #spip_logo_auteur {float:right;}
  • _squelettes_/z-dist/css/typo.css

    r48499 r48511  
    1 #CACHE{3600*100,cache-client}
    2 #HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
    3 #HTTP_HEADER{Vary: Accept-Encoding}
    4 [(#REM)<style>
    5 ]/* --------------------------------------------------------------
     1/* --------------------------------------------------------------
    62
    73   typo.css.html
     
    117-------------------------------------------------------------- */
    128
    13 /* Valeurs :
    14 #SET{font-size,#CONFIG{basecss/typo/font-size,1em}} [ font-size: (#GET{font-size});]
    15 #SET{line-height,#CONFIG{basecss/typo/line-height,1.5em}} [ line-height: (#GET{line-height});]
    16 #SET{margin-bottom,#CONFIG{basecss/typo/margin-bottom,1.5em}} [ margin-bottom: (#GET{margin-bottom});]
    17 #SET{text-indent,#CONFIG{basecss/typo/text-indent,50px}} [ text-indent: (#GET{text-indent});]
    18 #SET{font-family,#CONFIG{basecss/typo/font-family,'Helvetica, Arial, sans-serif'}} [ font-family: (#GET{font-family});]
    19 #SET{background-color,#CONFIG{basecss/typo/background-color,#FFFFFF}} [ background-color : (#GET{background-color});]
    20 #SET{color,#CONFIG{basecss/typo/color,#222222}} [ color: (#GET{color});]
    21 */
     9.valeurs_de_base {
     10font-size:/*@font-size*/0.8125em/*/@*/;
     11font-family:/*@font-family*/"Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif/*/@*/;
     12font-family:/*@font-family-mono*/'andale mono','lucida console',monospace/*/@*/;
     13text-indent:/*@text-indent*/50px/*/@*/;
     14line-height:/*@line-height*/1.5em/*/@*/;
     15line-height:/*@demi-line-height*/0.75em/*/@*/;
     16margin-bottom:/*@margin-bottom*/1.5em/*/@*/;
     17margin-bottom:/*@demi-margin-bottom*/0.75em/*/@*/;
     18color:/*@color*/#333/*/@*/;
     19background-color:/*@background-color*/#FFFFFF/*/@*/;
     20}
    2221
    2322html { font-size: 100.01%; } /* Cf.: http://www.pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
    24 body { background: #GET{background-color}; font: #GET{font-size}/#GET{line-height}[ (#GET{font-family})]; color: #GET{color}; }
     23body { background: #GET{background-color}; font: /*@font-size*/0.8125em/*/@*///*@line-height*/1.5em/*/@*/ /*@font-family*/"Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif/*/@*/; color: /*@color*/#333/*/@*/; }
    2524
    2625/* Titraille / Intertitres */
    2726h1,h2,h3,h4,h5,h6,
    2827.h1,.h2,.h3,.h4,.h5,.h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
    29 hr { height: 1px; margin:[ (#GET{margin-bottom})] 0; border: 0; background: #GET{color}; color: #GET{color}; }
     28hr { height: 1px; margin:/*@margin-bottom*/1.5em/*/@*/ 0; border: 0; background: /*@color*/#333/*/@*/; color: /*@color*/#333/*/@*/; }
    3029
    3130/* Titraille Blueprint
     
    3837h6 { font-size: 1em; font-weight: bold; }*/
    3938
    40 h1,.h1 {font-size: 2em; line-height:#GET{line-height};margin-bottom: [(#GET{margin-bottom}|div{2})em]; }
     39h1,.h1 {font-size: 2em; line-height:/*@line-height*/1.5em/*/@*/;margin-bottom: /*@demi-margin-bottom*/0.75em/*/@*/; }
     40/*
    4141#SET{coeff,#GET{line-height}|plus{2}|div{2}|div{#GET{line-height}}}
    4242#SET{coeffinv,#VAL{1}|div{#GET{coeff}}}
    4343h2,.h2 {[ font-size: (#GET{line-height}|mult{#GET{coeff}})em];[ line-height: (#GET{coeffinv}|mult{2})em];[ margin-bottom: (#GET{coeffinv})em;]}
    44 h3,.h3 {[ font-size: (#GET{line-height}|mult{1})em]; line-height: 1; margin-bottom: 1em; font-weight: bold;}
     44*/
     45h2,.h2 { font-size: 1.75em; line-height: 1.71428em; margin-bottom: 0.857em;}
     46
     47h3,.h3 { font-size: /*@line-height*/1.5em/*/@*/; line-height: 1; margin-bottom: 1em; font-weight: bold;}
     48/*
    4549#SET{coeff,#GET{line-height}|plus{1}|div{2}|div{#GET{line-height}}}
    4650#SET{coeffinv,#VAL{1}|div{#GET{coeff}}}
    4751h4,.h4 {[ font-size: (#GET{line-height}|mult{#GET{coeff}})em];[ line-height: (#GET{coeffinv})em];[ margin-bottom: (#GET{coeffinv})em;]font-weight: bold; }
    48 h5,.h5 { font-size: 1em; font-weight: bold; margin-bottom: #GET{margin-bottom}; }
     52*/
     53h4,.h4 { font-size: 1.25em; line-height: 1.2em; margin-bottom: 1.2em;font-weight: bold; }
     54
     55h5,.h5 { font-size: 1em; font-weight: bold; margin-bottom: /*@margin-bottom*/1.5em/*/@*/; }
    4956h6,.h6 { font-size: 1em; font-weight: bold; }
    5057
     
    7481
    7582/* Tableaux */
    76 table { margin-bottom: #GET{margin-bottom}; width: 100%; }
     83table { margin-bottom: /*@margin-bottom*/1.5em/*/@*/; width: 100%; }
    7784th { font-weight: bold; }
    78 thead th { background: #c3d9ff; }
    79 th,td,caption {[ padding: (#GET{line-height}|div{2})em;] }
     85thead th, tbody th { background: #c3d9ff; }
     86th,td,caption {padding: /*@demi-line-height*/0.75em/*/@*/; }
    8087tbody tr:nth-child(even) td,
    8188tbody tr.even td { background: #e5ecf9; }
     
    8592/* Citations, code et poesie */
    8693q { font-style: italic; }
    87 blockquote { padding: 0 #GET{text-indent}; font-style: italic; }
     94blockquote { padding: 0 /*@text-indent*/50px/*/@*/; font-style: italic; }
    8895cite { font-style: italic; }
    8996
    9097address { font-style: italic; }
    9198
    92 pre,code,kbd,samp,var,tt { font-family: 'andale mono','lucida console',monospace; font-size: 1em; }
    93 pre { margin:[ (#GET{margin-bottom}) ]0;
     99pre,code,kbd,samp,var,tt { font-family: /*@font-family-mono*/'andale mono','lucida console',monospace/*/@*/; font-size: 1em; }
     100pre { margin:/*@margin-bottom*/1.5em/*/@*/ 0;
    94101        /* Cf.: http://perishablepress.com/press/2010/06/01/wrapping-content/ /
    95102        white-space: pre;           /* CSS 2.0 */
     
    102109        word-wrap: break-word;      /* IE 5+ */
    103110}
    104 kbd { background-color: #GET{color}; color: #GET{background-color}; }
     111kbd { background-color: /*@color*/#333/*/@*/; color: /*@background-color*/#FFFFFF/*/@*/; }
    105112samp { font-weight: bold; }
    106113var { font-style: italic; }
    107114
    108115/* Paragraphes */
    109 p, .p, dl, dd, blockquote, address, pre, table, fieldset { margin-bottom: #GET{margin-bottom}; }
     116p, .p, dl, dd, blockquote, address, pre, table, fieldset { margin-bottom: /*@margin-bottom*/1.5em/*/@*/; }
    110117
    111118/* Liens */
     
    114121a[hreflang]:after { content: "\0000a0(" attr(hreflang) ")"; }
    115122@media print {
    116         a, a:visited { color: #GET{color}; text-decoration: underline; }
     123        a, a:visited { color: /*@color*/#333/*/@*/; text-decoration: underline; }
    117124        .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
    118125}
  • _squelettes_/z-dist/header/dist.html

    r46409 r48511  
    1 <div class="accueil">
     1<div class="accueil clearfix">
    22        [<a rel="start home" href="#URL_SITE_SPIP/" title="<:accueil_site:>">(#LOGO_SITE_SPIP|image_reduire{300,100})</a>]
    3         <strong id="nom_site_spip"><a rel="start home" href="#URL_SITE_SPIP/" title="<:accueil_site:>">#NOM_SITE_SPIP</a></strong>
     3        <strong id="nom_site_spip" class="h1"><a rel="start home" href="#URL_SITE_SPIP/" title="<:accueil_site:>">#NOM_SITE_SPIP</a></strong>
    44        [<div id='slogan_site_spip'>(#SLOGAN_SITE_SPIP|PtoBR)</div>]
    55</div>
  • _squelettes_/z-dist/inclure/head.html

    r47867 r48511  
    1212[<link rel="alternate" type="application/rss+xml" title="<:syndiquer_site:>" href="(#URL_PAGE{backend})" />]
    1313
    14 [(#REM) Feuille de style par defaut pour les formulaires de SPIP ]
    15 [<link rel="stylesheet" href="(#CHEMIN{css/spip_formulaires.css}|direction_css)" type="text/css" media="projection, screen, tv" />]
    16 [(#REM) Feuille de style par defaut pour les box]
    17 [<link rel="stylesheet" href="(#CHEMIN{css/box.css})" type="text/css" media="projection, screen, tv" />]
    18 [<link rel="stylesheet" href="(#CHEMIN{css/box_skins.css})" type="text/css" media="projection, screen, tv" />]
     14
     15[<link rel="stylesheet" href="(#CHEMIN{css/reset.css}|direction_css)" type="text/css" />]
     16[<link rel="stylesheet" href="(#CHEMIN{css/typo.css}|direction_css)" type="text/css" />]
     17[<link rel="stylesheet" href="(#CHEMIN{css/box.css}|direction_css)" type="text/css" />]
     18[<link rel="stylesheet" href="(#CHEMIN{css/box_skins.css}|direction_css)" type="text/css" />]
     19[<link rel="stylesheet" href="(#CHEMIN{css/form.css}|direction_css)" type="text/css" />]
    1920
    2021[(#REM) Balise permettant aux plugins d'inserer des fichiers CSS ]
    2122#INSERT_HEAD_CSS
    2223
    23 [(#REM) Feuille de style CSS pour l'affichage du site a l'ecran ]
    24 [<link rel="stylesheet" href="(#CHEMIN{css/habillage.css}|direction_css)" type="text/css" media="projection, screen, tv" />]
     24[<link rel="stylesheet" href="(#CHEMIN{css/spip.form.css}|direction_css)" type="text/css" />]
     25[<link rel="stylesheet" href="(#CHEMIN{css/spip.comment.css}|direction_css)" type="text/css" />]
     26[<link rel="stylesheet" href="(#CHEMIN{css/spip.list.css}|direction_css)" type="text/css" />]
     27[<link rel="stylesheet" href="(#CHEMIN{css/spip.petition.css}|direction_css)" type="text/css" />]
     28[<link rel="stylesheet" href="(#CHEMIN{css/spip.pagination.css}|direction_css)" type="text/css" />]
     29[<link rel="stylesheet" href="(#CHEMIN{css/spip.css}|direction_css)" type="text/css" />]
     30[<link rel="stylesheet" href="(#CHEMIN{css/base.css}|direction_css)" type="text/css" />]
     31[<link rel="stylesheet" href="(#CHEMIN{css/grid.css}|direction_css)" type="text/css" />]
     32[<link rel="stylesheet" href="(#CHEMIN{css/layout.css}|direction_css)" type="text/css" />]
    2533
    26 [(#REM) Feuille de style CSS pour l'impression ]
    27 [<link rel="stylesheet" href="(#CHEMIN{css/impression.css}|direction_css)" type="text/css" media="print" />]
     34
     35[(#REM) Feuille de style du theme ]
     36[<link rel="stylesheet" href="(#CHEMIN{css/theme.css}|direction_css)" type="text/css" />]
     37
     38[(#REM) Feuille de style CSS pour l'impression, n'existe pas par defaut ]
     39[<link rel="stylesheet" href="(#CHEMIN{css/print.css}|direction_css)" type="text/css" media="print" />]
    2840
    2941[(#CHEMIN{inc-theme-head.html}|oui)
     
    3446        A noter par defaut cette css n'existe pas
    3547]
    36 [<link rel="stylesheet" href="(#CHEMIN{css/perso.css}|direction_css)" type="text/css" media="all" />]
     48[<link rel="stylesheet" href="(#CHEMIN{css/perso.css}|direction_css)" type="text/css" />]
    3749
    3850[(#REM) Balise permettant aux plugins d'inserer des appels javascript ou css ;
Note: See TracChangeset for help on using the changeset viewer.