Dotclear

source: admin/style/default.css @ 2532:f9f078b040e6

Revision 2532:f9f078b040e6, 56.5 KB checked in by Anne Kozlika <kozlika@…>, 12 years ago (diff)

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

Sites map