Changeset 36597 in spip-zone


Ignore:
Timestamp:
Mar 24, 2010, 7:15:14 PM (10 years ago)
Author:
lspeciale@…
Message:

Multiple backgrounds dans html dont un fixe. Pinaillage CSS

Location:
_themes_/zpresse
Files:
6 added
4 edited

Legend:

Unmodified
Added
Removed
  • _themes_/zpresse/body.html

    r36545 r36597  
    1 <div id="page">
     1<div id="contperso" class="BackColor1">
     2        <div id="perso">
     3        </div>
     4</div>
     5<div id="page">
    26        <div id="menus">
    3                 <INCLURE{fond=inclure/barre-nav,env} />&nbsp;
     7                <INCLURE{fond=inclure/barre-nav,env} />
    48        </div>
    59        <div id="entete">
     
    3640                </div>
    3741        </div>
     42        <div id="contperso_pied" class="BackColor1">
     43                <div id="pied_perso">
     44                </div>
     45        </div>
    3846</div>
  • _themes_/zpresse/habillage.css

    r36581 r36597  
    1 html {margin:0;padding:0;}
    2 body {margin:0 auto;padding:0;text-align:center;font-size:76%;font-weight:normal;font-family:Aller_Rg,helvetica,arial,sans-serif;}
     1html {
     2margin:0;
     3padding:0;
     4background:url(images/fond_up.jpg) repeat-x top center, url(images/fond_bottom.jpg) repeat-x fixed bottom center;
     5}
     6body { margin:0 auto; padding:0; text-align:center; font-size:76%; font-weight:normal; font-family:Aller_Rg,helvetica,arial,sans-serif; }
    37/*Polices*/
    4 @font-face {font-family:Aller_Lt;src:url(polices/Aller/Aller_Lt.ttf)format("truetype");}
    5 @font-face {font-family:Aller_LtIt;src:url(polices/Aller/Aller_LtIt.ttf)format("truetype");}
    6 @font-face {font-family:Aller_Rg;src:url(polices/Aller/Aller_Rg.ttf)format("truetype");}
    7 @font-face {font-family:Aller_It;src:url(polices/Aller/Aller_It.ttf)format("truetype");}
    8 @font-face {font-family:Aller_Bd;src:url(polices/Aller/Aller_Bd.ttf)format("truetype");}
    9 @font-face {font-family:Aller_BdIt;src:url(polices/Aller/Aller_BdIt.ttf)format("truetype");}
    10 @font-face {font-family:Aller_Display;src:url(polices/Aller/AllerDisplay.ttf)format("truetype");}
    11 @font-face {font-family:SteelfishRg;src:url(polices/steelfish/steelfis.ttf)format("truetype");}
    12 @font-face {font-family:SteelfishBd;src:url(polices/steelfish/steelfib.ttf)format("truetype");}
    13 @font-face {font-family:SteelfishOu;src:url(polices/steelfish/steelout.ttf)format("truetype");}
    14 @font-face {font-family:YanoneKaffeesatz-Thi;src:url(polices/YanoneKaffeesatz/YanoneKaffeesatz-Thin.ttf)format("truetype");}
    15 @font-face {font-family:YanoneKaffeesatz-Lig;src:url(polices/YanoneKaffeesatz/YanoneKaffeesatz-Light.ttf)format("truetype");}
    16 @font-face {font-family:YanoneKaffeesatz-Reg;src:url(polices/YanoneKaffeesatz/YanoneKaffeesatz-Regular.ttf)format("truetype");}
     8@font-face { font-family:Aller_Lt; src:url(polices/Aller/Aller_Lt.ttf)format("truetype"); }
     9@font-face { font-family:Aller_LtIt; src:url(polices/Aller/Aller_LtIt.ttf)format("truetype"); }
     10@font-face { font-family:Aller_Rg; src:url(polices/Aller/Aller_Rg.ttf)format("truetype"); }
     11@font-face { font-family:Aller_It; src:url(polices/Aller/Aller_It.ttf)format("truetype"); }
     12@font-face { font-family:Aller_Bd; src:url(polices/Aller/Aller_Bd.ttf)format("truetype"); }
     13@font-face { font-family:Aller_BdIt; src:url(polices/Aller/Aller_BdIt.ttf)format("truetype"); }
     14@font-face { font-family:Aller_Display; src:url(polices/Aller/AllerDisplay.ttf)format("truetype"); }
     15@font-face { font-family:SteelfishRg; src:url(polices/steelfish/steelfis.ttf)format("truetype"); }
     16@font-face { font-family:SteelfishBd; src:url(polices/steelfish/steelfib.ttf)format("truetype"); }
     17@font-face { font-family:SteelfishOu; src:url(polices/steelfish/steelout.ttf)format("truetype"); }
     18@font-face { font-family:YanoneKaffeesatz-Thi; src:url(polices/YanoneKaffeesatz/YanoneKaffeesatz-Thin.ttf)format("truetype"); }
     19@font-face { font-family:YanoneKaffeesatz-Lig; src:url(polices/YanoneKaffeesatz/YanoneKaffeesatz-Light.ttf)format("truetype"); }
     20@font-face { font-family:YanoneKaffeesatz-Reg; src:url(polices/YanoneKaffeesatz/YanoneKaffeesatz-Regular.ttf)format("truetype"); }
    1721/*Structure*/
    18 #contperso {position:absolute;top:0;width:100%;height:2em;clear:both;float:left;z-index:10;border-bottom:1px solid #AAA;}
    19 #perso {position:relative;width:70em;margin:0 auto;padding:0.3em 1em;text-align:left;}
    20 #page {width:70em;margin:3em auto 1em;text-align:left;border:1px solid #CCC;}
    21 #metaz {position:relative;width:70em;margin:0 auto;text-align:left;border-bottom:1px solid #CCC;}
    22 #menus { position:relative;clear:both;float:left;width:68em;margin:0 auto;padding:0 0 0 2em;background:#111;z-index:10;}
    23 #menus ul {position:relative;margin:0;padding:0;list-style:none;line-height:normal;}
    24 #menus ul li {position:relative;float:left;z-index:1000;}
    25 #menus ul li a {float:none !important;display:block;}
    26 #menus ul li ul {display:none;}
    27 #menus a {display:block;width:auto;background:#111;padding:0.5em 1em 0.4em 0.4em;text-decoration:none;color:#FFF;font-weight:normal;font-family:Aller_Bd,helvetica,arial,sans-serif;}
    28 #menus ul li ul li a {display:block;width:12.5em;background:#111;padding:0.5em;text-decoration:none;color:#FFF;}
    29 #menus a:hover {color:#333;background:#FB5;}
    30 #menus a.PageCourante {color:#333;background:#CCC;padding:0.4em;}
    31 #menus a:hover.PageCourante {color:#333;background:#FB5;}
    32 #menus ul li:hover a {text-decoration:none;}
    33 #menus ul li:hover ul {display:block;width:12em;position:absolute;z-index:999;left:0;}
    34 #menus ul li ul li:hover ul {display:block;position:absolute;z-index:999;}
    35 #menus ul li:hover ul li a {display:block;}
    36 #menus ul li ul li:hover ul li {display:block;background:#CCC;color:#F60;}
    37 #menus ul li:hover ul li:first-child {border-top:1px solid #2A2A2A;}
    38 #menus ul li:hover ul li {border-bottom:1px solid #2A2A2A;}
    39 #entete {height:12em;position:relative;width:70em;clear:both;background:#FFF url(images/speciale.png) no-repeat 55em 0.5em;}
    40 #chemin {position:relative;width:70em;clear:both;border-top:1px solid #CCC;}
    41 #gauche {position:relative;width:18%;float:left;clear:left;}
    42 #central {position:relative;width:55%;float:left;}
    43 #droite {position:relative;width:27%;float:left;}
    44 #info {position:relative;width:70em;margin:0 auto 1em;text-align:left;border:1px solid #CCC;}
    45 #contpied {padding-bottom:2em;clear:both;float:left;z-index:10;width:100%;}
    46 #pied {position:relative;width:70em;margin:0 auto;text-align:left;}
     22#contperso { background:url(images/fond_perso.png) repeat-x left center; position:absolute; top:0; width:100%; height:2em; clear:both; float:left; z-index:10; border-bottom:1px solid #999; }
     23#perso { background:url(images/ls.png) no-repeat 12px 4px; position:relative; width:70em; height:2em; margin:0 auto; padding:0.3em 1em; text-align:left; }
     24#page { background:#FFF; width:70em; margin:3em auto 1em; text-align:left; border:1px solid #CCC; }
     25#metaz { position:relative; width:70em; margin:0 auto; text-align:left; border-bottom:1px solid #CCC; }
     26#menus {  position:relative; clear:both; float:left; width:100%; margin:0 auto; background:#111; z-index:10; }
     27.menu-conteneur  { padding:0 0 0 2em; }
     28#menus ul { position:relative; margin:0; padding:0; list-style:none; line-height:normal; }
     29#menus ul li { position:relative; float:left; z-index:1000; }
     30#menus ul li a { float:none !important; display:block; }
     31#menus ul li ul { display:none; }
     32#menus a { display:block; width:auto; background:#111; padding:0.5em 1em 0.4em 0.4em; text-decoration:none; color:#FFF; font-weight:normal; font-family:Aller_Bd,helvetica,arial,sans-serif; }
     33#menus ul li ul li a { display:block; width:12.5em; background:#111; padding:0.5em; text-decoration:none; color:#FFF; }
     34#menus a:hover { color:#333; background:#FB5; }
     35#menus a.PageCourante { color:#333; background:#CCC; padding:0.4em; }
     36#menus a:hover.PageCourante { color:#333; background:#FB5; }
     37#menus ul li:hover a { text-decoration:none; }
     38#menus ul li:hover ul { display:block; width:12em; position:absolute; z-index:999; left:0; }
     39#menus ul li ul li:hover ul { display:block; position:absolute; z-index:999; }
     40#menus ul li:hover ul li a { display:block; }
     41#menus ul li ul li:hover ul li { display:block; background:#CCC; color:#F60; }
     42#menus ul li:hover ul li:first-child { border-top:1px solid #2A2A2A; }
     43#menus ul li:hover ul li { border-bottom:1px solid #2A2A2A; }
     44#entete { height:12em; position:relative; width:70em; clear:both; background:#FFF url(images/speciale.png) no-repeat 55em 0.5em; }
     45#chemin { position:relative; width:100%; clear:both; border-top:1px solid #CCC; }
     46#gauche { position:relative; width:18%; float:left; clear:left; }
     47#central { position:relative; width:55%; float:left; }
     48#droite { position:relative; width:27%; float:left; }
     49#info { position:relative; width:70em; margin:0 auto 1em; text-align:left; border:1px solid #CCC; }
     50#contpied { clear:both; float:left; z-index:10; width:100%; }
     51#pied { background:#FFF; position:relative; width:70em; margin:0 auto; text-align:left; }
     52#contperso_pied { background:url(images/fond_perso.png) repeat-x left center; position:abolute; margin-top:1em; width:100%; clear:both; float:left; z-index:10; border-top:1px solid #EEE; }
     53#pied_perso { background:url(images/ls.png) no-repeat 12px 4px; position:relative; width:70em; height:1.5em; margin:0 auto; padding:0.3em 1em; text-align:left; }
     54
    4755
    4856/*Selecteurs et classes par ordre alpha*/
    49 a {text-decoration:none;}
    50 a:link {color:#900;}
    51 a:visited {color:#910;}
    52 a:hover {color:#C33;}
    53 a:active,.a:focus {color:#000;}
    54 a[hreflang]:after {content:"\0000a0[" attr(hreflang) "]";color:#999;background:transparent;font-size:x-small;}
    55 abbr,acronym {text-transform:uppercase;font-size:85%;letter-spacing:.1em;}
    56 abbr[title],acronym[title],dfn[title] {cursor:help;border-bottom:1px solid black;}
    57 .art_sommaire_petit_cont2 {margin-top:1em;border-top:1px solid #CCC;padding-top:1em;}
    58 .art_petit_liste {float:left;position:relative;}
    59 .art_petit_liste li {width:16.2em;float:left;clear:none;float:right;}
    60 .art_petit_liste li:first-child {float:left;width:16em;padding-right:1em;margin-right:1em;border-right:1px solid #CCC;}
    61 
    62 .backcolor1 {background:#DDD;}
    63 .backcolor2 {background:#CCC;}
    64 .backcolor3 {background:#900;}
    65 .backcolor4 {background:#666;}
    66 .backcolor5 {background:#111;}
    67 big {font-size:125%;line-height:90%;}
    68 
    69 blockquote {font-style:italic;color:#333;text-align:justify;background:#EEE;padding:1em;color:#900;border-left:1em solid #BBB;border-right:1em solid #BBB;}
    70 
    71 blockquote:before {content:"\ab\2005";font-size:5em;font-family:Aller_Bd,helvetica,arial,sans-serif;color:#FAA;display:inline-block;position:absolute;margin:0 0 0 -0.65em;}
    72 blockquote:after {content:"\bb\2005";font-size:5em;font-family:Aller_Bd,helvetica,arial,sans-serif;color:#FAA;display:inline-block;position:absolute;margin:-0.4em 4.78em;}
    73 
    74 .blockimage {}
    75 .blocklang {position:relative;float:left;width:auto;padding:0;vertical-align:middle;}
    76 .blocktexteall {padding:0.5em 1.5em;border:1px solid #CCC;}
    77 .blocktextelr {padding:0.5em 1.5em;border-left:1px solid #CCC;border-right:1px solid #CCC;}
    78 .blocktextemenus {padding:0.5em 0.5em 0.5em 1.5em;;border-bottom:1px solid #CCC;}
    79 .blocktextebottom {padding:0.5em 1.5em 1.5em; border-bottom:1px solid #CCC;}
    80 .blocktexte {padding:2em;}
    81 .blocktextepetit {padding:0.5em 1.5em;}
    82 
    83 .calendoss {background:#FFF;position:relative;top:-1em;text-align:center;width:4em;padding:0.3em 0;float:right;margin-left:0.5em;text-align:center;border:1px solid #CCC;}
    84 .calendossnj {font-size:1em;font-weight:normal;font-family:YanoneKaffeesatz-Reg,arial,sans-serif;text-transform:capitalize;}
    85 .calendossj {margin:-0.2em auto;font-weight:normal;font-family:Aller_Display,arial,sans-serif;font-size:2em;color:#900;}
    86 .calendossm {font-size:1em;font-weight:normal;font-family:YanoneKaffeesatz-Reg,arial,sans-serif;color:#000;text-transform:capitalize;}
    87 .calendossa {margin:-0.2em auto;font-weight:normal;font-family:Aller_Display,helvetica,arial,sans-serif;font-size:1.2em;color:#900;}
    88 .caractencadre-spip {color:#F60;}
    89 .caractencadre2-spip {color:#009;}
    90 .cartouche {margin-bottom:2em;}
    91 .cartouche .spip_logos {float:right;margin-left:16px;margin-bottom:4px;}
    92 .cartouche p {margin:0;padding:0;clear:left;}
    93 .cartouche .soustitre {margin:1em 0 1.5em;}
    94 .cartouche .traductions {font-size:0.90em;}
    95 .chapo {margin-bottom:1.70em;line-height:1.40em;font-size:1.1em;font-family:Aller_Bd,helvetica,arial,sans-serif;}
    96 .chapo:first-letter {font-size:1.5em;color:#900;display:block;margin-right:0.2em;vertical-align:text-top;}
    97 cite,em,dfn {font-style:italic;}
    98 code {font-size:110%;line-height:80%;}
    99 .color1 {color:#333;}
    100 .color2 {color:#333;}
    101 .color3 {color:#CCC;}
    102 .color4 {color:#CCC;}
    103 .color5 {color:#FFF;}
    104 
    105 .spip_code, .spip_cadre {color:#900;font-family:Courier,"Courier New",monospace;}
    106 
    107 del {text-decoration:line-through;}
    108 #descriptif_site_spip {font-family:Aller_LtIt,helvetica,arial,sans-serif;position:absolute;top:-4.5em;left:165px;width:50em;}
    109 div.liste.syndic_articles h2.h2 {margin-top:2em;}
    110 .div.spip_code, .spip_cadre {margin:1em 1em 1em 0;width:100%;border:1px inset #666;background:#ECECEC;color:#222;}
    111 
    112 .ferg {text-align:left;}
    113 .ferc {text-align:center;}
    114 .ferd {text-align:right;}
    115 .ferj {text-align:justify;}
    116 .formulaire_recherche label {display:none;}
    117 .formulaire_spip {border:0 none;clear:both;margin-bottom:0.5em;padding:0;text-align:left;}
    118 .formulaire_spip label {font-weight:normal;font-family:Aller_Lt,helvetica,arial,sans-serif;font-style:normal;text-align:left;position:relative;}
    119 
    120 h1,h2,h3,h4,h5,h6 {font-weight:normal;font-family:Aller_Bd,helvetica,arial,sans-serif}
    121 h2.h2.entry-title {padding-top:0.5em;font-size:2em;font-weight:normal;font-family:Aller_Bd,helvetica,arial,sans-serif;}
    122 h2.h2 {font-size:1em;font-weight:normal;font-family:Aller_Bd,helvetica,arial,sans-serif;}
    123 h3.h3.spip {font-size:1.2em;font-weight:normal;font-family:Aller_Bd,helvetica,arial,sans-serif;}
    124 h4.color1 {border-bottom:1px solid #CCC;margin-bottom:0.5em;}
    125 h4.color2 {border-bottom:1px solid #CCC;padding-top:1em;margin-bottom:0.5em;}
    126 .hentry h2  {border-top:1px solid #CCC;margin-top:0.5em;}
    127 hr {display:none;}
    128 hr {height:1px;background-color:#CCC;border:none;margin-bottom:0.9em;}
    129 #hierarchie {clear:both;margin:1em 0;font-size:0.96em;border-bottom:1px solid #CCC;}
    130 .hyperlien {display:block;background:#EEE;padding:0.50em 1em;}
    131 
    132 img, .spip_logos {padding:0;border:none;margin:0;}
    133 .info-publi {margin:-1em 0 1em;width:100%;}
    134 .invisible {position:absolute;top:-3000em;height:1%;display:none;}
    135 .introduction {font-family:Aller_Lt,helvetica,arial,sans-serif;float:left;clear:left;}
    136 ins,dfn {border-bottom:1px solid #666;}
    137 
    138 kbd,samp,pre,tt,var,input[type='text'],input[type='password'],textarea {/*font-size:100%;font-weight:normal;font-family:mono-space,monospace;*/}
    139 
    140 .meta-publi {padding-left:13.5em;clear:both;margin:1em 0;font-family:Aller_It,helvetica,arial,sans-serif;}
    141 .meta-publi-petit {width:100%; clear:both;padding:0 0 0.5em ;text-align:right;}
    142 .nettoyeur {clear:both;height:0;margin:0;padding:0;border:0;line-height:1px;font-size:1px;}
    143 .notes {clear:both;font-size:0.90em;}
    144 
    145 #nom_site_spip {display:block;position:absolute;margin:0;top:0.625em;left:320px;font-weight:normal;font-family:SteelfishBd,helvetica,arial,sans-serif;font-size:5em;color:#333;}
    146 #nom_site_spip a {color:#333;}
    147 #nom_site_spip a:hover {color:#C33;}
    148 .on {}
    149 
    150 p+p {}
    151 p {line-height:140%;color:#444;margin:0;}
    152 p+h1,p+h2,p+h3,p+h4,p+h5,p+h6 {margin:0.66em 0 0.33em;}
    153 p.petit {font-size:0.8em;line-height:120%;}
    154 p.pagination {margin-top:1em;padding-top:0.5em;clear:both;text-align:right;font-size:0.90em;color:#666;border-top:1px solid #CCC;}
    155 .pagination .on {color:#666;}
    156 #pied img {vertical-align:middle;}
    157 .ps, .notes {margin-bottom:2em;line-height:1.40em;}pre {white-space:pre;}
    158 pre * {font-size:100%;white-space:pre;}
    159 
    160 #slogan_site_spip {position:absolute;top:8.5em;left:320px;margin:0;font-weight:normal;font-family:Aller_Bd,helvetica,arial,sans-serif;color:#900;}
    161 small,sup,sub {font-size:85%;}
    162 .spip_documents_left {float:left;margin-right:15px;margin-bottom:0px;clear:left;margin-top:0px;margin-left:0px;display:block;border :0;line-height :10%;}
    163 .spip_documents {}
    164 .spip_documents p {}
    165 .spip_documents_center {display:block;clear:both;width:100%;margin:1em auto;}
    166 .spip_documents_right {float:right;margin-left:15px;margin-bottom:5px;}
    167 .spip_doc_titre {margin-right:auto;margin-left:auto;font-size:0.90em;}
    168 .spip_doc_descriptif {clear:both;margin-right:auto;margin-left:auto;font-size:0.90em;}
    169 .spip_modele {float:right;display:block;padding:1em;border:1px solid;width:180px;}
    170 strong {font-weight:normal;font-family:Aller_Bd,helvetica,arial,sans-serif;}
    171 sub {vertical-align:sub;}
    172 sup, .super {font-size:0.7em;text-transform:none;vertical-align:0.3em;letter-spacing:1px;}
    173 .surtitre, .soustitre {font-size:1.10em;color:#555;}
    174 
    175 .texteencadre-spip {float:right;text-align:justify;background:#EEE;border:2px solid #CCC;margin:0.5em 0 0.5em 1em;padding:.5em;width:50%;}
    176 .texte {line-height:1.60em;font-weight:normal;font-family:Aller_Lt,helvetica,arial,sans-serif;}
    177 .texte hr {display:block;background:black;color:black;width:100%;height:1px;border:none;}
    178 .texte ol {margin-left:2em;}
    179 .texte p {font-size:1.1em;line-height:1.36em;text-align:justify;color:#333;}
    180 .texte p + p {margin-top:0.5em;}
    181 .texte ul li ul li {margin-left:1em;}
    182 
    183 .unpeubig {position:absolute;font-size:7em;text-align:center;left:2em;}
    184 .vcard {}
    185 .auteurs {display:block; float:left; clear:left;}
    186 .widgetsleft {left:0.5em;top:0.5em;position:absolute;width:auto;height:1em;z-index:200;}
    187 .widgets {right:2em;top:2em;position:absolute;width:auto;height:1em;z-index:200;}
    188 .widgetspetit {right:2em;top:0.5em;position:absolute;width:auto;height:1em;z-index:200;}
    189 .widgetsrecherche {right:2em;top:2em;position:absolute;width:auto;height:1em;z-index:200;}
    190 .widgets a, #menus .widgets a:hover {background:transparent;width:1em;border-right:none;}
    191 .widgets img:hover {background:transparent;}
    192 .widgetspetit,.widgets img,#perso img {vertical-align:middle;}
    193 .widgets ul {position:relative;margin:0;padding:0;list-style:none;line-height:normal;}
    194 .widgets ul li {position:relative;float:left;z-index:1000;}
     57a { text-decoration:none; }
     58a:link { color:#900; }
     59a:visited { color:#910; }
     60a:hover { color:#C33; }
     61a:active,.a:focus { color:#000; }
     62a[hreflang]:after { content:"\0000a0[" attr(hreflang) "]"; color:#999; background:transparent; font-size:x-small; }
     63abbr,acronym { text-transform:uppercase; font-size:85%; letter-spacing:.1em; }
     64abbr[title],acronym[title],dfn[title] { cursor:help; border-bottom:1px solid black; }
     65.art_sommaire_petit_cont2 { margin-top:1em; border-top:1px solid #CCC; padding-top:1em; }
     66.art_petit_liste { float:left; position:relative; }
     67.art_petit_liste li { width:16.2em; float:left; clear:none; float:right; }
     68.art_petit_liste li:first-child { float:left; width:16em; padding-right:1em; margin-right:1em; border-right:1px solid #CCC; }
     69
     70.backcolor1 { background:#DDD; }
     71.backcolor2 { background:#CCC; }
     72.backcolor3 { background:#900; }
     73.backcolor4 { background:#666; }
     74.backcolor5 { background:#111; }
     75big { font-size:125%; line-height:90%; }
     76
     77blockquote { font-style:italic; color:#333; text-align:justify; background:#EEE; padding:1em; color:#900; border-left:1em solid #BBB; border-right:1em solid #BBB; }
     78
     79blockquote:before { content:"\ab\2005"; font-size:5em; font-family:Aller_Bd,helvetica,arial,sans-serif; color:#FAA; display:inline-block; position:absolute; margin:0 0 0 -0.65em; }
     80blockquote:after { content:"\bb\2005"; font-size:5em; font-family:Aller_Bd,helvetica,arial,sans-serif; color:#FAA; display:inline-block; position:absolute; margin:-0.4em 4.78em; }
     81
     82.blockimage { }
     83.blocklang { position:relative; float:left; width:auto; padding:0; vertical-align:middle; }
     84.blocktexteall { padding:0.5em 1.5em; border:1px solid #CCC; }
     85.blocktextelr { padding:0.5em 1.5em; border-left:1px solid #CCC; border-right:1px solid #CCC; }
     86.blocktextemenus { padding:0.5em 0.5em 0.5em 1.5em; ; border-bottom:1px solid #CCC; }
     87.blocktextebottom { padding:0.5em 1.5em 1.5em;  border-bottom:1px solid #CCC; }
     88.blocktexte { padding:2em; }
     89.blocktextepetit { padding:0.5em 1.5em; }
     90
     91.calendoss { background:#FFF; position:relative; top:-1em; text-align:center; width:4em; padding:0.3em 0; float:right; margin-left:0.5em; text-align:center; border:1px solid #CCC; }
     92.calendossnj { font-size:1em; font-weight:normal; font-family:YanoneKaffeesatz-Reg,arial,sans-serif; text-transform:capitalize; }
     93.calendossj { margin:-0.2em auto; font-weight:normal; font-family:Aller_Display,arial,sans-serif; font-size:2em; color:#900; }
     94.calendossm { font-size:1em; font-weight:normal; font-family:YanoneKaffeesatz-Reg,arial,sans-serif; color:#000; text-transform:capitalize; }
     95.calendossa { margin:-0.2em auto; font-weight:normal; font-family:Aller_Display,helvetica,arial,sans-serif; font-size:1.2em; color:#900; }
     96.caractencadre-spip { color:#F60; }
     97.caractencadre2-spip { color:#009; }
     98.cartouche { margin-bottom:2em; }
     99.cartouche .spip_logos { float:right; margin-left:16px; margin-bottom:4px; }
     100.cartouche p { margin:0; padding:0; clear:left; }
     101.cartouche .soustitre { margin:1em 0 1.5em; }
     102.cartouche .traductions { font-size:0.90em; }
     103.chapo { margin-bottom:1.70em; line-height:1.40em; font-size:1.1em; font-family:Aller_Bd,helvetica,arial,sans-serif; }
     104.chapo:first-letter { font-size:1.5em; color:#900; display:block; margin-right:0.2em; vertical-align:text-top; }
     105cite,em,dfn { font-style:italic; }
     106code { font-size:110%; line-height:80%; }
     107.color1 { color:#333; }
     108.color2 { color:#333; }
     109.color3 { color:#CCC; }
     110.color4 { color:#CCC; }
     111.color5 { color:#FFF; }
     112
     113.spip_code, .spip_cadre { color:#900; font-family:Courier,"Courier New",monospace; }
     114
     115del { text-decoration:line-through; }
     116#descriptif_site_spip { font-family:Aller_LtIt,helvetica,arial,sans-serif; position:absolute; top:-4.5em; left:165px; width:50em; }
     117div.liste.syndic_articles h2.h2 { margin-top:2em; }
     118.div.spip_code, .spip_cadre { margin:1em 1em 1em 0; width:100%; border:1px inset #666; background:#ECECEC; color:#222; }
     119
     120.ferg { text-align:left; }
     121.ferc { text-align:center; }
     122.ferd { text-align:right; }
     123.ferj { text-align:justify; }
     124.formulaire_recherche label { display:none; }
     125.formulaire_spip { border:0 none; clear:both; margin-bottom:0.5em; padding:0; text-align:left; }
     126.formulaire_spip label { font-weight:normal; font-family:Aller_Lt,helvetica,arial,sans-serif; font-style:normal; text-align:left; position:relative; }
     127
     128h1,h2,h3,h4,h5,h6 { font-weight:normal; font-family:Aller_Bd,helvetica,arial,sans-serif}
     129h2.h2.entry-title { padding-top:0.5em; font-size:2em; font-weight:normal; font-family:Aller_Bd,helvetica,arial,sans-serif; }
     130h2.h2 { font-size:1em; font-weight:normal; font-family:Aller_Bd,helvetica,arial,sans-serif; }
     131h3.h3.spip { font-size:1.2em; font-weight:normal; font-family:Aller_Bd,helvetica,arial,sans-serif; }
     132h4.color1 { border-bottom:1px solid #CCC; margin-bottom:0.5em; }
     133h4.color2 { border-bottom:1px solid #CCC; padding-top:1em; margin-bottom:0.5em; }
     134.hentry h2  { border-top:1px solid #CCC; margin-top:0.5em; }
     135hr { display:none; }
     136hr { height:1px; background-color:#CCC; border:none; margin-bottom:0.9em; }
     137#hierarchie { clear:both; margin:1em 0; font-size:0.96em; border-bottom:1px solid #CCC; }
     138.hyperlien { display:block; background:#EEE; padding:0.50em 1em; }
     139
     140img, .spip_logos { padding:0; border:none; margin:0; }
     141.info-publi { margin:-1em 0 1em; width:100%; }
     142.invisible { position:absolute; top:-3000em; height:1%; display:none; }
     143.introduction { font-family:Aller_Lt,helvetica,arial,sans-serif; float:left; clear:left; }
     144ins,dfn { border-bottom:1px solid #666; }
     145
     146kbd,samp,pre,tt,var,input[type='text'],input[type='password'],textarea { /*font-size:100%; font-weight:normal; font-family:mono-space,monospace; */}
     147
     148.meta-publi { padding-left:13.5em; clear:both; margin:1em 0; font-family:Aller_It,helvetica,arial,sans-serif; }
     149.meta-publi-petit { width:100%;  clear:both; padding:0 0 0.5em ; text-align:right; }
     150.nettoyeur { clear:both; height:0; margin:0; padding:0; border:0; line-height:1px; font-size:1px; }
     151.notes { clear:both; font-size:0.90em; }
     152
     153#nom_site_spip { display:block; position:absolute; margin:0; top:0.5em; left:320px; font-weight:normal; font-family:SteelfishBd,helvetica,arial,sans-serif; font-size:5em; color:#333; }
     154#nom_site_spip a { color:#333; }
     155#nom_site_spip a:hover { color:#C33; }
     156.on { }
     157
     158p+p { }
     159p { line-height:140%; color:#444; margin:0; }
     160p+h1,p+h2,p+h3,p+h4,p+h5,p+h6 { margin:0.66em 0 0.33em; }
     161p.petit { font-size:0.8em; line-height:120%; }
     162p.pagination { margin-top:1em; padding-top:0.5em; clear:both; text-align:right; font-size:0.90em; color:#666; border-top:1px solid #CCC; }
     163.pagination .on { color:#666; }
     164#pied img { vertical-align:middle; }
     165.ps, .notes { margin-bottom:2em; line-height:1.40em; }pre { white-space:pre; }
     166pre * { font-size:100%; white-space:pre; }
     167
     168#slogan_site_spip { position:absolute; top:8.5em; left:320px; margin:0; font-weight:normal; font-family:Aller_Bd,helvetica,arial,sans-serif; color:#900; }
     169small,sup,sub { font-size:85%; }
     170.spip_documents_left { float:left; margin-right:15px; margin-bottom:0px; clear:left; margin-top:0px; margin-left:0px; display:block; border :0; line-height :10%; }
     171.spip_documents { }
     172.spip_documents p { }
     173.spip_documents_center { display:block; clear:both; width:100%; margin:1em auto; }
     174.spip_documents_right { float:right; margin-left:15px; margin-bottom:5px; }
     175.spip_doc_titre { margin-right:auto; margin-left:auto; font-size:0.90em; }
     176.spip_doc_descriptif { clear:both; margin-right:auto; margin-left:auto; font-size:0.90em; }
     177.spip_modele { float:right; display:block; padding:1em; border:1px solid; width:180px; }
     178strong { font-weight:normal; font-family:Aller_Bd,helvetica,arial,sans-serif; }
     179sub { vertical-align:sub; }
     180sup, .super { font-size:0.7em; text-transform:none; vertical-align:0.3em; letter-spacing:1px; }
     181.surtitre, .soustitre { font-size:1.10em; color:#555; }
     182
     183.texteencadre-spip { float:right; text-align:justify; background:#EEE; border:2px solid #CCC; margin:0.5em 0 0.5em 1em; padding:.5em; width:50%; }
     184.texte { line-height:1.60em; font-weight:normal; font-family:Aller_Lt,helvetica,arial,sans-serif; }
     185.texte hr { display:block; background:black; color:black; width:100%; height:1px; border:none; }
     186.texte ol { margin-left:2em; }
     187.texte p { font-size:1.1em; line-height:1.36em; text-align:justify; color:#333; }
     188.texte p + p { margin-top:0.5em; }
     189.texte ul li ul li { margin-left:1em; }
     190
     191.unpeubig { position:absolute; font-size:7em; text-align:center; left:2em; }
     192.vcard { }
     193.auteurs { display:block;  float:left;  clear:left; }
     194.widgetsleft { left:0.5em; top:0.5em; position:absolute; width:auto; height:1em; z-index:200; }
     195.widgets { right:2em; top:2em; position:absolute; width:auto; height:1em; z-index:200; }
     196.widgetspetit { right:2em; top:0.5em; position:absolute; width:auto; height:1em; z-index:200; }
     197.widgetsrecherche { right:2em; top:2em; position:absolute; width:auto; height:1em; z-index:200; }
     198.widgets a, #menus .widgets a:hover { background:transparent; width:1em; border-right:none; }
     199.widgets img:hover { background:transparent; }
     200.widgetspetit,.widgets img,#perso img { vertical-align:middle; }
     201.widgets ul { position:relative; margin:0; padding:0; list-style:none; line-height:normal; }
     202.widgets ul li { position:relative; float:left; z-index:1000; }
    195203
    196204/*Formulaires*/
    197 input,select,button {cursor:pointer;}
    198 input[type='text'],input[type='password'] {cursor:text;}
    199 input[type='hidden'] {display:none;}
    200 textarea,input[type='text'],input[type='password'],select {}
    201 legend {color:#900;text-align:left;}
    202 label {font-style:italic;text-align:left;}
    203 fieldset {border:none/*1px solid #ccc*/;text-align:left;}
    204 textarea:hover,input[type='text']:hover,input[type='password']:hover,select:hover {}
    205 textarea:focus,input[type='text']:focus,input[type='password']:focus,select:focus {}
    206 fieldset ul li {width:100%;float:left;clear:both;}
    207 #formulaire_inscription2 {}
    208 #formulaire_inscription2 form fieldset ul li {margin-bottom:0.5em;}
    209 #formulaire_inscription2 form fieldset ul li input {float:right;}
    210 #formulaire_inscription2 form p input {float:right;}
    211 #formulaire_inscription2 form fieldset ul li textarea {float:right;}
    212 #formulaire_inscription2 form fieldset ul li .radio  {float:left;}
    213 #formulaire_menu_lang {width:25em;position: absolute;right:1em;top:-1.8em;z-index:10000;}
    214 #formulaire_menu_lang label {color:#FFF;width:14em;text-align:right;margin-right:1em;position:relative;top:0.1em;float:left;font-weight:normal;font-family:"Aller_Bd",helvetica,arial,sans-serif;}
    215 #formulaire_menu_lang select {width:10em;position: relative;float:right;}
    216 #formulaire_recherche {width:17em;position:absolute;top:-2.15em;right:-55.4em;text-align:right;}
     205input,select,button { cursor:pointer; }
     206input[type='text'],input[type='password'] { cursor:text; }
     207input[type='hidden'] { display:none; }
     208textarea,input[type='text'],input[type='password'],select { }
     209legend { color:#900; text-align:left; }
     210label { font-style:italic; text-align:left; }
     211fieldset { border:none/*1px solid #ccc*/; text-align:left; }
     212textarea:hover,input[type='text']:hover,input[type='password']:hover,select:hover { }
     213textarea:focus,input[type='text']:focus,input[type='password']:focus,select:focus { }
     214fieldset ul li { width:100%; float:left; clear:both; }
     215#formulaire_inscription2 { }
     216#formulaire_inscription2 form fieldset ul li { margin-bottom:0.5em; }
     217#formulaire_inscription2 form fieldset ul li input { float:right; }
     218#formulaire_inscription2 form p input { float:right; }
     219#formulaire_inscription2 form fieldset ul li textarea { float:right; }
     220#formulaire_inscription2 form fieldset ul li .radio  { float:left; }
     221#formulaire_menu_lang { width:25em; position: absolute; right:1em; top:-1.8em; z-index:10000; }
     222#formulaire_menu_lang label { color:#FFF; width:14em; text-align:right; margin-right:1em; position:relative; top:0.1em; float:left; font-weight:normal; font-family:"Aller_Bd",helvetica,arial,sans-serif; }
     223#formulaire_menu_lang select { width:10em; position: relative; float:right; }
     224#formulaire_recherche { width:17em; position:absolute; top:-2.15em; right:-55.4em; text-align:right; }
    217225
    218226/*Listes*/
    219 ol {list-style-type:decimal;}
    220 ul {margin:0;padding:0;list-style:none;}
    221 .menu {clear:both;text-align:left;}
    222 .menu p {margin:0;padding:0;}
    223 .menu ul {margin:0;padding:0;list-style:none;}
    224 .menu ul li {margin:0;padding:0;}
    225 .menu ul li ul {margin-left:1em;border:0;}
    226 .menu ul li li {padding:0;border:0;}
     227ol { list-style-type:decimal; }
     228ul { margin:0; padding:0; list-style:none; }
     229.menu { clear:both; text-align:left; }
     230.menu p { margin:0; padding:0; }
     231.menu ul { margin:0; padding:0; list-style:none; }
     232.menu ul li { margin:0; padding:0; }
     233.menu ul li ul { margin-left:1em; border:0; }
     234.menu ul li li { padding:0; border:0; }
  • _themes_/zpresse/inc-theme-copyleft.html

    r36535 r36597  
    1 <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 Unported License.
    2 
    3 <img alt="Creative Commons License" style="border-width:0;vertical-align:middle;" src="http://i.creativecommons.org/l/by/3.0/80x15.png" /></a>
    4 
    5 
     1<a rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 Unported License.
  • _themes_/zpresse/inclure/article-resume.html

    r36581 r36597  
    88<BOUCLE_articles(ARTICLES) {id_article} {statut?} >
    99<li class="item hentry">
     10
    1011        <div class="calendoss">
    1112                <ul>
     
    1617                </ul>
    1718        </div>
     19       
    1820        <h2 class="h2 entry-title"><a href="#URL_ARTICLE" rel="bookmark">#TITRE</a></h2>
     21       
    1922        <div class="info-publi">
    2023                [<span class="auteurs"><:par_auteur:> (#LESAUTEURS)</span>]
     
    2225       
    2326        [<div class="#EDIT{intro} introduction entry-content FerJ">
    24         [(#LOGO_ARTICLE_RUBRIQUE{#URL_ARTICLE}||inserer_attribut{class, spip_documents_left}|image_reduire{150})]
     27                [(#LOGO_ARTICLE_RUBRIQUE{#URL_ARTICLE}||inserer_attribut{class, spip_documents_left}|image_reduire{150})]
     28                (#INTRODUCTION)
     29        </div>]
    2530       
    26         (#INTRODUCTION)</div>]
    27                 <div class="meta-publi">
    28                         <small><a class="lire-la-suite" href="#URL_ARTICLE"><:zpip:lire_la_suite:></a>
    29                         <BOUCLE_nb_commentaires(FORUMS) {id_article}{plat} />   [(#TOTAL_BOUCLE|oui)
    30                                 <span class="sep">|</span>
    31                                 <a[ href="(#URL_ARTICLE|ancre_url{forum})"] class="nb_commentaires">
    32                                         [(#TOTAL_BOUCLE)]&nbsp;[(#TOTAL_BOUCLE|=={1}|?{<:zpip:commentaire:>,<:zpip:commentaires:>})]
    33                                 </a>
    34                                 ]
    35                         <//B_nb_commentaires></small>
    36                 </div>
     31        <div class="meta-publi">
     32                <small>
     33                        <a class="lire-la-suite" href="#URL_ARTICLE"><:zpip:lire_la_suite:></a>
     34                        <BOUCLE_nb_commentaires(FORUMS) {id_article}{plat} />   
     35                        [(#TOTAL_BOUCLE|oui)
     36                        <span class="sep">|</span>
     37                        <a[ href="(#URL_ARTICLE|ancre_url{forum})"] class="nb_commentaires">
     38                                [(#TOTAL_BOUCLE)]&nbsp;[(#TOTAL_BOUCLE|=={1}|?{<:zpip:commentaire:>,<:zpip:commentaires:>})]
     39                        </a>
     40                        ]
     41                        <//B_nb_commentaires>
     42                </small>
     43        </div>
    3744</li>
    3845</BOUCLE_articles>
Note: See TracChangeset for help on using the changeset viewer.