Merge lp:~mcpeter/ubuntu-fr-static/fix715133 into lp:ubuntu-fr-static
- fix715133
- Merge into trunk
Status: | Merged |
---|---|
Merged at revision: | 38 |
Proposed branch: | lp:~mcpeter/ubuntu-fr-static/fix715133 |
Merge into: | lp:ubuntu-fr-static |
Diff against target: |
1811 lines (+625/-897) 6 files modified
theme2010/css/doc-general.css (+2/-8) theme2010/css/forum-general.css (+602/-879) theme2010/css/forum.css (+5/-0) theme2010/css/header.css (+7/-0) theme2010/css/init.css (+5/-6) theme2010/js/common.js (+4/-4) |
To merge this branch: | bzr merge lp:~mcpeter/ubuntu-fr-static/fix715133 |
Related bugs: |
Reviewer | Review Type | Date Requested | Status |
---|---|---|---|
Ubuntu-fr-webteam | Pending | ||
Review via email: mp+50504@code.launchpad.net |
Commit message
Description of the change
* Création de la page forum.css
- Actuellement cette page contient par @import les différents styles communs et
spécifiques. Cette page doit être utilisé en l'état pour la dev, à la fois
comme fichier et en inclusion html. En prod elle sera (pour des raisons
d'optimisation) le résultat d'un concat des différents styles.
* Modification de fichiers
- theme2010/
* Retrait des blocks :
INIT.CSS / PAGE.CSS / HEADER.CSS / NAVIGATION.CSS
Ces block se trouvent à présent dans la page forum.css sous forme d'import.
* Retrait du block #accessibar qui fait partit de page.css
* Retrait des styles sur 'hidemenu' devenus inutiles
* Nettoyage/
- themes2010/
* Retrait du block "hidemenu"
- theme2010/
* Ajout du block "hidemenu"
* Ajout du comportement input_focused (commun à tous les sites)
* Ajout du cache des label de login/pass
- theme2010/
* Réactivation des font-size de h1-2-3-4 en concordance avec le forum.
(à noter que la doc en prod a une erreur de codage css sur la hauteur de
ligne H2 : pas d'unité donné à la taille)
- theme2010/
* Modification des cibles JS passation de 'name' à 'id' pour simplifier les
appels.
Preview Diff
1 | === modified file 'theme2010/css/doc-general.css' | |||
2 | --- theme2010/css/doc-general.css 2011-02-19 01:18:38 +0000 | |||
3 | +++ theme2010/css/doc-general.css 2011-02-20 13:32:13 +0000 | |||
4 | @@ -19,12 +19,6 @@ | |||
5 | 19 | h3{ font-size:1.25em; } | 19 | h3{ font-size:1.25em; } |
6 | 20 | h4{ font-size:1em; } | 20 | h4{ font-size:1em; } |
7 | 21 | 21 | ||
8 | 22 | /* Cacher / afficher menu Navigation */ | ||
9 | 23 | html.hidemenu #navigation{ display:none; } | ||
10 | 24 | html.hidemenu #navbar, html.hidemenu #main, html.hidemenu #references, html.hidemenu #announce{ margin-left:0; } | ||
11 | 25 | html.hidemenu #hidemenu{ background-position:50% 27px; } | ||
12 | 26 | /* - - */ | ||
13 | 27 | |||
14 | 28 | #navbar{ | 22 | #navbar{ |
15 | 29 | margin:0 0 0 16em; | 23 | margin:0 0 0 16em; |
16 | 30 | background:#f6f6f6 url('../images/commun/menu_c.png') bottom left repeat-x; | 24 | background:#f6f6f6 url('../images/commun/menu_c.png') bottom left repeat-x; |
17 | @@ -575,6 +569,6 @@ | |||
18 | 575 | } | 569 | } |
19 | 576 | 570 | ||
20 | 577 | /* Images */ | 571 | /* Images */ |
23 | 578 | .medialeft{ margin-right:0.5em; } | 572 | img.medialeft{ margin-right:0.5em; } |
24 | 579 | .mediaright{ margin-left:0.5em; } | 573 | img.mediaright{ margin-left:0.5em; } |
25 | 580 | 574 | ||
26 | 581 | 575 | ||
27 | === modified file 'theme2010/css/forum-general.css' | |||
28 | --- theme2010/css/forum-general.css 2010-11-14 21:03:09 +0000 | |||
29 | +++ theme2010/css/forum-general.css 2011-02-20 13:32:13 +0000 | |||
30 | @@ -1,1094 +1,817 @@ | |||
31 | 1 | /************************************* INIT.CSS *********************************** | ||
32 | 2 | Refonte des styles de base | ||
33 | 3 | - origine : http://www.alsacreations.com/astuce/lire/654-feuille-de-styles-de-base.html | ||
34 | 4 | */ | ||
35 | 5 | |||
36 | 6 | html{font-size:100%} | ||
37 | 7 | body {padding:0; | ||
38 | 8 | margin-top:0; | ||
39 | 9 | background-repeat:repeat-x} | ||
40 | 10 | body, input, select, option, textarea{font-family:Arial, sans-serif; line-height:1.4em; | ||
41 | 11 | background-color:#FFF;color:#000} | ||
42 | 12 | body, option {font-size:0.85em;} | ||
43 | 13 | textarea, input, select {font-size:1em;} | ||
44 | 14 | h1, h2, h3, h4 {margin:1em 0 .5em 0; | ||
45 | 15 | line-height:1.2; | ||
46 | 16 | font-weight:bold; font-style:normal} | ||
47 | 17 | h1{font-size:1.75em} | ||
48 | 18 | h2{font-size:1.1em} | ||
49 | 19 | h3{font-size:1.1em} | ||
50 | 20 | h4{font-size:1em} | ||
51 | 21 | ul, ol{margin:0.75em 0 0.75em 12px; padding:0} | ||
52 | 22 | .alpha {list-style-type:lower-alpha} | ||
53 | 23 | p{margin:0.75em 0} | ||
54 | 24 | address{margin:0.75em 0; font-style:normal} | ||
55 | 25 | ol li p, ul li p{margin:0} | ||
56 | 26 | a{text-decoration:none; | ||
57 | 27 | color:#323232;} | ||
58 | 28 | a:hover, a:focus, a:active{text-decoration:underline} | ||
59 | 29 | a:active{outline:none} | ||
60 | 30 | a img{border:none} | ||
61 | 31 | em{font-style:italic} | ||
62 | 32 | strong{font-weight:bold} | ||
63 | 33 | form, fieldset{ | ||
64 | 34 | margin:0; padding:0; | ||
65 | 35 | border:none} | ||
66 | 36 | input, button, select{vertical-align:middle; max-width:100%} | ||
67 | 37 | select{padding-right:5px} | ||
68 | 38 | /*************************** PAGE.CSS ********************************/ | ||
69 | 39 | #page{ | ||
70 | 40 | margin:1em; padding:0.4em 1.8em 0; | ||
71 | 41 | min-width:925px; | ||
72 | 42 | min-height:42em; | ||
73 | 43 | background-image:url('../images/commun/ground_page.png'); | ||
74 | 44 | background-color:#F6F6F6; | ||
75 | 45 | background-position:top left; background-repeat:repeat-x; | ||
76 | 46 | border:1px outset #D2D2D2; | ||
77 | 47 | border-right:2px outset #D2D2D2; | ||
78 | 48 | border-bottom:3px outset #D2D2D2; | ||
79 | 49 | border-radius:8px; | ||
80 | 50 | -moz-border-radius:8px; | ||
81 | 51 | -o-border-radius:8px; | ||
82 | 52 | -khtml-border-radius:8px; | ||
83 | 53 | position:relative; | ||
84 | 54 | } | ||
85 | 55 | /*********************************** HEADER.CSS ******************************** | ||
86 | 56 | v0.1 - 13/06/2010 - McPeter | ||
87 | 57 | */ | ||
88 | 58 | #header{ | ||
89 | 59 | height:7.5em; | ||
90 | 60 | margin-bottom:0px; | ||
91 | 61 | } | ||
92 | 62 | #header:after{content:''; display:block; clear:both} | ||
93 | 63 | #logo{ | ||
94 | 64 | float:left; | ||
95 | 65 | background-repeat:no-repeat; | ||
96 | 66 | } | ||
97 | 67 | #logo h1{ | ||
98 | 68 | margin:0; | ||
99 | 69 | /* 325px au lieu de 256px pour le logo 'edubuntu' - McPeter - 27/07/2010 */ | ||
100 | 70 | min-width:325px; min-height:65px; | ||
101 | 71 | text-indent:-9000px; | ||
102 | 72 | } | ||
103 | 73 | #logo a{font-size:0.85em} | ||
104 | 74 | #search { | ||
105 | 75 | float:none; | ||
106 | 76 | margin-left:auto; | ||
107 | 77 | width:340px; height:23px; | ||
108 | 78 | background-color:#FFF; | ||
109 | 79 | -o-border-radius:11px; | ||
110 | 80 | -khtml-border-radius:11px; | ||
111 | 81 | -moz-border-radius:11px; | ||
112 | 82 | border-radius:11px; | ||
113 | 83 | border-width:1px; | ||
114 | 84 | border-style:inset; | ||
115 | 85 | border-color:#AAA #FFF #FFF #AAA; | ||
116 | 86 | vertical-align:bottom; | ||
117 | 87 | } | ||
118 | 88 | #search input[type=text]{ | ||
119 | 89 | float:left; | ||
120 | 90 | margin:3px 0 0 4px; padding:0 0 2px 20px; | ||
121 | 91 | width:170px; | ||
122 | 92 | background-color:transparent; background-position:1px 1px; background-repeat:no-repeat; | ||
123 | 93 | border:none; | ||
124 | 94 | } | ||
125 | 95 | #search select{ | ||
126 | 96 | position:relative; z-index:1; | ||
127 | 97 | margin-top:1px; | ||
128 | 98 | width:110px; | ||
129 | 99 | background-color:transparent; | ||
130 | 100 | border:none; | ||
131 | 101 | border-left:1px solid #B3B3B3; | ||
132 | 102 | } | ||
133 | 103 | #search input[type=submit]{ | ||
134 | 104 | position:relative; z-index:1; | ||
135 | 105 | margin-top:1px; padding:0.1em 0 0.3em; | ||
136 | 106 | width:30px; | ||
137 | 107 | background-color:transparent; | ||
138 | 108 | border:none; | ||
139 | 109 | border-left:1px solid #B3B3B3; | ||
140 | 110 | cursor:pointer; | ||
141 | 111 | } | ||
142 | 112 | #search select option{background-color:#FFF; font-size:1.2em; } | ||
143 | 113 | #brdwelcome p{padding:0} | ||
144 | 114 | #brdwelcome a{padding:0 0 -5px; color:#3C3B37} | ||
145 | 115 | #brdwelcome{ | ||
146 | 116 | clear:none; | ||
147 | 117 | float:right; | ||
148 | 118 | text-align:right; | ||
149 | 119 | } | ||
150 | 120 | #brdwelcome ul.conl li span strong {margin-right:50px} | ||
151 | 121 | #login_top{ | ||
152 | 122 | margin:5px 0 0 auto; | ||
153 | 123 | width:350px; | ||
154 | 124 | text-align:right; | ||
155 | 125 | } | ||
156 | 126 | /*#login_top input, #login_top a{font-size:0.9em;}*/ | ||
157 | 127 | #login_top input[type=text], #login_top input[type=password]{ | ||
158 | 128 | margin-right:10px; padding:2px 5px; | ||
159 | 129 | width:80px; | ||
160 | 130 | background-color:#FFF; | ||
161 | 131 | border-width:1px; | ||
162 | 132 | border-style:inset; | ||
163 | 133 | border-color:#AAA #FFF #FFF #AAA; | ||
164 | 134 | -o-border-radius:11px; | ||
165 | 135 | -khtml-border-radius:11px; | ||
166 | 136 | -moz-border-radius:11px; | ||
167 | 137 | border-radius:1em; | ||
168 | 138 | } | ||
169 | 139 | #login_top input[type=submit]{ | ||
170 | 140 | padding:0; | ||
171 | 141 | background-color:transparent; | ||
172 | 142 | border:none; | ||
173 | 143 | cursor:pointer; | ||
174 | 144 | } | ||
175 | 145 | #login .btn_logout{float:right} | ||
176 | 146 | #login a{text-decoration:none} | ||
177 | 147 | #login h2{font-size:1.2em} | ||
178 | 148 | #login_top input, #search input{color:grey} | ||
179 | 149 | .input_focused{ | ||
180 | 150 | color:black !important; | ||
181 | 151 | } | ||
182 | 152 | |||
183 | 153 | /****************** NAVIGATION.CSS ************************* | ||
184 | 154 | v0.1 - 12/06/2010 - McPeter */ | ||
185 | 155 | #navigation{ | ||
186 | 156 | position:absolute; /*top:11.7em; left:4em; */ | ||
187 | 157 | width:16em; | ||
188 | 158 | } | ||
189 | 159 | #navigation ul{margin:0} | ||
190 | 160 | #navigation li{list-style:none} | ||
191 | 161 | #navigation li.menu{ | ||
192 | 162 | margin:0 0 8px; padding-top:1px; | ||
193 | 163 | background:#f6f6f6 url('../images/commun/menu_c.png') bottom left repeat-x; | ||
194 | 164 | border:1px solid #BEC0C0; | ||
195 | 165 | border-radius:5px 5px; | ||
196 | 166 | -moz-border-radius:5px 5px; | ||
197 | 167 | -o-border-radius:5px 5px; | ||
198 | 168 | -khtml-border-radius:5px 5px; | ||
199 | 169 | } | ||
200 | 170 | #navigation a{ | ||
201 | 171 | display:block; | ||
202 | 172 | text-decoration:none; | ||
203 | 173 | color:#000; | ||
204 | 174 | } | ||
205 | 175 | #navigation a.title{ | ||
206 | 176 | height:1.4em; | ||
207 | 177 | min-height:20px; | ||
208 | 178 | text-decoration:none; | ||
209 | 179 | padding-bottom:0; | ||
210 | 180 | } | ||
211 | 181 | #navigation a.title:hover{font-weight:bold} | ||
212 | 182 | /* Icones des sections */ | ||
213 | 183 | #menu-accueil, #menu-doc, #menu-forum, #menu-planet{ | ||
214 | 184 | background-image:url('../images/commun/list_menu.png'); | ||
215 | 185 | background-repeat:repeat-y; | ||
216 | 186 | } | ||
217 | 187 | /* positionnement des icones au repos/au survol/sélectionné */ | ||
218 | 188 | a#menu-accueil{background-position:5px 0} | ||
219 | 189 | a#menu-accueil:hover{background-position:5px -20px} | ||
220 | 190 | a#menu-doc{background-position:5px -40px} | ||
221 | 191 | a#menu-doc:hover{background-position:5px -60px} | ||
222 | 192 | a#menu-forum{background-position:5px -100px; } | ||
223 | 193 | a#menu-planet{background-position:5px -120px; } | ||
224 | 194 | a#menu-planet:hover{background-position:5px -140px} | ||
225 | 195 | |||
226 | 196 | #navigation .title, #navigation h2{font-size:1.1em} | ||
227 | 197 | |||
228 | 198 | #navigation h2{ | ||
229 | 199 | margin:5px 2px 0; padding:2px; | ||
230 | 200 | background-repeat:repeat-x; | ||
231 | 201 | border:1px outset #BEC0C0; | ||
232 | 202 | border-bottom-width:0px; | ||
233 | 203 | border-radius:5px 5px 0 0; | ||
234 | 204 | -moz-border-radius:5px 5px 0 0; | ||
235 | 205 | -o-border-radius:5px 5px 0 0; | ||
236 | 206 | -khtml-border-radius:5px 5px 0 0; | ||
237 | 207 | -webkit-border-top-right-radius:5px; | ||
238 | 208 | -webkit-border-top-left-radius:5px; | ||
239 | 209 | } | ||
240 | 210 | #navigation h2:before{ | ||
241 | 211 | padding-right:8px; | ||
242 | 212 | content:url('../images/commun/icon/newcoment.png'); | ||
243 | 213 | vertical-align:middle; | ||
244 | 214 | } | ||
245 | 215 | #navigation #active{ | ||
246 | 216 | background-position:top left; | ||
247 | 217 | border:1px solid #BEC0C0; | ||
248 | 218 | border-radius:5px 5px; | ||
249 | 219 | -moz-border-radius:5px 5px; | ||
250 | 220 | -o-border-radius:5px 5px; | ||
251 | 221 | -khtml-border-radius:5px 5px; | ||
252 | 222 | } | ||
253 | 223 | #navigation #active .title{ | ||
254 | 224 | border-bottom:2px groove #9D9E9E; | ||
255 | 225 | font-weight:bold; | ||
256 | 226 | } | ||
257 | 227 | .cat a{padding-bottom:0.3em} | ||
258 | 228 | #navigation .isactive a {font-weight:bold} | ||
259 | 229 | /** ajouté par Xabilon pour un bug d'affichage KHTML : menu_c.png est affiché sous le titre actif, donc bande grise sous le titre du menu **/ | ||
260 | 230 | #navigation #active{background-image:none;} | ||
261 | 231 | |||
262 | 232 | .cat a:before{padding:0 4px; content:'-';} | ||
263 | 233 | .cat a:hover{font-weight:bold; /*color:red;*/} | ||
264 | 234 | .cat a:hover:before{ | ||
265 | 235 | padding:0 0 0 3px; | ||
266 | 236 | content:'\2192' | ||
267 | 237 | /* content:url('../images/commun/icon/row-red.png');*/ | ||
268 | 238 | } | ||
269 | 239 | |||
270 | 240 | /* Effet hallo rouge */ | ||
271 | 241 | a.title span{ | ||
272 | 242 | display:block; | ||
273 | 243 | position:absolute; | ||
274 | 244 | margin-top:-0.42em;padding-top:0.46em; | ||
275 | 245 | padding-left:30px; /* emplacement réservé pour l'icone de section */ | ||
276 | 246 | width:12em; | ||
277 | 247 | } | ||
278 | 248 | a.title:hover span{ | ||
279 | 249 | background-position:center top; | ||
280 | 250 | background-repeat:no-repeat; | ||
281 | 251 | } | ||
282 | 252 | #navigation{ | ||
283 | 253 | top:7.8em; | ||
284 | 254 | left:1em; | ||
285 | 255 | /*font-size:1em;*/ | ||
286 | 256 | } | ||
287 | 257 | |||
288 | 258 | /* Retrait de profil, inscription, déconnexion et connexion du menu forum */ | 1 | /* Retrait de profil, inscription, déconnexion et connexion du menu forum */ |
290 | 259 | #navprofile, #navlogin, #navlogout, #navregister {display:none} | 2 | #navprofile, #navlogin, #navlogout, #navregister{ display:none; } |
291 | 260 | 3 | ||
292 | 261 | /* -- Base commune aux FORUMS -- */ | 4 | /* -- Base commune aux FORUMS -- */ |
293 | 262 | 5 | ||
294 | 263 | /* page d'accueil : icones des categories*/ | 6 | /* page d'accueil : icones des categories*/ |
302 | 264 | #idx1 h2{background-position:0 -408px} | 7 | #idx1 h2{ background-position:0 -408px; } |
303 | 265 | #idx2 h2{background-position:0 -255px} | 8 | #idx2 h2{ background-position:0 -255px; } |
304 | 266 | #idx3 h2{background-position:0 -153px} | 9 | #idx3 h2{ background-position:0 -153px; } |
305 | 267 | #idx4 h2{background-position:0 -357px} | 10 | #idx4 h2{ background-position:0 -357px; } |
306 | 268 | #idx5 h2{background-position:0 -204px} | 11 | #idx5 h2{ background-position:0 -204px; } |
307 | 269 | #idx6 h2{background-position:0 -102px} | 12 | #idx6 h2{ background-position:0 -102px; } |
308 | 270 | #idx7 h2{background-position:0 -306px} | 13 | #idx7 h2{ background-position:0 -306px; } |
309 | 271 | 14 | ||
318 | 272 | .stickytext, .closedtext, .movedtext, .reportlink a/*, #brdwelcome .conr li span*/ {background:url('../images/forum/icones.png') transparent no-repeat; max-height:16px;} | 15 | .stickytext, .closedtext, .movedtext, .reportlink a/*, #brdwelcome .conr li span*/{ |
319 | 273 | #pundelete form{padding-bottom:15px} | 16 | background:transparent url('../images/forum/icones.png') no-repeat; |
320 | 274 | /* Mise en forme page */ | 17 | max-height:16px; |
313 | 275 | #accessibar{ | ||
314 | 276 | margin:0px; | ||
315 | 277 | margin-top:0; | ||
316 | 278 | padding-top:0; | ||
317 | 279 | height:1em; | ||
321 | 280 | } | 18 | } |
322 | 19 | #pundelete form{ padding-bottom:15px; } | ||
323 | 281 | 20 | ||
324 | 282 | /* Annonce importante */ | 21 | /* Annonce importante */ |
332 | 283 | #announce { | 22 | #announce{ |
333 | 284 | margin:0 0 15px 16em; | 23 | margin:0 0 15px 16em; |
334 | 285 | border:1px solid #B0C0C0; | 24 | border:1px solid #B0C0C0; |
335 | 286 | -o-border-radius:5px; | 25 | border-radius:5px; |
336 | 287 | border-radius:5px; | 26 | -o-border-radius:5px; |
337 | 288 | -moz-border-radius:5px; | 27 | -moz-border-radius:5px; |
338 | 289 | -khtml-border-radius:5px; | 28 | -khtml-border-radius:5px; |
339 | 290 | } | 29 | } |
341 | 291 | #announce{margin-top:-1px !important} | 30 | #announce{ margin-top:-1px !important; } |
342 | 292 | 31 | ||
356 | 293 | #announce .hd { | 32 | #announce .hd{ |
357 | 294 | border-bottom:2px groove #ADAEAE; | 33 | padding-left:10px; |
358 | 295 | background-position:left top; | 34 | background-position:left top; |
359 | 296 | background-repeat:repeat-x; | 35 | background-repeat:repeat-x; |
360 | 297 | padding-left:10px; | 36 | border-bottom:2px groove #ADAEAE; |
361 | 298 | } | 37 | } |
362 | 299 | #announce h2 { | 38 | #announce h2{ |
363 | 300 | margin:0px; | 39 | margin:0px; |
364 | 301 | font-weight:bold; | 40 | font-weight:bold; |
365 | 302 | font-size:1.1em; | 41 | font-size:1.1em; |
366 | 303 | text-align:left; | 42 | text-align:left; |
367 | 304 | } | 43 | } |
368 | 305 | #announce-block {margin:10px} | 44 | #announce-block{margin:10px} |
369 | 306 | 45 | ||
370 | 307 | /* Annonce par forum */ | 46 | /* Annonce par forum */ |
371 | 308 | 47 | ||
385 | 309 | #announce-forum { | 48 | #announce-forum{ |
386 | 310 | margin:0; | 49 | margin:0; padding:10px; |
387 | 311 | border-color:#B0C0C0; | 50 | background-color:#F3F2F2; |
388 | 312 | border-style:solid; | 51 | border-color:#B0C0C0; |
389 | 313 | border-width :1px 1px 0 1px; | 52 | border-style:solid; |
390 | 314 | -moz-border-radius:5px 5px 0 0; | 53 | border-width :1px 1px 0 1px; |
391 | 315 | -o-border-radius:5px 5px 0 0; | 54 | border-radius:5px 5px 0 0; |
392 | 316 | border-radius:5px 5px 0 0; | 55 | -moz-border-radius:5px 5px 0 0; |
393 | 317 | -khtml-border-radius:5px 5px 0 0; | 56 | -o-border-radius:5px 5px 0 0; |
394 | 318 | -webkit-border-top-left-radius:5px; | 57 | -khtml-border-radius:5px 5px 0 0; |
395 | 319 | -webkit-border-top-right-radius:5px; | 58 | -webkit-border-top-left-radius:5px; |
396 | 320 | background-color:#F3F2F2; | 59 | -webkit-border-top-right-radius:5px; |
384 | 321 | padding:10px; | ||
397 | 322 | } | 60 | } |
398 | 323 | 61 | ||
399 | 324 | /* Cadre principal */ | 62 | /* Cadre principal */ |
400 | 325 | /* pour decaler le contenu des menus */ | 63 | /* pour decaler le contenu des menus */ |
401 | 326 | 64 | ||
412 | 327 | #mainindex, #main, #mainviewforum , #mainviewindex { | 65 | #mainindex, #main, #mainviewforum , #mainviewindex{ |
413 | 328 | clear:left; | 66 | clear:left; |
414 | 329 | background-color:#FFFFFF; | 67 | margin-left:16em; padding:0.5em; padding-top:0px; padding-bottom:0px; |
415 | 330 | border-color:#BEC0C0; | 68 | background-color:#FFFFFF; |
416 | 331 | border-style:solid; | 69 | border-color:#BEC0C0; |
417 | 332 | border-width:0 1px 0 1px; | 70 | border-style:solid; |
418 | 333 | margin-left:16em; | 71 | border-width:0 1px 0 1px; |
409 | 334 | padding:0.5em; | ||
410 | 335 | padding-top:0px; | ||
411 | 336 | padding-bottom:0px; | ||
419 | 337 | } | 72 | } |
420 | 338 | 73 | ||
421 | 339 | /* Pied de page avec les stats*/ | 74 | /* Pied de page avec les stats*/ |
422 | 340 | 75 | ||
436 | 341 | #brdstats { | 76 | #brdstats{ |
437 | 342 | border-radius:0 0 5px 5px; | 77 | margin:0; padding-left:30px; padding-right:30px; padding-top:10px; |
438 | 343 | -moz-border-radius:0 0 5px 5px; | 78 | background:#EDEDED url('../images/forum/Pied_gauche.png') repeat-y scroll left bottom; |
439 | 344 | -o-border-radius:0 0 5px 5px; | 79 | border-radius:0 0 5px 5px; |
440 | 345 | -khtml-border-radius:0 0 5px 5px; | 80 | -moz-border-radius:0 0 5px 5px; |
441 | 346 | background:#EDEDED url('../images/forum/Pied_gauche.png') repeat-y scroll left bottom; | 81 | -o-border-radius:0 0 5px 5px; |
442 | 347 | padding-left:30px; | 82 | -khtml-border-radius:0 0 5px 5px; |
443 | 348 | padding-right:30px; | 83 | border-color:#BEC0C0; |
444 | 349 | padding-top:10px; | 84 | border-style:solid; |
445 | 350 | border-color:#BEC0C0; | 85 | border-width:0 1px 1px; |
433 | 351 | border-style:solid; | ||
434 | 352 | border-width:0 1px 1px; | ||
435 | 353 | margin:0; | ||
446 | 354 | } | 86 | } |
448 | 355 | #brdstats h2 {display:none} | 87 | #brdstats h2{display:none} |
449 | 356 | 88 | ||
450 | 357 | #footer #brdfooter{ | 89 | #footer #brdfooter{ |
457 | 358 | padding-top:1px; | 90 | padding-top:1px; |
458 | 359 | border-color:#BEC0C0; | 91 | background-color:white; |
459 | 360 | border-style:solid; | 92 | border-color:#BEC0C0; |
460 | 361 | border-width:0 1px 1px; | 93 | border-style:solid; |
461 | 362 | background-color:white; | 94 | border-width:0 1px 1px; |
462 | 363 | border-bottom:0px; | 95 | border-bottom:0; |
463 | 364 | } | 96 | } |
464 | 365 | #punlogin #brdfooter{margin-top:-20px} | 97 | #punlogin #brdfooter{margin-top:-20px} |
465 | 366 | 98 | ||
466 | 367 | /********* STYLE DE BASE **************/ | 99 | /********* STYLE DE BASE **************/ |
467 | 368 | 100 | ||
469 | 369 | table {margin:0 auto} | 101 | table{ margin:0 auto; } |
470 | 370 | 102 | ||
471 | 371 | /** STYLES SPECIFIQUES DE L INTERIEUR DE LA PAGE **/ | 103 | /** STYLES SPECIFIQUES DE L INTERIEUR DE LA PAGE **/ |
472 | 372 | 104 | ||
473 | 373 | /*** pour palier a des bugs avec les float:left; **/ | 105 | /*** pour palier a des bugs avec les float:left; **/ |
474 | 374 | 106 | ||
476 | 375 | .clear, .clearer {clear:both} | 107 | .clear, .clearer{ clear:both; } |
477 | 376 | 108 | ||
478 | 377 | /* block de base FIXME :est-il utilise ?*/ | 109 | /* block de base FIXME :est-il utilise ?*/ |
479 | 378 | 110 | ||
481 | 379 | .block {margin:1em} | 111 | .block{ margin:1em; } |
482 | 380 | 112 | ||
483 | 381 | /* fil d ariane */ | 113 | /* fil d ariane */ |
484 | 382 | 114 | ||
507 | 383 | #navbar { | 115 | #navbar{ |
508 | 384 | margin:-14px 0 0 12px; | 116 | margin:-17px 0 0 12px; padding-left:0.5em; padding-right:0.5em; |
509 | 385 | -o-border-radius:5px 5px 0 0; | 117 | border-radius:5px 5px 0 0; |
510 | 386 | border-radius:5px 5px 0 0; | 118 | -o-border-radius:5px 5px 0 0; |
511 | 387 | -moz-border-radius:5px 5px 0 0; | 119 | -moz-border-radius:5px 5px 0 0; |
512 | 388 | -khtml-border-radius:5px 5px 0 0; | 120 | -khtml-border-radius:5px 5px 0 0; |
513 | 389 | -webkit-border-top-left-radius:5px; | 121 | -webkit-border-top-left-radius:5px; |
514 | 390 | -webkit-border-top-right-radius:5px; | 122 | -webkit-border-top-right-radius:5px; |
515 | 391 | padding-left:0.5em; | 123 | } |
516 | 392 | padding-right:0.5em; | 124 | #navbar p{ |
517 | 393 | } | 125 | margin:0px; padding:1px 0 1px 20px; |
518 | 394 | #navbar p { | 126 | } |
519 | 395 | margin:0px; | 127 | .linksb .crumbs, .linksb .postlink{ display:none; } |
520 | 396 | padding:1px 0 1px 20px; | 128 | .linkst{ |
521 | 397 | } | 129 | margin-top:0px; |
522 | 398 | .linksb .crumbs, .linksb .postlink {display:none} | 130 | margin-bottom:0.5em; |
523 | 399 | .linkst { | 131 | } |
524 | 400 | margin-top:0px; | 132 | .linkst, .linksb{ margin-left:20px; } |
525 | 401 | margin-bottom:0.5em; | 133 | .crumbs{ margin:0; clear:both; } |
504 | 402 | } | ||
505 | 403 | .linkst, .linksb {margin-left:20px} | ||
506 | 404 | .crumbs {margin:0;clear:both} | ||
526 | 405 | 134 | ||
527 | 406 | /* bouton pour cacher la colonne de liens*/ | 135 | /* bouton pour cacher la colonne de liens*/ |
528 | 407 | 136 | ||
538 | 408 | #hidemenu { | 137 | #hidemenu{ |
539 | 409 | background:transparent url('../images/commun/bt_open_close.png'); | 138 | position:relative; |
540 | 410 | background-position:0 14px; | 139 | margin:4px 0 0 -4px; padding:0; |
541 | 411 | cursor:pointer; | 140 | width:12px; height:14px; |
542 | 412 | height:14px; | 141 | background:transparent url('../images/commun/bt_open_close.png'); |
543 | 413 | margin:-8px 0 0 -4px; | 142 | background-position:0 14px; |
544 | 414 | position:relative; | 143 | cursor:pointer; |
536 | 415 | width:12px; | ||
537 | 416 | padding:0; | ||
545 | 417 | } | 144 | } |
546 | 418 | #hidemenu span {margin:0.75em 0; | ||
547 | 419 | height:14px; | ||
548 | 420 | display:block; } | ||
549 | 421 | #hidemenu a {text-decoration:none;} | ||
550 | 422 | 145 | ||
551 | 423 | /*******redirection**********/ | 146 | /*******redirection**********/ |
557 | 424 | #punredirect .top-box, #punredirect .end-box {height:20px} | 147 | #punredirect .top-box, #punredirect .end-box{ height:20px; } |
558 | 425 | #punredirect {margin:1em} | 148 | #punredirect{ margin:1em; } |
559 | 426 | #punredirect #brdmain { | 149 | #punredirect #brdmain{ |
560 | 427 | margin-top:-30px; | 150 | margin-top:-30px; margin-bottom:-15px; |
556 | 428 | margin-bottom:-15px; | ||
561 | 429 | } | 151 | } |
562 | 430 | 152 | ||
563 | 431 | /* mise en forme des tableaux des messages et des categories et des listes de posts */ | 153 | /* mise en forme des tableaux des messages et des categories et des listes de posts */ |
564 | 432 | 154 | ||
586 | 433 | .blocktable h2, .blockpost h2, #quickpost h2 { | 155 | .blocktable h2, .blockpost h2, #quickpost h2{ |
587 | 434 | height:44px; | 156 | margin-left:-2px; padding-top:7px; |
588 | 435 | background-repeat:no-repeat; | 157 | height:44px; |
589 | 436 | background-position:0px 0px; | 158 | background-repeat:no-repeat; |
590 | 437 | text-indent:55px; | 159 | background-position:0px 0px; |
591 | 438 | padding-top:7px; | 160 | text-indent:55px; |
592 | 439 | margin-left:-2px; | 161 | /*font-size:1.1em;*/ |
593 | 440 | /*font-size:1.1em;*/ | 162 | } |
594 | 441 | } | 163 | .blockpost h2, #quickpost h2, #postreview .blockpost .postleft dt{background-position:0 -51px} |
595 | 442 | .blockpost h2, #quickpost h2, #postreview .blockpost .postleft dt {background-position:0 -51px} | 164 | .blockpost h2, #quickpost h2{ |
596 | 443 | .blockpost h2, #quickpost h2 { | 165 | background-repeat:no-repeat; |
597 | 444 | background-repeat:no-repeat; | 166 | margin:0; |
598 | 445 | margin:0; | 167 | margin-left:-6px; |
599 | 446 | margin-left:-6px; | 168 | padding-right:6px; |
600 | 447 | padding-right:6px; | 169 | } |
601 | 448 | } | 170 | .blockpost, #quickpost, .blocktable{ |
602 | 449 | .blockpost, #quickpost, .blocktable { | 171 | background-repeat:repeat-x; |
603 | 450 | background-repeat:repeat-x; | 172 | } |
604 | 451 | } | 173 | .blocktable .box{ |
605 | 452 | .blocktable .box { | 174 | margin-top:-30px; |
585 | 453 | margin-top:-30px; | ||
606 | 454 | } | 175 | } |
607 | 455 | .blocktable h2 span{ | 176 | .blocktable h2 span{ |
628 | 456 | width:100%; | 177 | width:100%; |
629 | 457 | display:block; | 178 | display:block; |
630 | 458 | background-repeat:no-repeat; | 179 | background-repeat:no-repeat; |
631 | 459 | background-position:top right; | 180 | background-position:top right; |
632 | 460 | margin-top:-7px; | 181 | margin-top:-7px; |
633 | 461 | height:17px; | 182 | height:17px; |
634 | 462 | margin-right:-2px; | 183 | margin-right:-2px; |
635 | 463 | padding-top:7px; | 184 | padding-top:7px; |
636 | 464 | } | 185 | } |
637 | 465 | #quickpost h2 span { | 186 | #quickpost h2 span{ |
638 | 466 | padding-right:7px; | 187 | padding-right:7px; |
639 | 467 | } | 188 | } |
640 | 468 | .blockpost h2 span.conr, #quickpost h2 span.conr { | 189 | .blockpost h2 span.conr, #quickpost h2 span.conr{ |
641 | 469 | background-repeat:no-repeat; | 190 | background-repeat:no-repeat; |
642 | 470 | background-position:top right; | 191 | background-position:top right; |
643 | 471 | margin-top:-7px; | 192 | margin-top:-7px; |
644 | 472 | height:17px; | 193 | height:17px; |
645 | 473 | padding-top:7px; | 194 | padding-top:7px; |
646 | 474 | margin-right:-7px; | 195 | margin-right:-7px; |
647 | 475 | padding-right:7px; | 196 | padding-right:7px; |
648 | 476 | } | 197 | } |
649 | 477 | 198 | ||
650 | 478 | /* pour ne pas afficher : Pied de page des forums */ | 199 | /* pour ne pas afficher : Pied de page des forums */ |
651 | 479 | 200 | ||
653 | 480 | #brdfooter h2 {display:none} | 201 | #brdfooter h2{display:none} |
654 | 481 | 202 | ||
655 | 482 | /******* cache les info "en ligne" et co. ******/ | 203 | /******* cache les info "en ligne" et co. ******/ |
656 | 483 | .postfootleft{display:none} | 204 | .postfootleft{display:none} |
657 | 484 | .postfoot{text-align:right} | 205 | .postfoot{text-align:right} |
658 | 485 | .postfoot li{ | 206 | .postfoot li{ |
663 | 486 | border-left-width:1px; | 207 | border-left-width:1px; |
664 | 487 | border-left-style:solid; | 208 | border-left-style:solid; |
665 | 488 | padding-left:6px; | 209 | padding-left:6px; |
666 | 489 | padding-right:5px; | 210 | padding-right:5px; |
667 | 490 | } | 211 | } |
668 | 491 | .postreport{border-left-width:0px !important;} | 212 | .postreport{border-left-width:0px !important;} |
669 | 492 | /************* pour ne pas que les sujets soit colles a gauche **************/ | 213 | /************* pour ne pas que les sujets soit colles a gauche **************/ |
670 | 493 | .tclcon{ | 214 | .tclcon{ |
673 | 494 | float:left; | 215 | float:left; |
674 | 495 | width:96%; | 216 | width:96%; |
675 | 496 | } | 217 | } |
676 | 497 | /********* numero des forums *******/ | 218 | /********* numero des forums *******/ |
677 | 498 | .tcl .icon{ | 219 | .tcl .icon{ |
682 | 499 | width:4%; | 220 | width:4%; |
683 | 500 | float:left; | 221 | float:left; |
684 | 501 | min-height:20px; | 222 | min-height:20px; |
685 | 502 | height:1em; | 223 | height:1em; |
686 | 503 | } | 224 | } |
687 | 504 | .tcl .icon .nosize{display:none} | 225 | .tcl .icon .nosize{display:none} |
688 | 505 | #punindex .tcl .icon-new{ | 226 | #punindex .tcl .icon-new{ |
692 | 506 | background-image:url('../images/forum/imgNewPost.png'); | 227 | background-image:url('../images/forum/imgNewPost.png'); |
693 | 507 | background-repeat:no-repeat; | 228 | background-repeat:no-repeat; |
694 | 508 | background-position:center center; | 229 | background-position:center center; |
695 | 509 | } | 230 | } |
696 | 510 | 231 | ||
697 | 511 | /********** icone d'épinglé ******************/ | 232 | /********** icone d'épinglé ******************/ |
706 | 512 | .stickytext { | 233 | .stickytext{ |
707 | 513 | width:20px; | 234 | width:20px; |
708 | 514 | background-position:0 -73px; | 235 | background-position:0 -73px; |
709 | 515 | font-size:0px; | 236 | font-size:0px; |
710 | 516 | height:16px; | 237 | height:16px; |
711 | 517 | display:block; | 238 | display:block; |
712 | 518 | float:left; | 239 | float:left; |
713 | 519 | color:transparent; | 240 | color:transparent; |
714 | 520 | } | 241 | } |
715 | 521 | .istick strong{ | 242 | .istick strong{ |
718 | 522 | display:block; | 243 | display:block; |
719 | 523 | float:left; | 244 | float:left; |
720 | 524 | } | 245 | } |
729 | 525 | .closedtext { | 246 | .closedtext{ |
730 | 526 | width:20px; | 247 | width:20px; |
731 | 527 | background-position:0 -19px; | 248 | background-position:0 -19px; |
732 | 528 | font-size:0px; | 249 | font-size:0px; |
733 | 529 | height:16px; | 250 | height:16px; |
734 | 530 | display:block; | 251 | display:block; |
735 | 531 | float:left; | 252 | float:left; |
736 | 532 | color:transparent; | 253 | color:transparent; |
737 | 533 | } | 254 | } |
738 | 534 | .iclosed{font-style:italic} | 255 | .iclosed{font-style:italic} |
747 | 535 | .movedtext { | 256 | .movedtext{ |
748 | 536 | width:20px; | 257 | width:20px; |
749 | 537 | background-position:0 -37px; | 258 | background-position:0 -37px; |
750 | 538 | font-size:0px; | 259 | font-size:0px; |
751 | 539 | height:16px; | 260 | height:16px; |
752 | 540 | display:block; | 261 | display:block; |
753 | 541 | float:left; | 262 | float:left; |
754 | 542 | color:transparent; | 263 | color:transparent; |
755 | 543 | } | 264 | } |
756 | 544 | 265 | ||
757 | 545 | /******** nom des forums ********/ | 266 | /******** nom des forums ********/ |
758 | 546 | .tclcon h3 | 267 | .tclcon h3 |
759 | 547 | {/*font-size:1em;*/ | 268 | {/*font-size:1em;*/ |
763 | 548 | font-weight:bold; | 269 | font-weight:bold; |
764 | 549 | margin-top:0; | 270 | margin-top:0; |
765 | 550 | margin-bottom:0.5em; | 271 | margin-bottom:0.5em; |
766 | 551 | } | 272 | } |
767 | 552 | .tclcon h3 a{text-decoration:underline} | 273 | .tclcon h3 a{text-decoration:underline} |
768 | 553 | /******* description des forums ******/ | 274 | /******* description des forums ******/ |
791 | 554 | .forumdesc { | 275 | .forumdesc{ |
792 | 555 | line-height:1.2em; | 276 | line-height:1.2em; |
793 | 556 | margin-bottom:3px; | 277 | margin-bottom:3px; |
794 | 557 | } | 278 | } |
795 | 558 | .inbox table {width:100%} | 279 | .inbox table{width:100%} |
796 | 559 | #brdstats .clearb {clear:both;} | 280 | #brdstats .clearb{clear:both;} |
797 | 560 | th { | 281 | th{ |
798 | 561 | text-align:left; | 282 | text-align:left; |
799 | 562 | font-size:0.91em; | 283 | font-size:0.91em; |
800 | 563 | font-weight:normal; | 284 | font-weight:normal; |
801 | 564 | color:#353535; | 285 | color:#353535; |
802 | 565 | } | 286 | } |
803 | 566 | #users1 th { | 287 | #users1 th{ |
804 | 567 | font-weight:bold; | 288 | font-weight:bold; |
805 | 568 | color:black; | 289 | color:black; |
806 | 569 | padding-top:5px; | 290 | padding-top:5px; |
807 | 570 | font-size:1em; | 291 | font-size:1em; |
808 | 571 | } | 292 | } |
809 | 572 | th.tcl {padding:0 0 0.5em 2em} | 293 | th.tcl{padding:0 0 0.5em 2em} |
810 | 573 | .postlink { | 294 | .postlink{ |
811 | 574 | text-align:right; | 295 | text-align:right; |
812 | 575 | display:block; | 296 | display:block; |
813 | 576 | } | 297 | } |
814 | 577 | #page_up{ | 298 | #page_up{ |
817 | 578 | text-align:right; | 299 | text-align:right; |
818 | 579 | margin-top:-2em;} | 300 | margin-top:-2em; |
819 | 301 | } | ||
820 | 580 | 302 | ||
821 | 581 | /** signature **/ | 303 | /** signature **/ |
822 | 582 | 304 | ||
825 | 583 | #punviewtopic .postsignature { | 305 | #punviewtopic .postsignature{ |
826 | 584 | margin-bottom:5px; | 306 | margin-bottom:5px; |
827 | 585 | } | 307 | } |
828 | 586 | 308 | ||
829 | 587 | /* cache les sujets des messages qui ne servent a rien*/ | 309 | /* cache les sujets des messages qui ne servent a rien*/ |
831 | 588 | .postright h3 {display:none} | 310 | .postright h3{display:none} |
832 | 589 | /* reponse rapide */ | 311 | /* reponse rapide */ |
836 | 590 | .bblinks li { | 312 | .bblinks li{ |
837 | 591 | display:inline; | 313 | display:inline; |
838 | 592 | margin-right:20px; | 314 | margin-right:20px; |
839 | 593 | } | 315 | } |
840 | 594 | /* resume message*/ | 316 | /* resume message*/ |
877 | 595 | #postreview .postleft, #punmoderate .postleft { | 317 | #postreview .postleft, #punmoderate .postleft{ |
878 | 596 | margin:-20px 0 0 0; | 318 | margin:-20px 0 0 0; |
879 | 597 | float:none; | 319 | float:none; |
880 | 598 | width:auto; | 320 | width:auto; |
881 | 599 | padding:0; | 321 | padding:0; |
882 | 600 | } | 322 | } |
883 | 601 | #postreview h2 {margin-bottom:75px} | 323 | #postreview h2{margin-bottom:75px} |
884 | 602 | #postreview .postmsg {padding-top:0} | 324 | #postreview .postmsg{padding-top:0} |
885 | 603 | #punmoderate .postmsg {padding:0} | 325 | #punmoderate .postmsg{padding:0} |
886 | 604 | #postreview .blockpost {margin-top:30px} | 326 | #postreview .blockpost{margin-top:30px} |
887 | 605 | #postreview .blockpost .postleft dl, #punmoderate .blockpost .postleft dl { | 327 | #postreview .blockpost .postleft dl, #punmoderate .blockpost .postleft dl{ |
888 | 606 | margin:0; | 328 | margin:0; |
889 | 607 | padding:0; | 329 | padding:0; |
890 | 608 | } | 330 | } |
891 | 609 | .blockpost .postleft dt {padding-left:50px} | 331 | .blockpost .postleft dt{padding-left:50px} |
892 | 610 | #postreview .blockpost .postleft dt, #punmoderate .blockpost .postleft dt { | 332 | #postreview .blockpost .postleft dt, #punmoderate .blockpost .postleft dt{ |
893 | 611 | width:100%; | 333 | width:100%; |
894 | 612 | height:44px; | 334 | height:44px; |
895 | 613 | padding:4px 6px 31px 50px; | 335 | padding:4px 6px 31px 50px; |
896 | 614 | background-repeat:no-repeat; | 336 | background-repeat:no-repeat; |
897 | 615 | margin:-3px -30px 0 -6px; | 337 | margin:-3px -30px 0 -6px; |
898 | 616 | } | 338 | } |
899 | 617 | /*.postleft dt span {font-size:0.9em}*/ | 339 | /*.postleft dt span{font-size:0.9em}*/ |
900 | 618 | #postreview .blockpost {background-repeat:repeat-x} | 340 | #postreview .blockpost{background-repeat:repeat-x} |
901 | 619 | #postreview .blockpost h2 span { | 341 | #postreview .blockpost h2 span{ |
902 | 620 | width:100%; | 342 | width:100%; |
903 | 621 | display:block; | 343 | display:block; |
904 | 622 | background-repeat:no-repeat; | 344 | background-repeat:no-repeat; |
905 | 623 | background-position:top right; | 345 | background-position:top right; |
906 | 624 | margin-top:-7px; | 346 | margin-top:-7px; |
907 | 625 | height:17px; | 347 | height:17px; |
908 | 626 | padding-top:7px; | 348 | padding-top:7px; |
909 | 627 | margin-right:-7px; | 349 | margin-right:-7px; |
910 | 628 | padding-right:7px; | 350 | padding-right:7px; |
911 | 629 | } | 351 | } |
912 | 630 | /*#postreview .postleft dd, #punmoderate .postleft dd {font-size:0.9em}*/ | 352 | /*#postreview .postleft dd, #punmoderate .postleft dd{font-size:0.9em}*/ |
913 | 631 | #postpreview .postmsg{margin-top:10px} | 353 | #postpreview .postmsg{margin-top:10px} |
914 | 632 | /*Alignement horizontal des champs de recherche dans userlist*/ | 354 | /*Alignement horizontal des champs de recherche dans userlist*/ |
915 | 633 | #userlist .conl{ | 355 | #userlist .conl{ |
918 | 634 | margin-right:10px; | 356 | margin-right:10px; |
919 | 635 | white-space:nowrap; | 357 | white-space:nowrap; |
920 | 636 | } | 358 | } |
921 | 637 | 359 | ||
922 | 638 | /* passage à la ligne pour les explications dans la page userlist*/ | 360 | /* passage à la ligne pour les explications dans la page userlist*/ |
923 | 639 | #userlist .clearb{padding-left:5px; clear:both; } | 361 | #userlist .clearb{padding-left:5px; clear:both; } |
924 | 640 | 362 | ||
926 | 641 | .blockpost .conr {font-weight:normal} | 363 | .blockpost .conr{font-weight:normal} |
927 | 642 | 364 | ||
928 | 643 | /************** PROFIL **************/ | 365 | /************** PROFIL **************/ |
932 | 644 | #profile li { | 366 | #profile li{ |
933 | 645 | display:inline; | 367 | display:inline; |
934 | 646 | margin-right:50px; | 368 | margin-right:50px; |
935 | 647 | } | 369 | } |
937 | 648 | #profile li.isactive {text-decoration:none} | 370 | #profile li.isactive{text-decoration:none} |
938 | 649 | 371 | ||
939 | 650 | /************ Tableau principal **************/ | 372 | /************ Tableau principal **************/ |
947 | 651 | #mainindex table {width:100%} | 373 | #mainindex table{width:100%} |
948 | 652 | .tcl {width:61%;} | 374 | .tcl{width:61%;} |
949 | 653 | .tc1, .tc2, .tc3 {width:7%; text-align:center;} | 375 | .tc1, .tc2, .tc3{width:7%; text-align:center;} |
950 | 654 | .tcr {width:25%; padding-left:1em;} | 376 | .tcr{width:25%; padding-left:1em;} |
951 | 655 | tbody .tcl, tbody .tc1, tbody .tc2, tbody .tc3, tbody .tc4, tbody .tc5, tbody .tcr { | 377 | tbody .tcl, tbody .tc1, tbody .tc2, tbody .tc3, tbody .tc4, tbody .tc5, tbody .tcr{ |
952 | 656 | border-bottom:1px solid lightgrey; | 378 | border-bottom:1px solid lightgrey; |
953 | 657 | padding:0.3em 0.15em 0.3em 0; | 379 | padding:0.3em 0.15em 0.3em 0; |
954 | 658 | } | 380 | } |
955 | 659 | tbody .tcl{padding-right:0.5em} | 381 | tbody .tcl{padding-right:0.5em} |
960 | 660 | #punindex .roweven, #punsearch .roweven, #vf .roweven {background-color:#F7F7F7} | 382 | #punindex .roweven, #punsearch .roweven, #vf .roweven{background-color:#F7F7F7} |
961 | 661 | #vf tbody tr:hover, #punindex tbody tr:hover, #punuserlist tbody tr:hover, #punsearch tbody tr:hover {background-color:#E7E7E7} | 383 | #vf tbody tr:hover, #punindex tbody tr:hover, #punuserlist tbody tr:hover, #punsearch tbody tr:hover{background-color:#E7E7E7} |
962 | 662 | #vf tbody a:hover, #punsearch tbody a:hover, #punuserlist tbody a:hover {text-decoration:none} | 384 | #vf tbody a:hover, #punsearch tbody a:hover, #punuserlist tbody a:hover{text-decoration:none} |
963 | 663 | .byuser {font-size:0.91em} | 385 | .byuser{font-size:0.91em} |
964 | 664 | 386 | ||
965 | 665 | /* XABILON : mise en forme des colonnes dans punsearch */ | 387 | /* XABILON : mise en forme des colonnes dans punsearch */ |
966 | 666 | 388 | ||
969 | 667 | #punsearch .tcl {width:50%} | 389 | #punsearch .tcl{width:50%} |
970 | 668 | #punsearch .tc2 {width:23%; text-align:left;} | 390 | #punsearch .tc2{width:23%; text-align:left;} |
971 | 669 | /*#punviewtopic .postleft{ | 391 | /*#punviewtopic .postleft{ |
972 | 670 | margin:0 10px 0 10px; | 392 | margin:0 10px 0 10px; |
973 | 671 | height:20px; | 393 | height:20px; |
974 | 672 | }*/ | 394 | }*/ |
975 | 673 | #punviewtopic .postleft dd{ | 395 | #punviewtopic .postleft dd{ |
978 | 674 | margin:0 10px; | 396 | margin:0 10px; |
979 | 675 | width:0px; | 397 | width:0px; |
980 | 676 | } | 398 | } |
981 | 677 | 399 | ||
982 | 678 | /* IP pas en gras, et espace avec le pseudo*/ | 400 | /* IP pas en gras, et espace avec le pseudo*/ |
998 | 679 | #punviewtopic .postleft dt span { | 401 | #punviewtopic .postleft dt span{ |
999 | 680 | margin-left:10px; | 402 | margin-left:10px; |
1000 | 681 | font-weight:normal; | 403 | font-weight:normal; |
1001 | 682 | width:0px; | 404 | width:0px; |
1002 | 683 | height:0px; | 405 | height:0px; |
1003 | 684 | } | 406 | } |
1004 | 685 | .postleft dl {margin-top:-20px} | 407 | .postleft dl{margin-top:-20px} |
1005 | 686 | .postright { | 408 | .postright{ |
1006 | 687 | padding-left:75px; | 409 | padding-left:75px; |
1007 | 688 | padding-top:6px; | 410 | padding-top:6px; |
1008 | 689 | } | 411 | } |
1009 | 690 | .postleft a {color:black !important} | 412 | .postleft a{color:black !important} |
1010 | 691 | .postmsg { | 413 | .postmsg{ |
1011 | 692 | padding:5px; | 414 | padding:5px; |
1012 | 693 | min-height:75px; | 415 | min-height:75px; |
1013 | 694 | } | 416 | } |
1014 | 695 | .blockpost, .quotebox{ | 417 | .blockpost, .quotebox{ |
1020 | 696 | -o-border-radius:10px 0 10px 0; | 418 | border-radius:10px 0px 10px 0px; |
1021 | 697 | -moz-border-radius:10px 0px 10px 0px; | 419 | -o-border-radius:10px 0 10px 0; |
1022 | 698 | -webkit-border-radius:10px 0px 10px 0px; | 420 | -moz-border-radius:10px 0px 10px 0px; |
1023 | 699 | -khtml-border-radius:10px 0px 10px 0px; | 421 | -webkit-border-radius:10px 0px 10px 0px; |
1024 | 700 | border-radius:10px 0px 10px 0px; | 422 | -khtml-border-radius:10px 0px 10px 0px; |
1025 | 701 | } | 423 | } |
1026 | 702 | .blockpost{ | 424 | .blockpost{ |
1035 | 703 | position:relative; | 425 | position:relative; |
1036 | 704 | background-color:#E8E8E8; | 426 | background-color:#E8E8E8; |
1037 | 705 | margin-left:6px; | 427 | margin-left:6px; |
1038 | 706 | border-color:#B0C0C0; | 428 | border-color:#B0C0C0; |
1039 | 707 | border-style:solid; | 429 | border-style:solid; |
1040 | 708 | border-width:0px 0.5px 1px 0px; | 430 | border-width:0px 0.5px 1px 0px; |
1041 | 709 | margin-top:5px; | 431 | margin-top:5px; |
1042 | 710 | clear:both; | 432 | clear:both; |
1043 | 711 | } | 433 | } |
1046 | 712 | #quickpost {background-color:#edebeb} | 434 | #quickpost{ background-color:#edebeb; } |
1047 | 713 | .blockform .buttons {margin-left:15px} | 435 | .blockform .buttons{ margin-left:15px; } |
1048 | 714 | 436 | ||
1049 | 715 | /* XABILON :Cadre information + fieldset (l'ancien est ci-dessus)*/ | 437 | /* XABILON :Cadre information + fieldset (l'ancien est ci-dessus)*/ |
1054 | 716 | .inform { | 438 | .inform{ |
1055 | 717 | margin:10px; | 439 | margin:10px; |
1056 | 718 | padding-bottom:10px; | 440 | padding-bottom:10px; |
1057 | 719 | clear:both; | 441 | clear:both; |
1058 | 720 | } | 442 | } |
1060 | 721 | #profile .inform {padding-top:10px;} | 443 | #profile .inform{padding-top:10px;} |
1061 | 722 | #profile fieldset, #adminconsole fieldset, #viewprofile fieldset{ | 444 | #profile fieldset, #adminconsole fieldset, #viewprofile fieldset{ |
1077 | 723 | border:1px solid #606060; | 445 | background-color:#E8E8E8; |
1078 | 724 | -o-border-radius:5px; | 446 | border:1px solid #606060; |
1079 | 725 | -khtml-border-radius:5px; | 447 | border-radius:5px; |
1080 | 726 | -moz-border-radius:5px; | 448 | -o-border-radius:5px; |
1081 | 727 | border-radius:5px; | 449 | -khtml-border-radius:5px; |
1082 | 728 | background-color:#E8E8E8 | 450 | -moz-border-radius:5px; |
1083 | 729 | } | 451 | } |
1084 | 730 | legend { | 452 | legend{ |
1085 | 731 | font-weight:bold; | 453 | font-weight:bold; |
1086 | 732 | padding:0 5px; | 454 | padding:0 5px; |
1087 | 733 | margin-left:15px; | 455 | margin-left:15px; |
1088 | 734 | } | 456 | } |
1089 | 735 | label { | 457 | label{ |
1090 | 736 | margin-right:0.5em; | 458 | margin-right:0.5em; |
1091 | 737 | padding-top:0.2em; | 459 | padding-top:0.2em; |
1092 | 738 | } | 460 | } |
1093 | 739 | 461 | ||
1094 | 740 | /* XABILON : Propriété infldset (liste des signalements) */ | 462 | /* XABILON : Propriété infldset (liste des signalements) */ |
1095 | 741 | 463 | ||
1116 | 742 | .infldset { | 464 | .infldset{ |
1117 | 743 | padding:6px 10px; | 465 | padding:6px 10px; |
1118 | 744 | text-align:left; | 466 | text-align:left; |
1119 | 745 | } | 467 | } |
1120 | 746 | #adminconsole .aligntop {width:100%} | 468 | #adminconsole .aligntop{width:100%} |
1121 | 747 | #adminconsole td span {margin-left:1em} | 469 | #adminconsole td span{margin-left:1em} |
1122 | 748 | #edforum .infldset TD {border-top:1px solid #C0C0C0} | 470 | #edforum .infldset TD{border-top:1px solid #C0C0C0} |
1123 | 749 | #censoring .tcl {width:auto} | 471 | #censoring .tcl{width:auto} |
1124 | 750 | #punadmin_reports TH {width:15em;} | 472 | #punadmin_reports TH{width:15em;} |
1125 | 751 | .blockpost h2 span span, .blockpost h2 span a { | 473 | .blockpost h2 span span, .blockpost h2 span a{ |
1126 | 752 | display:block; | 474 | display:block; |
1127 | 753 | float:right; | 475 | float:right; |
1128 | 754 | font-size:0.9em; | 476 | font-size:0.9em; |
1129 | 755 | } | 477 | } |
1130 | 756 | .blockpost h2 span span {text-align:right} | 478 | .blockpost h2 span span{text-align:right} |
1131 | 757 | .blockpost h2 span a { | 479 | .blockpost h2 span a{ |
1132 | 758 | color:black !important; | 480 | color:black !important; |
1133 | 759 | font-weight:normal; | 481 | font-weight:normal; |
1134 | 760 | } | 482 | } |
1135 | 761 | .blockpost h2 span a:hover {text-decoration:none} | 483 | .blockpost h2 span a:hover{text-decoration:none} |
1136 | 762 | 484 | ||
1158 | 763 | /*#mainindex .inbox, mainview* .inbox {clear:both}*/ | 485 | /*#mainindex .inbox, mainview* .inbox{clear:both}*/ |
1159 | 764 | #mainindex .inbox, #mainviewforum .inbox, #mainviewindex .inbox {clear:both} | 486 | #mainindex .inbox, #mainviewforum .inbox, #mainviewindex .inbox{clear:both} |
1160 | 765 | .inbox li {display:inline} | 487 | .inbox li{display:inline} |
1161 | 766 | .postmsg li {display:list-item} | 488 | .postmsg li{display:list-item} |
1162 | 767 | .blockpost .box { | 489 | .blockpost .box{ |
1163 | 768 | margin-top:-50px; | 490 | margin-top:-50px; |
1164 | 769 | padding-bottom:10px; | 491 | padding-bottom:10px; |
1165 | 770 | min-height:140px; | 492 | min-height:140px; |
1166 | 771 | } | 493 | } |
1167 | 772 | .inbox {clear:both} | 494 | .inbox{clear:both} |
1168 | 773 | .top_links { | 495 | .top_links{ |
1169 | 774 | margin-right:5px; | 496 | margin-right:5px; |
1170 | 775 | margin-left:5px; | 497 | margin-left:5px; |
1171 | 776 | } | 498 | } |
1172 | 777 | .blockpost .box .inbox .postbody .postright {float:none} | 499 | .blockpost .box .inbox .postbody .postright{float:none} |
1173 | 778 | #postreview .postright {float:none} | 500 | #postreview .postright{float:none} |
1174 | 779 | #postreview .postleft { | 501 | #postreview .postleft{ |
1175 | 780 | margin:-20px 0 0 0; | 502 | margin:-20px 0 0 0; |
1176 | 781 | padding:0px; | 503 | padding:0px; |
1177 | 782 | float:none; | 504 | float:none; |
1178 | 783 | width:auto; | 505 | width:auto; |
1179 | 784 | } | 506 | } |
1180 | 785 | /* quote */ | 507 | /* quote */ |
1191 | 786 | .quotebox { | 508 | .quotebox{ |
1192 | 787 | background:#fdfcfd url('../images/forum/quote.png') no-repeat; | 509 | background:#fdfcfd url('../images/forum/quote.png') no-repeat; |
1193 | 788 | background-position:top left; | 510 | background-position:top left; |
1194 | 789 | min-height:70px; | 511 | min-height:70px; |
1195 | 790 | border-color:#A8A8A8 #C8C8C8 #C8C8C8 #A8A8A8; | 512 | border-color:#A8A8A8 #C8C8C8 #C8C8C8 #A8A8A8; |
1196 | 791 | border-style:solid; | 513 | border-style:solid; |
1197 | 792 | border-width:1px; | 514 | border-width:1px; |
1198 | 793 | margin:9px 0.2em 1em; | 515 | margin:9px 0.2em 1em; |
1199 | 794 | padding-top:0.2em; | 516 | padding-top:0.2em; |
1200 | 795 | overflow:hidden; | 517 | overflow:hidden; |
1201 | 796 | } | 518 | } |
1202 | 797 | /* codebox */ | 519 | /* codebox */ |
1215 | 798 | .codebox { | 520 | .codebox{ |
1216 | 799 | font-family:Consolas,'Lucida Console','Bitstream Vera Sans Mono','DejaVu Sans Mono',monospace; | 521 | font-family:Consolas,'Lucida Console','Bitstream Vera Sans Mono','DejaVu Sans Mono',monospace; |
1217 | 800 | font-size:1.1em; | 522 | font-size:1.1em; |
1218 | 801 | max-height:26em; | 523 | max-height:26em; |
1219 | 802 | border:1px solid; | 524 | border:1px solid; |
1220 | 803 | color:white; | 525 | color:white; |
1221 | 804 | background-color:#333; | 526 | background-color:#333; |
1222 | 805 | overflow:auto; | 527 | overflow:auto; |
1223 | 806 | margin:9px 0.2em 1em; | 528 | margin:9px 0.2em 1em; |
1224 | 807 | padding:0.3em 0.5em; | 529 | padding:0.3em 0.5em; |
1225 | 808 | -moz-border-radius:5px; | 530 | -moz-border-radius:5px; |
1226 | 809 | border-radius:5px; | 531 | border-radius:5px; |
1227 | 810 | } | 532 | } |
1229 | 811 | .codebox pre {margin:0; white-space:pre-wrap;} | 533 | .codebox pre{margin:0; white-space:pre-wrap;} |
1230 | 812 | /* liste dans message*/ | 534 | /* liste dans message*/ |
1232 | 813 | .postmsg ul {list-style-type:square} | 535 | .postmsg ul{list-style-type:square} |
1233 | 814 | 536 | ||
1234 | 815 | /* cache les titres des pages du profil */ | 537 | /* cache les titres des pages du profil */ |
1236 | 816 | #profile h2 {display:none} | 538 | #profile h2{display:none} |
1237 | 817 | 539 | ||
1238 | 818 | /* Blocs de formulaires*/ | 540 | /* Blocs de formulaires*/ |
1239 | 819 | 541 | ||
1246 | 820 | .blockform h2 { | 542 | .blockform h2{ |
1247 | 821 | font-size:1.1em; | 543 | font-size:1.1em; |
1248 | 822 | padding-top:10px; | 544 | padding-top:10px; |
1249 | 823 | padding-left:40px; | 545 | padding-left:40px; |
1250 | 824 | margin-right:10px; | 546 | margin-right:10px; |
1251 | 825 | padding-right:6px; | 547 | padding-right:6px; |
1252 | 826 | } | 548 | } |
1261 | 827 | .fakeform, .blockform { | 549 | .fakeform, .blockform{ |
1262 | 828 | -o-border-radius:10px; | 550 | -o-border-radius:10px; |
1263 | 829 | -khtml-border-radius:10px; | 551 | -khtml-border-radius:10px; |
1264 | 830 | -moz-border-radius:10px; | 552 | -moz-border-radius:10px; |
1265 | 831 | border-radius:10px; | 553 | border-radius:10px; |
1266 | 832 | border-bottom:1px solid grey; | 554 | border-bottom:1px solid grey; |
1267 | 833 | border-right:1px solid grey; | 555 | border-right:1px solid grey; |
1268 | 834 | background-color:lightgrey | 556 | background-color:lightgrey |
1269 | 835 | } | 557 | } |
1270 | 836 | .postedit{text-align:right} | 558 | .postedit{text-align:right} |
1271 | 837 | .postfootright ul{ | 559 | .postfootright ul{ |
1274 | 838 | margin:0px; | 560 | margin:0px; |
1275 | 839 | font-size:0.90em; | 561 | font-size:0.90em; |
1276 | 840 | } | 562 | } |
1277 | 841 | .postsignature p{margin:0} | 563 | .postsignature p{margin:0} |
1278 | 842 | textarea{ | 564 | textarea{ |
1281 | 843 | width:99%; | 565 | width:99%; |
1282 | 844 | padding:3px; | 566 | padding:3px; |
1283 | 845 | } | 567 | } |
1284 | 846 | #punuserlist .linkst{margin:0 0 30px 0} | 568 | #punuserlist .linkst{margin:0 0 30px 0} |
1285 | 847 | cite{margin-left:10px; font-size:0.9em;} | 569 | cite{margin-left:10px; font-size:0.9em;} |
1286 | 848 | .modlist{display:none} | 570 | .modlist{display:none} |
1287 | 849 | #onlinelist dd, #onlinelist dl, #onlinelist dt{ | 571 | #onlinelist dd, #onlinelist dl, #onlinelist dt{ |
1290 | 850 | display:inline; | 572 | display:inline; |
1291 | 851 | margin:0px | 573 | margin:0px |
1292 | 852 | } | 574 | } |
1293 | 853 | #footer{margin-left:16em} | 575 | #footer{margin-left:16em} |
1294 | 854 | 576 | ||
1295 | 855 | /* Menu onglets profil */ | 577 | /* Menu onglets profil */ |
1296 | 856 | 578 | ||
1328 | 857 | #profile .blockmenu { | 579 | #profile .blockmenu{ |
1329 | 858 | width:100%; | 580 | width:100%; |
1330 | 859 | height:4em; | 581 | height:4em; |
1331 | 860 | margin-top:8px; | 582 | margin-top:8px; |
1332 | 861 | padding-top:1em; | 583 | padding-top:1em; |
1333 | 862 | padding-left:0; | 584 | padding-left:0; |
1334 | 863 | -o-border-radius:5px; | 585 | -o-border-radius:5px; |
1335 | 864 | -moz-border-radius:5px; | 586 | -moz-border-radius:5px; |
1336 | 865 | -khtml-border-radius:5px; | 587 | -khtml-border-radius:5px; |
1337 | 866 | border-radius:5px; | 588 | border-radius:5px; |
1338 | 867 | border-bottom:1px solid grey; | 589 | border-bottom:1px solid grey; |
1339 | 868 | border-right:1px solid grey; | 590 | border-right:1px solid grey; |
1340 | 869 | } | 591 | } |
1341 | 870 | #profile .blockmenu ul { | 592 | #profile .blockmenu ul{ |
1342 | 871 | margin-left:0; | 593 | margin-left:0; |
1343 | 872 | border-bottom:1px solid #8E9090; | 594 | border-bottom:1px solid #8E9090; |
1344 | 873 | text-align:center; | 595 | text-align:center; |
1345 | 874 | } | 596 | } |
1346 | 875 | #profile .blockmenu li { | 597 | #profile .blockmenu li{ |
1347 | 876 | -o-border-radius:5px 5px 0 0; | 598 | -o-border-radius:5px 5px 0 0; |
1348 | 877 | -khtml-border-radius:5px 5px 0 0; | 599 | -khtml-border-radius:5px 5px 0 0; |
1349 | 878 | -moz-border-radius:5px 5px 0 0; | 600 | -moz-border-radius:5px 5px 0 0; |
1350 | 879 | -webkit-border-top-left-radius:5px; | 601 | -webkit-border-top-left-radius:5px; |
1351 | 880 | -webkit-border-top-right-radius:5px; | 602 | -webkit-border-top-right-radius:5px; |
1352 | 881 | background-repeat:repeat-x; | 603 | background-repeat:repeat-x; |
1353 | 882 | border-color:#BEC0C0; | 604 | border-color:#BEC0C0; |
1354 | 883 | border-style:outset; | 605 | border-style:outset; |
1355 | 884 | border-width:1px 1px 0; | 606 | border-width:1px 1px 0; |
1356 | 885 | margin-right:-3px; | 607 | margin-right:-3px; |
1357 | 886 | padding:0.5em 0.8em 0em 0.8em; | 608 | padding:0.5em 0.8em 0em 0.8em; |
1358 | 887 | font-weight:bold; | 609 | font-weight:bold; |
1359 | 888 | } | 610 | } |
1360 | 889 | #profile .blockmenu li.isactive{ | 611 | #profile .blockmenu li.isactive{ |
1366 | 890 | border-bottom-width:3px; | 612 | border-bottom-width:3px; |
1367 | 891 | border-bottom-style:solid; | 613 | border-bottom-style:solid; |
1368 | 892 | text-decoration:none;} | 614 | text-decoration:none; |
1369 | 893 | #profile .blockmenu a {color:black} | 615 | } |
1370 | 894 | #profile .blockmenu a:hover {text-decoration:none} | 616 | #profile .blockmenu a{color:black} |
1371 | 617 | #profile .blockmenu a:hover{text-decoration:none} | ||
1372 | 895 | #searchlinks{display:none} | 618 | #searchlinks{display:none} |
1373 | 896 | 619 | ||
1374 | 897 | /* zone pied de fil pour modérateurs*/ | 620 | /* zone pied de fil pour modérateurs*/ |
1375 | 898 | 621 | ||
1419 | 899 | #brdfooter { | 622 | #brdfooter{ |
1420 | 900 | margin:0; | 623 | margin:0; |
1421 | 901 | padding:0 8px 1px 8px; | 624 | padding:0 8px 1px 8px; |
1422 | 902 | display:block; | 625 | display:block; |
1423 | 903 | } | 626 | } |
1424 | 904 | #brdfooter dt {display:none} | 627 | #brdfooter dt{display:none} |
1425 | 905 | .end-box { | 628 | .end-box{ |
1426 | 906 | height:5px; | 629 | height:5px; |
1427 | 907 | margin-bottom:20px; | 630 | margin-bottom:20px; |
1428 | 908 | margin-top:0; | 631 | margin-top:0; |
1429 | 909 | -o-border-radius:0 0 5px 5px; | 632 | -o-border-radius:0 0 5px 5px; |
1430 | 910 | -moz-border-radius:0 0 5px 5px; | 633 | -moz-border-radius:0 0 5px 5px; |
1431 | 911 | -khtml-border-radius:0 0 5px 5px; | 634 | -khtml-border-radius:0 0 5px 5px; |
1432 | 912 | -webkit-border-bottom-left-radius:5px; | 635 | -webkit-border-bottom-left-radius:5px; |
1433 | 913 | -webkit-border-bottom-right-radius:5px; | 636 | -webkit-border-bottom-right-radius:5px; |
1434 | 914 | border-radius:0 0 5px 5px; | 637 | border-radius:0 0 5px 5px; |
1435 | 915 | border-style:solid; | 638 | border-style:solid; |
1436 | 916 | border-color:#BEC0C0; | 639 | border-color:#BEC0C0; |
1437 | 917 | border-width:0 1px 1px 1px; | 640 | border-width:0 1px 1px 1px; |
1438 | 918 | background-color:white; | 641 | background-color:white; |
1439 | 919 | } | 642 | } |
1440 | 920 | .top-box {height:5px} | 643 | .top-box{height:5px} |
1441 | 921 | #main, .top-box { | 644 | #main, .top-box{ |
1442 | 922 | margin-bottom:0; | 645 | margin-bottom:0; |
1443 | 923 | -moz-border-radius:5px 5px 0 0; | 646 | -moz-border-radius:5px 5px 0 0; |
1444 | 924 | -khtml-border-radius:5px 5px 0 0; | 647 | -khtml-border-radius:5px 5px 0 0; |
1445 | 925 | -webkit-border-top-left-radius:5px; | 648 | -webkit-border-top-left-radius:5px; |
1446 | 926 | -webkit-border-top-right-radius:5px; | 649 | -webkit-border-top-right-radius:5px; |
1447 | 927 | -o-border-radius:5px 5px 0 0; | 650 | -o-border-radius:5px 5px 0 0; |
1448 | 928 | border-radius:5px 5px 0 0; | 651 | border-radius:5px 5px 0 0; |
1449 | 929 | border-style:solid; | 652 | border-style:solid; |
1450 | 930 | border-color:#BEC0C0; | 653 | border-color:#BEC0C0; |
1451 | 931 | border-width:1px 1px 0 1px; | 654 | border-width:1px 1px 0 1px; |
1452 | 932 | background-color:white; | 655 | background-color:white; |
1453 | 933 | } | 656 | } |
1454 | 934 | #brdmain { | 657 | #brdmain{ |
1455 | 935 | margin:0; | 658 | margin:0; |
1456 | 936 | border-style:solid; | 659 | border-style:solid; |
1457 | 937 | border-color:#BEC0C0; | 660 | border-color:#BEC0C0; |
1458 | 938 | border-width:0 1px 0 1px; | 661 | border-width:0 1px 0 1px; |
1459 | 939 | background-color:white; | 662 | background-color:white; |
1460 | 940 | } | 663 | } |
1461 | 941 | #poweredby {text-align:right} | 664 | #poweredby{text-align:right} |
1462 | 942 | #brdwelcome{ | 665 | #brdwelcome{ |
1466 | 943 | clear:none; | 666 | clear:none; |
1467 | 944 | float:right; | 667 | float:right; |
1468 | 945 | text-align:right; | 668 | text-align:right; |
1469 | 946 | } | 669 | } |
1470 | 947 | 670 | ||
1472 | 948 | .pagelink, #punsearch #msg .inbox p, #punsearch #msg, #rules {margin-bottom:0px} | 671 | .pagelink, #punsearch #msg .inbox p, #punsearch #msg, #rules{margin-bottom:0px} |
1473 | 949 | /* redirection*/ | 672 | /* redirection*/ |
1474 | 950 | 673 | ||
1475 | 951 | 674 | ||
1476 | 952 | p.pagelink{padding:0px} | 675 | p.pagelink{padding:0px} |
1477 | 953 | .reportlink{ | 676 | .reportlink{ |
1482 | 954 | clear:both; | 677 | clear:both; |
1483 | 955 | display:block !important; | 678 | display:block !important; |
1484 | 956 | margin-right:-45px; | 679 | margin-right:-45px; |
1485 | 957 | margin-bottom:-20px; | 680 | margin-bottom:-20px; |
1486 | 958 | } | 681 | } |
1491 | 959 | .reportlink a { | 682 | .reportlink a{ |
1492 | 960 | color:red !important; | 683 | color:red !important; |
1493 | 961 | background-position:0 -55px; | 684 | background-position:0 -55px; |
1494 | 962 | padding-left:25px; | 685 | padding-left:25px; |
1495 | 963 | } | 686 | } |
1496 | 964 | 687 | ||
1516 | 965 | #brdfooternav .clearer {clear:both} | 688 | #brdfooternav .clearer{clear:both} |
1517 | 966 | #brdfooternav p { | 689 | #brdfooternav p{ |
1518 | 967 | margin:0px; | 690 | margin:0px; |
1519 | 968 | padding:0px; | 691 | padding:0px; |
1520 | 969 | } | 692 | } |
1521 | 970 | #postreview .postleft dd span {padding-left:2em} | 693 | #postreview .postleft dd span{padding-left:2em} |
1522 | 971 | .usertitle { | 694 | .usertitle{ |
1523 | 972 | color:#353535; | 695 | color:#353535; |
1524 | 973 | white-space:nowrap; | 696 | white-space:nowrap; |
1525 | 974 | } | 697 | } |
1526 | 975 | .usertitle strong {font-weight:normal} | 698 | .usertitle strong{font-weight:normal} |
1527 | 976 | .postmsg p {word-wrap:break-word} | 699 | .postmsg p{word-wrap:break-word} |
1528 | 977 | #main {overflow:hidden} | 700 | #main{overflow:hidden} |
1529 | 978 | .postavatar { | 701 | .postavatar{ |
1530 | 979 | position:absolute; | 702 | position:absolute; |
1531 | 980 | top:42px; | 703 | top:42px; |
1532 | 981 | left:0; | 704 | left:0; |
1533 | 982 | } | 705 | } |
1534 | 983 | .blockpost {min-height:140px} | 706 | .blockpost{min-height:140px} |
1535 | 984 | 707 | ||
1536 | 985 | span.bbs{text-decoration:line-through} | 708 | span.bbs{text-decoration:line-through} |
1537 | 986 | span.bbu{text-decoration:underline} | 709 | span.bbu{text-decoration:underline} |
1539 | 987 | .postsignature {min-height:0px; font-size:0.9em;} | 710 | .postsignature{min-height:0px; font-size:0.9em;} |
1540 | 988 | 711 | ||
1541 | 989 | /* Mise en forme de l'affichage des règles*/ | 712 | /* Mise en forme de l'affichage des règles*/ |
1545 | 990 | #regles li { | 713 | #regles li{ |
1546 | 991 | list-style-type:decimal; | 714 | list-style-type:decimal; |
1547 | 992 | display:list-item; | 715 | display:list-item; |
1548 | 993 | } | 716 | } |
1549 | 994 | 717 | ||
1550 | 995 | /** Cadres Accueil et gagnant du Mois **/ | 718 | /** Cadres Accueil et gagnant du Mois **/ |
1551 | 996 | 719 | ||
1590 | 997 | #announce-welcome {min-height:101px} | 720 | #announce-welcome{min-height:101px} |
1591 | 998 | #announce-welcome table { | 721 | #announce-welcome table{ |
1592 | 999 | min-height:101px; | 722 | min-height:101px; |
1593 | 1000 | width:100%; | 723 | width:100%; |
1594 | 1001 | } | 724 | } |
1595 | 1002 | #announce-welcome tbody { | 725 | #announce-welcome tbody{ |
1596 | 1003 | height:100%; | 726 | height:100%; |
1597 | 1004 | min-height:101px; | 727 | min-height:101px; |
1598 | 1005 | } | 728 | } |
1599 | 1006 | .welcome { | 729 | .welcome{ |
1600 | 1007 | width:75%; | 730 | width:75%; |
1601 | 1008 | height:100%; | 731 | height:100%; |
1602 | 1009 | -o-border-radius:8px; | 732 | background-repeat:repeat-y; |
1603 | 1010 | -moz-border-radius:8px; | 733 | border:1px solid #B0C0C0; |
1604 | 1011 | -khtml-border-radius:8px; | 734 | border-radius:8px; |
1605 | 1012 | border-radius:8px; | 735 | -o-border-radius:8px; |
1606 | 1013 | background-repeat:repeat-y; | 736 | -moz-border-radius:8px; |
1607 | 1014 | border:1px solid #B0C0C0; | 737 | -khtml-border-radius:8px; |
1608 | 1015 | } | 738 | } |
1609 | 1016 | .welcome p {margin:0.6em} | 739 | .welcome p{margin:0.6em} |
1610 | 1017 | .winner { | 740 | .winner{ |
1611 | 1018 | height:100%; | 741 | height:100%; |
1612 | 1019 | border:1px solid lightgrey; | 742 | border:1px solid lightgrey; |
1613 | 1020 | -o-border-radius:8px; | 743 | -o-border-radius:8px; |
1614 | 1021 | -moz-border-radius:8px; | 744 | -moz-border-radius:8px; |
1615 | 1022 | -khtml-border-radius:8px; | 745 | -khtml-border-radius:8px; |
1616 | 1023 | border-radius:8px; | 746 | border-radius:8px; |
1617 | 1024 | background-color:#F0F0F0; | 747 | background-color:#F0F0F0; |
1618 | 1025 | vertical-align:top; | 748 | vertical-align:top; |
1619 | 1026 | } | 749 | } |
1620 | 1027 | #winner_inbox { | 750 | #winner_inbox{ |
1621 | 1028 | padding-right:5px; | 751 | padding-right:5px; |
1622 | 1029 | width:100%; | 752 | width:100%; |
1623 | 1030 | min-height:101px; | 753 | min-height:101px; |
1624 | 1031 | background-repeat:no-repeat; | 754 | background-repeat:no-repeat; |
1625 | 1032 | background-position:top right; | 755 | background-position:top right; |
1626 | 1033 | } | 756 | } |
1627 | 1034 | #winner_inbox p {margin:0; margin-top:-5px; margin-left:-5px; padding:1em 54px 0.6em 0.6em; vertical-align:middle; | 757 | #winner_inbox p{margin:0; margin-top:-5px; margin-left:-5px; padding:1em 54px 0.6em 0.6em; vertical-align:middle; |
1628 | 1035 | 758 | ||
1629 | 1036 | } | 759 | } |
1633 | 1037 | .linux_pratique { | 760 | .linux_pratique{ |
1634 | 1038 | font-weight:bold; | 761 | font-weight:bold; |
1635 | 1039 | font-size:1.2em; | 762 | font-size:1.2em; |
1636 | 1040 | } | 763 | } |
1638 | 1041 | .winner_name { | 764 | .winner_name{ |
1639 | 1042 | font-style:italic; | 765 | font-style:italic; |
1640 | 1043 | font-size:1.1em; | 766 | font-size:1.1em; |
1641 | 1044 | } | 767 | } |
1649 | 1045 | video {max-width:50%} | 768 | video{max-width:50%} |
1650 | 1046 | #postpreview .postmsg h5 {margin-top:2em} | 769 | #postpreview .postmsg h5{margin-top:2em} |
1651 | 1047 | .postlinkst .subscribelink {display:none} | 770 | .postlinkst .subscribelink{display:none} |
1652 | 1048 | #punadmin_users .tc2, #punuserlist .tc4 {width:15%} | 771 | #punadmin_users .tc2, #punuserlist .tc4{width:15%} |
1653 | 1049 | #punadmin_users .tcl { | 772 | #punadmin_users .tcl{ |
1654 | 1050 | width:20%; | 773 | width:20%; |
1655 | 1051 | padding-left:20px; | 774 | padding-left:20px; |
1656 | 1052 | } | 775 | } |
1660 | 1053 | #punadmin_users .tc3 { | 776 | #punadmin_users .tc3{ |
1661 | 1054 | width:15%; | 777 | width:15%; |
1662 | 1055 | font-size:0.9em; | 778 | font-size:0.9em; |
1663 | 1056 | } | 779 | } |
1664 | 1057 | .block-inner{position:absolute;bottom:0} | 780 | .block-inner{position:absolute;bottom:0} |
1677 | 1058 | .block-inner li { | 781 | .block-inner li{ |
1678 | 1059 | display:inline; | 782 | display:inline; |
1679 | 1060 | list-style:none outside none; | 783 | list-style:none outside none; |
1680 | 1061 | padding:0; | 784 | padding:0; |
1681 | 1062 | } | 785 | } |
1682 | 1063 | .block-inner li.first { | 786 | .block-inner li.first{ |
1683 | 1064 | border-right:1px solid #000000; | 787 | border-right:1px solid #000000; |
1684 | 1065 | padding-right:1em; | 788 | padding-right:1em; |
1685 | 1066 | } | 789 | } |
1686 | 1067 | .block-inner li.last { | 790 | .block-inner li.last{ |
1687 | 1068 | border-left:1px solid #000000; | 791 | border-left:1px solid #000000; |
1688 | 1069 | padding-left:1em; | 792 | padding-left:1em; |
1689 | 1070 | } | 793 | } |
1690 | 1071 | .block-inner ul{ | 794 | .block-inner ul{ |
1692 | 1072 | margin:0 0 2px 0; | 795 | margin:0 0 2px 0; |
1693 | 1073 | } | 796 | } |
1695 | 1074 | .block-inner a {color:#323232} | 797 | .block-inner a{color:#323232} |
1696 | 1075 | 798 | ||
1703 | 1076 | img {vertical-align:middle} | 799 | img{vertical-align:middle} |
1704 | 1077 | .postimg img {max-width:100%} | 800 | .postimg img{max-width:100%} |
1705 | 1078 | button {cursor:pointer} | 801 | button{cursor:pointer} |
1706 | 1079 | #toolbar img {cursor:pointer} | 802 | #toolbar img{cursor:pointer} |
1707 | 1080 | li.postedit {font-size:1em} | 803 | li.postedit{font-size:1em} |
1708 | 1081 | div.postright a {text-decoration:underline} | 804 | div.postright a{text-decoration:underline} |
1709 | 1082 | .postright a:visited{color:#551A8B} | 805 | .postright a:visited{color:#551A8B} |
1711 | 1083 | p.postedit {font-size:0.9em; color:#666;} | 806 | p.postedit{font-size:0.9em; color:#666;} |
1712 | 1084 | 807 | ||
1713 | 1085 | /********************************************* DEBUT OPTIMISATION *******************************/ | 808 | /********************************************* DEBUT OPTIMISATION *******************************/ |
1714 | 1086 | .conr{float:right;text-align:right} | 809 | .conr{float:right;text-align:right} |
1715 | 1087 | .conl{float:left} | 810 | .conl{float:left} |
1716 | 1088 | .conr, .conl{display:block} | 811 | .conr, .conl{display:block} |
1717 | 1089 | .postbody{padding:2px 0 0 0} | 812 | .postbody{padding:2px 0 0 0} |
1721 | 1090 | .postleft, .postleft dl, .postleft dl dt, .postleft dl dd {display:inline} | 813 | .postleft, .postleft dl, .postleft dl dt, .postleft dl dd{display:inline} |
1722 | 1091 | .postleft dl dt span a {margin-right:10px} | 814 | .postleft dl dt span a{margin-right:10px} |
1723 | 1092 | .postleft {width:auto; vertical-align:middle} | 815 | .postleft{width:auto; vertical-align:middle} |
1724 | 1093 | .blockpost .inbox{clear:none} | 816 | .blockpost .inbox{clear:none} |
1726 | 1094 | .postleft dl {margin:0; padding:0} | 817 | .postleft dl{margin:0; padding:0} |
1727 | 1095 | 818 | ||
1728 | === added file 'theme2010/css/forum.css' | |||
1729 | --- theme2010/css/forum.css 1970-01-01 00:00:00 +0000 | |||
1730 | +++ theme2010/css/forum.css 2011-02-20 13:32:13 +0000 | |||
1731 | @@ -0,0 +1,5 @@ | |||
1732 | 1 | @import url('init.css'); | ||
1733 | 2 | @import url('page.css'); | ||
1734 | 3 | @import url('header.css'); | ||
1735 | 4 | @import url('navigation.css'); | ||
1736 | 5 | @import url('forum-general.css'); | ||
1737 | 0 | \ No newline at end of file | 6 | \ No newline at end of file |
1738 | 1 | 7 | ||
1739 | === modified file 'theme2010/css/header.css' | |||
1740 | --- theme2010/css/header.css 2011-02-19 01:08:15 +0000 | |||
1741 | +++ theme2010/css/header.css 2011-02-20 13:32:13 +0000 | |||
1742 | @@ -139,3 +139,10 @@ | |||
1743 | 139 | background-color:#FFF !important; | 139 | background-color:#FFF !important; |
1744 | 140 | color:#000 !important; | 140 | color:#000 !important; |
1745 | 141 | } | 141 | } |
1746 | 142 | |||
1747 | 143 | /* Cacher / afficher menu Navigation */ | ||
1748 | 144 | html.hidemenu #navigation{ display:none; } | ||
1749 | 145 | html.hidemenu #main, html.hidemenu #references, html.hidemenu #announce{ margin-left:0; } | ||
1750 | 146 | html.hidemenu #hidemenu{ background-position:50% 27px; } | ||
1751 | 147 | /* - - */ | ||
1752 | 148 | |||
1753 | 142 | 149 | ||
1754 | === modified file 'theme2010/css/init.css' | |||
1755 | --- theme2010/css/init.css 2010-12-07 02:09:37 +0000 | |||
1756 | +++ theme2010/css/init.css 2011-02-20 13:32:13 +0000 | |||
1757 | @@ -11,7 +11,7 @@ | |||
1758 | 11 | margin:0; padding:0; | 11 | margin:0; padding:0; |
1759 | 12 | } | 12 | } |
1760 | 13 | body, input, select, option, textarea{ | 13 | body, input, select, option, textarea{ |
1762 | 14 | font-family:sans-serif; | 14 | font-family:Arial,sans-serif; |
1763 | 15 | line-height:1.4em; | 15 | line-height:1.4em; |
1764 | 16 | color:black; | 16 | color:black; |
1765 | 17 | background-color:white; | 17 | background-color:white; |
1766 | @@ -23,13 +23,12 @@ | |||
1767 | 23 | line-height:1.2em; | 23 | line-height:1.2em; |
1768 | 24 | font-weight:bold; font-style:normal; | 24 | font-weight:bold; font-style:normal; |
1769 | 25 | } | 25 | } |
1772 | 26 | /* modifié par rapport au forum */ | 26 | |
1771 | 27 | /* | ||
1773 | 28 | h1{ font-size:1.75em; } | 27 | h1{ font-size:1.75em; } |
1776 | 29 | h2{ font-size:1.5em; } | 28 | h2{ font-size:1.1em; } |
1777 | 30 | h3{ font-size:1.25em; } | 29 | h3{ font-size:1.1em; } |
1778 | 31 | h4{ font-size:1em; } | 30 | h4{ font-size:1em; } |
1780 | 32 | */ | 31 | |
1781 | 33 | ul, ol{ margin:0.75em 0 0.75em 12px; padding:0; } | 32 | ul, ol{ margin:0.75em 0 0.75em 12px; padding:0; } |
1782 | 34 | ol li p, ul li p{margin:0} | 33 | ol li p, ul li p{margin:0} |
1783 | 35 | 34 | ||
1784 | 36 | 35 | ||
1785 | === modified file 'theme2010/js/common.js' | |||
1786 | --- theme2010/js/common.js 2011-02-07 20:43:41 +0000 | |||
1787 | +++ theme2010/js/common.js 2011-02-20 13:32:13 +0000 | |||
1788 | @@ -74,9 +74,9 @@ | |||
1789 | 74 | /*inputElement.className='input_focused';*/ | 74 | /*inputElement.className='input_focused';*/ |
1790 | 75 | if (inputElement.id=='qsearch__in') { | 75 | if (inputElement.id=='qsearch__in') { |
1791 | 76 | if (inputElement.value == 'Recherche rapide....') inputElement.value = ''; | 76 | if (inputElement.value == 'Recherche rapide....') inputElement.value = ''; |
1793 | 77 | }else if(inputElement.name=='u') { | 77 | }else if(inputElement.id=='u_field') { |
1794 | 78 | if (inputElement.value == 'Identifiant') inputElement.value = ''; | 78 | if (inputElement.value == 'Identifiant') inputElement.value = ''; |
1796 | 79 | }else if(inputElement.name=='p') { | 79 | }else if(inputElement.id=='p_field') { |
1797 | 80 | if (inputElement.value == 'Mot de passe') inputElement.value = ''; | 80 | if (inputElement.value == 'Mot de passe') inputElement.value = ''; |
1798 | 81 | } | 81 | } |
1799 | 82 | } | 82 | } |
1800 | @@ -89,9 +89,9 @@ | |||
1801 | 89 | /*inputElement.className='';*/ | 89 | /*inputElement.className='';*/ |
1802 | 90 | if (inputElement.id=='qsearch__in') { | 90 | if (inputElement.id=='qsearch__in') { |
1803 | 91 | if (inputElement.value.length<1) inputElement.value = 'Recherche rapide....'; | 91 | if (inputElement.value.length<1) inputElement.value = 'Recherche rapide....'; |
1805 | 92 | }else if(inputElement.name=='u') { | 92 | }else if(inputElement.id=='u_field') { |
1806 | 93 | if (inputElement.value.length<1) inputElement.value = 'Identifiant'; | 93 | if (inputElement.value.length<1) inputElement.value = 'Identifiant'; |
1808 | 94 | }else if(inputElement.name=='p') { | 94 | }else if(inputElement.id=='p_field') { |
1809 | 95 | if (inputElement.value.length<1) inputElement.value = 'Mot de passe'; | 95 | if (inputElement.value.length<1) inputElement.value = 'Mot de passe'; |
1810 | 96 | } | 96 | } |
1811 | 97 | } | 97 | } |