Dotclear

source: admin/style/default.css @ 2296:dc973f81041a

Revision 2296:dc973f81041a, 54.1 KB checked in by Anne Kozlika <kozlika@…>, 12 years ago (diff)

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

Sites map