Changeset 80077 in spip-zone


Ignore:
Timestamp:
Jan 16, 2014, 2:56:59 PM (6 years ago)
Author:
l.oiseau2nuit@…
Message:

ne pas utiliser cette build aujourd'hui, conseil d'ami ...

Location:
_squelettes_/zktx-kore/trunk
Files:
2 added
2 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/zktx-kore/trunk/body.html

    r80044 r80077  
    22        [(#PLUGINS{socialtags}|non) <INCLURE{fond=inclure/sdk} /> ]
    33        <section class="container">
    4                 <header id="header"><INCLURE{fond=header/#ENV{type-page},env} /></header>
     4                <header class="page-header" id="header"><INCLURE{fond=header/#ENV{type-page},env} /></header>
    55                <section class="" id="container" role="main">
    66                        <section class="" id="content"><INCLURE{fond=content/#ENV{type-page},env} /></section>
     
    88                        <aside class="" id="extra2"><INCLURE{fond=extra2/#ENV{type-page},env} /></aside>
    99                </section>
    10                 <nav class="navbar navbar-fixed-top" role="navigation"><INCLURE{fond=inclure/nav,env} /></nav>
    1110                <footer id="footer"><INCLURE{fond=footer/#ENV{type-page},env} /></footer>
    1211        </section>
     12        <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"><INCLURE{fond=inclure/nav,env} /></nav>
    1313        [(#REM) Chargements scripts et plugins en pied de page (Exemple : Google analytics) ]
    1414        <INCLURE{fond=foot_js/#ENV{type-page},env} />
  • _squelettes_/zktx-kore/trunk/css/zktx.css.html

    r80044 r80077  
    22#HTTP_HEADER{Content-Type: text/css;}
    33
    4 [(#REM)
     4[(#REM) Feuille de style Zktx
     5        * surcharge des styles boostrap
     6        * dynamique (d'où l'extension .css.html)
     7]
    58
    6 /**************************/
    7 /* ZKTX Feuille générique */
    8 /**************************/ 
    9 
    10 /* Reset */
    11 
    12         * {border:0px none; font-style:normal; margin:0px; padding:0px; text-decoration:none;}
    13         body { font-size:100%; line-height:140%; padding:0px;}
    14 
    15 /* Elements_ */
    16        
    17         body {font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, sans-serif; line-height:1.5em; color:#111;} /* http://romy.tetue.net/lucida-grande */
    18 
    19         h1, h2, h3, h4, h5, h6,
    20         .h1, .h2, .h3, .h4, .h5, .h6 {font-weight:normal; margin:1em 0em;}
    21 
    22         h1, .h1 { font-size:2em;}
    23         h2, .h2 { font-size:1.4em; }
    24         h3, .h3 { font-size:1.3em; }
    25         h4, .h4 { font-weight:bold; font-size:1.1em; color:#333; }
    26         h5, .h5 { font-weight:bold; color:#999; }
    27         h6, .h6 { font-weight:bold; }
    28 
    29         p {margin: 1em 0;}
    30         strong, b {font-weight:bold;}
    31         em, i {font-style:italic;}
    32         u, .u {text-decoration:underline;}
    33         del, .del {text-decoration:line-through;}
    34         ins, .ins  {color:#F00;}
    35         a:link, a:visited {text-decoration:underline;}
    36         a:hover, a:active, a:focus { text-shadow:0px 0px 1px #111;}
    37         ul {margin:0;}
    38         li { list-style:square; padding:0; margin:0.5em 1em; }
    39         blockquote, .blockquote { padding:10px; background:transparent url(img/bg_extra.png) scroll no-repeat center center; }
    40         blockquote p,  .blockquote p { text-align:justify; font-style:italic; font-size:1.3em; color:#999;}
    41 
    42         /* Tableaux */
    43         table { margin-bottom:1.5em; width: 100%; }
    44         th { font-weight: bold; }
    45         thead th, tbody th { background: #999; }
    46         th,td,caption {padding:0.75em; }
    47         tbody tr:nth-child(even) td, tbody tr.even td { background: #e5ecf9; }
    48         tfoot { font-style: italic; }
    49         caption, .caption { background: #eee; }
    50 
    51         /* Enluminures typos */
    52         .caractencadre-spip { background-color: #EEE; }
    53         .caractencadre2-spip { background-color: #EEE; }
    54        
    55         /* CS Décoration (ou pas !) */
    56         .invisible {position:absolute; top:-9999em;}
    57         .nettoyeur {width:100%; clear:both;}
    58         .gauche {text-align:left;}
    59         .centrer { text-align:center; display:block; /* sinon bug avec "décobalise" <centrer> (ou span.centrer selon utilisation) */ }
    60         .droite {text-align:right;}
    61         .fl-gauche {float:left!important;}
    62         .fl-droite {float:right!important;}
    63         .share {float:left; padding:0; margin:0;}
    64         .zomm:hover {z-index: 50 !important;  -moz-transform: rotate(0deg) scale(1.3) !important; -webkit-transform: rotate(0deg) scale(1.3) !important; transform: rotate(0deg) scale(1.3) !important; transition: transform .1s ease-in; -moz-transition: -moz-transform .1s ease-in; -webkit-transition: -webkit-transform .1s ease-in;}
    65         .rotate-gauche {-moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg);}
    66         .rotate-droite {-moz-transform: rotate(2deg); -webkit-transform: rotate(2deg); transform: rotate(2deg);}
    67        
    68         /* Boutons > Call to action */
    69     /* insérer ici les styles additionnels à varicelle */
    70 
    71         /* Documents in text */
    72         .spip_documents {text-align:center; font-size:0.9em;}
    73         .spip_documents_left {float:left; margin:0.25em 1em 1em 0;}
    74         .spip_documents_right {float:right; margin:0.25em 0 1em 1em;}
    75         .spip_documents_center {float:none; display:block; margin:1.5em auto;}
    76   .spip_doc_titre, .spip_doc_descriptif {width:inherit!important;}
    77 
    78 
    79 /* Structure */
    80 
    81         .page {background:#FFF; margin:0 auto; position:relative; max-width:1120px; padding:0 0 1em 0; box-shadow:1px 1px 60px #111;}
    82         #header { background: #EFEFEF; position:relative; overflow:hidden; padding:1em; }
    83         #nav {width:100%; margin:0; padding:1em 0; background: #EFEFEF; border-top:6px solid black;}
    84         #container { margin:0 auto; padding:0 1em;}
    85         .content {clear:both; padding:0;}
    86         .extra { width:100%; clear:both; margin:1em 0; }
    87         #footer {width:100%; clear:both; margin:1em auto; padding:0;}
    88 
    89         /* Préparer le terrain pour un mode 'one-page layout'
    90                 Code experimental. Non fonctionnel en l'etat
    91         .content-wrapper {}
    92   .panel {padding: 2em 0; margin: 0 0 4em 0; clear:both;}
    93         */
    94        
    95         /* Préparer le terrain pour affichage en colonne responsive */
    96        
    97         .liste, .extra, .col, .container { *zoom: 1; }
    98         .liste:before, .liste:after,
    99         .extra:before, .extra:after,
    100         .col:before, .col:after,
    101         .container:before, .container:after { display: table; line-height: 0; content: ""; }
    102         .liste:after, .extra:after, .col:after, .container:after { clear: both; }
    103 
    104         /* largeur de blocs (responsive WD) */
    105         .un-demi, .un-tiers, .un-quart, .un-cinq, .deux-tiers, .trois-quarts { float:left; margin:0 1em 1em 0;}
    106         .un-demi.last, .un-tiers.last, .un-quart.last, .un-cinq.last, .deux-tiers.last, .trois-quarts.last { margin-right:0; }
    107         .un-demi { width:49.266%; }
    108         .un-tiers { width:32.354%; }
    109         .un-quart { width:23.898591%; margin-right: 1em; }
    110         .deux-tiers { width:60%; }
    111   .un-cinq { width:18.82506%; }
    112 
    113 
    114 /* Header */
    115 
    116         #nom_site_spip, #slogan_site_spip { line-height:2em; }
    117         #logo_site_spip {float:left; margin:0 1em 0 0;}
    118         #nom_site_spip {  }
    119         #slogan_site_spip {  }
    120 
    121 /* Contenus */
    122        
    123         /* header.cartouche */
    124         .cartouche, .comment-form { background:none transparent; width:32%; padding:0 10px 0 0; margin:0 30px 0 0; float:left; }
    125         .cartouche ul, .cartouche li { padding:0; margin:0; background:none transparent; }
    126        
    127         /* section.texte */
    128         .texteencadre-spip, .chapo, .formulaire_spip, .oembed.oe-rich { display:block; margin:1.5em 0; padding:1em 1.5em; background:#EFEFEF; border:0px none; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
    129         .texte, .comments-list { float:left; width:62%; padding:3.5em 0 0 20px; }
    130         .notes {float:left; width:32%; border-right:1px solid #BBB; margin-top:-90px; padding-right:20px;}
    131         .notes p {color:#BBB; font-size:0.8em;}
    132 
    133         /* Section Listes
    134                        
    135                         Avant je m'emmelais bien les pinceaux dans tout ça...
    136                         Mais ca, c'était avant !
    137                
    138                 * .liste ou .menu = DIV ou SECTION englobante
    139                                 * .menu = une liste simple en bloc
    140                                 * .liste = une liste d'encadres flottants       
    141                 * .liste-items = l'ul
    142                 * .item = la li
    143        
    144         */
    145         .liste .liste-items { margin:0;}
    146         .liste .item { list-style:none; float:left; background: transparent none;  padding:0;
    147                 min-height:240px; /* trouver mieux ! */
    148         }
    149         .liste .item:hover { background:#EFEFEF; }
    150         .liste .item h3 { background:none transparent; font-weight:bold;}
    151         .liste .item .h3 { margin:0;}
    152         .liste .item .h3 a:hover { }
    153         .liste .item .entry-content { margin:0; font-size:0.9em; vertical-align:top; }
    154 
    155         .liste .spip_logos { float:left; margin:0 1em 0 0; }
    156        
    157         .content .pagination {clear:both; padding:40px 0 20px 0; text-align:right;}     
    158 
    159         /* Menus et "petites" listes */
    160         .menu ul {margin:1em 0;}
    161         .menu li ul {margin:0;}
    162         .menu li {list-style:none; margin:0; padding:0.25em 0; border-bottom:1px solid #111;}
    163         .menu li ul li {border-bottom:0px none; font-size:0.9em; padding-left:1em;}
    164        
    165         /* Portfolio des articles */
    166         #documents_portfolio {text-align:center;}
    167         #documents_portfolio ul li {display:inline-block; list-style:none; margin:0 1em; padding:0;}
    168         #documents_portfolio ul li:first-child {margin-left:0;}
    169         #documents_portfolio ul li:last-child {margin-right:0;}
    170        
    171 /* Formulaires > Habillage */
    172 
    173         input, textarea, select { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; }
    174         .bugajaxie { display: none; } /* Bug IE/Win */
    175 
    176         /* Conteneur */
    177         .formulaire_spip { clear:both; margin:0; padding:1em; text-align:left; }
    178         .formulaire_spip li {background:none transparent; padding:0; margin:0;}
    179         .formulaire_spip h2.legend {}
    180 
    181         /* Fieldset */
    182         .formulaire_spip fieldset {clear:both; margin:0; padding:0; border:0;}
    183         .formulaire_spip .fieldset {list-style:none;}
    184         .formulaire_spip fieldset ul {border:0px; overflow:hidden; padding:0; margin:0; }
    185         .formulaire_spip fieldset legend { margin: 0 0 1em 0; padding: 0; font-size: 1.25em; font-weight: bold; } /* Preciser la couleur des legend et du fond pour IE/Win */
    186         .formulaire_spip fieldset fieldset { margin-top:1.5em; }
    187         .formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal; }
    188 
    189         /* Messages de retours */
    190         .reponse_formulaire { margin-bottom:1.5em; padding: 0.75em; border: 2px solid #ddd;  -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
    191         .reponse_formulaire_ok { background: #e6efc2; color: #264409; border-color: #c6d880; }
    192         .reponse_formulaire_erreur { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
    193         .reponse_formulaire_ok a { color: #264409; }
    194         .reponse_formulaire_erreur a { color: #8a1f11; }
    195 
    196         /* Lignes */
    197         .formulaire_spip .editer {list-style:none; margin:0; padding:0;}
    198         .formulaire_spip .large .editer {width:440px;}
    199        
    200         /* Champs obligatoires */
    201         .formulaire_spip li.obligatoire {}
    202         .formulaire_spip li.obligatoire label {font-weight: bold;}
    203        
    204         /* Explications */
    205         .formulaire_spip .explication { background:none transparent; color:#444; margin:0; padding:0 10px; font-size:0.8em; text-align:right; line-height:normal;}
    206 
    207         /* Labels */
    208         .formulaire_spip .editer>label { display:block; text-align:left; font-weight:normal; font-size:0.9em; }
    209         .formulaire_spip .choix label {display:inline; font-weight:normal;  font-size:0.8em; line-height:20px;}
    210         .formulaire_spip .choix input.radio,
    211         .formulaire_spip .choix input.checkbox {width:auto;}
    212 
    213         /* Champs de saisie */
    214         .formulaire_spip input.text, .formulaire_spip textarea, .formulaire_spip select { width:100%; border:1px solid #CCC; }
    215         .formulaire_spip textarea { margin-top:2px; }
    216         .formulaire_spip .large textarea  {height:160px;}
    217         /* Boutons */
    218         .formulaire_spip .boutons { clear: both; margin:0 0 25px 0; padding: 0; text-align: center; }
    219         .formulaire_spip .boutons input { margin-left: 1em; }
    220         .formulaire_spip .boutons input, input.submit {}
    221 
    222 
    223         /* Previsualisation du message */
    224         fieldset.previsu { margin-bottom: /*@margin-bottom*/1.5em/*/@*/;padding: /*@demi-margin-bottom*/0.75em/*/@*/; border: 2px dashed #F57900; }
    225         fieldset.previsu legend { color: #F57900; }
    226         fieldset.previsu legend { padding-left:0.50em; font-weight: bold; color: #F57900; }
    227         /* Reponse du formulaire */
    228         fieldset.previsu .reponse_formulaire { font-weight: bold; color: #e86519;}
    229         fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
    230 
    231         /* * Erreurs */
    232         .editer.erreur { background-color: #fbe3e4; }
    233         .editer .erreur_message { display: block; color: #C30; font-weight: bold;}
    234        
    235         /* Messages de retours */
    236         .reponse_formulaire { margin-bottom: /*@margin-bottom*/1.5em/*/@*/; padding: /*@demi-margin-bottom*/0.75em/*/@*/; border: 2px solid #ddd; }
    237         .reponse_formulaire_ok { background: #e6efc2; color: #264409; border-color: #c6d880; }
    238         .reponse_formulaire_erreur { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
    239         .reponse_formulaire_ok a { color: #264409; }
    240         .reponse_formulaire_erreur a { color: #8a1f11; }       
    241 
    242 /* Formulaires > Variantes et cas particuliers */
    243 
    244         /* Selection des langues */
    245         .formulaire_menu_lang { margin: 0; padding: 0; background: none; border: 0;}
    246         .formulaire_menu_lang select {width: 15em;}
    247 
    248         /* Formulaires de recherche (site / petitions) */
    249         .formulaire_recherche { padding: 0; background: none; border: 0;}
    250         .formulaire_recherche * { display: inline; vertical-align: middle; }
    251         .formulaire_recherche label {display: block;}
    252         .formulaire_recherche input.text { width: 10em; padding-left: 25px; background: #FFF url(img/rechercher.gif) no-repeat left center; }
    253         .formulaire_recherche input.submit {}
    254 
    255         /* Choix des mots-clefs */
    256         .choix_mots li { float: left; width: 30%; padding: 1%; }
    257 
    258         /* Formulaire de login dans une page */
    259         .formulaire_login .editer {clear:left;}
    260         .formulaire_login input.text,.formulaire_login input.password {width:15em;}
    261         .formulaire_login .editer_password .details {margin-bottom:0;}
    262         .formulaire_login #spip_logo_auteur {float:right;}
    263 
    264 
    265 /* Navigation */
    266 
    267         /* Skip Links */
    268        
    269         .skiplink {font-size:0.8em;}
    270        
    271   .skiplink.nettoyeur { margin:1em 0; text-align:right; }
    272        
    273         .skiplink.remonter a:link, .skiplink.remonter a:visited,
    274         .skiplink.descendre a:link, .skiplink.descendre a:visited {padding:0 1.5em 0 0; text-decoration:none; opacity:0.3;}
    275         .skiplink.remonter a:hover, .skiplink.remonter a:active, .skiplink.remonter a:focus,
    276         .skiplink.descendre a:hover, .skiplink.descendre a:active, .skiplink.descendre a:focus {color:#000; text-decoration:none; opacity:1;}
    277         .skiplink.remonter a {background: transparent url(img/remonter.png) scroll no-repeat right center;}
    278         .skiplink.descendre a {background: transparent url(img/descendre.png) scroll no-repeat right center;}
    279        
    280         #raccourcis { position:absolute; top:0; right:0; margin:0; padding:0 1em; }
    281        
    282         /*
    283                 Terrain prepare pour mettre des pictos si vous le souhaitez :
    284                
    285                 #raccourcis a:link, #raccourcis a:visited { padding:0 0 0 1.8em; margin:0 0 0 2.8em; background:transparent; text-decoration:none; font-size:0.8em;}
    286                 #raccourcis a:hover, #raccourcis a:active, #raccourcis a:focus {color:#111; text-decoration:underline;}
    287                 #raccourcis a.go_content {background:url(img/picto_contenu.png) scroll no-repeat left top;}
    288                 #raccourcis a.go_nav {background:url(img/picto_nav.png) scroll no-repeat left top;}
    289                 #raccourcis a.go_map {background:url(img/picto_plan.png) scroll no-repeat left top;}
    290                 #raccourcis a.go_plus {background:url(img/picto_accessibilite.png) scroll no-repeat left top;}
    291         */
    292         #raccourcis .sep {display:none;}
    293 
    294         /* Navbar */
    295         #nav ul {padding:0; }
    296         #nav li {list-style:none; background:none transparent; padding:0; display:inline;}
    297        
    298         #nav li a:link, #nav li a:visited { padding:0; color:#000; font-weight:normal; font-size:1.2em; text-decoration:none; }
    299         #nav li a:hover, #nav li a:active, #nav li a:focus { text-shadow:0px 0px 12px #111; }
    300         #nav li.on a { }
    301        
    302         #nav li.accueil {  }
    303         #nav li.accueil a:link, #nav li.accueil a:visited  { }
    304 
    305 
    306 /* Code experimental, non fonctionnel en l'etat
    307 
    308 #nav, .pinned{ z-index: 20000; }
    309 #nav ul li a.logo { display: none; margin: 0; }
    310 #nav.pinned { text-align: right; width: 100%; margin: 0; position: fixed; top: 0; left: 0; z-index: 999; }
    311 
    312 #nav.pinned ul {
    313         color: #fff;
    314         width: 910px;
    315         padding: 25px;
    316         margin: 0 auto;
    317         background-color: #C9C299;
    318         -moz-border-radius-bottomleft: 2px;
    319         -moz-border-radius-bottomright: 2px;
    320         -webkit-border-bottom-right-radius: 2px;
    321         -webkit-border-bottom-left-radius: 2px;
    322         border-bottom-right-radius: 2px;
    323         border-bottom-left-radius: 2px;
    324         overflow: hidden;
    325 }
    326 
    327 #nav.pinned ul li a {
    328         color: #fff;
    329 }
    330 
    331 #nav.pinned ul li a:hover, #nav.pinned ul li a.on {
    332         color: #707070;
    333 }
    334 
    335 #nav.pinned ul li a.logo {
    336         display: inline;
    337         float: left;
    338         margin-top: -5px;
    339 }
    340 
    341 
    342 .panel .pinned {
    343         margin: -60px 0 20px 0;
    344         border-bottom: 1px dotted #888888;
    345         overflow: hidden;
    346         float: none;
    347 }
    348 
    349 .panel .pinned ul li {
    350         display: inline;
    351         float: left;
    352         margin: 0 20px 15px 0;
    353 }
    354 
    355 .panel .pinned ul li a {
    356         font-size: 24px;
    357 }
    358 */
    359  
    360         /* Hierarchie */
    361         #hierarchie {font-size:0.9em; padding:1em 0em; text-align:left;}
    362         #hierarchie a:link, #hierarchie a:visited {  }
    363         #hierarchie a:hover,#hierarchie a:active,#hierarchie a:focus { }
    364         #hierarchie .sep { }
    365        
    366         /* Skiplinks #content */
    367         .skiplinks.nettoyeur {margin:1em 0; text-align:right;}
    368 
    369         /* Pagination */
    370         .pagination .label {display:none;}
    371         .pagination {background:none transparent; padding:0; text-align:center!important;}
    372         .pagination .lien_pagination { text-decoration:none; margin:0 0.64em; }
    373         .pagination .lien_pagination span span {padding:0; }
    374         /* Necessite d'editer les modeles/pagination
    375         .pagination .lien_pagination span.pagin_prev span {}
    376         .pagination .lien_pagination span.pagin_next span {} */
    377         .pagination .lien_pagination:hover,
    378         .pagination .lien_pagination:active,
    379         .pagination .lien_pagination:focus,
    380         .pagination .on { padding:0 0.25em; margin:0 0.25em; border:2px solid #111; background-color:#EFEFEF; }
    381         .pagination .on { font-weight:bold; }
    382         .pagination .disabled { display:none; }
    383 
    384 
    385 /* Pied */
    386 
    387         #footer { background:#EFEFEF; border-top:1px solid #CCC; text-align:center; font-size:0.80em;}
    388         #footer ul {margin:1em;}
    389         #footer ul li {list-style:none; display:inline; padding:0; background:none transparent;}
    390         #footer a:link, #footer a:visited { color:#7A7B7B; text-decoration:none;} /* ne pas utiliser de selecteur trop precis, et eviter de toucher aux liens */
    391         #footer a:active, #footer a:hover, #footer a:focus {color:#111; text-decoration:underline;}
    392         #footer img { vertical-align: middle; float:right; margin:-12px 0 25px 15px;}
    393        
    394 /* ====================== MEDIAQUERIES ========================= */
    395 
    396 /* 1/ smartphone */
    397 @media only screen and (max-width: 640px) {
    398 
    399 /* RESET standard pour ecran <= 640px
    400         http://www.alsacreations.com/astuce/lire/1177-une-feuille-de-styles-de-base-pour-le-web-mobile.html */
    401        
    402         /* passer tous les éléments de largeur fixe en largeur automatique */
    403         body { width: auto; margin: 0; padding: 0; line-height:normal; }
    404         /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
    405         img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video { max-width: 100%; }       
    406         /* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
    407         img { height: auto; width: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    408         /* gestion des mots longs */
    409         textarea, table, td, th, code, pre, samp {
    410                 word-wrap: break-word; /* passage à la ligne forcé */
    411                 -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; /* césure propre */
    412         }
    413         code, pre, samp { white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */ }
    414 
    415  /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
    416  .liste .item, .col, .menu  { float: none; width: auto; clear:both; overflow:hidden; }
    417 
    418  /* masquer les éléments superflus */
    419  .hide_mobile { display: none !important; }
    420 
    421  /* Un message personnalisé 
    422  body:before {
    423    content: "Version mobile du site";
    424    display: block;
    425    color: #777;
    426    text-align: center;
    427    font-style: italic;
    428  }
    429  */
    430  
    431  
    432 }
    433 
    434 /* 2/ from 640 to 768 */
    435 @media  only screen and (min-width: 640px) and (max-width: 767px) {
    436 
    437 
    438 }
    439 
    440 
    441 /* 3/ from 768 up */
    442 @media only screen and (min-width: 768px) {
    443 
    444 }
    445 
    446 /* 4/ "tablet" type iPad mode portrait */
    447 @media only screen and (min-width: 768px) and (max-width: 1023px) {
    448 
    449 }
    450 
    451 /* 5/ "tablet" paysage et screen PC  */
    452 @media only screen and (min-width: 1024px) {
    453        
    454 
    455 }
    456 
    457 /* 6/ "desktop" */
    458 @media only screen and (min-width: 1200px) {
    459 
    460 }
    461 
    462 /* 7/ Sortie papier */
    463 @media print {
    464   * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
    465   a, a:visited { text-decoration: underline; }
    466   a[href]:after { content: " (" attr(href) ")"; }
    467   abbr[title]:after { content: " (" attr(title) ")"; }
    468   .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
    469   pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    470   thead { display: table-header-group; }
    471   tr, img { page-break-inside: avoid; }
    472   img { max-width: 100% !important; }
    473   @page { margin: 0.5cm; }
    474   p, h2, h3 { orphans: 3; widows: 3; }
    475   h2, h3 { page-break-after: avoid; }
    476 
    477   .formulaire_spip { display: none; }
    478 }
    479 
    480 ]
     9body {padding-top:20px;}
Note: See TracChangeset for help on using the changeset viewer.