Dotclear

source: admin/style/default.css @ 2157:bdd306788929

Revision 2157:bdd306788929, 53.3 KB checked in by Anne Kozlika <kozlika@…>, 12 years ago (diff)

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

Sites map