Changeset 44075 in spip-zone
- Timestamp:
- Feb 2, 2011, 12:51:07 PM (9 years ago)
- Location:
- _themes_/zpresse
- Files:
-
- 10 added
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
_themes_/zpresse/habillage.css
r36724 r44075 1 html { 2 margin:0; 3 padding:0; 4 background:url(images/fond_up.jpg) repeat-x top center, url(images/fond_bottom.jpg) repeat-x fixed bottom center; 5 } 6 body { margin:0 auto; padding:0; text-align:center; font-size:76%; font-weight:normal; font-family:Aller_Rg,helvetica,arial,sans-serif; } 1 html { font-size:100.1%;font-weight: normal;font-style: normal;margin:0; padding:0; background:url(images/fond_up.jpg) repeat-x top center, url(images/fond_bottom.jpg) repeat-x fixed bottom center;/*Images pour exemple seulement, les multiple backgrounds ne fonctionnent pas partout. Devinez qui ne comprend pas (-; */ } 2 body { overflow-x:hidden;margin:0 auto; padding:0; text-align:center; font:0.77em/1.4em "Lucida Grande",Lucida, verdana, "Luxi sans","Lucida Sans Unicode",sans-serif; } 3 7 4 /*Polices*/ 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"); } 5 6 @font-face {font-family: 'PTSansNarrowBold';src: local('☺'), url('polices/PT_Sans/pt_sans-narrowbold-ttf.ttf') format('truetype');} 7 @font-face {font-family: 'PTSansNarrowRegular';src: local('☺'), url('polices/PT_Sans/pt_sans-narrow-ttf.ttf') format('truetype');} 8 @font-face {font-family: 'PTSansCaptionBold';src: local('☺'), url('polices/PT_Sans/pt_sans-captionbold-ttf.ttf') format('truetype');} 9 @font-face {font-family: 'PTSansCaptionRegular';src: local('☺'), url('polices/PT_Sans/pt_sans-caption-ttf.ttf') format('truetype');} 10 11 #nom_site_spip { display:block; position:absolute; margin:0; top:1em; left:320px; font-weight:normal; font-family:PTSansNarrowRegular; font-size:5em; color:#333; } 12 13 h1,h2,h3{font-weight:normal; font-family:PTSansCaptionBold;} 14 h2.h2.entry-title {padding-top:0.5em; font-size:2em;} 15 h2.h2 {font-size:1em;} 16 h3.h3.spip {font-size:1.2em;} 17 18 #nom_site_spip a { color:#333; } 19 #nom_site_spip a:hover { color:#C33; } 20 .on { } 21 22 21 23 /*Structure*/ 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; /*Pour exemple seulement*/ position:relative; width:70em; height:2em; margin:0 auto; padding:0.3em 1em; text-align:left; }24 #contperso { background:url(images/fond_perso.png) repeat-x left center; /*Pour exemple seulement*/ position:absolute; top:0; width:100%; height:2em; clear:both; float:left; z-index:10; border-bottom:1px solid #999; } 25 #perso { background:url(images/ls.png) no-repeat 12px 4px; /*Pour exemple seulement*/ position:relative; width:70em; height:2em; margin:0 auto; padding:0.3em 1em; text-align:left; } 24 26 #page { background:#FFF; width:70em; margin:3em auto 1em; text-align:left; border:1px solid #CCC; } 25 27 #metaz { position:relative; width:70em; margin:0 auto; text-align:left; border-bottom:1px solid #CCC; } … … 30 32 #menus ul li a { float:none !important; display:block; } 31 33 #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; }34 #menus a { display:block; width:auto; background:#111; padding:0.5em 1em 0.4em 0.4em; text-decoration:none; color:#FFF; font-weight:bold; } 33 35 #menus ul li ul li a { display:block; width:12.5em; background:#111; padding:0.5em; text-decoration:none; color:#FFF; } 34 36 #menus a:hover { color:#333; background:#FB5; } … … 77 79 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; } 78 80 79 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; }80 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; }81 blockquote:before { content:"\ab\2005"; font-size:5em; color:#FAA; display:inline-block; position:absolute; margin:0 0 0 -0.65em; } 82 blockquote:after { content:"\bb\2005"; font-size:5em; color:#FAA; display:inline-block; position:absolute; margin:-0.4em 4.78em; } 81 83 82 84 .blockimage { } … … 90 92 91 93 .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; } 94 95 .calendossnj { font-size:1em; font-weight:normal; font-family:PTSansNarrowRegular; text-transform:capitalize; } 96 .calendossj { margin:-0.2em auto; font-weight:normal; font-family:PTSansCaptionBold; line-height:1.2em;font-size:2em; color:#900; } 97 .calendossm { font-size:1em; font-weight:normal; font-family:PTSansNarrowRegular; color:#000; text-transform:capitalize; } 98 .calendossa { margin:-0.2em auto; font-weight:normal; font-family:PTSansCaptionBold; line-height:1.5em;font-size:1.2em; color:#900; } 99 96 100 .caractencadre-spip { color:#F60; } 97 101 .caractencadre2-spip { color:#009; } … … 101 105 .cartouche .soustitre { margin:1em 0 1.5em; } 102 106 .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;}107 .chapo { margin-bottom:1.70em; line-height:1.40em; font-size:1.1em; } 104 108 .chapo:first-letter { font-size:1.5em; color:#900; display:block; margin-right:0.2em; vertical-align:text-top; } 105 109 cite,em,dfn { font-style:italic; } … … 114 118 115 119 del { 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; }120 #descriptif_site_spip {position:absolute; top:-4.5em; left:165px; width:50em; } 117 121 div.liste.syndic_articles h2.h2 { margin-top:2em; } 118 122 .div.spip_code, .spip_cadre { margin:1em 1em 1em 0; width:100%; border:1px inset #666; background:#ECECEC; color:#222; } … … 124 128 .formulaire_recherche label { display:none; } 125 129 .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 128 h1,h2,h3,h4,h5,h6 { font-weight:normal; font-family:Aller_Bd,helvetica,arial,sans-serif} 129 h2.h2.entry-title { padding-top:0.5em; font-size:2em; font-weight:normal; font-family:Aller_Bd,helvetica,arial,sans-serif; } 130 h2.h2 { font-size:1em; font-weight:normal; font-family:Aller_Bd,helvetica,arial,sans-serif; } 131 h3.h3.spip { font-size:1.2em; font-weight:normal; font-family:Aller_Bd,helvetica,arial,sans-serif; } 130 .formulaire_spip label { font-weight:normal; font-style:normal; text-align:left; position:relative; } 131 132 132 133 h4.color1 { border-bottom:1px solid #CCC; margin-bottom:0.5em; } 133 134 h4.color2 { border-bottom:1px solid #CCC; padding-top:1em; margin-bottom:0.5em; } … … 141 142 .info-publi { margin:-1em 0 1em; width:100%; } 142 143 .invisible { position:absolute; top:-3000em; height:1%; display:none; } 143 .introduction { f ont-family:Aller_Lt,helvetica,arial,sans-serif; float:left; clear:left; }144 .introduction { float:left; clear:left; } 144 145 ins,dfn { border-bottom:1px solid #666; } 145 146 146 147 kbd,samp,pre,tt,var,input[type='text'],input[type='password'],textarea { /*font-size:100%; font-weight:normal; font-family:mono-space,monospace; */} 147 148 148 .meta-publi { padding-left:13.5em; clear:both; margin:1em 0; font-family:Aller_It,helvetica,arial,sans-serif;}149 .meta-publi { padding-left:13.5em; clear:both; margin:1em 0; } 149 150 .meta-publi-petit { width:100%; clear:both; padding:0 0 0.5em ; text-align:right; } 150 151 .nettoyeur { clear:both; height:0; margin:0; padding:0; border:0; line-height:1px; font-size:1px; } 151 152 .notes { clear:both; font-size:0.90em; } 152 153 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 { } 154 157 155 158 156 p+p { } … … 166 164 pre * { font-size:100%; white-space:pre; } 167 165 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; }166 #slogan_site_spip { position:absolute; top:8.5em; left:320px; margin:0; font-weight:normal; color:#900; } 169 167 small,sup,sub { font-size:85%; } 170 168 .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%; } … … 176 174 .spip_doc_descriptif { clear:both; margin-right:auto; margin-left:auto; font-size:0.90em; } 177 175 .spip_modele { float:right; display:block; padding:1em; border:1px solid; width:180px; } 178 strong { font-weight:normal; font-family:Aller_Bd,helvetica,arial,sans-serif;}176 strong { font-weight:normal; } 179 177 sub { vertical-align:sub; } 180 178 sup, .super { font-size:0.7em; text-transform:none; vertical-align:0.3em; letter-spacing:1px; } … … 182 180 183 181 .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;}182 .texte { line-height:1.60em; font-weight:normal; } 185 183 .texte hr { display:block; background:black; color:black; width:100%; height:1px; border:none; } 186 184 .texte ol { margin-left:2em; } … … 220 218 #formulaire_inscription2 form fieldset ul li .radio { float:left; } 221 219 #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;}220 #formulaire_menu_lang label { color:#FFF; width:14em; text-align:right; margin-right:1em; position:relative; top:0.1em; float:left; font-weight:bold;} 223 221 #formulaire_menu_lang select { width:10em; position: relative; float:right; } 224 222 #formulaire_recherche { width:17em; position:absolute; top:-2.15em; right:-55.4em; text-align:right; }
Note: See TracChangeset
for help on using the changeset viewer.