1 | /* |
---|
2 | # -- BEGIN LICENSE BLOCK --------------------------------------- |
---|
3 | # |
---|
4 | # This file is part of Dotclear 2. |
---|
5 | # |
---|
6 | # Copyright (c) 2003-2013 Olivier Meunier & Association Dotclear |
---|
7 | # Licensed under the GPL version 2.0 license. |
---|
8 | # See LICENSE file or |
---|
9 | # http://www.gnu.org/licenses/old-licenses/gpl-2.0.html |
---|
10 | # |
---|
11 | # -- END LICENSE BLOCK ----------------------------------------- |
---|
12 | */ |
---|
13 | |
---|
14 | /* ------------------------------------------------------------------ html */ |
---|
15 | html { |
---|
16 | font-size: 62.5%; |
---|
17 | } |
---|
18 | body { |
---|
19 | font-size: 12px; /* ie < 9 sucks */ |
---|
20 | font-size: 1.2rem; |
---|
21 | line-height: 1.5; |
---|
22 | font-family: Arial,Helvetica,sans-serif; |
---|
23 | color: #333; |
---|
24 | background: #fff; |
---|
25 | margin: 0; |
---|
26 | padding: 0; |
---|
27 | } |
---|
28 | |
---|
29 | a, a:link, a:visited { |
---|
30 | color: #2373A8; |
---|
31 | text-decoration: none; |
---|
32 | border-bottom: 1px dotted #f90; |
---|
33 | } |
---|
34 | a:hover, a:active, a:focus { |
---|
35 | text-decoration: underline; |
---|
36 | } |
---|
37 | a img, a:link img, a:visited img { |
---|
38 | border:none; |
---|
39 | } |
---|
40 | h1, h2, h3, .as_h3, h4, h5, h6, p { |
---|
41 | margin-top: 0; |
---|
42 | margin-bottom: 1em; |
---|
43 | } |
---|
44 | h2 { |
---|
45 | color: #666; |
---|
46 | font-size: 18px; /* ie < 9 sucks */ |
---|
47 | font-size: 1.8rem; |
---|
48 | padding: 0 0 1.5em; |
---|
49 | font-weight: normal; |
---|
50 | } |
---|
51 | h2 a:link, h2 a:visited { |
---|
52 | color: #666; |
---|
53 | border-color: #000; |
---|
54 | } |
---|
55 | .page-title { |
---|
56 | color: #d30e60; |
---|
57 | } |
---|
58 | .page-title img { |
---|
59 | padding-left: .5em; |
---|
60 | vertical-align: middle; |
---|
61 | } |
---|
62 | #content > h2 { |
---|
63 | padding: 0 18px 6px; /* ie < 9 sucks */ |
---|
64 | padding: 0 1.8rem .6rem; |
---|
65 | margin: 0 -18px .5em; /* ie < 9 sucks */ |
---|
66 | margin: 0 -1.8rem 1rem; |
---|
67 | background: #fff url(bg_h2.png) repeat-x center bottom; |
---|
68 | } |
---|
69 | h3, .as_h3 { |
---|
70 | color: #575859; |
---|
71 | font-size: 16px; /* ie < 9 sucks */ |
---|
72 | font-size: 1.6rem; |
---|
73 | } |
---|
74 | h4 { |
---|
75 | font-size: 14px; /* ie < 9 sucks */ |
---|
76 | font-size: 1.4rem; |
---|
77 | color: #575859; |
---|
78 | } |
---|
79 | h5 { |
---|
80 | font-size: 12px; /* ie < 9 sucks */ |
---|
81 | font-size: 1.2rem; |
---|
82 | color: #575859; |
---|
83 | } |
---|
84 | #entry-sidebar h5 { |
---|
85 | font-weight: normal; |
---|
86 | color: #333; |
---|
87 | } |
---|
88 | .entry-status img.img_select_option { |
---|
89 | padding-left: 4px; |
---|
90 | vertical-align: text-top; |
---|
91 | } |
---|
92 | p, div.p { |
---|
93 | margin: 0 0 1em 0; |
---|
94 | } |
---|
95 | hr { |
---|
96 | height: 1px; |
---|
97 | border-width: 1px 0 0; |
---|
98 | border-color: #999; |
---|
99 | border-style: solid; |
---|
100 | } |
---|
101 | pre, code { |
---|
102 | font: 100% "Andale Mono","Courier New",monospace; |
---|
103 | } |
---|
104 | pre { |
---|
105 | white-space: pre; |
---|
106 | white-space: -moz-pre-wrap; |
---|
107 | white-space: -hp-pre-wrap; |
---|
108 | white-space: -o-pre-wrap; |
---|
109 | white-space: -pre-wrap; |
---|
110 | white-space: pre-wrap; |
---|
111 | white-space: pre-line; |
---|
112 | word-wrap: break-word; |
---|
113 | } |
---|
114 | abbr { |
---|
115 | cursor: help; |
---|
116 | } |
---|
117 | |
---|
118 | /* LAYOUT |
---|
119 | -------------------------------------------------------- */ |
---|
120 | /* header */ |
---|
121 | #header { |
---|
122 | background: #575859; |
---|
123 | position: relative; |
---|
124 | border-bottom: 4px solid #A2CBE9; |
---|
125 | width: 100%; |
---|
126 | } |
---|
127 | #prelude { |
---|
128 | line-height: 1.5; |
---|
129 | margin: 0; |
---|
130 | padding: 0; |
---|
131 | overflow: hidden; |
---|
132 | position: absolute; |
---|
133 | top: 3em; |
---|
134 | left: 0; |
---|
135 | background: #A2CBE9; |
---|
136 | width: 100%; |
---|
137 | } |
---|
138 | #prelude li { |
---|
139 | list-style-type: none; |
---|
140 | margin: 0; |
---|
141 | background:transparent; |
---|
142 | display: inline; |
---|
143 | } |
---|
144 | #prelude li a { |
---|
145 | padding: 3px 16px 3px 8px; /* ie < 9 sucks */ |
---|
146 | padding: 3px 1.6rem 3px .8rem; |
---|
147 | background: #A2CBE9; |
---|
148 | color: #000; |
---|
149 | border-bottom-color: #A2CBE9; |
---|
150 | } |
---|
151 | #top { |
---|
152 | margin: 0; |
---|
153 | padding: 0; |
---|
154 | width: 14.5em; |
---|
155 | float: left; |
---|
156 | } |
---|
157 | #top h1 { |
---|
158 | padding: 0; |
---|
159 | margin: 0; |
---|
160 | height: 36px; |
---|
161 | text-indent: -1000px; |
---|
162 | } |
---|
163 | #top h1 a { |
---|
164 | position: absolute; |
---|
165 | top: 0; |
---|
166 | left: 0; |
---|
167 | width: 174px; /* ie < 9 sucks */ |
---|
168 | width: 17.4rem; |
---|
169 | height: 36px; /* ie < 9 sucks */ |
---|
170 | height: 3.6rem; |
---|
171 | border: none; |
---|
172 | color: #fff; |
---|
173 | } |
---|
174 | #top h1 a:link { |
---|
175 | background: transparent url(dc_logos/b-dotclear120.png) no-repeat 0 6px; |
---|
176 | } |
---|
177 | #top h1 a:hover, #top h1 a:focus { |
---|
178 | background: transparent url(dc_logos/b-dotclear120.png) no-repeat 0 -94px; |
---|
179 | } |
---|
180 | #info-boxes { |
---|
181 | font-size: 12px; /* ie < 9 sucks */ |
---|
182 | font-size: 1.2rem; |
---|
183 | line-height: 3em; |
---|
184 | } |
---|
185 | #info-box1 { |
---|
186 | margin: 0; |
---|
187 | padding: 0 3px 0 18px; |
---|
188 | color: #fff; |
---|
189 | display: inline-block; |
---|
190 | } |
---|
191 | #info-box2 { |
---|
192 | margin: 0; |
---|
193 | padding: 0 18px 0 0; |
---|
194 | color: #fff; |
---|
195 | float: right; |
---|
196 | text-align: right; |
---|
197 | } |
---|
198 | #info-box1 p { |
---|
199 | margin: 0; |
---|
200 | display: inline; |
---|
201 | } |
---|
202 | #info-box1 select { |
---|
203 | width: 145px; /* ie < 9 sucks */ |
---|
204 | width: 14.5em; |
---|
205 | } |
---|
206 | #info-box1 a img, #info-box2 a img { |
---|
207 | vertical-align: middle; |
---|
208 | padding-left: .3em; |
---|
209 | } |
---|
210 | #info-boxes a { |
---|
211 | font-weight: bold; |
---|
212 | color: #fff; |
---|
213 | border-bottom-color: #ccc; |
---|
214 | margin-left: .3em; |
---|
215 | margin-right: .3em; |
---|
216 | white-space: nowrap; |
---|
217 | font-weight: normal; |
---|
218 | } |
---|
219 | #info-boxes .logout { |
---|
220 | margin-right: 0; |
---|
221 | } |
---|
222 | #info-box1 a { |
---|
223 | margin-left: 1.33em; |
---|
224 | } |
---|
225 | #info-box2 a.active { |
---|
226 | border-bottom-color: #fff; |
---|
227 | margin: 0; |
---|
228 | padding: 1.2em .5em; |
---|
229 | background-color: #fff; |
---|
230 | color: #333; |
---|
231 | font-weight: bold; |
---|
232 | } |
---|
233 | #info-box2 span { |
---|
234 | color: #999; |
---|
235 | } |
---|
236 | /* main blocks */ |
---|
237 | #wrapper { |
---|
238 | width: 100%; |
---|
239 | padding-top: 1em; |
---|
240 | } |
---|
241 | #main { |
---|
242 | width: 100%; |
---|
243 | float: right; |
---|
244 | margin-left: -14.5em; |
---|
245 | margin-top: 0; |
---|
246 | background: #fff url(bg_menu.png); |
---|
247 | } |
---|
248 | #content { |
---|
249 | margin: 0 0 0 14.5em; |
---|
250 | padding: 9px 18px 18px; /* ie < 9 sucks */ |
---|
251 | padding: .9rem 1.8rem 1.8rem; |
---|
252 | background: #fff; |
---|
253 | } |
---|
254 | /* Micro clearfix thx to Nicolas Gallagher */ |
---|
255 | #content:before, #content:after {content:"";display:table;} |
---|
256 | #content:after {clear:both;} |
---|
257 | /* -------------------------------------------------- layout - multipart */ |
---|
258 | .three-cols { |
---|
259 | } |
---|
260 | .three-cols .col { |
---|
261 | width: 32.3%; |
---|
262 | float: left; |
---|
263 | margin-left: 1%; |
---|
264 | } |
---|
265 | .three-cols .col:first-child { |
---|
266 | width: 33.3%; |
---|
267 | margin-left: 0; |
---|
268 | } |
---|
269 | .two-cols { |
---|
270 | position: static; |
---|
271 | } |
---|
272 | .two-cols .col { |
---|
273 | width: 48%; |
---|
274 | margin-left: 2%; |
---|
275 | float: left; |
---|
276 | } |
---|
277 | .two-cols .col70{ |
---|
278 | width: 68%; |
---|
279 | margin-left: 0; |
---|
280 | float: left; |
---|
281 | } |
---|
282 | .col30 { |
---|
283 | width: 28%; |
---|
284 | margin-left: 2%; |
---|
285 | float: left; |
---|
286 | } |
---|
287 | .two-cols .col:first-child, |
---|
288 | .two-cols .col30.first-col { |
---|
289 | margin-left: 0; |
---|
290 | margin-right: 2%; |
---|
291 | } |
---|
292 | .two-cols .col:last-child, |
---|
293 | .two-cols .col70.last-col { |
---|
294 | margin-left: 2%; |
---|
295 | margin-right: 0; |
---|
296 | } |
---|
297 | /* -------------------------------------------------------------- layout - onglets */ |
---|
298 | .part-tabs ul { |
---|
299 | padding: .5em 0 .3em 1em; |
---|
300 | border-bottom: 1px solid #ddd; |
---|
301 | } |
---|
302 | .part-tabs li { |
---|
303 | list-style: none; |
---|
304 | margin: 0; |
---|
305 | display: inline; |
---|
306 | } |
---|
307 | .part-tabs li a { |
---|
308 | padding: .5em 2em; |
---|
309 | margin-right: -1px; |
---|
310 | border: 1px solid #aaa; |
---|
311 | border-bottom: none; |
---|
312 | text-decoration: none; |
---|
313 | color: #333; |
---|
314 | background-color:#E4E0EC; |
---|
315 | } |
---|
316 | .part-tabs li a:hover, .part-tabs li a:focus { |
---|
317 | color: #000; |
---|
318 | background: #fff; |
---|
319 | border-bottom-color: #fff; |
---|
320 | } |
---|
321 | .part-tabs li.part-tabs-active a { |
---|
322 | background: #fff; |
---|
323 | font-weight: bold; |
---|
324 | border-bottom-color: #fff; |
---|
325 | padding-bottom: 7px; /* ie < 9 sucks */ |
---|
326 | padding-bottom: .7rem; |
---|
327 | } |
---|
328 | /* ------------------------------------------------------------------ main-menu */ |
---|
329 | #main-menu { |
---|
330 | width: 14.5em; |
---|
331 | float: left; |
---|
332 | margin:0; |
---|
333 | padding-top: .5em; |
---|
334 | padding-bottom: 1em; |
---|
335 | background: #f7f7f7; |
---|
336 | } |
---|
337 | #main-menu h3 { |
---|
338 | margin: 0; |
---|
339 | padding: 10px 0 10px 8px; |
---|
340 | color: #666; |
---|
341 | font-size: 14px; /* ie < 9 sucks */ |
---|
342 | font-size: 1.4rem; |
---|
343 | } |
---|
344 | #main-menu h3 img[alt="cacher"] { |
---|
345 | vertical-align: top; |
---|
346 | } |
---|
347 | #main-menu ul { |
---|
348 | margin: 0 0 1.5em 0; |
---|
349 | padding: 0; |
---|
350 | list-style: none; |
---|
351 | } |
---|
352 | #main-menu li { |
---|
353 | display: block; |
---|
354 | margin: 0.5em 0 0; |
---|
355 | padding: 3px 0 0 30px; |
---|
356 | background-repeat: no-repeat; |
---|
357 | background-position: 8px .3em; |
---|
358 | } |
---|
359 | #main-menu ul li:first-child { |
---|
360 | margin-top: 0; |
---|
361 | } |
---|
362 | #main-menu li.active { |
---|
363 | background-color: #fff; |
---|
364 | } |
---|
365 | #main-menu a { |
---|
366 | color: #333; |
---|
367 | border-bottom-color: #ccc; |
---|
368 | } |
---|
369 | #main-menu .active a { |
---|
370 | border-bottom: none; |
---|
371 | color: #d30e60; |
---|
372 | } |
---|
373 | #main-menu .active { |
---|
374 | font-weight: bold; |
---|
375 | } |
---|
376 | #search-menu { |
---|
377 | padding: 4px 5px 0; |
---|
378 | font-size: 100% |
---|
379 | } |
---|
380 | #search-menu * { |
---|
381 | height: 22px; /* ie < 9 sucks */ |
---|
382 | height: 2.2rem; |
---|
383 | display: inline-block; |
---|
384 | vertical-align: top; |
---|
385 | line-height: 22px; |
---|
386 | } |
---|
387 | #search-menu p { |
---|
388 | border: 1px solid #999; |
---|
389 | border-radius: .3em; |
---|
390 | position: relative; |
---|
391 | overflow: hidden; |
---|
392 | } |
---|
393 | #qx { |
---|
394 | width: 124px; /* ie < 9 sucks */ |
---|
395 | width: 12.4rem; |
---|
396 | border-bottom-left-radius: .3em; |
---|
397 | border-top-left-radius: .3em; |
---|
398 | background: transparent url(search.png) no-repeat 4px center; |
---|
399 | text-indent: 18px; |
---|
400 | padding: 0; |
---|
401 | border: none; |
---|
402 | height: 22px; |
---|
403 | height: 2.2rem; |
---|
404 | } |
---|
405 | #qx:focus { |
---|
406 | border: 2px solid #BBDB58; |
---|
407 | } |
---|
408 | #search-menu input[type="submit"] { |
---|
409 | padding: 0 3px; |
---|
410 | padding: 0 .3rem; |
---|
411 | margin-left: -4px; |
---|
412 | background: #dfdfdf; |
---|
413 | border-color: #999; |
---|
414 | color: #444; |
---|
415 | border-bottom-right-radius: .3em; |
---|
416 | border-top-right-radius: .3em; |
---|
417 | border-top-left-radius: 0; |
---|
418 | border-bottom-left-radius: 0; |
---|
419 | text-shadow: none; |
---|
420 | border: none; |
---|
421 | border-left: 1px solid #aaa; |
---|
422 | font-size: 10px; /* ie < 9 sucks */ |
---|
423 | font-size: 1rem; |
---|
424 | } |
---|
425 | #search-menu input[type="submit"]:hover, |
---|
426 | #search-menu input[type="submit"]:focus { |
---|
427 | background: #575859; |
---|
428 | color: #fff; |
---|
429 | } |
---|
430 | #favorites-menu, #blog-menu, #system-menu, #plugins-menu { |
---|
431 | border-bottom: 1px dashed #A2CBE9; |
---|
432 | } |
---|
433 | #favorites-menu h3 { |
---|
434 | color: #000; |
---|
435 | font-variant: small-caps; |
---|
436 | padding-top: .2em; |
---|
437 | } |
---|
438 | /* ------------------------------------------------------------------ footer */ |
---|
439 | #footer { |
---|
440 | clear: both; |
---|
441 | padding: .5em 1em .5em 0; |
---|
442 | text-align: right; |
---|
443 | border-top: 1px solid #ccc; |
---|
444 | } |
---|
445 | #footer p { |
---|
446 | margin: 0; |
---|
447 | padding: 0 1em; |
---|
448 | font-size: 1em; |
---|
449 | } |
---|
450 | #footer p span.credit { |
---|
451 | font-size: 1em; |
---|
452 | font-weight: normal; |
---|
453 | } |
---|
454 | /* ---------------------------------------------------------------------------- auth.php */ |
---|
455 | #login-screen { |
---|
456 | display: block; |
---|
457 | width: 20em; |
---|
458 | margin: 1.5em auto 0; |
---|
459 | font-size: 14px; /* ie < 9 sucks */ |
---|
460 | font-size: 1.4rem; |
---|
461 | } |
---|
462 | #login-screen h1 { |
---|
463 | text-indent: -2000px; |
---|
464 | background: transparent url(dc_logos/w-dotclear240.png) no-repeat top left; |
---|
465 | height: 66px; |
---|
466 | margin-bottom: .5em; |
---|
467 | margin-left: 0; |
---|
468 | } |
---|
469 | #login-screen .fieldset { |
---|
470 | border: 1px solid #A8DC26; |
---|
471 | padding: 1em 1em 0 1em; |
---|
472 | border-radius: 3px; |
---|
473 | background: #fff; |
---|
474 | } |
---|
475 | #login-screen input[type=text], #login-screen input[type=password], #login-screen input[type=submit] { |
---|
476 | width: 100%; |
---|
477 | } |
---|
478 | #login-screen input.login { |
---|
479 | padding-top: 6px; |
---|
480 | padding-bottom: 6px; |
---|
481 | font-size: 1em; |
---|
482 | } |
---|
483 | #login-screen #issue { |
---|
484 | margin-left: 1.33em; |
---|
485 | font-size: 12px; /* ie < 9 sucks */ |
---|
486 | font-size: 1.2rem; |
---|
487 | } |
---|
488 | #login-screen #issue strong { |
---|
489 | font-weight: normal; |
---|
490 | } |
---|
491 | /* ------------------------------------------------------------------ dashboard */ |
---|
492 | #dashboard-main { |
---|
493 | padding: 1em 0; |
---|
494 | } |
---|
495 | #icons { |
---|
496 | overflow: hidden; |
---|
497 | padding-bottom: 1em; |
---|
498 | text-align: center; |
---|
499 | } |
---|
500 | #icons p { |
---|
501 | width: 210px; |
---|
502 | text-align: center; |
---|
503 | margin: 1em 0 2em; |
---|
504 | padding: 1em 0; |
---|
505 | display:inline-block; |
---|
506 | vertical-align: top; |
---|
507 | } |
---|
508 | #icons a, |
---|
509 | #icons a:link, |
---|
510 | #icons a:visited, |
---|
511 | #icons a:hover, |
---|
512 | #icons a:focus { |
---|
513 | border-bottom-width: 0px; |
---|
514 | text-decoration: none; |
---|
515 | } |
---|
516 | #icons a span { |
---|
517 | border-bottom: 1px dotted #f90; |
---|
518 | color: #333; |
---|
519 | } |
---|
520 | #icons a img { |
---|
521 | padding: 2em; |
---|
522 | -moz-box-shadow: 0px 1px 0px 0px #ffffff; |
---|
523 | -webkit-box-shadow: 0px 1px 0px 0px #ffffff; |
---|
524 | box-shadow: 0px 1px 0px 0px #ffffff; |
---|
525 | background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) ); |
---|
526 | background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% ); |
---|
527 | filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9'); |
---|
528 | background-color:#f9f9f9; |
---|
529 | -moz-border-radius:1em; |
---|
530 | -webkit-border-radius:1em; |
---|
531 | border-radius:1em; |
---|
532 | border:1px solid #dcdcdc; |
---|
533 | display:inline-block; |
---|
534 | } |
---|
535 | #icons a:focus img, #icons a:hover img { |
---|
536 | background: #BBDB58; |
---|
537 | } |
---|
538 | #icons a:focus span, #icons a:hover span { |
---|
539 | text-decoration: underline; |
---|
540 | } |
---|
541 | #quick { |
---|
542 | margin-top: 2em; |
---|
543 | } |
---|
544 | #quick h3 { |
---|
545 | margin-bottom: 0.2em; |
---|
546 | font-size: 1.2em; |
---|
547 | } |
---|
548 | #quick p.qinfo { |
---|
549 | margin: -.7em -1em 1em; |
---|
550 | background: #f3f3ff url(info.png) no-repeat .2em .2em; |
---|
551 | border: 1px solid #99f; |
---|
552 | padding: .2em 1em .1em 24px; |
---|
553 | color: #666; |
---|
554 | } |
---|
555 | #quick #new_cat, .q-cat, .q-cat label { |
---|
556 | display: inline-block; |
---|
557 | vertical-align: top; |
---|
558 | margin-right: 1em; |
---|
559 | margin-top: 0; |
---|
560 | } |
---|
561 | .q-cat label { |
---|
562 | margin-right: .3em; |
---|
563 | } |
---|
564 | #quick #new_cat { |
---|
565 | margin-bottom: 2em; |
---|
566 | } |
---|
567 | #dashboard-items { |
---|
568 | margin: 3em auto; |
---|
569 | display: table; |
---|
570 | width: 100%; |
---|
571 | border-collapse: collapse; |
---|
572 | } |
---|
573 | .db-item { |
---|
574 | display: table-cell; |
---|
575 | padding: 1em 3em; |
---|
576 | vertical-align: top; |
---|
577 | border: 1px solid #ccc; |
---|
578 | } |
---|
579 | #dashboard-items img { |
---|
580 | vertical-align: middle; |
---|
581 | } |
---|
582 | #dashboard-items ul { |
---|
583 | display: block; |
---|
584 | padding-left: 1.5em; |
---|
585 | list-style: square; |
---|
586 | } |
---|
587 | #dashboard-items li { |
---|
588 | margin: 0.25em 0 0 0; |
---|
589 | color: #666; |
---|
590 | } |
---|
591 | #news dt { |
---|
592 | font-weight: bold; |
---|
593 | margin: 0 0 0.4em 0; |
---|
594 | } |
---|
595 | #news dd { |
---|
596 | margin: 0 0 1em 0; |
---|
597 | } |
---|
598 | #news dd p { |
---|
599 | margin: 0.2em 0 0 0; |
---|
600 | } |
---|
601 | |
---|
602 | #upg-notify { |
---|
603 | } |
---|
604 | #upg-notify ul { |
---|
605 | padding-left: 1.5em; |
---|
606 | } |
---|
607 | #upg-notify li { |
---|
608 | color: #fff; |
---|
609 | } |
---|
610 | /* ------------------------------------------------------------------ post */ |
---|
611 | #entry-wrapper { |
---|
612 | float: left; |
---|
613 | width: 100%; |
---|
614 | margin-right: -18em; |
---|
615 | } |
---|
616 | #entry-content { |
---|
617 | margin-right: 19em; |
---|
618 | margin-left: 0; |
---|
619 | } |
---|
620 | .multi-part { |
---|
621 | padding-left: 1em; |
---|
622 | } |
---|
623 | #entry-content label { |
---|
624 | text-transform: uppercase; |
---|
625 | font-weight: bold; |
---|
626 | margin-top: 2em; |
---|
627 | } |
---|
628 | #entry-sidebar { |
---|
629 | width: 17em; |
---|
630 | float: right; |
---|
631 | } |
---|
632 | #entry-sidebar select { |
---|
633 | width: 100%; |
---|
634 | } |
---|
635 | #entry-sidebar input#post_position { |
---|
636 | width: 4em; |
---|
637 | } |
---|
638 | .box { |
---|
639 | border-bottom: 1px solid #ddd; |
---|
640 | margin-bottom: 1em; |
---|
641 | } |
---|
642 | #comments { |
---|
643 | clear: both; |
---|
644 | } |
---|
645 | #trackback-form textarea { |
---|
646 | width: 98%; |
---|
647 | } |
---|
648 | /* ------------------------------------------------------------------ categories */ |
---|
649 | #categories { |
---|
650 | margin: 1em 0; |
---|
651 | } |
---|
652 | #categories ul { |
---|
653 | list-style: none; |
---|
654 | margin: 0; |
---|
655 | padding: 0; |
---|
656 | } |
---|
657 | #categories li { |
---|
658 | margin: .5em 0; |
---|
659 | padding: .5em 1.2em; |
---|
660 | border: 1px solid #ccc; |
---|
661 | border-left: 8px solid #E5E3DA; |
---|
662 | border-radius: 3px; |
---|
663 | } |
---|
664 | #categories input[type="checkbox"] { |
---|
665 | margin-right: .8em; |
---|
666 | } |
---|
667 | #categories h4 { |
---|
668 | margin: 0; |
---|
669 | } |
---|
670 | #categories label a { |
---|
671 | font-weight: bold; |
---|
672 | } |
---|
673 | #categories h4 span { |
---|
674 | font-weight: normal; |
---|
675 | } |
---|
676 | #categories li p { |
---|
677 | margin: 0; |
---|
678 | display: inline-block; |
---|
679 | } |
---|
680 | .cat-url { |
---|
681 | padding-left: 1em; |
---|
682 | } |
---|
683 | .cat-actions { |
---|
684 | line-height: 2; |
---|
685 | } |
---|
686 | select#del_cat { |
---|
687 | width: 100%; |
---|
688 | } |
---|
689 | #new_cat { |
---|
690 | font-weight: bold; |
---|
691 | margin-top: 2em; |
---|
692 | } |
---|
693 | #categories .placeholder { |
---|
694 | outline: 1px dashed #4183C4; |
---|
695 | min-height: 2.5em; |
---|
696 | } |
---|
697 | #categories input.cat-rank { |
---|
698 | float: right; |
---|
699 | margin-left: 30px; |
---|
700 | } |
---|
701 | #save-set-order.disabled { |
---|
702 | text-shadow: none; |
---|
703 | color: #666; |
---|
704 | background: #F5F5F5; |
---|
705 | border: 1px solid #CCCCCC; |
---|
706 | } |
---|
707 | #save-set-order.disabled:hover { |
---|
708 | color: #666; |
---|
709 | background: #DFDFDF; |
---|
710 | border: 1px solid #CCCCCC; |
---|
711 | } |
---|
712 | /* ------------------------------------------------------------------ media */ |
---|
713 | #media-icon { |
---|
714 | float: left; |
---|
715 | } |
---|
716 | #media-details { |
---|
717 | } |
---|
718 | .near-icon { |
---|
719 | margin-left: 70px; |
---|
720 | margin-bottom: 3em; |
---|
721 | } |
---|
722 | #media-details ul { |
---|
723 | display: block; |
---|
724 | margin-left: 0; |
---|
725 | padding: 0; |
---|
726 | } |
---|
727 | #media-details li { |
---|
728 | list-style: square inside; |
---|
729 | margin: 0; |
---|
730 | padding: 0; |
---|
731 | } |
---|
732 | #media-original-image { |
---|
733 | overflow: auto; |
---|
734 | } |
---|
735 | #media-original-image.overheight { |
---|
736 | height: 500px; |
---|
737 | } |
---|
738 | #add-file-f { |
---|
739 | position: relative; |
---|
740 | } |
---|
741 | #add-file-f .more-file { |
---|
742 | position:absolute; |
---|
743 | right: 0.5em; |
---|
744 | background: #999; |
---|
745 | color: #fff; |
---|
746 | border: none; |
---|
747 | } |
---|
748 | .media-list { |
---|
749 | position: static; |
---|
750 | } |
---|
751 | .media-col-0 { |
---|
752 | clear: left; |
---|
753 | } |
---|
754 | .media-item { |
---|
755 | position: relative; |
---|
756 | border-top: 1px solid #ccc; |
---|
757 | margin-bottom: 1em; |
---|
758 | padding: 5px 0; |
---|
759 | } |
---|
760 | div.media-list .media-item { |
---|
761 | width: 49%; |
---|
762 | float: left; |
---|
763 | margin-right: 1%; |
---|
764 | } |
---|
765 | a.media-icon { |
---|
766 | display: block; |
---|
767 | border-bottom: none; |
---|
768 | float: left; |
---|
769 | } |
---|
770 | .media-icon img { |
---|
771 | display: block; |
---|
772 | } |
---|
773 | .media-item ul { |
---|
774 | display: block; |
---|
775 | list-style: none; |
---|
776 | margin: 0 0 0 60px; |
---|
777 | padding: 0; |
---|
778 | } |
---|
779 | li.media-action { |
---|
780 | display: block; |
---|
781 | position: absolute; |
---|
782 | top: 5px; |
---|
783 | right: 5px; |
---|
784 | height: 16px; |
---|
785 | } |
---|
786 | li.media-action a { |
---|
787 | border: none; |
---|
788 | } |
---|
789 | li.media-action form { |
---|
790 | display: inline; |
---|
791 | } |
---|
792 | li.media-action input { |
---|
793 | border: none; |
---|
794 | } |
---|
795 | /* ------------------------------------------------------------------ preferences */ |
---|
796 | #my-favs { |
---|
797 | border: 1px solid #A8DC26; |
---|
798 | padding: 1em 2em |
---|
799 | } |
---|
800 | #my-favs ul { |
---|
801 | list-style-type: none; |
---|
802 | margin-left: 0; |
---|
803 | padding-left: 0; |
---|
804 | line-height: 1.2; |
---|
805 | } |
---|
806 | #my-favs li { |
---|
807 | display: block; |
---|
808 | float: left; |
---|
809 | width: 164px; |
---|
810 | margin-top: 1em; |
---|
811 | margin-bottom: 1.5em; |
---|
812 | } |
---|
813 | #my-favs label {height: 2.5em;width:140px;margin-top:.3em;} |
---|
814 | #my-favs label input {display:inline;} |
---|
815 | #my-favs img { |
---|
816 | display: block; |
---|
817 | } |
---|
818 | #my-favs input.position { |
---|
819 | margin: 0 0 .4em .2em; |
---|
820 | } |
---|
821 | #available-favs input, #available-favs label, #available-favs label span { |
---|
822 | white-space: normal; |
---|
823 | display: inline; |
---|
824 | } |
---|
825 | #default-favs h3 { |
---|
826 | margin-top: 2em; |
---|
827 | margin-bottom: 1em; |
---|
828 | } |
---|
829 | .fav-list { |
---|
830 | list-style-type: none; |
---|
831 | margin-left: 0; |
---|
832 | padding-left: 0; |
---|
833 | } |
---|
834 | .fav-list li { |
---|
835 | line-height: 2; |
---|
836 | margin-left: 0; |
---|
837 | padding-left: 0; |
---|
838 | position: relative; |
---|
839 | } |
---|
840 | .fav-list img { |
---|
841 | vertical-align: middle; |
---|
842 | margin-right: .2em; |
---|
843 | } |
---|
844 | #available-favs label span.zoom { |
---|
845 | display: none; |
---|
846 | } |
---|
847 | #available-favs li:hover label span.zoom { |
---|
848 | display: block; |
---|
849 | position: absolute; |
---|
850 | bottom: 0; |
---|
851 | left: 10em; |
---|
852 | background-color: #f5f5f5; |
---|
853 | border: 1px solid #ddd; |
---|
854 | padding: .2em; |
---|
855 | border-radius: .5em; |
---|
856 | } |
---|
857 | #user-options label.ib { |
---|
858 | display: inline-block; |
---|
859 | width: 14em; |
---|
860 | padding-right: 1em; |
---|
861 | } |
---|
862 | .blog-perm { |
---|
863 | margin-top: 2em; |
---|
864 | font-weight: bold; |
---|
865 | } |
---|
866 | .ul-perm { |
---|
867 | list-style-type: square; |
---|
868 | margin-left: 0; |
---|
869 | padding-left: 3.5em; |
---|
870 | margin-bottom: 0 |
---|
871 | } |
---|
872 | .add-perm { |
---|
873 | padding-top: .5em; |
---|
874 | padding-left: 2.5em; |
---|
875 | margin-left: 0; |
---|
876 | } |
---|
877 | /* -------------------------------------------------------------------- Themes */ |
---|
878 | #themes { |
---|
879 | margin: 0; |
---|
880 | width: 100%; |
---|
881 | padding: 0; |
---|
882 | } |
---|
883 | #themes h3 { |
---|
884 | } |
---|
885 | #themes div.theme-details { |
---|
886 | border-top: 1px solid #ccc; |
---|
887 | padding: 12px; |
---|
888 | display: inline-block; |
---|
889 | vertical-align: top; |
---|
890 | width: 284px; |
---|
891 | } |
---|
892 | .current-theme { |
---|
893 | background: #eef; |
---|
894 | } |
---|
895 | #themes div.theme-details:hover { |
---|
896 | background: #f0f0f0; |
---|
897 | } |
---|
898 | #themes div.theme-details div.theme-shot { |
---|
899 | } |
---|
900 | #themes div.theme-details div.theme-shot img { |
---|
901 | display: block; |
---|
902 | border: 1px solid #ccc; |
---|
903 | margin-bottom: 1.5em; |
---|
904 | } |
---|
905 | #themes div.theme-details div.theme-info { |
---|
906 | } |
---|
907 | #themes div.theme-details div.theme-info span.theme-desc { |
---|
908 | display: block; |
---|
909 | } |
---|
910 | #themes div.theme-details div.theme-info span.theme-version { |
---|
911 | color: #666; |
---|
912 | } |
---|
913 | #themes div.theme-details div.theme-actions { |
---|
914 | } |
---|
915 | #themes-actions { |
---|
916 | border-bottom: 1px solid #999; |
---|
917 | margin-bottom: 3em; |
---|
918 | } |
---|
919 | .theme-css { |
---|
920 | display: block; |
---|
921 | } |
---|
922 | /* Themes list, JS version */ |
---|
923 | #themes-wrapper { |
---|
924 | display: table; |
---|
925 | } |
---|
926 | #themes-wrapper #themes { |
---|
927 | display: table-cell; |
---|
928 | vertical-align: top; |
---|
929 | padding-left: 1em; |
---|
930 | } |
---|
931 | #theme-box { |
---|
932 | display: table-cell; |
---|
933 | vertical-align: top; |
---|
934 | padding: 0; |
---|
935 | width: 312px; |
---|
936 | border: 1px solid #ccc; |
---|
937 | border-radius: 3px; |
---|
938 | } |
---|
939 | #theme-box .theme-shot, |
---|
940 | #theme-box .theme-info, |
---|
941 | #theme-box .theme-actions { |
---|
942 | background: #eef; |
---|
943 | padding: 1em 16px; |
---|
944 | margin: 0; |
---|
945 | } |
---|
946 | #theme-box .theme-shot img { |
---|
947 | display: block; |
---|
948 | width: 280px; |
---|
949 | height: 245px; |
---|
950 | border: 1px solid #ccc; |
---|
951 | } |
---|
952 | #theme-box h4 { |
---|
953 | color: #000; |
---|
954 | background: #eef; |
---|
955 | } |
---|
956 | #theme-box span.theme-version { |
---|
957 | color: #666; |
---|
958 | } |
---|
959 | #theme-box span.theme-parent-ok { |
---|
960 | color: #666; |
---|
961 | } |
---|
962 | #theme-box span.theme-parent-missing { |
---|
963 | color: #c00; |
---|
964 | font-weight:bold; |
---|
965 | } |
---|
966 | #theme-box .theme-actions { |
---|
967 | border-bottom: 1px solid #ccc; |
---|
968 | } |
---|
969 | #themes .theme-details-js { |
---|
970 | float: left; |
---|
971 | width: 120px; |
---|
972 | height: 150px; |
---|
973 | margin: 0 12px 24px; |
---|
974 | padding: 12px 12px 0; |
---|
975 | text-align: center; |
---|
976 | background: #f3f3f3; |
---|
977 | border: 1px solid #ddd; |
---|
978 | cursor: pointer; |
---|
979 | border-radius: 4px; |
---|
980 | } |
---|
981 | #themes .theme-details-js label { |
---|
982 | cursor: pointer; |
---|
983 | } |
---|
984 | #themes .theme-details-js.theme-selected { |
---|
985 | background: #ddd; |
---|
986 | border: 1px solid #999; |
---|
987 | } |
---|
988 | #themes .theme-details-js .theme-shot img { |
---|
989 | width: 120px; |
---|
990 | height: 105px; |
---|
991 | border: 1px solid #fff; |
---|
992 | } |
---|
993 | #themes a:focus div, #themes a:hover div, |
---|
994 | #themes a:focus div.current-theme, #themes a:hover div.current-theme { |
---|
995 | background: #BBDB58; |
---|
996 | } |
---|
997 | /* ---------------------------------------------------------- Plugins list */ |
---|
998 | #plugins td.action { |
---|
999 | vertical-align: middle; |
---|
1000 | } |
---|
1001 | select.l10n option { |
---|
1002 | padding-left: 16px; |
---|
1003 | } |
---|
1004 | option.avail10n { |
---|
1005 | background: transparent url(../images/check-on.png) no-repeat 0 50%; |
---|
1006 | } |
---|
1007 | /* ------------------------------------------------------------------ contextual help */ |
---|
1008 | #help { |
---|
1009 | margin-top: 4em; |
---|
1010 | background: #f5f5f5; |
---|
1011 | z-index: 100; |
---|
1012 | clear: both; |
---|
1013 | padding: 0 1em; |
---|
1014 | } |
---|
1015 | #help-button { |
---|
1016 | background: transparent url(../images/page_help.png) no-repeat 6px center; |
---|
1017 | position: absolute; |
---|
1018 | top: 36px; /* ie < 9 sucks */ |
---|
1019 | top: 3.6rem; |
---|
1020 | right: 0px; |
---|
1021 | padding: 0 1.5em 0 30px; |
---|
1022 | cursor: pointer; |
---|
1023 | color: #2373A8; |
---|
1024 | line-height: 42px; /* ie < 9 sucks */ |
---|
1025 | line-height: 4.2rem; |
---|
1026 | } |
---|
1027 | #help-button span { |
---|
1028 | padding: .5em 0 .1em 0; |
---|
1029 | border-bottom: 1px solid #2373A8; |
---|
1030 | } |
---|
1031 | .help-box { |
---|
1032 | display: none; |
---|
1033 | } |
---|
1034 | .help-box ul { |
---|
1035 | padding-left: 20px; |
---|
1036 | margin-left: 0; |
---|
1037 | } |
---|
1038 | #content.with-help #help-button { |
---|
1039 | right: 282px; /* ie < 9 sucks */ |
---|
1040 | right: 28.2rem; |
---|
1041 | background-color: #f5f5f5; |
---|
1042 | position: fixed; |
---|
1043 | border-top: 2px solid #FFD478; |
---|
1044 | border-left: 2px solid #FFD478; |
---|
1045 | border-bottom: 2px solid #FFD478; |
---|
1046 | border-bottom-left-radius: 1em; |
---|
1047 | border-top-left-radius: 1em; |
---|
1048 | } |
---|
1049 | #content.with-help #help { |
---|
1050 | display: block; |
---|
1051 | position: absolute; |
---|
1052 | top: 36px; /* ie < 9 sucks */ |
---|
1053 | top: 3.6rem; |
---|
1054 | right: 0; |
---|
1055 | width: 280px; /* ie < 9 sucks */ |
---|
1056 | width: 28rem; |
---|
1057 | border-left: 2px solid #FFD478; |
---|
1058 | border-top: 2px solid #FFD478; |
---|
1059 | margin-top: 0; |
---|
1060 | padding: .5em 0 0 0; |
---|
1061 | overflow: auto; |
---|
1062 | } |
---|
1063 | #content.with-help .help-content { |
---|
1064 | padding: 0 .5em 1em; |
---|
1065 | } |
---|
1066 | .help-content dt { |
---|
1067 | font-weight: bold; |
---|
1068 | color: #626262; |
---|
1069 | margin: 0; |
---|
1070 | } |
---|
1071 | .help-content dd { |
---|
1072 | margin: 0.3em 0 1.5em 0; |
---|
1073 | } |
---|
1074 | /* ------------------------------------------------------------------ popups */ |
---|
1075 | body.popup #wrapper, body.popup #top { |
---|
1076 | width: 100%; |
---|
1077 | padding: 0; |
---|
1078 | } |
---|
1079 | body.popup #wrapper { |
---|
1080 | float: none; |
---|
1081 | margin:0; |
---|
1082 | display: block; |
---|
1083 | } |
---|
1084 | body.popup h1, body.popup #top { |
---|
1085 | margin: 0; |
---|
1086 | border-bottom: 1px solid; |
---|
1087 | font-weight: normal; |
---|
1088 | color: #fff; |
---|
1089 | background: #575859; |
---|
1090 | font-size: 1.5em; |
---|
1091 | text-indent: .5em; |
---|
1092 | line-height: 1.3em; |
---|
1093 | } |
---|
1094 | body.popup #main { |
---|
1095 | margin-bottom: 1em 0; |
---|
1096 | } |
---|
1097 | body.popup #content { |
---|
1098 | margin: 0; |
---|
1099 | padding: .5em 0; |
---|
1100 | } |
---|
1101 | body.popup #content h2 { |
---|
1102 | margin: 0 0 1em; |
---|
1103 | } |
---|
1104 | body.popup #footer p { |
---|
1105 | border: none; |
---|
1106 | } |
---|
1107 | /* ------------------------------------------------------------------ messages */ |
---|
1108 | .error, .message, .static-msg, .static-msg, .success { |
---|
1109 | padding: 1em 0.5em 0.5em 48px; |
---|
1110 | margin-bottom: 1em; |
---|
1111 | border-radius: 8px; |
---|
1112 | } |
---|
1113 | p.error, p.message, p.static-msg, p.success { |
---|
1114 | padding-top: 1em; |
---|
1115 | padding-bottom: 1em; |
---|
1116 | } |
---|
1117 | .error { |
---|
1118 | background: #FFBABA url(msg-error.png) no-repeat .7em .7em; |
---|
1119 | color: #000; |
---|
1120 | } |
---|
1121 | .message, .static-msg { |
---|
1122 | background: #666 url(msg-std.png) no-repeat .7em .7em; |
---|
1123 | color: #fff; |
---|
1124 | } |
---|
1125 | .success { |
---|
1126 | background: #bee74b url(msg-success.png) no-repeat .7em .7em; |
---|
1127 | color: #000; |
---|
1128 | } |
---|
1129 | .message a, .static-msg a { |
---|
1130 | color: #fff; |
---|
1131 | } |
---|
1132 | .success a { |
---|
1133 | color: #666; |
---|
1134 | } |
---|
1135 | /* ------------------------------------------------------------------ navigation */ |
---|
1136 | .anchor-nav { |
---|
1137 | background: #575859; |
---|
1138 | color: #fff; |
---|
1139 | padding: 4px 1em; |
---|
1140 | float: right; |
---|
1141 | } |
---|
1142 | .nav_prevnext { |
---|
1143 | margin-bottom: 2em; |
---|
1144 | color: #fff; |
---|
1145 | } |
---|
1146 | .nav_prevnext a, a.back { |
---|
1147 | border: 1px solid #ddd; |
---|
1148 | padding: 2px 1.5em; |
---|
1149 | border-radius: .75em; |
---|
1150 | background-color: #f0f0f0; |
---|
1151 | } |
---|
1152 | a.back:before { |
---|
1153 | content: "\ab\a0"; |
---|
1154 | } |
---|
1155 | a.onblog_link { |
---|
1156 | color: #333; |
---|
1157 | float: right; |
---|
1158 | border: 1px solid #eee; |
---|
1159 | padding: 2px 1.5em; |
---|
1160 | border-radius: .75em; |
---|
1161 | background-color: #ffe; |
---|
1162 | } |
---|
1163 | /* ------------------------------------------------------------------ debug */ |
---|
1164 | #debug { |
---|
1165 | position: absolute; |
---|
1166 | top: 0; |
---|
1167 | width: 100%; |
---|
1168 | height: 4px; |
---|
1169 | background: #d99; |
---|
1170 | } |
---|
1171 | #debug div { |
---|
1172 | display: none; |
---|
1173 | padding: 3px 0.5em 2px; |
---|
1174 | } |
---|
1175 | #debug p { |
---|
1176 | margin: 0.5em 0; |
---|
1177 | } |
---|
1178 | #debug:hover { |
---|
1179 | height: auto; |
---|
1180 | } |
---|
1181 | #debug:hover div { |
---|
1182 | display: block; |
---|
1183 | } |
---|
1184 | /* -------------------------------------------------------------------- CLASSES COMMUNES */ |
---|
1185 | .no-margin, #entry-content label.no-margin { |
---|
1186 | margin: 0; |
---|
1187 | } |
---|
1188 | .vertical-separator { |
---|
1189 | margin-top: 2em; |
---|
1190 | } |
---|
1191 | p.clear.vertical-separator { |
---|
1192 | padding-top: 2em; |
---|
1193 | } |
---|
1194 | .border-top { |
---|
1195 | border-top: 1px solid #999; |
---|
1196 | padding-top: 1em; |
---|
1197 | margin-top: 1em; |
---|
1198 | } |
---|
1199 | .fieldset { |
---|
1200 | background: #fff; |
---|
1201 | border: 1px solid #aaa; |
---|
1202 | border-radius: 6px; |
---|
1203 | padding: 1em .7em .5em; |
---|
1204 | margin-bottom: 1em; |
---|
1205 | } |
---|
1206 | .fieldset h3 { |
---|
1207 | color: #333; |
---|
1208 | } |
---|
1209 | .table { |
---|
1210 | display: table; |
---|
1211 | } |
---|
1212 | .cell { |
---|
1213 | display: table-cell; |
---|
1214 | } |
---|
1215 | /* paragraphe pour bouton Nouveau bidule */ |
---|
1216 | p.top-add { |
---|
1217 | text-align: right; |
---|
1218 | margin: 0; |
---|
1219 | } |
---|
1220 | p.top-add a { |
---|
1221 | padding: .3em 1em .3em .5em; |
---|
1222 | font-weight: bold; |
---|
1223 | } |
---|
1224 | p.top-add a img { |
---|
1225 | padding-right: .3em; |
---|
1226 | vertical-align: middle; |
---|
1227 | } |
---|
1228 | |
---|
1229 | .clear { |
---|
1230 | clear: both; |
---|
1231 | } |
---|
1232 | .lclear { |
---|
1233 | clear: left; |
---|
1234 | } |
---|
1235 | div.clearer { |
---|
1236 | height: 1px; |
---|
1237 | font-size: 1px; |
---|
1238 | } |
---|
1239 | .right { |
---|
1240 | text-align: right; |
---|
1241 | } |
---|
1242 | .txt-center { |
---|
1243 | text-align: center; |
---|
1244 | } |
---|
1245 | .frame-shrink { |
---|
1246 | border: 1px solid #666; |
---|
1247 | padding: 0.5em; |
---|
1248 | margin-bottom: 1em; |
---|
1249 | height: 120px; |
---|
1250 | overflow: auto; |
---|
1251 | } |
---|
1252 | .grid { |
---|
1253 | background: transparent repeat url('grid.png') 0 0; |
---|
1254 | } |
---|
1255 | .line p { |
---|
1256 | margin: 0; |
---|
1257 | } |
---|
1258 | .offline { |
---|
1259 | color: #666; |
---|
1260 | } |
---|
1261 | ul.nice { |
---|
1262 | margin: 1em 0; |
---|
1263 | padding: 0 0 0 2em; |
---|
1264 | list-style: square; |
---|
1265 | } |
---|
1266 | ul.nice li { |
---|
1267 | margin:0; |
---|
1268 | padding: 0; |
---|
1269 | } |
---|
1270 | .zip-dl { |
---|
1271 | background: transparent url(package.png) no-repeat 0 50%; |
---|
1272 | padding: 5px 0 5px 20px; |
---|
1273 | } |
---|
1274 | .distrib img { |
---|
1275 | display: block; |
---|
1276 | float: right; |
---|
1277 | margin-top: -1em; |
---|
1278 | } |
---|
1279 | |
---|
1280 | /* TABLES |
---|
1281 | -------------------------------------------------------- */ |
---|
1282 | table { |
---|
1283 | font-size: 12px; /* ie < 9 sucks */ |
---|
1284 | font-size: 1.2rem; |
---|
1285 | border-collapse: collapse; |
---|
1286 | margin: 0 0 1em 0; |
---|
1287 | } |
---|
1288 | table.posts-list { |
---|
1289 | min-width: 50%; |
---|
1290 | } |
---|
1291 | tr.line:hover { |
---|
1292 | background: #f3f3f3; |
---|
1293 | } |
---|
1294 | caption { |
---|
1295 | color: #333; |
---|
1296 | font-weight: bold; |
---|
1297 | text-align: left; |
---|
1298 | margin-bottom: .5em; |
---|
1299 | } |
---|
1300 | |
---|
1301 | td { |
---|
1302 | border-width: 0 0 1px 0; |
---|
1303 | border-style: solid; |
---|
1304 | border-color: #e3e3e3; |
---|
1305 | padding: .3em .5em; |
---|
1306 | vertical-align: top; |
---|
1307 | } |
---|
1308 | th { |
---|
1309 | border-width: 1px 0 1px 0; |
---|
1310 | border-style: solid; |
---|
1311 | border-color: #ccc; |
---|
1312 | background: #f3f3ff; |
---|
1313 | padding: .3em .5em; |
---|
1314 | vertical-align: top; |
---|
1315 | text-align: left; |
---|
1316 | } |
---|
1317 | th.first img { |
---|
1318 | padding-right: 24px; |
---|
1319 | } |
---|
1320 | .noborder td, td.noborder, .noborder th, th.noborder { |
---|
1321 | border-width: 0 0 1px 0; |
---|
1322 | border-color: #ddd; |
---|
1323 | line-height: 2em; |
---|
1324 | padding-bottom: 0; |
---|
1325 | } |
---|
1326 | .noborder p { |
---|
1327 | margin-bottom: 0; |
---|
1328 | } |
---|
1329 | table .maximal, table.maximal { |
---|
1330 | width: 100%; |
---|
1331 | } |
---|
1332 | table .minimal { |
---|
1333 | width: 1px; |
---|
1334 | } |
---|
1335 | table .nowrap { |
---|
1336 | white-space: nowrap; |
---|
1337 | vertical-align: top; |
---|
1338 | } |
---|
1339 | table.settings, table.prefs { |
---|
1340 | width: 80%; |
---|
1341 | border: 1px solid #999; |
---|
1342 | margin-bottom: 3em; |
---|
1343 | } |
---|
1344 | table.settings th, table.prefs th { |
---|
1345 | background: #f3f3ff; |
---|
1346 | } |
---|
1347 | table.settings th:first-child, table.prefs th:first-child { |
---|
1348 | width: 20%; |
---|
1349 | } |
---|
1350 | table.settings th + th, table.prefs th + th { |
---|
1351 | width: 30%; |
---|
1352 | } |
---|
1353 | table.settings th + th + th, table.prefs th + th + th { |
---|
1354 | width: 10%; |
---|
1355 | } |
---|
1356 | table.settings th:last-child, table.prefs th:last-child { |
---|
1357 | width: 40%; |
---|
1358 | } |
---|
1359 | td.status { |
---|
1360 | vertical-align: middle; |
---|
1361 | } |
---|
1362 | td.status img { |
---|
1363 | margin-bottom: -2px; |
---|
1364 | } |
---|
1365 | td.status a { |
---|
1366 | border: none; |
---|
1367 | } |
---|
1368 | tr.line img.expand, th img.expand { |
---|
1369 | margin-right: 6px; |
---|
1370 | margin-bottom: -2px; |
---|
1371 | } |
---|
1372 | tr.line input { |
---|
1373 | vertical-align: middle; |
---|
1374 | } |
---|
1375 | tr.expand td { |
---|
1376 | border-bottom: none; |
---|
1377 | } |
---|
1378 | td.expand { |
---|
1379 | padding: 1em; |
---|
1380 | } |
---|
1381 | |
---|
1382 | .dragable { |
---|
1383 | border-collapse: separate; |
---|
1384 | } |
---|
1385 | .dragable tbody td { |
---|
1386 | |
---|
1387 | } |
---|
1388 | .handle { |
---|
1389 | padding: 0; |
---|
1390 | } |
---|
1391 | .handler { |
---|
1392 | cursor: move; |
---|
1393 | background: transparent url(drag.png) no-repeat 0 50%; |
---|
1394 | padding-left: 15px; |
---|
1395 | } |
---|
1396 | /* ----------------------------------------------------------------- FORMS */ |
---|
1397 | form { |
---|
1398 | display: block; |
---|
1399 | margin: 0; |
---|
1400 | padding: 0; |
---|
1401 | } |
---|
1402 | fieldset { |
---|
1403 | display: block; |
---|
1404 | margin: 0 0 1em 0; |
---|
1405 | padding: 1em 0.5em; |
---|
1406 | border-width: 1px 0; |
---|
1407 | border-style: solid; |
---|
1408 | border-color: #ccc; |
---|
1409 | background: #f5f5f5; |
---|
1410 | } |
---|
1411 | legend { |
---|
1412 | font-weight: bold; |
---|
1413 | padding: 0.2em 0.6em; |
---|
1414 | border-width: 1px; |
---|
1415 | border-style: solid; |
---|
1416 | border-color: #333; |
---|
1417 | background: #fff; |
---|
1418 | margin-bottom: 0.5em; |
---|
1419 | border-radius: 3px; |
---|
1420 | } |
---|
1421 | optgroup { |
---|
1422 | font-weight: bold; |
---|
1423 | font-style: normal; |
---|
1424 | } |
---|
1425 | option { |
---|
1426 | font-weight: normal; |
---|
1427 | } |
---|
1428 | input, textarea, select { |
---|
1429 | background: #f9f9f9; |
---|
1430 | color: #000; |
---|
1431 | border-width: 2px; |
---|
1432 | border-style: solid; |
---|
1433 | border-color: #ccc #ddd #ddd #ccc; |
---|
1434 | } |
---|
1435 | select { |
---|
1436 | border-right: none; |
---|
1437 | } |
---|
1438 | input.invalid, textarea.invalid, select.invalid { |
---|
1439 | border: 1px solid red; |
---|
1440 | background: #fff; |
---|
1441 | color: red; |
---|
1442 | box-shadow: 0 0 0 1px rgba(218, 62, 90, 0.3) |
---|
1443 | } |
---|
1444 | input, textarea, select, option { |
---|
1445 | font: 100% "DejaVu Sans","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; |
---|
1446 | } |
---|
1447 | input[type=text], input[type=password], textarea { |
---|
1448 | padding: 2px 0; |
---|
1449 | margin-right: .3em; |
---|
1450 | } |
---|
1451 | textarea { |
---|
1452 | padding: 2px 0; |
---|
1453 | } |
---|
1454 | input[type=checkbox], input[type=radio], input[type=file] { |
---|
1455 | border: none; |
---|
1456 | margin: 0; |
---|
1457 | padding: 0; |
---|
1458 | background: transparent; |
---|
1459 | } |
---|
1460 | input[type=file] { |
---|
1461 | margin-top: .3em; |
---|
1462 | margin-bottom: .3em; |
---|
1463 | } |
---|
1464 | label { |
---|
1465 | display: block; |
---|
1466 | } |
---|
1467 | label input, label select, label span { |
---|
1468 | display: block; |
---|
1469 | } |
---|
1470 | p.form-note { |
---|
1471 | font-style:italic; |
---|
1472 | margin-top: -.7em; |
---|
1473 | color: #666; |
---|
1474 | } |
---|
1475 | span.form-note { |
---|
1476 | font-style:italic; |
---|
1477 | font-weight: normal; |
---|
1478 | text-transform: none; |
---|
1479 | color: #666; |
---|
1480 | } |
---|
1481 | p.form-note.warn, p.form-note.info, p.warning { |
---|
1482 | font-style: normal; |
---|
1483 | padding: .2em .66em .2em; |
---|
1484 | text-indent: 24px; |
---|
1485 | color: #333; |
---|
1486 | display: inline-block; |
---|
1487 | line-height: 1.5em; |
---|
1488 | } |
---|
1489 | p.form-note.warn, p.warning { |
---|
1490 | background: #ffd url(msg-warning.png) no-repeat .3em .3em; |
---|
1491 | border: 1px solid #f0c020; |
---|
1492 | } |
---|
1493 | p.form-note.info { |
---|
1494 | background: #f5eaff url(msg-info.png) no-repeat .3em .3em; |
---|
1495 | border: 1px solid #c484ff; |
---|
1496 | } |
---|
1497 | .form-note a {border-bottom: 1px solid #ddbaff;} |
---|
1498 | |
---|
1499 | label.ib { |
---|
1500 | display: inline-block; |
---|
1501 | } |
---|
1502 | label.classic { |
---|
1503 | display: inline; |
---|
1504 | } |
---|
1505 | label.classic input, label span input, label.classic select, label span select { |
---|
1506 | display: inline; |
---|
1507 | } |
---|
1508 | |
---|
1509 | label.area, p.area { |
---|
1510 | width: inherit !important; |
---|
1511 | } |
---|
1512 | .area textarea { |
---|
1513 | display: block; |
---|
1514 | width: 100%; |
---|
1515 | resize: vertical; |
---|
1516 | } |
---|
1517 | label.required { |
---|
1518 | font-weight: bold; |
---|
1519 | } |
---|
1520 | label.required abbr { |
---|
1521 | color: #dd0000; |
---|
1522 | font-size: 1.3em; |
---|
1523 | } |
---|
1524 | label.inline { |
---|
1525 | display: inline; |
---|
1526 | } |
---|
1527 | p.field { |
---|
1528 | position: relative; |
---|
1529 | |
---|
1530 | } |
---|
1531 | p.field label { |
---|
1532 | display: block; |
---|
1533 | width: 14em; |
---|
1534 | } |
---|
1535 | p.field input, p.field select { |
---|
1536 | display: inline; |
---|
1537 | position: absolute; |
---|
1538 | left: 14.5em; |
---|
1539 | top: 0; |
---|
1540 | } |
---|
1541 | label .maximal, textarea.maximal, input.maximal { |
---|
1542 | width: 100%; |
---|
1543 | } |
---|
1544 | textarea.maximal { |
---|
1545 | resize: vertical; |
---|
1546 | } |
---|
1547 | |
---|
1548 | a.form-control { |
---|
1549 | display: none; |
---|
1550 | background: url(../images/expand.png) no-repeat 4px center; |
---|
1551 | padding-left: 20px; |
---|
1552 | color: #000; |
---|
1553 | } |
---|
1554 | .constrained { |
---|
1555 | margin: 0; |
---|
1556 | padding: 0; |
---|
1557 | border: none; |
---|
1558 | background: transparent; |
---|
1559 | } |
---|
1560 | input:focus, textarea:focus, select:focus { |
---|
1561 | -webkit-box-sizing: border-box; |
---|
1562 | -moz-box-sizing: border-box; |
---|
1563 | box-sizing: border-box; |
---|
1564 | border: 2px solid #BBDB58; |
---|
1565 | } |
---|
1566 | /* --------------------------------------------------------------- buttons */ |
---|
1567 | /* commun */ |
---|
1568 | input[type=submit], |
---|
1569 | input[type=reset], |
---|
1570 | input[type=button], |
---|
1571 | a.button, |
---|
1572 | a.submit { |
---|
1573 | display: inline-block; |
---|
1574 | cursor: pointer; |
---|
1575 | text-align: center; |
---|
1576 | text-decoration: none; |
---|
1577 | padding: .1em .5em; |
---|
1578 | border-radius: .2em; |
---|
1579 | margin-bottom: .1em; |
---|
1580 | font-size: 12px; /* ie < 9 sucks */ |
---|
1581 | font-size: 1.2rem; |
---|
1582 | } |
---|
1583 | h4 a.button {font-weight: normal;} |
---|
1584 | |
---|
1585 | /* validation */ |
---|
1586 | input[type=submit], |
---|
1587 | input[type=button], |
---|
1588 | a.submit { |
---|
1589 | color: #fff; |
---|
1590 | text-shadow: 0 -1px 1px #1A87B9; |
---|
1591 | background:#25A6E1; |
---|
1592 | background:-moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%); |
---|
1593 | background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#25A6E1),color-stop(100%,#188BC0)); |
---|
1594 | background:linear-gradient(top,#25A6E1 0%,#188BC0 100%); |
---|
1595 | filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#25A6E1',endColorstr='#188BC0',GradientType=0); |
---|
1596 | border:1px solid #2C8FD1; |
---|
1597 | |
---|
1598 | } |
---|
1599 | input[type=submit]:hover, |
---|
1600 | input[type=button]:hover, |
---|
1601 | a.submit:hover, |
---|
1602 | input[type=submit]:focus, |
---|
1603 | input[type=button]:focus, |
---|
1604 | a.submit:focus { |
---|
1605 | background:#188BC0; |
---|
1606 | background:-moz-linear-gradient(top,#188BC0 0%,#25A6E1 100%); |
---|
1607 | background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#188BC0),color-stop(100%,#25A6E1)); |
---|
1608 | background:linear-gradient(top,#188BC0 0%,#25A6E1 100%); |
---|
1609 | filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#25A6E1',endColorstr='#25A6E1',GradientType=0); |
---|
1610 | } |
---|
1611 | /* suppression et reset */ |
---|
1612 | a.button, |
---|
1613 | input[type=submit].reset, |
---|
1614 | input[type=submit].delete { |
---|
1615 | border: 1px solid #ccc; |
---|
1616 | background: #f5f5f5; |
---|
1617 | color: #000; |
---|
1618 | background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#dfdfdf)); |
---|
1619 | background: -moz-linear-gradient(top, #f5f5f5, #dfdfdf); |
---|
1620 | text-shadow:1px 1px 0px #fff; |
---|
1621 | } |
---|
1622 | a.button:hover, |
---|
1623 | input[type=reset]:hover, |
---|
1624 | input[type=submit].reset:hover, |
---|
1625 | input[type=submit].delete:hover, |
---|
1626 | a.button:focus, |
---|
1627 | input[type=reset]:focus, |
---|
1628 | input[type=submit].reset:focus, |
---|
1629 | input[type=submit].delete:focus { |
---|
1630 | background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) ); |
---|
1631 | background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% ); |
---|
1632 | filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9'); |
---|
1633 | background-color:#e9e9e9; |
---|
1634 | } |
---|
1635 | a.delete, |
---|
1636 | input.delete, |
---|
1637 | input[type=submit].delete { |
---|
1638 | color: #c00; |
---|
1639 | padding-bottom: 2px; |
---|
1640 | } |
---|
1641 | #entry-content .delete { |
---|
1642 | margin-left: 1em; |
---|
1643 | } |
---|
1644 | a.delete:hover, |
---|
1645 | input.delete:hover, |
---|
1646 | input[type=submit].delete:hover, |
---|
1647 | a.delete:focus, |
---|
1648 | input.delete:focus, |
---|
1649 | input[type=submit].delete:focus { |
---|
1650 | border-color: #c00; |
---|
1651 | } |
---|
1652 | /* finasseries */ |
---|
1653 | input[type=button] { |
---|
1654 | padding: .1em; |
---|
1655 | } |
---|
1656 | #info-box a.button { |
---|
1657 | padding: 0 .5em; |
---|
1658 | margin-left: 2em; |
---|
1659 | } |
---|
1660 | .button.add { |
---|
1661 | background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #BBDB58), color-stop(1, #9AC123) ); |
---|
1662 | background:-moz-linear-gradient( center top, #BBDB58 5%, #9AC123 100% ); |
---|
1663 | filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#BBDB58', endColorstr='#9AC123'); |
---|
1664 | background-color:#BBDB58; |
---|
1665 | border:1px solid #B2D742; |
---|
1666 | padding:.5em 1.5em; |
---|
1667 | color: #000; |
---|
1668 | text-shadow:1px 1px 0px #98cf40; |
---|
1669 | font-weight: normal; |
---|
1670 | font-size: 14px; /* ie < 9 sucks */ |
---|
1671 | font-size: 1.4rem; |
---|
1672 | } |
---|
1673 | .button.add:hover, .button.add:active, .button.add:focus { |
---|
1674 | background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9AC123), color-stop(1, #BBDB58) ); |
---|
1675 | background:-moz-linear-gradient( center top, #9AC123 5%, #BBDB58 100% ); |
---|
1676 | filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9AC123', endColorstr='#BBDB58'); |
---|
1677 | background-color:#9AC123; |
---|
1678 | } |
---|
1679 | .button-add:focus { |
---|
1680 | outline: dotted 1px; |
---|
1681 | } |
---|
1682 | |
---|
1683 | /* jQuery Autocomplete plugin */ |
---|
1684 | .ac_results { |
---|
1685 | padding: 0px; |
---|
1686 | border: 1px dotted #f90; |
---|
1687 | background-color: white; |
---|
1688 | overflow: hidden; |
---|
1689 | z-index: 99999; |
---|
1690 | } |
---|
1691 | .ac_results ul { |
---|
1692 | width: 100%; |
---|
1693 | list-style-position: outside; |
---|
1694 | list-style: none; |
---|
1695 | padding: 0; |
---|
1696 | margin: 0; |
---|
1697 | } |
---|
1698 | .ac_results li { |
---|
1699 | margin: 0px; |
---|
1700 | padding: 2px 5px; |
---|
1701 | cursor: default; |
---|
1702 | display: block; |
---|
1703 | font: menu; |
---|
1704 | font-size: 1em; |
---|
1705 | line-height: 16px; |
---|
1706 | overflow: hidden; |
---|
1707 | } |
---|
1708 | .ac_loading { |
---|
1709 | background: transparent url('loader.gif') right center no-repeat; |
---|
1710 | } |
---|
1711 | .ac_over { |
---|
1712 | background-color: #06c; |
---|
1713 | color: white; |
---|
1714 | } |
---|
1715 | |
---|
1716 | /* ------------------------------------------------------- Filters */ |
---|
1717 | #filters-form { |
---|
1718 | border: 1px dashed #999; |
---|
1719 | border-radius: .5em; |
---|
1720 | margin-bottom: 2em; |
---|
1721 | padding: .5em 1em 0; |
---|
1722 | } |
---|
1723 | #filters-form .table { |
---|
1724 | display: table; |
---|
1725 | width: 100%; |
---|
1726 | padding: 0; |
---|
1727 | margin-bottom: 1em; |
---|
1728 | margin-top: .5em; |
---|
1729 | } |
---|
1730 | #filters-form .cell { |
---|
1731 | padding: 0 2em 0 0; |
---|
1732 | display: table-cell; |
---|
1733 | vertical-align: top; |
---|
1734 | } |
---|
1735 | #filters-form .filters-sibling-cell { |
---|
1736 | padding-top: 3.8em; |
---|
1737 | } |
---|
1738 | #filters-form .filters-options { |
---|
1739 | padding-left: 2em; |
---|
1740 | border-left: 1px solid #ccc; |
---|
1741 | } |
---|
1742 | #filters-form label.ib, span.ib { |
---|
1743 | width:7em; |
---|
1744 | display: inline-block; |
---|
1745 | } |
---|
1746 | #filters-form label.ibw, span.ibw { |
---|
1747 | width: 9em; |
---|
1748 | display: inline-block; |
---|
1749 | } |
---|
1750 | #filters-form select { |
---|
1751 | width: 14em; |
---|
1752 | } |
---|
1753 | #filters-form h4 { |
---|
1754 | margin-top: 0; |
---|
1755 | margin-bottom: 2em; |
---|
1756 | } |
---|
1757 | |
---|
1758 | /* ---------------------------------------------------- Pagination */ |
---|
1759 | .pagination { |
---|
1760 | height: 22px; |
---|
1761 | margin-top: 1em; |
---|
1762 | line-height: 22px; |
---|
1763 | padding: 0 .75em; |
---|
1764 | border: 1px solid #ddd; |
---|
1765 | overflow: hidden; |
---|
1766 | background: #e1e1e1; |
---|
1767 | background: -moz-linear-gradient(center top , #f2f2f2, #e1e1e1); |
---|
1768 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e1e1e1)); |
---|
1769 | -moz-border-radius: 4px; |
---|
1770 | -webkit-border-radius: 4px; |
---|
1771 | border-radius: 4px; |
---|
1772 | clear: left; |
---|
1773 | } |
---|
1774 | .pagination a, .pagination strong { |
---|
1775 | height: 20px; |
---|
1776 | border: none; |
---|
1777 | padding: 2px 6px; |
---|
1778 | background-color : transparent; |
---|
1779 | background-position : 50% 50%; |
---|
1780 | background-repeat: no-repeat; |
---|
1781 | } |
---|
1782 | .pagination a:hover, .pagination strong { |
---|
1783 | border-color : #ccc; |
---|
1784 | background-color: #fff; |
---|
1785 | } |
---|
1786 | |
---|
1787 | /* --------------------------------------------------------------- password indcator */ |
---|
1788 | .pw-table { |
---|
1789 | display: table; |
---|
1790 | margin-bottom: 1em; |
---|
1791 | } |
---|
1792 | .pw-cell { |
---|
1793 | display: table-cell; |
---|
1794 | margin-bottom: 1em; |
---|
1795 | } |
---|
1796 | #pwindicator { |
---|
1797 | display: table-cell; |
---|
1798 | vertical-align: bottom; |
---|
1799 | padding-left: 1.5em; |
---|
1800 | height: 3.8em; |
---|
1801 | } |
---|
1802 | #pwindicator .bar { |
---|
1803 | height: 6px; |
---|
1804 | margin-bottom: 4px; |
---|
1805 | } |
---|
1806 | .pw-very-weak .bar { |
---|
1807 | background: #900; |
---|
1808 | width: 30px; |
---|
1809 | } |
---|
1810 | .pw-weak .bar { |
---|
1811 | background: #c00; |
---|
1812 | width: 60px; |
---|
1813 | } |
---|
1814 | .pw-mediocre .bar { |
---|
1815 | background: #f60; |
---|
1816 | width: 90px; |
---|
1817 | } |
---|
1818 | .pw-strong .bar { |
---|
1819 | background: #060; |
---|
1820 | width: 120px; |
---|
1821 | } |
---|
1822 | .pw-very-strong .bar { |
---|
1823 | background: #0c0; |
---|
1824 | width: 150px; |
---|
1825 | } |
---|
1826 | /* ------------------------------------------------------------- cachotteries */ |
---|
1827 | /* caché pour tout le monde */ |
---|
1828 | .hide { |
---|
1829 | display: none; |
---|
1830 | } |
---|
1831 | /* Caché sauf pour les revues d'écran */ |
---|
1832 | .hidden { |
---|
1833 | position: absolute !important; |
---|
1834 | clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ |
---|
1835 | clip: rect(1px, 1px, 1px, 1px); |
---|
1836 | padding: 0 !important; |
---|
1837 | border: 0 !important; |
---|
1838 | height: 1px !important; |
---|
1839 | width: 1px !important; |
---|
1840 | overflow: hidden; |
---|
1841 | } |
---|
1842 | /* caché si js est inactif */ |
---|
1843 | .no-js .hidden-if-no-js { |
---|
1844 | display: none; |
---|
1845 | } |
---|
1846 | /* montré si js est inactif */ |
---|
1847 | .no-js .hidden-if-js { |
---|
1848 | display: block; |
---|
1849 | } |
---|
1850 | /* caché si js est actif */ |
---|
1851 | .hidden-if-js { |
---|
1852 | display: none; |
---|
1853 | } |
---|
1854 | |
---|
1855 | /* --------------------------------------------------------------------------- |
---|
1856 | Media queries vite fait en attendant la reprise complète du layout |
---|
1857 | ---------------------------------------------------------------------------- */ |
---|
1858 | @media screen and (max-width: 920px) { |
---|
1859 | #top, #top h1 a {width: 42px !important; height:100%; overflow: hidden; |
---|
1860 | } |
---|
1861 | #top h1 a:link { |
---|
1862 | background: transparent url(dc_logos/b-dotclear120.png) no-repeat -180px 6px; |
---|
1863 | border-right: 1px solid #ccc; |
---|
1864 | } |
---|
1865 | #top h1 a:hover, #top h1 a:focus { |
---|
1866 | background: url(dc_logos/b-dotclear120.png) no-repeat -180px -94px; |
---|
1867 | border-right: 1px solid #A2CBE9; |
---|
1868 | } |
---|
1869 | } |
---|
1870 | @media screen and (max-width: 800px) { |
---|
1871 | #top, #info-boxes, #info-box1, #info-box2 { |
---|
1872 | display:inline-block; |
---|
1873 | vertical-align:middle; |
---|
1874 | margin:0; |
---|
1875 | padding:0; |
---|
1876 | line-height: 32px; /* ie < 9 sucks */ |
---|
1877 | line-height: 3.2rem; |
---|
1878 | } |
---|
1879 | #info-box1 {margin-left: .75em;} |
---|
1880 | #info-box1 select {width: 140px; width: 14rem;} |
---|
1881 | #main-menu, #main, #content, #content h2, #entry-wrapper, #entry-sidebar, #entry-content, .two-cols .col, .two-cols .col:first-child { |
---|
1882 | display:block; |
---|
1883 | width: 98%; |
---|
1884 | margin:0 auto; |
---|
1885 | padding:0; |
---|
1886 | float:none; |
---|
1887 | text-align: left; |
---|
1888 | clear: both; |
---|
1889 | } |
---|
1890 | #content { |
---|
1891 | width: 100%; |
---|
1892 | padding-top: .5em; |
---|
1893 | } |
---|
1894 | } |
---|
1895 | @media screen and (max-width: 720px) { |
---|
1896 | .smallscreen {display: none;} |
---|
1897 | #help-button {width:20px; overflow: hidden;} |
---|
1898 | #info-box2 {float:none;} |
---|
1899 | #dashboard-items div {display: block;margin-bottom: 1em; padding: 0 1em;} |
---|
1900 | #help-button {height:26px; width:26px; background-color: #A2CBE9; padding: 0; margin:0;font-size:10px; font-size: 1rem;line-height: 68px} |
---|
1901 | } |
---|
1902 | @media screen and (max-width: 492px) { |
---|
1903 | #header {height: 36px; height: 3.6rem;} |
---|
1904 | #wrapper {font-size: 16px; font-size: 1.6rem;} |
---|
1905 | .page-title, #info-boxes, .media-item {display: inline-block;} |
---|
1906 | div.media-list .media-item {width: 90%; float: none} |
---|
1907 | #info-box1 select {width: 120px; width: 12rem; margin-right: .6rem;} |
---|
1908 | #info-box1 p.nomobile, label.nomobile {display: none;} |
---|
1909 | } |
---|