Dotclear

source: admin/style/default.css @ 2308:928ea690d777

Revision 2308:928ea690d777, 52.5 KB checked in by Anne Kozlika <kozlika@…>, 12 years ago (diff)

Par décision collégiale du Haut Conseil des Intégrateurs, suppression des préfixes additionnels pour les anciennes versions de FF et webkit.
Line 
1/*
2# -- BEGIN LICENSE BLOCK --------------------------------------------------
3# This file is part of Dotclear 2.
4# Copyright (c) 2003-2013 Olivier Meunier & Association Dotclear
5# Licensed under the GPL version 2.0 license.
6# See LICENSE file or http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
7# -- END LICENSE BLOCK ----------------------------------------------------
8               LAYOUTS
9               HTML TAGS
10               FORMULAIRES
11               BOUTONS
12               MESSAGES
13               ELEMENTS PRINCIPAUX
14               REGLES SPECIFIQUES
15               MEDIA QUERIES
16*/
17/* ---------------------------------------------------------------------------
18                                                                                     LAYOUTS
19---------------------------------------------------------------------------- */
20#header {
21     background: #676e78;
22     color: #FFF;
23     border-bottom: 4px solid #A2CBE9;
24     width: 100%;
25     display: table;
26     }
27#wrapper {
28     position: relative;
29     padding-top: 1.5em;
30     float: left;
31     width: 100%;
32     z-index: 10;
33     background: #F7F7F7 url(bg_wrapper.png) repeat-y 15em;
34     }
35.with-js #wrapper {
36     padding-top: 0;
37     }
38#main {
39     width: 100%;
40     float: right;
41     margin-left: -14em;
42     margin-top: 0;
43     }
44#content {
45     margin: 0 0 0 14em;
46     padding: .5em 1.5em .75em 2.5em;
47     background: #fff;
48     }
49#main-menu {
50     width: 14em;
51     float: left;
52     margin: 0;
53     padding-top: .5em;
54     padding-bottom: 1em;
55     overflow: hidden;
56     background: #f7f7f7;
57     }
58#footer {
59     clear: both;
60     position: relative;
61     padding: .5em 1em .5em 0;
62     text-align: right;
63     border-top: 1px solid #ccc;
64     background-color: #fff;
65     }
66/* to hide main-menu */
67#collapser {
68     position: absolute;
69     top: 0;
70     left: 14em;
71     width: 1em;
72     height: 100%;
73     overflow: hidden;
74     display: block;
75     background: #f3f3f3 url(../images/collapser-hide.png) no-repeat center bottom;
76     border-right: double #dfdfdf;
77     z-index: 1;
78     }
79.expand-mm {
80     display: none;
81     }
82/* if main-menu is hidden */
83#wrapper.hide-mm {
84     background: #fff;
85     }
86.hide-mm #main {
87     margin-left: 0;
88     }
89.hide-mm #content {
90     margin-left: 1em;
91     }
92.hide-mm #main-menu {
93     display: none;
94     }
95.hide-mm #collapser {
96     left: 0;
97     background: #e3e3e3 url(../images/collapser-show.png) no-repeat center bottom;
98     }
99.hide-mm .collapse-mm {
100     display: none;
101     }
102.hide-mm .expand-mm {
103     display: block;
104     }
105/* -------------------------------------------------------------- layout: two-cols */
106.two-cols {
107     position: static;
108     }
109.two-cols .col {
110     width: 48%;
111     margin-left: 2%;
112     float: left;
113     }
114.two-cols .col70 {
115     width: 68%;
116     margin-left: 0;
117     float: left;
118     }
119.col30 {
120     width: 28%;
121     margin-left: 2%;
122     float: left;
123     }
124.two-cols .col:first-child,
125     .two-cols .col30.first-col {
126     margin-left: 0;
127     margin-right: 2%;
128     }
129.two-cols .col:last-child,
130     .two-cols .col70.last-col {
131     margin-left: 2%;
132     margin-right: 0;
133     }
134.two-cols table {
135     width: 90%;
136     }
137/* -------------------------------------------------------------- layout: three-cols */
138.three-cols {
139     position: static;
140     }
141.three-cols .col {
142     width: 32.3%;
143     float: left;
144     margin-left: 1%;
145     }
146.three-cols .col:first-child {
147     width: 33.3%;
148     margin-left: 0;
149     }
150/* ------------------------------------------------- layout: optionnal one/two/three-boxes */
151.one-box {
152     text-align: justify;
153     }
154.two-boxes {
155     width: 47%;
156     }
157.three-boxes {
158     width: 30%;
159     }
160.two-boxes, .three-boxes {
161     display: inline-block;
162     vertical-align: top;
163     margin: 0 1.5% 1em;
164     -moz-box-sizing: border-box;
165     -webkit-box-sizing: border-box;
166     box-sizing: border-box;
167     text-align: left;
168     }
169/* ---------------------------------------------------------------- layout: popups */
170.popup h1 {
171     display: block;
172     width: 100%;
173     margin: 0;
174     background: #676e78;
175     font-size: 1.5em;
176     text-indent: 1em;
177     line-height: 1.5em;
178     font-weight: normal;
179     color: #fff;
180     }
181.popup #wrapper {
182     display: block;
183     float: none;
184     width: 100%;
185     margin: 0;
186     padding: 0;
187     background-position: 0 0;
188     }
189.popup #main {
190     margin: 0;
191     padding: 0;
192     }
193.popup #content {
194     margin: 0;
195     padding: 1em;
196     }
197.popup #content h2 {
198     margin: 0 0 1em 0;
199     padding: 0;
200     }
201.popup #footer p {
202     border: none;
203     }
204/* -------------------------------------------------------- layout: classes de complément */
205.constrained {
206     margin: 0;
207     padding: 0;
208     border: none;
209     background: transparent;
210     }
211.table {
212     display: table;
213     }
214.cell {
215     display: table-cell;
216     vertical-align: top;
217     }
218.clear {
219     clear: both;
220     }
221.lclear {
222     clear: left;
223     }
224.clearer {
225     height: 1px;
226     font-size: 1px;
227     }
228/* Micro clearfix thx to Nicolas Gallagher */
229.clearfix:before, .clearfix:after {
230     content: " ";
231     display: table;
232     }
233.clearfix:after {
234     clear: both;
235     }
236.frame-shrink {
237     border: 1px solid #676e78;
238     padding: 0.5em;
239     margin-bottom: 1em;
240     height: 120px;
241     overflow: auto;
242     }
243.box {
244     display: inline-block;
245     vertical-align: top;
246     margin: 0 1.5% 1em;
247     -moz-box-sizing: border-box;
248     -webkit-box-sizing: border-box;
249     box-sizing: border-box;
250     text-align: left;
251     }
252.box.small {
253     width: 320px;
254     }
255.box.medium {
256     width: 660px;
257     }
258.box.large {
259     width: 100%;
260     }
261.odd {
262     margin-left: 0;
263     }
264.even {
265     margin-right: 0;
266     }
267/* ---------------------------------------------------------------------------
268                                                                                     HTML TAGS
269---------------------------------------------------------------------------- */
270html {
271     font-size: 62.5%;
272     }
273body {
274     font-size: 12px; /* ie < 9 sucks */
275     font-size: 1.2rem;
276     line-height: 1.5;
277     font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
278     color: #333;
279     background: #fff;
280     margin: 0;
281     padding: 0;
282     }
283/* ------------------------------------------------------------------ titres */
284h1, h2, h3, .as_h3, h4, .as_h4, h5, h6 {
285     margin-top: 0;
286     margin-bottom: 1em;
287     }
288h2 {
289     color: #676e78;
290     font-size: 1.5em;
291     padding: 0 0 1.5em;
292     font-weight: normal;
293     }
294/* fil d'ariane */
295#content > h2 {
296     padding: 0 1em .5em 1em;
297     margin: 0 -1em .5em -1em;
298     background: #fff url(bg_h2.png) repeat-x center bottom;
299     }
300h2 a:link, h2 a:visited {
301     color: #676e78;
302     border-color: #000;
303     }
304/* page courante dans le fil d'ariane */
305.page-title {
306     color: #d30e60;
307     }
308.page-title img {
309     padding-left: .5em;
310     vertical-align: middle;
311     }
312/* autres titres */
313h3, .as_h3 {
314     margin-top: 1em;
315     color: #D33800;
316     font-weight: normal;
317     font-size: 1.34em;
318     }
319#main-menu h3 {
320     font-weight: bold;
321     }
322h4, .as_h4 {
323     font-size: 14px; /* ie < 9 sucks */
324     font-size: 1.4rem;
325     color: #676e78;
326     }
327.fieldset h3, .fieldset h4, .pretty-title {
328     color: #D33800;
329     font-size: 1em;
330     font-weight: bold;
331     }
332.fieldset h3 {
333     font-size: 1.17em;
334     }
335.fieldset h3.smart-title, .fieldset h4.smart-title, .smart-title {
336     font-size: 1em;
337     text-transform: uppercase;
338     font-weight: bold;
339     color: #333;
340     text-shadow: 0 1px 0 rgba(200, 200, 200, 0.6)
341     }
342h5 {
343     font-size: 12px; /* ie < 9 sucks */
344     font-size: 1.2rem;
345     font-weight: bold;
346     color: #676e78;
347     }
348#entry-sidebar h5 {
349     font-weight: normal;
350     color: #333;
351     }
352.entry-status img.img_select_option {
353     padding-left: 4px;
354     vertical-align: text-top;
355     }
356h4 label, h5 label {
357     color: #333;
358     }
359h2:first-child, h3:first-child, h4:first-child, h5:first-child, ul:first-child, p:first-child {
360     margin-top: 0;
361     }
362/* ---------------------------------------------------------------- tableaux */
363/*   Pour autoriser le scroll sur les petites largeurs
364     envelopper les tableaux dans une div.table-outer */
365.table-outer {
366     width: 100%;
367     overflow: auto;
368     }
369table {
370     font-size: 12px; /* ie < 9 sucks */
371     font-size: 1.2rem;
372     border-collapse: collapse;
373     margin: 0 0 1em 0;
374     width: 100%;
375     }
376caption {
377     color: #333;
378     font-weight: bold;
379     text-align: left;
380     margin-bottom: .5em;
381     }
382th {
383     border-width: 1px 0 1px 0;
384     border-style: solid;
385     border-color: #dfdfdf;
386     background: #eef1ec;
387     padding: .4em 1em .4em .5em;
388     vertical-align: top;
389     text-align: left;
390     }
391td {
392     border-width: 0 0 1px 0;
393     border-style: solid;
394     border-color: #e3e3e3;
395     padding: .4em 1em .4em .5em;
396     vertical-align: top;
397     }
398/* ---------------------------------------------------------- autres balises */
399p {
400     margin: 0 0 1em 0;
401     }
402hr {
403     height: 1px;
404     border-width: 1px 0 0;
405     border-color: #dfdfdf;
406     background: #dfdfdf;
407     border-style: solid;
408     }
409hr.clearer {
410     clear: both;
411     }
412pre, code, #debug {
413     font: 100% "Andale Mono","Courier New",monospace;
414     }
415code {
416     background: #fefacd;
417     }
418pre {
419     white-space: pre;
420     white-space: -moz-pre-wrap;
421     white-space: -hp-pre-wrap;
422     white-space: -o-pre-wrap;
423     white-space: -pre-wrap;
424     white-space: pre-wrap;
425     white-space: pre-line;
426     word-wrap: break-word;
427     }
428abbr {
429     cursor: help;
430     }
431input, textarea, select, option, optgroup, legend,label {
432     font-size: 1em;
433     }
434/* ------------------------------------------------------------------ liens */
435a, a:link, a:visited {
436     color: #2373A8;
437     text-decoration: none;
438     border-bottom: 1px dotted #999;
439     }
440a:hover, a:active, a:focus {
441     border-bottom-style: solid;
442     }
443a img, a:link img, a:visited img {
444     border: none;
445     }
446h1 a:link, h1 a:visited {
447     border: none;
448     }
449.discrete a {
450     color: #333;
451     }
452/* ----------------------------------------------------------------------------
453                                                                                     FORMULAIRES
454---------------------------------------------------------------------------- */
455input[type=text], input[type=password], input[type=submit], 
456input[type=button], input[type=reset], a.button, button, textarea, select, legend {
457     border-radius: 3px; 
458     }
459form {
460     display: block;
461     margin: 0;
462     padding: 0;
463     }
464fieldset {
465     display: block;
466     margin: 1em 0;
467     padding: 1em 0.5em;
468     border-width: 1px 0;
469     border-style: solid;
470     border-color: #ccc;
471     background: #f7f7f7;
472     }
473input[type=text], textarea {
474     font: 100% "DejaVu Sans","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
475     }
476legend {
477     padding: 0.2em 0.6em;
478     border-width: 1px;
479     border-style: solid;
480     border-color: #676e78;
481     background: #fff;
482     margin-bottom: 0.5em;
483     }
484label .maximal, textarea.maximal, input.maximal {
485     width: 99%;
486     }
487input[type=text], input[type=password], textarea, select {
488     background: #fcfcfc;
489     color: #000;
490     border-width: 1px;
491     border-style: solid;
492     border-color: #dfdfdf;
493     box-shadow: 1px 1px 2px #f3f3f3 inset;
494     padding: 3px;
495     vertical-align: top;
496     }
497input:focus, textarea:focus, select:focus {
498     -webkit-box-sizing: border-box;
499     -moz-box-sizing: border-box;
500     box-sizing: border-box;
501     border-color: #9bca1c;
502     }
503textarea {
504     padding: 2px 0;
505     }
506textarea.maximal {
507     resize: vertical;
508     }
509.area textarea {
510     display: block;
511     width: 100%;
512     resize: vertical;
513     }
514select {
515     padding: 2px 0;
516     vertical-align: middle;
517     }
518select.l10n option {
519     padding-left: 16px;
520     }
521option.avail10n {
522     background: transparent url(../images/check-on.png) no-repeat 0 50%;
523     }
524option.sub-option1 {
525     margin-left: .5em;
526     }
527option.sub-option2 {
528     margin-left: 1.5em;
529     }
530option.sub-option3 {
531     margin-left: 2.5em;
532     }
533option.sub-option4 {
534     margin-left: 3.5em;
535     }
536option.sub-option5 {
537     margin-left: 4.5em;
538     }
539option.sub-option6 {
540     margin-left: 5.5em;
541     }
542option.sub-option7 {
543     margin-left: 6.5em;
544     }
545option.sub-option8 {
546     margin-left: 7.5em;
547     }
548option.sub-option1:before, option.sub-option2:before, option.sub-option3:before, option.sub-option4:before,
549option.sub-option5:before, option.sub-option6:before, option.sub-option7:before, option.sub-option8:before {
550     content: "\002022\0000a0";
551     }
552input.invalid, textarea.invalid, select.invalid {
553     border: 1px solid red;
554     background: #FFBABA;
555     color: #900;
556     box-shadow: 0 0 0 3px rgba(218, 62, 90, 0.3);
557     }
558input[type=text], input[type=password], textarea {
559     margin-right: .3em;
560     }
561input[type=checkbox], input[type=radio], input[type=file] {
562     border: none;
563     margin: 0 .33em 0 0;
564     padding: 0;
565     background: transparent;
566     }
567input[type=file] {
568     margin-top: .3em;
569     margin-bottom: .3em;
570     }
571optgroup {
572     font-weight: bold;
573     font-style: normal;
574     }
575option {
576     font-weight: normal;
577     }
578label, label span {
579     display: block;
580     }
581label.ib, input.ib {
582     display: inline-block;
583     }
584label.classic {
585     display: inline;
586     }
587label.classic input, label span input, label.classic select, label span select {
588     display: inline;
589     }
590label.required {
591     font-weight: bold;
592     }
593label.required abbr {
594     color: #900;
595     font-size: 1.3em;
596     }
597label.area, p.area {
598     width: inherit !important;
599     }
600p.field {
601     position: relative;
602     }
603p.field label {
604     display: inline-block;
605     width: 14em;
606     }
607p.field.wide label {
608     width: 21em;
609     }
610p.field input, p.field select {
611     display: inline-block;
612     }
613.form-note {
614     font-style: italic;
615     font-weight: normal;
616     color: #676e78;
617     }
618p.form-note {
619     margin-top: -.7em;
620     }
621span.form-note {
622     text-transform: none;
623     }
624/* ----------------------------------------------------------------------------
625                                                                                          BOUTONS
626---------------------------------------------------------------------------- */
627/* Removes inner padding and border in FF3+  - Knacss */
628button::-moz-focus-inner,
629input[type=button]::-moz-focus-inner,
630input[type=reset]::-moz-focus-inner,
631input[type=submit]::-moz-focus-inner {
632     border: 0;
633     padding: 0;
634     }
635/* tous les boutons */
636button,
637a.button,
638input[type=button],
639input[type=reset],
640input[type=submit] {
641     border: 1px solid #ccc;
642     font-family: "DejaVu Sans","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
643     padding: 3px 10px;
644     line-height: normal !important;
645     display: inline-block;
646     font-size: 100%;
647     text-align: center;
648     text-decoration: none;
649     cursor: pointer;
650     position: relative;
651     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
652     border-style: solid;
653     border-width: 1px;
654     }
655button,
656input[type=button],
657input[type=reset],
658input[type=submit] {
659     -webkit-appearance: button;
660     }
661/* validation */
662input[type=submit], a.button.submit, input.button.start {
663     color: #fff;
664     background-color: #25A6E1;
665     background-image: -webkit-gradient(linear,left top,left bottom, from(#25A6E1), to(#188BC0));
666     background-image: linear-gradient(#25A6E1,#188BC0);
667     border-color: #25A6E1;
668     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
669     }
670input[type=submit]:hover, input[type=submit]:focus,
671     input.button.start:hover, input.button.start:focus,
672     a.button.submit:hover, a.button.submit:focus {
673     background-color: #188BC0;
674     background-image: -webkit-gradient(linear,left top,left bottom, from(#188BC0),to(#25A6E1));
675     background-image: linear-gradient(#188BC0,#25A6E1);
676     border-color: #188BC0;
677     }
678/* suppression, reset, "neutres" fond gris */
679button, input[type=button], input.button,
680input[type=reset], input[type=submit].reset, input.reset, 
681input[type=submit].delete, input.delete,
682 a.button, a.button.delete, a.button.reset {
683     color: #000;
684     background-color: #EAEAEA;
685     background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#EAEAEA));
686     background-image: linear-gradient(#f9f9f9,#EAEAEA);
687     background-repeat: repeat-x;
688     border-color: #dfdfdf #dfdfdf #C5C5C5;
689     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
690     }
691button:hover, input[type=button]:hover, input.button:hover,
692     button:focus, input[type=button]:focus, input.button:focus,
693     input[type=reset]:hover, input[type=submit].reset:hover, input.reset:hover, 
694     input[type=reset]:focus, input[type=submit].reset:focus, input.reset:focus, 
695     input[type=submit].delete:hover, input.delete:hover,
696     input[type=submit].delete:focus, input.delete:focus,
697     a.button.delete:hover, a.button.reset:hover, a.button:hover,
698     a.button.delete:focus, a.button.reset:focus, a.button:focus {
699     background-color: #DADADA;
700     background-image: -webkit-gradient( linear, left top, left bottom, from(#EAEAEA), to(#DADADA));
701     background-image: linear-gradient(#EAEAEA, #DADADA);
702     background-repeat: repeat-x;
703     border-color: #CCCCCC #CCCCCC #B5B5B5;
704     }
705/* suppression */
706input[type=submit].delete, input.delete, a.button.delete {
707     color: #900;
708     }
709input[type=submit].delete:hover, input.delete:hover, a.button.delete:hover,
710     input[type=submit].delete:focus, input.delete:focus, a.button.delete:focus {
711     color: #FFFFFF;
712     background-color: #B33630;
713     background-image: -webkit-gradient( linear, left top, left bottom, from(#DC5F59), to(#B33630));
714     background-image: linear-gradient(#DC5F59, #B33630);
715     background-repeat: repeat-x;
716     border-color: #CD504A;
717     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
718     }
719#info-box a.button {
720     padding: 0 .5em;
721     margin-left: 2em;
722     }
723.button.add {
724     color: #000;
725     background-color: #bee74b;
726     background-image: -webkit-gradient(linear, left top, left bottom, from(#bee74b), to(#9BCA1C));
727     background-image: linear-gradient(#bee74b, #9BCA1C);
728     border-color: #bee74b;
729     padding: .33em 1.33em .5em;
730     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
731     font-weight: normal;
732     font-size: 14px; /* ie < 9 sucks */
733     font-size: 1.4rem;
734     }
735.button.add:hover, .button.add:active, .button.add:focus {
736     background-color: #9BCA1C;
737     background-image: -webkit-gradient(linear, left top, left bottom, from(#9BCA1C), to(#bee74b));
738     background-image: linear-gradient(top, #9BCA1C, #bee74b);
739     border-color: #9BCA1C;
740     }
741.button-add:focus {
742     outline: dotted 1px;
743     }
744/* paragraphe pour bouton Nouveau bidule */
745p.top-add {
746     text-align: right;
747     margin: 0;
748     }
749/* disabled */
750input.disabled, input[type=submit].disabled {
751     text-shadow: none;
752     color: #676e78;
753     background: #F5F5F5;
754     border: 1px solid #CCC;
755     }
756input.disabled:hover, input[type=submit].disabled:hover {
757     color: #676e78;
758     background: #eee;
759     border: 1px solid #CCC;
760     }
761/* ----------------------------------------------------------------------------
762                                                                                     MESSAGES
763---------------------------------------------------------------------------- */
764.warn, .warning, .info {
765     font-style: normal;
766     padding: .2em .66em .2em;
767     text-indent: 24px;
768     color: #333;
769     display: inline-block;
770     line-height: 1.5em;
771     border-radius: 3px;
772     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6)
773     }
774div.warn, div.warning, div.info {
775     display: block;
776     padding: 1em 1em .33em 1em;
777     margin-bottom: 1em;
778     }
779.warn, .warning {
780     background: #FEFACD url(msg-warning.png) no-repeat .3em .3em;
781     border: 1px solid #ffd478;
782     }
783.info {
784     background: #D9EDF7 url(msg-info.png) no-repeat .3em .3em;
785     border: 1px solid #BCE8F1;
786     }
787span.warn, span.warning, span.info {
788     padding-top: 1px;
789     padding-bottom: 1px;
790     background-position: .3em .2em;
791     }
792.error, .message, .static-msg, .success, .warning-msg {
793     padding: 1em 0.5em 0.5em 48px;
794     margin-bottom: 1em;
795     border-radius: 8px;
796     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
797     }
798p.error, p.message, p.static-msg, p.success, p.warning-msg {
799     padding-top: 1em;
800     padding-bottom: 1em;
801     }
802.error {
803     background: #FFBABA url(msg-error.png) no-repeat .7em .7em;
804     color: #000;
805     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
806     }
807.message, .static-msg {
808     background: #676e78 url(msg-std.png) no-repeat .7em .7em;
809     color: #fff;
810     }
811.message a, .static-msg a, .message h3, .static-msg h3 {
812     color: #fff;
813     }
814.success, .warning-msg {
815     color: #000;
816     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6)
817     }
818.success {
819     background: #9bca1c url(msg-success.png) no-repeat .7em .7em;
820     }
821.warning-msg {
822     background: #ffd478 url(msg-warning.png) no-repeat .7em .7em;
823     border: 1px solid #ffd478;
824     }
825.success a, .warning-msg a, .info a {
826     color: #333;
827     }
828.dc-update {
829     padding: 1em 48px 0.5em 48px;
830     margin-bottom: 1em;
831     border-radius: 8px;
832     background: #A2CBE9 url(msg-success.png) no-repeat .7em .7em;
833     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
834     color: #000;
835     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1)
836     }
837.dc-update h3 {
838     margin-top: 0;
839     color: #000;
840     }
841.dc-update p {
842     display: inline-block;
843     vertical-align: middle;
844     }
845.dc-update a {
846     color: #000;
847     margin-right: 1em;
848     }
849.dc-update a.button {
850     padding: .5em 1em;
851     }
852.updt-info a {
853     margin-left: 2em;
854     border-color: #000;
855     font-weight: bold;
856     }
857/* ---------------------------------------------------------------------------------
858                                                                                ELEMENTS PRINCIPAUX
859--------------------------------------------------------------------------------- */
860/* -------------------------------------------------------------- HEADER ELEMENTS */
861/* prelude */
862#prelude {
863     line-height: 1.5;
864     margin: 0;
865     padding: 0;
866     overflow: hidden;
867     position: absolute;
868     top: 3em;
869     left: 0;
870     background: #A2CBE9;
871     width: 100%;
872     z-index: 100;
873     }
874#prelude li {
875     list-style-type: none;
876     margin: 0;
877     background: transparent;
878     display: inline;
879     }
880#prelude li a {
881     padding: 3px 16px 3px 8px; /* ie < 9 sucks */
882          padding: 3px 1.6rem 3px .8rem;
883     background: #A2CBE9;
884     color: #000;
885     text-decoration: underline;
886     }
887#prelude li a:hover, #prelude li a:focus {
888     background: #FFF;
889     }
890/* si le prélude est affiché on repousse les trucs dessous */
891#wrapper.with-prelude {
892     padding-top: 1em;
893     }
894#help-button.with-prelude, #collapser.with-prelude {
895     top: 1em;
896     }
897/* header global h1, form#top-info-blog, ul#top-info-user */
898#header a {
899     color: #FFF;
900     }
901#header img {
902     vertical-align: middle;
903     padding-left: .5em;
904     }
905h1, #top-info-blog, #top-info-user {
906     display: table-cell;
907     padding: 8px 0;
908     margin: 0;
909     font-size: 1em;
910     vertical-align: top;
911     }
912/* h1 */
913h1 {
914     text-indent: -1000px;
915     width: 16.5em;
916     }
917h1 a {
918     position: absolute;
919     top: 0;
920     left: 0;
921     width: 15em;
922     height: 36px;
923     /* ie < 9 sucks */
924     height: 3.6rem;
925     color: #fff;
926     background: transparent url(dc_logos/b-dotclear120.png) no-repeat 0 6px;
927     }
928h1 a:hover, h1 a:focus {
929     background-position: 0 -94px;
930     }
931/* top-info-blog */
932#top-info-blog select {
933     max-width: 20em;
934     }
935#top-info-blog a {
936     margin-left: 1.5em;
937     }
938#top-info-blog input[type=submit] {
939     background: #000;
940     border-color: #999;
941     margin-left: .33em;
942     }
943#top-info-blog input[type=submit]:hover {
944     background: #999;
945     }
946#top-info-blog p {
947     display: inline-block;
948     margin: 0;
949     }
950/* top-info-user */
951#top-info-user {
952     padding-right: 18px;
953     list-style-type: none;
954     text-align: right;
955     }
956#top-info-user li {
957     display: inline-block;
958     margin-left: .5em;
959     padding-left: .5em;
960     border-left: 1px solid #999;
961     }
962#top-info-user li:first-child {
963     border-left: none;
964     }
965#top-info-user a.active {
966     border-bottom-color: #fff;
967     margin: 0;
968     padding: 18px .5em;
969     background-color: #fff;
970     color: #333;
971     font-weight: bold;
972     }
973/* ---------------------------------------------------------- MAIN-MENU ELEMENTS */
974#favorites-menu, #blog-menu, #system-menu, #plugins-menu {
975     border-bottom: 1px dashed #A2CBE9;
976     }
977#main-menu h3 {
978     margin: 0;
979     padding: 10px 0 10px 8px;
980     color: #676e78;
981     font-size: 14px; /* ie < 9 sucks */
982     font-size: 1.4rem;
983     }
984#favorites-menu h3 {
985     color: #000;
986     font-variant: small-caps;
987     padding-top: .2em;
988     }
989#main-menu a {
990     color: #333;
991     border-bottom-color: #ccc;
992     }
993#main-menu ul {
994     margin: 0 0 1.5em 0;
995     padding: 0;
996     list-style: none;
997     }
998#main-menu li {
999     display: block;
1000     margin: 0.5em 0 0;
1001     padding: 4px 0 1px 32px;
1002     background-repeat: no-repeat;
1003     background-position: 8px .3em;
1004     }
1005#main-menu ul li:first-child {
1006     margin-top: 0;
1007     }
1008#main-menu li.active {
1009     background-color: #fff;
1010     font-weight: bold;
1011     }
1012#favorites-menu li.active {
1013     background-color: transparent;
1014     }
1015#main-menu .active a {
1016     border-bottom: none;
1017     color: #d30e60;
1018     }
1019#favorites-menu .active a {
1020     color: #000;
1021     }
1022#search-menu {
1023     padding: 4px 5px 0;
1024     font-size: 100%
1025     }
1026#search-menu * {
1027     height: 22px; /* ie < 9 sucks */
1028     height: 2.2rem;
1029     display: inline-block;
1030     vertical-align: top;
1031     line-height: 22px;
1032     }
1033#search-menu p {
1034     border: 1px solid #999;
1035     border-radius: .3em;
1036     position: relative;
1037     overflow: hidden;
1038     }
1039#qx {
1040     width: 124px; /* ie < 9 sucks */
1041     width: 12.4rem;
1042     border-bottom-left-radius: .3em;
1043     border-top-left-radius: .3em;
1044     background: transparent url(search.png) no-repeat 4px center;
1045     text-indent: 18px;
1046     padding: 0;
1047     border: none;
1048     height: 22px;
1049     height: 2.2rem;
1050     }
1051#qx:focus {
1052     border: 1px solid #bee74b;
1053     }
1054#search-menu input[type="submit"] {
1055     padding: 0 3px;
1056     padding: 0 .3rem;
1057     margin-left: -4px;
1058     background: #dfdfdf;
1059     border-color: #999;
1060     color: #333;
1061     border-bottom-right-radius: .3em;
1062     border-top-right-radius: .3em;
1063     border-top-left-radius: 0;
1064     border-bottom-left-radius: 0;
1065     text-shadow: none;
1066     border: none;
1067     border-left: 1px solid #999;
1068     font-size: 10px; /* ie < 9 sucks */
1069     font-size: 1rem;
1070     }
1071#search-menu input[type="submit"]:hover,
1072#search-menu input[type="submit"]:focus {
1073     background: #676e78;
1074     color: #fff;
1075     }
1076/* ----------------------------------------------------------------- CONTENT ELEMENTS */
1077.part-tabs ul {
1078     padding: .5em 0 0 1em;
1079     border-bottom: 1px solid #dfdfdf;
1080     line-height: 2;
1081     }
1082.part-tabs li {
1083     list-style: none;
1084     margin: 0;
1085     display: inline;
1086     }
1087.part-tabs li a {
1088     padding: .5em 2em;
1089     margin-right: -1px;
1090     border: 1px solid #ccc;
1091     border-bottom: none;
1092     text-decoration: none;
1093     color: #333;
1094     background-color: #ecf0f1;
1095     display: inline-block;
1096     }
1097.part-tabs li a:hover, .part-tabs li a:focus {
1098     color: #000;
1099     background: #fff;
1100     border-bottom-color: #fff;
1101     }
1102.part-tabs li.part-tabs-active a {
1103     background: #fff;
1104     font-weight: bold;
1105     border-bottom-color: #fff;
1106     }
1107.multi-part {
1108     padding-left: 1em;
1109     }
1110/* contextual help */
1111#help {
1112     margin-top: 4em;
1113     background: #f5f5f5;
1114     z-index: 100;
1115     clear: both;
1116     padding: 0 1em;
1117     }
1118#content.with-help #help {
1119     display: block;
1120     position: absolute;
1121     top: 0;
1122     right: 0;
1123     width: 280px; /* ie < 9 sucks */
1124     width: 28rem;
1125     border-left: 2px solid #FFD478;
1126     border-top: 2px solid #FFD478;
1127     margin-top: 0;
1128     padding: .5em 0 0 0;
1129     overflow: auto;
1130     }
1131#help-button {
1132     background: transparent url(help-mini.png) no-repeat 6px center;
1133     position: absolute;
1134     top: 0;
1135     right: 0;
1136     padding: 0 1.5em 0 30px;
1137     cursor: pointer;
1138     color: #2373A8;
1139     line-height: 36px; /* ie < 9 sucks */
1140     line-height: 3.6rem;
1141     }
1142#help-button.floatable {
1143     border-top: 2px solid #ccc;
1144     border-left: 2px solid #ccc;
1145     border-bottom: 2px solid #ccc;
1146     border-bottom-left-radius: 1em;
1147     border-top-left-radius: 1em;
1148     background-color: #f5f5f5;
1149     position: fixed;
1150     top: 10px;
1151     }
1152.no-js #help-button {
1153     top: 1em;
1154     }
1155#help-button span {
1156     padding: .5em 0 .1em 0;
1157     }
1158#content.with-help #help-button {
1159     right: 280px; /* ie < 9 sucks */
1160     right: 28rem;
1161     background-color: #f5f5f5;
1162     position: fixed;
1163     top: 50px;
1164     z-index: 100;
1165     border-top: 2px solid #FFD478;
1166     border-left: 2px solid #FFD478;
1167     border-bottom: 2px solid #FFD478;
1168     border-bottom-left-radius: 1em;
1169     border-top-left-radius: 1em;
1170     }
1171.help-box {
1172     display: none;
1173     }
1174.help-box ul {
1175     padding-left: 20px;
1176     margin-left: 0;
1177     }
1178#content.with-help .help-content {
1179     padding: 0 1em 1em;
1180     }
1181.help-content dt {
1182     font-weight: bold;
1183     color: #676e78;
1184     margin: 0;
1185     }
1186.help-content dd {
1187     margin: 0.3em 0 1.5em 0;
1188     }
1189/* lien d'aide générale dans le help content */
1190#helplink p {
1191     padding: 0 0 0 .5em;
1192     }
1193/* ------------------------------------------------------------------ FOOTER ELEMENTS */
1194#footer p {
1195     margin: 0;
1196     padding: 0 1em;
1197     font-size: 1em;
1198     }
1199span.credit {
1200     font-size: 1em;
1201     font-weight: normal;
1202     }
1203span.tooltip {
1204     position: absolute;
1205     padding: 0;
1206     border: 0;
1207     height: 1px;
1208     width: 1px;
1209     overflow: hidden;
1210     }
1211#footer a:hover span.tooltip {
1212     padding: 10px 10px 0 40px;
1213     color: #d30e60;
1214     height: auto;
1215     width: auto;
1216     right: 0;
1217     bottom: 0;
1218     background: #FFF;
1219     z-index: 99;
1220     font-family: monospace;
1221     border: none;
1222     text-align: left;
1223     }
1224/* ---------------------------------------------------------------------------------------
1225                                                                                     RÈGLES SPÉCIFIQUES
1226---------------------------------------------------------------------------------------- */
1227/* ---------------------------------------------------------------- LISTES TABLEAUX */
1228table .maximal, table.maximal {
1229     width: 100%;
1230     }
1231table .minimal {
1232     width: 1px;
1233     }
1234table .nowrap {
1235     white-space: nowrap;
1236     vertical-align: top;
1237     }
1238table .count {
1239     text-align: right;
1240     padding-right: 1.5em;
1241     }
1242th.first img {
1243     padding-right: 34px;
1244     }
1245.line img {
1246     vertical-align: middle;
1247     }
1248tr.line img.expand, th img.expand {
1249     margin-right: 6px;
1250     margin-bottom: -2px;
1251     }
1252tr.line p {
1253     margin: 0;
1254     }
1255tr.line input[type=text] {
1256     background: #FFF;
1257     }
1258tr.line input, tr.line select {
1259     vertical-align: middle;
1260     -webkit-box-shadow: none;
1261     box-shadow: none;
1262     }
1263tr.line select {
1264     width: 6em;
1265     }
1266tr.line:hover {
1267     background: #f3f3f3;
1268     }
1269td.status {
1270     vertical-align: middle;
1271     }
1272td.status img {
1273     margin-bottom: -2px;
1274     }
1275td.status a {
1276     border: none;
1277     }
1278.noborder td, td.noborder, .noborder th, th.noborder {
1279     border-width: 0 0 1px 0;
1280     border-color: #dfdfdf;
1281     line-height: 2em;
1282     padding-bottom: 0;
1283     }
1284.noborder p {
1285     margin-bottom: 0;
1286     }
1287table.posts-list {
1288     min-width: 50%;
1289     }
1290table.settings, table.prefs {
1291     margin-bottom: 3em;
1292     }
1293table.settings th:first-child, table.prefs th:first-child {
1294     width: 20%;
1295     }
1296table.settings th + th, table.prefs th + th {
1297     width: 30%;
1298     }
1299table.settings th + th + th, table.prefs th + th + th {
1300     width: 10%;
1301     }
1302table.settings th:last-child, table.prefs th:last-child {
1303     width: 40%;
1304     }
1305/* js */
1306td.expand {
1307     padding: 1em;
1308     }
1309tr.expand td {
1310     border-bottom: none;
1311     }
1312.handle {
1313     padding: 0;
1314     }
1315.handler {
1316     cursor: move;
1317     background: transparent url(drag.png) no-repeat 0 50%;
1318     padding-left: 15px;
1319     }
1320/* ----------------------------------------------------------- BOITES À FILTRES */
1321a.form-control {
1322     display: none;
1323     background: url(../images/expand.png) no-repeat 4px center;
1324     padding-left: 20px;
1325     color: #000;
1326     }
1327a.form-control.open {
1328     background: url(../images/hide.png) no-repeat 4px center;
1329     }
1330#filters-form {
1331     border: 1px dashed #999;
1332     border-radius: .3em;
1333     margin-bottom: 2em;
1334     padding: .5em 1em 0;
1335     }
1336#filters-form .table {
1337     width: 100%;
1338     padding: 0;
1339     margin-bottom: 1em;
1340     margin-top: .5em;
1341     }
1342#filters-form .cell {
1343     padding: 0 2em 0 0;
1344     }
1345#filters-form .filters-sibling-cell {
1346     padding-top: 3.8em;
1347     }
1348#filters-form .filters-options {
1349     padding-left: 2em;
1350     border-left: 1px solid #ccc;
1351     }
1352#filters-form label.ib, span.ib {
1353     width: 7em;
1354     }
1355#filters-form label.ibw, span.ibw {
1356     width: 9em;
1357     display: inline-block;
1358     }
1359#filters-form select {
1360     width: 14em;
1361     vertical-align: middle;
1362     }
1363#filters-form h4 {
1364     margin-top: 0;
1365     margin-bottom: 2em;
1366     }
1367/* ---------------------------------------------------------------------------- SPEC PAGES */
1368/* ---------------------------------------------------------------------------- auth.php */
1369#login-screen {
1370     display: block;
1371     width: 20em;
1372     margin: 1.5em auto 0;
1373     font-size: 14px; /* ie < 9 sucks */
1374     font-size: 1.4rem;
1375     }
1376#login-screen h1 {
1377     text-indent: -2000px;
1378     background: transparent url(dc_logos/w-dotclear240.png) no-repeat top left;
1379     height: 66px;
1380     width: 20em;
1381     margin-bottom: .5em;
1382     margin-left: 0;
1383     }
1384#login-screen .fieldset {
1385     border: 1px solid #9bca1c;
1386     padding: 1em 1em 0 1em;
1387     background: #fff;
1388     }
1389#login-screen input[type=text], #login-screen input[type=password], #login-screen input[type=submit],
1390#login-screen input[type=text]:focus, #login-screen input[type=password]:focus, #login-screen input[type=submit]:focus {
1391     width: 100%;
1392     margin: 0;
1393     padding: 5px 3px;
1394     -webkit-box-sizing: border-box;   
1395     -moz-box-sizing: border-box;
1396     box-sizing: border-box;
1397     }
1398#login-screen input.login, #login-screen input.login:focus {
1399     padding-top: 6px;
1400     padding-bottom: 6px;
1401     font-size: 1em;
1402     }
1403#login-screen #issue {
1404     margin-left: 1.33em;
1405     font-size: 12px; /* ie < 9 sucks */
1406     font-size: 1.2rem;
1407     }
1408#login-screen #issue strong {
1409     font-weight: normal;
1410     }
1411/* ------------------------------------------------------------------------- index.php */
1412#dashboard-main {
1413     padding: 1em 0;
1414     }
1415/* raccourcis */
1416#icons {
1417     overflow: hidden;
1418     padding-bottom: 1em;
1419     text-align: center;
1420     }
1421#icons p {
1422     width: 170px;
1423     text-align: center;
1424     margin: 1em 0 2em;
1425     padding: 1em 0;
1426     display: inline-block;
1427     vertical-align: top;
1428     }
1429#icons a,
1430     #icons a:link,
1431     #icons a:visited,
1432     #icons a:hover,
1433     #icons a:focus {
1434     border-bottom-width: 0;
1435     text-decoration: none;
1436     }
1437#icons a span {
1438     border-bottom: 1px dotted #999;
1439     color: #333;
1440     }
1441#icons a img {
1442     padding: 1.5em;
1443     background-color: #f9f9f9;
1444     border-radius: 8px;
1445     border: 1px solid #dadada;
1446     display: inline-block;
1447     }
1448#icons a:focus img, #icons a:hover img {
1449     background: #bee74b;
1450     }
1451#icons a:focus span, #icons a:hover span {
1452     border-bottom-style: solid;
1453     }
1454/* billet rapide */
1455#quick {
1456     margin-top: 1em;
1457     padding-top: 1em;
1458     }
1459#quick h3 {
1460     margin-bottom: 0.2em;
1461     font-size: 1.2em;
1462     }
1463#quick p.qinfo {
1464     margin: -.7em -1em 1em;
1465     background: #D9EDF7 url(info.png) no-repeat .2em .2em;
1466     border: 1px solid #BCE8F1;
1467     padding: .2em 1em .1em 24px;
1468     color: #000;
1469     }
1470#quick #new_cat, .q-cat, .q-cat label {
1471     display: inline-block;
1472     vertical-align: top;
1473     margin-right: 1em;
1474     margin-top: 0;
1475     }
1476.q-cat label {
1477     margin-right: .3em;
1478     }
1479#quick #new_cat {
1480     margin-bottom: 2em;
1481     }
1482/* modules additionnels */
1483#dashboard-boxes {
1484     margin: 2em auto 1em;
1485     padding-top: 2em;
1486     }
1487.db-items, .db-contents {
1488     display: inline-block;
1489     text-align: center;
1490     }
1491.no-js .outgoing img {
1492     display: none;
1493     }
1494#dashboard-boxes .box {
1495     padding: 10px;
1496     border: 1px solid #ccc;
1497     border-radius: 3px;
1498     min-height: 200px;
1499     margin: 10px;
1500     text-align: left;
1501     }
1502.dc-box {
1503     background: transparent url(dc_logos/sq-logo-32.png) no-repeat top right;
1504     }
1505.db-items img, .db-contents img {
1506     vertical-align: middle;
1507     }
1508.db-items ul, .db-contents ul {
1509     display: block;
1510     padding-left: 1.5em;
1511     list-style: square;
1512     }
1513.db-items li, .db-contents li {
1514     margin: 0.25em 0 0 0;
1515     }
1516#news dt {
1517     font-weight: bold;
1518     margin: 0 0 0.4em 0;
1519     }
1520#news dd {
1521     margin: 0 0 1em 0;
1522     }
1523#news dd p {
1524     margin: 0.2em 0 0 0;
1525     }
1526/* message de mise à jour */
1527#upg-notify ul {
1528     padding-left: 1.5em;
1529     }
1530#upg-notify li {
1531     color: #fff;
1532     }
1533/* ------------------------------------------------------------------- blog_pref.php */
1534#media_img_title_pattern {
1535     margin-right: 1em;
1536     }
1537.user-perm {
1538     margin: 2em 0px;
1539     background: transparent url(user.png) no-repeat left top;
1540     width: 320px;
1541     display: inline-block;
1542     vertical-align: top;
1543     }
1544.user-perm h4, .user-perm h5, .user-perm p, .user-perm ul, .user-perm li {
1545     margin: .5em 0 .33em;
1546     padding: 0;
1547     }
1548.user-perm h4 {
1549     padding-left: 28px;
1550     }
1551.user-perm h5 {
1552     margin: 1em 0 0 0;
1553     }
1554.user-perm ul {
1555     list-style-type: inside;
1556     }
1557.user-perm li {
1558     margin-left: 1em;
1559     padding-left: 0;
1560     }
1561li.user_super, li.user_admin {
1562     margin-left: 0;
1563     padding-left: 20px;
1564     list-style: none;
1565     background: transparent url(../images/superadmin.png) no-repeat 0 .3em;
1566     }
1567li.user_admin {
1568     background-image: url(../images/admin.png);
1569     }
1570/* ------------------------------------------------------------------- blog_theme.php */
1571.box.theme {
1572     margin: .5em;
1573     padding: 10px 10px 5px 10px;
1574     border: 1px solid #dfdfdf;
1575     min-height: 295px;
1576     position: relative;
1577     }
1578.box.theme:hover {
1579     background: #ecf0f1 url(texture.png);
1580     }
1581#theme-new .box.theme {
1582     width: 280px;
1583     }
1584#theme-activate .box.theme {
1585     min-height: 330px;
1586     }
1587.module-name {
1588     margin-bottom: .5em;
1589     }
1590.module-sshot {
1591     text-align: center;
1592     }
1593.module-sshot img {
1594     padding: .5em;
1595     background: #f7f7f7;
1596     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
1597     border: 3px solid #fff;
1598     padding: .5em;
1599     }
1600.theme .module-sshot img {
1601     max-width: 280px; /* pour ceux qui n'ont pas de miniature */
1602     }
1603#theme-new .theme .module-sshot img {
1604     max-width: 240px; /* pour ceux qui n'ont pas de miniature */
1605     max-height: 210px;
1606     overflow: hidden;
1607     }
1608.module-actions {
1609     margin-top: 1em;
1610     }
1611.bloc-toggler {
1612     text-align: right;
1613     }
1614.bloc-toggler img {
1615     opacity: .4;
1616     }
1617.bloc-toggler img:hover {
1618     opacity: 1;
1619     }
1620.bloc-toggler a:focus img {
1621     opacity: 1;
1622     }
1623span.module-version:before {
1624     content: "- ";
1625     }
1626.with-js #theme-new .module-infos.toggle-bloc,
1627.with-js #theme-new .module-actions.toggle-bloc {
1628     position: absolute;
1629     top: 138px;
1630     left: 10px;
1631     width: 239px;
1632     padding: 10px;
1633     background: rgba(250, 250, 250, .95);
1634     }
1635.with-js #theme-new .module-infos.toggle-bloc {
1636     top: 138px;
1637     height: 80px;
1638     border-top: 1px solid #e3e3e3;
1639     }
1640.with-js #theme-new .module-actions.toggle-bloc {
1641     top: 228px;
1642     height: 18px;
1643     margin: 0;
1644     border-bottom: 1px solid #e3e3e3;
1645     }
1646.toggle-bloc .mod-more {
1647     display: block;
1648     margin-left: 0;
1649     }
1650.box.current-theme {
1651     width: 652px;
1652     margin: .5em;
1653     padding: 10px 18px;
1654     background: #fff url(texture.png);
1655     border: 1px solid #eee;
1656     border-radius: .5em;
1657     min-height: 330px;
1658     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
1659     }
1660.current-theme .module-sshot img {
1661     float: left;
1662     margin-right: 2em;
1663     margin-bottom: 1em;
1664     border: 3px solid #fff;
1665     padding: .5em;
1666     }
1667.current-theme .module-name {
1668     color: #D33800;
1669     font-size: 1.33em;
1670     }
1671.box.theme input {
1672     margin-bottom: 1em;
1673     }
1674.current-actions {
1675     width: auto;
1676     overflow: hidden;
1677     padding-top: 3em;
1678     margin: 1.5em 0 2em;
1679     background: transparent url(../images/minus-theme.png) no-repeat left top;
1680     }
1681/* ------------------------------------------------------------------ categories.php */
1682#categories {
1683     margin: 1em 0;
1684     }
1685#categories ul {
1686     list-style: none;
1687     margin-top: 2em;
1688     padding: 0;
1689     }
1690.cat-line {
1691     position: relative;
1692     margin: .66em 0;
1693     padding: .66em 1em;
1694     border: 1px solid #ccc;
1695     border-radius: 3px;
1696     }
1697.cat-line label {
1698     margin-right: .25em;
1699     }
1700.cat-line label a {
1701     font-weight: bold;
1702     }
1703.cat-line p, .cat-line label {
1704     margin: 0;
1705     display: inline-block;
1706     }
1707p.cat-title {
1708     margin-right: 1em;
1709     }
1710.cat-nb-posts a {
1711     color: #333;
1712     }
1713.cat-url {
1714     padding-left: 1em;
1715     }
1716#categories .placeholder {
1717     outline: 1px dashed #4183C4;
1718     min-height: 2.5em;
1719     }
1720.cat-buttons {
1721     float: right;
1722     margin-top: -.2em;
1723     font-size: 11px;
1724     }
1725.cat-buttons select {
1726     padding: 1px 2px 3px 2px;
1727     margin-right: .25em;
1728     }
1729.cat-buttons .reset {
1730     padding-left: 4px;
1731     padding-right: 4px;
1732     }
1733#categories ul ul {
1734     margin-right: 2em;
1735     margin-left: 2em;
1736     }
1737.cat-line .cat-line {
1738     border: 1px solid #dfdfdf;
1739     }
1740.cat-actions {
1741     line-height: 2;
1742     }
1743#del_cat {
1744     width: 100%;
1745     }
1746/* ------------------------------------------------------------------ media.php */
1747.media-item {
1748     position: relative;
1749     border: 1px solid #dfdfdf;
1750     margin: 9px;
1751     padding: 10px 12px 6px;
1752     width: 300px;
1753     display: inline-block;
1754     vertical-align: top;
1755     min-height: 140px;
1756     word-wrap: break-word;
1757     }
1758.media-item p {
1759     margin: 0 0 .5em;
1760     }
1761.media-item object {
1762     margin-top: .5em;
1763     }
1764.media-item ul {
1765     display: block;
1766     list-style: none;
1767     margin: 0;
1768     padding: 0;
1769     }
1770a.media-icon {
1771     display: block;
1772     border-bottom: none;
1773     margin: 0 auto;
1774     }
1775.media-icon img {
1776     display: block;
1777     }
1778.media-link {
1779     font-size: 1.1em;
1780     }
1781.media-action-box {
1782     position: relative;
1783     margin: 3em 3em 1em 1em;
1784     display: inline-block;
1785     vertical-align: top;
1786     }
1787li.media-action {
1788     display: block;
1789     position: absolute;
1790     bottom: 4px;
1791     right: 8px;
1792     height: 16px;
1793     }
1794li.media-action a {
1795     border: none;
1796     }
1797li.media-action form {
1798     display: inline;
1799     }
1800li.media-action input {
1801     border: none;
1802     }
1803#entry-sidebar .media-item {
1804     width: 100%;
1805     min-height: 0;
1806     padding: 4px;
1807     margin: .33em 0;
1808     }
1809#entry-sidebar li.media-action {
1810     top: 4px;
1811     }
1812.folders-group .media-item {
1813     min-height: 70px;
1814     }
1815.folders-group .media-item p {
1816     margin-bottom: 0;
1817     }
1818.media-folder {
1819     background: transparent url(bg_menu.png) repeat-y;
1820     border-color: #eee;
1821     }
1822.media-folder-up {
1823     border-color: #fff;
1824     padding-bottom: 6px;
1825     }
1826.media-folder .media-link {
1827     font-size: 1.25em;
1828     margin-left: 2em;
1829     color: #676e78;
1830     border-bottom: none;
1831     }
1832.medias-delete {
1833     text-align: right;
1834     }
1835/* upload multiple */
1836.enhanced_uploader .choose_files, .enhanced_uploader .cancel, 
1837.enhanced_uploader .clean, .enhanced_uploader .start {
1838     margin-right: .4em;
1839     }
1840.enhanced_uploader #upfile {
1841     visibility: hidden;
1842     width: 0;
1843     height: 0;
1844     margin: 0;
1845     opacity: 0;
1846     filter: alpha(opacity=0);
1847     cursor: pointer;
1848     }
1849.button.clean, .button.cancel, .button.choose_files {
1850     display: none;
1851     }
1852.enhanced_uploader .button.choose_files {
1853     display: inline-block;
1854     }
1855.enhanced_uploader .max-size {
1856     display: block;
1857     }
1858.enhanced_uploader .one-file {
1859     display: none;
1860     }
1861label span.one-file {
1862     display: inline;
1863     }
1864.enhanced_uploader p.clear {
1865     padding-top: 1em;
1866     margin-bottom: 1em;
1867     }
1868#add-file-f p.clear {
1869     margin-top: 1em;
1870     margin-bottom: 0;
1871     clear: both;
1872     }
1873.files {
1874     list-style-type: none;
1875     margin-left: 0;
1876     padding-left: 0;
1877     border-bottom: 1px solid #dfdfdf;
1878     }
1879.files li {
1880     margin-left: 0;
1881     padding-left: 0;
1882     }
1883.upload-msg {
1884     font-weight: bold;
1885     }
1886.upload-msg.upload-error {
1887     color: #900;
1888     }
1889.upload-files {
1890     padding: 0 0.5em;
1891     margin: 1em 0;
1892     }
1893.upload-file {
1894     margin: 0;
1895     padding: .3em 0;
1896     border-top: 1px solid #dfdfdf;
1897     position: relative;
1898     }
1899.upload-fileinfo {
1900     margin-left: 0;
1901     }
1902.upload-fileinfo input {
1903     position: absolute;
1904     top: .5em;
1905     right: .5em;
1906     }
1907.upload-fileinfo span {
1908     padding-right: 8px;
1909     }
1910.upload-fileinfo .upload-filecancel {
1911     display: block;
1912     padding-right: 0;
1913     margin-top: 3px;
1914     width: 20px;
1915     height: 20px;
1916     background: transparent url("cancel.png") no-repeat left top;
1917     text-indent: -1000px;
1918     cursor: pointer;
1919     float: left;
1920     }
1921.upload-filemsg {
1922     font-weight: bold;
1923     color: green;
1924     }
1925.upload-filemsg.upload-error {
1926     color: #900;
1927     }
1928.upload-progress {
1929     padding: .3em 0;
1930     }
1931.upload-progress div {
1932     width: 0;
1933     height: 1em;
1934     padding: .2em 0;
1935     font-size: 0.8em;
1936     font-weight: bold;
1937     line-height: 1em;
1938     text-align: right;
1939     background: green url(loader.png) repeat-x left top;
1940     color: white;
1941     border-radius: 3px;
1942     }
1943div.template-upload {
1944     clear: both;
1945     }
1946.queue-message {
1947     font-weight: bold;
1948     }
1949/* --------------------------------------------------------------- media-item.php */
1950#media-icon {
1951     float: left;
1952     }
1953.near-icon {
1954     margin-left: 70px;
1955     margin-bottom: 3em;
1956     }
1957#media-details ul {
1958     display: block;
1959     margin-left: 0;
1960     padding: 0;
1961     }
1962#media-details li {
1963     list-style: square inside;
1964     margin: 0;
1965     padding: 0;
1966     }
1967#media-original-image {
1968     overflow: auto;
1969     }
1970#media-original-image.overheight {
1971     height: 500px;
1972     }
1973/* -------------------------------------------------------------------- plugins.php */
1974.modules td.module-actions, .modules td.module-icon {
1975     vertical-align: middle;
1976     }
1977.modules td.module-icon img:last-child {
1978     width: 16px;
1979     height: 16px;
1980     }
1981.modules td.module-icon img.expand {
1982     margin-bottom: 3px;
1983     }
1984.modules td.module-distrib img {
1985     display: block;
1986     float: right;
1987     }
1988.modules dt {
1989     font-weight: bold;
1990     }
1991.modules a.module-details {
1992     background: transparent url(search.png) no-repeat 2px center;
1993     padding: 4px 4px 0 20px;
1994     }
1995.modules a.module-support {
1996     background: transparent url(help12.png) no-repeat 2px center;
1997     padding: 4px 4px 0 20px;
1998     }
1999#m_search {
2000     background: transparent url(search.png) no-repeat 4px center;
2001     padding-left: 20px;
2002     }
2003.modules tr.expand, .modules td.expand {
2004     background: #f7f7f7;
2005     border-color: #bee74b;
2006     }
2007.modules tr.expand td:first-child {
2008     font-weight: bold;
2009     background: #DFE5E7;
2010     }
2011.modules td.expand {
2012     padding: 0 0 1em;
2013     border-top: 1px solid #eaeaea;
2014     }
2015.modules td.expand div {
2016     display: inline-block;
2017     vertical-align: top;
2018     margin-right: 3em;
2019     }
2020.mod-more, .mod-more li {
2021     margin: .25em 0 0 1em;
2022     padding: 0;
2023     list-style-type: none;
2024     }
2025.mod-more {
2026     padding-top: .5em;
2027     }
2028/* ---------------------------------------------------------- post.php, page.php */
2029#entry-wrapper {
2030     float: left;
2031     width: 100%;
2032     margin-right: -16em;
2033     }
2034#entry-content {
2035     margin-right: 18em;
2036     margin-left: 0;
2037     }
2038#entry-content label {
2039     text-transform: uppercase;
2040     font-weight: bold;
2041     margin-top: 2em;
2042     display: inline-block;
2043     }
2044#entry-content label:first-child {
2045     margin-top: 0;
2046     }
2047#entry-sidebar {
2048     width: 16em;
2049     float: right;
2050     }
2051#entry-sidebar h4 {
2052     font-size: 13px;
2053     font-size: 1.3rem;
2054     margin-top: .3em;
2055     }
2056#entry-sidebar select {
2057     width: 100%;
2058     }
2059#entry-sidebar input#post_position {
2060     width: 4em;
2061     }
2062.sb-box {
2063     border-bottom: 1px solid #dfdfdf;
2064     margin-bottom: 1em;
2065     }
2066#tb_excerpt {
2067     width: 100%;
2068     }
2069/* ---------------------------------------------------------- preferences.php */
2070.fav-list {
2071     list-style-type: none;
2072     margin-left: 0;
2073     padding-left: 0;
2074     }
2075#my-favs .fav-list {
2076     border-top: 1px solid #eee;
2077     }
2078.fav-list li {
2079     margin-left: 0;
2080     padding-left: 0;
2081     padding-top: 3px;
2082     padding-bottom: 3px;
2083     position: relative;
2084     }
2085#my-favs .fav-list li {
2086     line-height: 2;
2087     border-bottom: 1px solid #eee;
2088     padding-top: 3px;
2089     padding-bottom: 3px;
2090     position: relative;
2091     }
2092.fav-list img {
2093     vertical-align: middle;
2094     margin-right: .2em;
2095     }
2096.fav-list li span.zoom {
2097     display: none;
2098     }
2099.fav-list li:hover span.zoom {
2100     display: block;
2101     position: absolute;
2102     bottom: 0;
2103     left: 10em;
2104     background-color: #f7f7f7;
2105     border: 1px solid #dfdfdf;
2106     padding: .2em;
2107     border-radius: .5em;
2108     }
2109#my-favs {
2110     border-color: #9bca1c;
2111     }
2112#my-favs input.position {
2113     margin: 0 0 .4em .2em;
2114     }
2115#available-favs input, #available-favs label, #available-favs label span {
2116     white-space: normal;
2117     display: inline;
2118     }
2119#available-favs label span.zoom {
2120     display: none;
2121     }
2122#available-favs li:hover label span.zoom {
2123     display: block;
2124     position: absolute;
2125     bottom: 0;
2126     left: 10em;
2127     background-color: #f7f7f7;
2128     border: 1px solid #dfdfdf;
2129     padding: .2em;
2130     border-radius: .5em;
2131     }
2132#user-options label.ib {
2133     display: inline-block;
2134     width: 14em;
2135     padding-right: 1em;
2136     }
2137/* --------------------------------------------------------------------- user.php */
2138.blog-perm {
2139     margin-top: 2em;
2140     font-weight: bold;
2141     }
2142.ul-perm {
2143     list-style-type: square;
2144     margin-left: 0;
2145     padding-left: 3.5em;
2146     margin-bottom: 0
2147     }
2148.add-perm {
2149     padding-top: .5em;
2150     padding-left: 2.5em;
2151     margin-left: 0;
2152     }
2153/* --------------------------------------------------------------------- _charte.php */
2154.guideline #content h2 {
2155     color: #D33800;
2156     padding: 2em 0 0 0;
2157     margin: 1em 0;
2158     font-size: 2em;
2159     }
2160.guideline h3 {
2161     margin-top: 2em;
2162     }
2163.guideline .dc-update h3 {
2164     margin-top: 0;
2165     }
2166.guideline .one-box .box {
2167     border: 1px solid #dfdfdf;
2168     padding: 2px .5em;
2169     }
2170/* ------------------------------------------------------------------------------------
2171                                                                                                    CLASSES
2172------------------------------------------------------------------------------------ */
2173/* jQuery Autocomplete plugin */
2174.ac_results {
2175     padding: 0px;
2176     border: 1px dotted #f90;
2177     background-color: white;
2178     overflow: hidden;
2179     z-index: 99999;
2180     }
2181.ac_results ul {
2182     width: 100%;
2183     list-style-position: outside;
2184     list-style: none;
2185     padding: 0;
2186     margin: 0;
2187     }
2188.ac_results li {
2189     margin: 0px;
2190     padding: 2px 5px;
2191     cursor: default;
2192     display: block;
2193     font-size: 1em;
2194     line-height: 16px;
2195     overflow: hidden;
2196     }
2197.ac_loading {
2198     background: transparent url('loader.gif') right center no-repeat;
2199     }
2200.ac_over {
2201     background-color: #2373A8;
2202     color: white;
2203     }
2204/* password indicator */
2205.pw-table {
2206     display: table;
2207     margin-bottom: 1em;
2208     }
2209.pw-cell {
2210     display: table-cell;
2211     margin-bottom: 1em;
2212     }
2213#pwindicator {
2214     display: table-cell;
2215     vertical-align: bottom;
2216     padding-left: 1.5em;
2217     height: 3.8em;
2218     }
2219#pwindicator .bar {
2220     height: 6px;
2221     margin-bottom: 4px;
2222     }
2223.pw-very-weak .bar {
2224     background: #b33630;
2225     width: 30px;
2226     }
2227.pw-weak .bar {
2228     background: #b33630;
2229     width: 60px;
2230     }
2231.pw-mediocre .bar {
2232     background: #f90;
2233     width: 90px;
2234     }
2235.pw-strong .bar {
2236     background: #9bca1c;
2237     width: 120px;
2238     }
2239.pw-very-strong .bar {
2240     background: #9bca1c;
2241     width: 150px;
2242     }
2243/* ------------------------------------------------------------------ navigation */
2244/* selects accès rapide */
2245.anchor-nav {
2246     background: #ecf0f1;
2247     color: #000;
2248     padding: 4px 1em;
2249     }
2250.anchor-nav label {
2251     vertical-align: bottom;
2252     }
2253/* nav links */
2254.nav_prevnext {
2255     margin-bottom: 2em;
2256     color: #fff;
2257     }
2258.nav_prevnext a, a.back {
2259     border: 1px solid #dfdfdf;
2260     padding: 2px 1.5em;
2261     border-radius: .75em;
2262     background-color: #f3f3f3;
2263     }
2264a.back:before {
2265     content: "\ab\a0";
2266     }
2267a.onblog_link {
2268     color: #333;
2269     float: right;
2270     border: 1px solid #eee;
2271     padding: 2px 1.5em;
2272     border-radius: .75em;
2273     background-color: #ECF0F1;
2274     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
2275     }
2276/* Pagination */
2277.pager {
2278     margin: 2em 0 1em 0;
2279     clear: left;
2280     }
2281.pager ul {
2282     list-style-type: none;
2283     margin: 0;
2284     padding: 0;
2285     }
2286.pager li, .pager input {
2287     display: inline-block;
2288     vertical-align: middle;
2289     margin: 0 .33em 0 0;
2290     padding: 0;
2291     text-align: center;
2292     }
2293.pager .btn {
2294     border: 1px solid #dfdfdf;
2295     background-color: #fcfcfc;
2296     color: #676e78;
2297     border-radius: 3px;
2298     overflow: hidden;
2299     }
2300.btn.no-link {
2301     border-color: #dfdfdf;
2302     background-color: #f9f9f9;
2303     padding: 1px 3px 0;
2304     }
2305.pager .active {
2306     padding: 4px 12px;
2307     color: #676e78;
2308     }
2309.pager .direct-access {
2310     margin-left: 2em;
2311     }
2312.direct-access input[type=text] {
2313     border: 1px solid #dfdfdf;
2314     padding: 3px 8px;
2315     margin-left: .25em;
2316     background-color: #fff;
2317     }
2318.direct-access input[type=submit] {
2319     padding: 3px 6px;
2320     }
2321.pager a {
2322     display: block;
2323     padding: 1px 3px 0;
2324     border: none;
2325     }
2326.pager a:hover, .pager a:focus {
2327     background-color: #ecf0f1;
2328     }
2329.index .btn.no-link, .index a {
2330     padding: 2px 8px 3px;
2331     font-variant: small-caps;
2332     }
2333.index a {
2334     font-weight: bold;
2335     }
2336.index .btn.no-link {
2337     color: #ccc;
2338     }
2339.index .active {
2340     padding: 4px 8px;
2341     color: #fff;
2342     background: #676e78;
2343     border-radius: 3px;
2344     font-variant: small-caps;
2345     }
2346/* Etapes */
2347.step {
2348     display: inline-block;
2349     float: left;
2350     margin: 3px 10px 2px 0;
2351     padding: 5px .5em;
2352     background: #ecf0f1;
2353     border-radius: 3px;
2354     font-weight: bold;
2355     border: 1px solid #c5c5c5;
2356     color: #676e78;
2357     }
2358/* ---------------------------------------------------------------- utilisables partout  */
2359.legible {
2360     font-size: 1.16em;
2361     max-width: 62em;
2362     }
2363.fieldset {
2364     background: #fff;
2365     border: 1px solid #c5c5c5;
2366     border-radius: 3px;
2367     padding: 1em .7em .5em;
2368     margin-bottom: 1em;
2369     }
2370.fieldset h3 {
2371     margin-top: 0;
2372     }
2373.right, .txt-right {
2374     text-align: right;
2375     }
2376.txt-center {
2377     text-align: center;
2378     }
2379.txt-left {
2380     text-align: left;
2381     }
2382.no-margin, label.no-margin {
2383     margin-top: 0;
2384     margin-bottom: 0;
2385     }
2386.vertical-separator {
2387     margin-top: 2em;
2388     }
2389p.clear.vertical-separator {
2390     padding-top: 2em;
2391     }
2392.border-top {
2393     border-top: 1px solid #999;
2394     padding-top: 1em;
2395     margin-top: 1em;
2396     }
2397.grid {
2398     background: transparent repeat url('grid.png') 0 0;
2399     }
2400ul.nice {
2401     margin: 1em 0;
2402     padding: 0 0 0 2em;
2403     list-style: square;
2404     }
2405ul.nice li {
2406     margin: 0;
2407     padding: 0;
2408     }
2409ul.from-left {
2410     list-style-type: none;
2411     padding-left: 0;
2412     margin: 1em 0;
2413     }
2414ul.from-left > li {
2415     margin-top: 1em;
2416     margin-bottom: 1em;
2417     }
2418ul.from-left ul {
2419     list-style-type: square;
2420     }
2421.offline {
2422     color: #676e78;
2423     }
2424/* caché pour tout le monde */
2425.hide, .button.hide {
2426     display: none !important;
2427     }
2428/* Caché sauf pour les revues d'écran */
2429.hidden, .with-js .out-of-screen-if-js {
2430     position: absolute !important;
2431     clip: rect(1px 1px 1px 1px);
2432     /* IE6, IE7 */
2433     clip: rect(1px, 1px, 1px, 1px);
2434     padding: 0 !important;
2435     border: 0 !important;
2436     height: 1px !important;
2437     width: 1px !important;
2438     overflow: hidden;
2439     }
2440/* caché si js est inactif */
2441.no-js .hidden-if-no-js {
2442     display: none;
2443     }
2444/* caché si js est actif */
2445.with-js .hidden-if-js {
2446     display: none;
2447     }
2448/* ------------------------------------------------------------------------------------
2449                                                                                                    UTILS
2450------------------------------------------------------------------------------------ */
2451/* debug */
2452#debug {
2453     position: absolute;
2454     top: 0;
2455     width: 100%;
2456     height: 4px;
2457     background: #ffd478;
2458     }
2459#debug div {
2460     display: none;
2461     padding: 3px 0.5em 2px;
2462     }
2463#debug p {
2464     margin: 0.5em 0;
2465     }
2466#debug:hover {
2467     height: auto;
2468     padding: 2px 1em;
2469     z-index: 100;
2470     }
2471#debug:hover div {
2472     display: block;
2473     }
2474.debug {
2475     background: #ffd478;
2476     padding: 3px 0.5em 2px;
2477     }
2478input[type=submit].delete.debug, a.delete.debug {
2479     border-color: #ffd478;
2480     }
2481input[type=submit].delete.debug:hover, a.delete.debug:hover {
2482     background: #ffd478;
2483     color: #900;
2484     border-color: #ffd478;
2485     }
2486/* ---------------------------------------------- Couleurs ajoutées via javascript   
2487/* color-picker.js */
2488.color-color-picker { 
2489     border: 1px solid #000;
2490     width: 195px; 
2491     background: #fff; 
2492     }
2493/* _media_item.js */
2494.color-div { 
2495     border: 1px solid #ccc;
2496     }
2497/* fadings ('color' est utilisé comme variable, pas comme text color) */
2498.colorBeginPassword, 
2499.colorBeginValidatorErr, 
2500.colorBeginUserMail           { color: #fff; }
2501.colorEndPassword, 
2502.colorEndError, 
2503.colorEndValidatorErr, 
2504.colorEndUserMail             { color: #ffbaba; }
2505.colorBeginMessage            { color: #ccc; }
2506.colorEndMessage, 
2507.colorBeginValidatorMsg  { color: #676e78; }
2508.colorBeginError              { color: #fefacd; }
2509.colorBeginSuccess            { color: #9BCA1C; }
2510.colorEndSuccess              { color: #bee74b; }
2511.colorEndValidatorMsg         { color: #ffcc00; }
2512/* ------------------------------------------------------------------------------------
2513                                                                           UN POIL DE MEDIA QUERIES
2514------------------------------------------------------------------------------------ */
2515@media screen and (max-width: 1000px) {
2516#top-info-blog #switchblog {
2517     max-width: 16em;
2518     }
2519#top-info-blog a {
2520     margin-left: 2em;
2521     }
2522}
2523@media screen and (max-width: 960px) {
2524#header {
2525     display: block;
2526     width: 100%;
2527     text-align: right;
2528     background: #333;
2529     }
2530#header h1, #header h1 a {
2531     width: 120px;
2532     padding: 0;
2533     margin: 0;
2534     }
2535h1, #top-info-blog {
2536     display: inline-block;
2537     vertical-align: top;
2538     margin-right: 1em;
2539     }
2540#top-info-user {
2541     display: block;
2542     width: 100%;
2543     background: #676e78;
2544     padding-right: 0;
2545     }
2546#top-info-user li:last-child {
2547     padding-right: 1em;
2548     }
2549#top-info-user a.active {
2550     padding: 2px 8px;
2551     background: #999;
2552     color: #FFF;
2553     border-width: 0;
2554     border-radius: 6px;
2555     }
2556.three-boxes, .three-boxes .box,
2557     .two-cols .col70, .two-cols .col30 {
2558     width: 100%;
2559     margin-left: 0;
2560     margin-right: 0;
2561     }
2562}
2563@media screen and (max-width: 700px) {
2564#help-button {
2565     height: 26px;
2566     width: 26px;
2567     background-color: #A2CBE9;
2568     padding: 0;
2569     margin: 0;
2570     font-size: 10px;
2571     font-size: 1rem;
2572     line-height: 68px;
2573     overflow: hidden;
2574     }
2575#content.with-help #help-button {
2576     top: 77px;
2577     }
2578.one-box, .two-boxes, .two-boxes.odd, .two-boxes.even, .box,
2579     .two-cols .col {
2580     width: 100%;
2581     margin-left: 0;
2582     margin-right: 0;
2583     }
2584}
2585@media screen and (max-width: 600px) {
2586#header h1, #header h1 a {
2587     width: 42px !important;
2588     height: 42px;
2589     }
2590h1 a:link {
2591     background: transparent url(dc_logos/b-dotclear120.png) no-repeat -180px 6px;
2592     border-right: 1px solid #ccc;
2593     }
2594h1 a:hover, h1 a:focus {
2595     background: url(dc_logos/b-dotclear120.png) no-repeat -180px -94px;
2596     border-right: 1px solid #A2CBE9;
2597     }
2598#wrapper, #main, #main-menu {
2599     display: block;
2600     float: none;
2601     width: 100%;
2602     margin: 0;
2603     }
2604#main-menu a {
2605     display: block;
2606     width: 100%;
2607     }
2608#main-menu h3 a {
2609     display: inline;
2610     }
2611#content, .hide-mm #content {
2612     margin: 0;
2613     padding: 0 .5em !important;
2614     }
2615#collapser {
2616     display: none;
2617     }
2618#main #content > h2 {
2619     margin: 0;
2620     padding: 6px 30px 6px 0;
2621     }
2622#dashboard-boxes .box.medium,
2623     #dashboard-boxes .box.small,
2624     #dashboard-boxes .box.large {
2625     width: 100%;
2626     margin: 10px auto;
2627     }
2628}
2629@media screen and (max-width: 420px) {
2630h1, h1 a {
2631     padding: 0;
2632     border-right: #333 !important;
2633     }
2634#top-info-blog label, .nomobile {
2635     display: none;
2636     }
2637#top-info-blog {
2638     margin-bottom: .5em;
2639     max-width: 75%;
2640     }
2641#top-info-blog select {
2642     margin-bottom: .5em;
2643     }
2644#icons p {
2645     width: 150px;
2646     }
2647#content.with-help #help-button {
2648     top: 101px;
2649     }
2650}
Note: See TracBrowser for help on using the repository browser.

Sites map