Dotclear

source: admin/style/default.css @ 2142:9543091deb98

Revision 2142:9543091deb98, 52.6 KB checked in by Anne Kozlika <kozlika@…>, 12 years ago (diff)

post.php Remplacement de "Trackbacks" en "Trackbacks reçus" pour éviter l'ambiguïté depuis que c'est dans le même onglet.
traductions, compléments.
Suppression de l'image add.png, qui n'est plus utilisée
Icônes pour comments et trackbacks plus mieux bien
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#plugins td.action {
1969     vertical-align: middle;
1970     }
1971.distrib img {
1972     display: block;
1973     float: right;
1974     margin-top: -1em;
1975     }
1976/* ---------------------------------------------------------- post.php, page.php */
1977#entry-wrapper {
1978     float: left;
1979     width: 100%;
1980     margin-right: -16em;
1981     }
1982#entry-content {
1983     margin-right: 18em;
1984     margin-left: 0;
1985     }
1986     #entry-content label {
1987          text-transform: uppercase;
1988          font-weight: bold;
1989          margin-top: 2em;
1990          display: inline-block;
1991          }
1992     #entry-content label:first-child {
1993          margin-top: 0;
1994          }
1995#entry-sidebar {
1996     width: 16em;
1997     float: right;
1998     }
1999     #entry-sidebar h4 {
2000          font-size: 13px;
2001          font-size: 1.3rem;
2002          margin-top: .3em;
2003          }
2004     #entry-sidebar select {
2005          width: 100%;
2006          }
2007     #entry-sidebar input#post_position {
2008          width: 4em;
2009          }
2010     .sb-box {
2011          border-bottom: 1px solid #ddd;
2012          margin-bottom: 1em;
2013          }
2014     #tb_excerpt {
2015          width: 100%;
2016          }
2017/* ---------------------------------------------------------- preferences.php */
2018.fav-list {
2019     list-style-type: none;
2020     margin-left: 0;
2021     padding-left: 0;
2022     }
2023     #my-favs .fav-list {
2024          border-top: 1px solid #eee;
2025          }
2026.fav-list li {
2027     margin-left: 0;
2028     padding-left: 0;
2029     padding-top: 3px;
2030     padding-bottom: 3px;
2031     position: relative;
2032     }
2033     #my-favs .fav-list li {
2034          line-height: 2;
2035          border-bottom: 1px solid #eee;
2036          padding-top: 3px;
2037          padding-bottom: 3px;
2038          position: relative;
2039          }
2040     .fav-list img {
2041          vertical-align: middle;
2042          margin-right: .2em;
2043          }
2044     .fav-list li span.zoom {
2045          display: none;
2046          }
2047     .fav-list li:hover span.zoom {
2048          display: block;
2049          position: absolute;
2050          bottom: 0;
2051          left: 10em;
2052          background-color: #f7f7f7;
2053          border: 1px solid #ddd;
2054          padding: .2em;
2055          border-radius: .5em;
2056          }
2057#my-favs {
2058     border-color: #A8DC26;
2059     }
2060     #my-favs input.position {
2061          margin: 0 0 .4em .2em;
2062          }
2063#available-favs input, #available-favs label, #available-favs label span {
2064     white-space: normal;
2065     display: inline;
2066     }
2067#available-favs label span.zoom {
2068     display: none;
2069     }
2070#available-favs li:hover label span.zoom {
2071     display: block;
2072     position: absolute;
2073     bottom: 0;
2074     left: 10em;
2075     background-color: #f7f7f7;
2076     border: 1px solid #ddd;
2077     padding: .2em;
2078     border-radius: .5em;
2079     }
2080#user-options label.ib {
2081     display: inline-block;
2082     width: 14em;
2083     padding-right: 1em;
2084     }
2085/* --------------------------------------------------------------------- user.php */
2086.blog-perm {
2087     margin-top: 2em;
2088     font-weight: bold;
2089     }
2090.ul-perm {
2091     list-style-type: square;
2092     margin-left: 0;
2093     padding-left: 3.5em;
2094     margin-bottom: 0
2095     }
2096.add-perm {
2097     padding-top: .5em;
2098     padding-left: 2.5em;
2099     margin-left: 0;
2100     }
2101/* --------------------------------------------------------------------- _charte.php */
2102.guideline #content h2 {
2103     color: #D33800;
2104     padding: 2em 0 0 0;
2105     margin: 1em 0;
2106     font-size: 2em;
2107     }
2108.guideline h3 {
2109     margin-top: 2em;
2110     }
2111.guideline .one-box .box {
2112     border: 1px solid #ddd; 
2113     padding: 2px .5em;
2114     }
2115/* ------------------------------------------------------------------------------------
2116                                                                                                    CLASSES
2117------------------------------------------------------------------------------------ */
2118/* jQuery Autocomplete plugin */
2119.ac_results {
2120     padding: 0px;
2121     border: 1px dotted #f90;
2122     background-color: white;
2123     overflow: hidden;
2124     z-index: 99999;
2125     }
2126.ac_results ul {
2127     width: 100%;
2128     list-style-position: outside;
2129     list-style: none;
2130     padding: 0;
2131     margin: 0;
2132     }
2133     .ac_results li {
2134          margin: 0px;
2135          padding: 2px 5px;
2136          cursor: default;
2137          display: block;
2138          font-size: 1em;
2139          line-height: 16px;
2140          overflow: hidden;
2141          }
2142.ac_loading {
2143     background: transparent url('loader.gif') right center no-repeat;
2144     }
2145.ac_over {
2146     background-color: #06c;
2147     color: white;
2148     }
2149/* password indicator */
2150.pw-table {
2151     display: table;
2152     margin-bottom: 1em;
2153     }
2154.pw-cell {
2155     display: table-cell;
2156     margin-bottom: 1em;
2157     }
2158#pwindicator {
2159     display: table-cell;
2160     vertical-align: bottom;
2161     padding-left: 1.5em;
2162     height: 3.8em;
2163     }
2164     #pwindicator .bar {
2165          height: 6px;
2166          margin-bottom: 4px;
2167          }
2168          .pw-very-weak .bar {
2169               background: #900;
2170               width: 30px;
2171               }
2172          .pw-weak .bar {
2173               background: #c00;
2174               width: 60px;
2175               }
2176          .pw-mediocre .bar {
2177               background: #f60;
2178               width: 90px;
2179               }
2180          .pw-strong .bar {
2181               background: #060;
2182               width: 120px;
2183               }
2184          .pw-very-strong .bar {
2185               background: #0c0;
2186               width: 150px;
2187               }
2188/* ------------------------------------------------------------------ navigation */
2189/* selects accès rapide */
2190.anchor-nav {
2191     background: #ecf0f1;
2192     color: #000;
2193     padding: 4px 1em;
2194     }
2195.anchor-nav label {
2196     vertical-align: bottom;
2197     }
2198/* nav links */
2199.nav_prevnext {
2200     margin-bottom: 2em;
2201     color: #fff;
2202     }
2203     .nav_prevnext a, a.back {
2204          border: 1px solid #ddd;
2205          padding: 2px 1.5em;
2206          border-radius: .75em;
2207          background-color: #f0f0f0;
2208          }
2209          a.back:before {
2210               content: "\ab\a0";
2211               }
2212          a.onblog_link {
2213               color: #333;
2214               float: right;
2215               border: 1px solid #eee;
2216               padding: 2px 1.5em;
2217               border-radius: .75em;
2218               background-color: #ffe;
2219               }
2220/* Pagination */
2221.pager {
2222     margin: 2em 0 1em 0;
2223     clear: left;
2224     }
2225.pager ul {
2226     list-style-type: none;
2227     margin: 0;
2228     padding: 0;
2229     }
2230.pager li, .pager input {
2231     display:inline-block;
2232     vertical-align: middle;
2233     margin: 0 .33em 0 0;
2234     padding: 0;
2235     text-align: center;
2236     }
2237     .pager .btn {
2238          border: 1px solid #ddd;
2239          background-color: #fcfcfc;
2240          color: #738182; 
2241          border-radius: 3px;
2242          overflow: hidden;
2243          }
2244          .btn.no-link {
2245               border-color: #ddd;
2246               background-color: #f9f9f9;
2247               padding: 1px 3px 0;
2248               }
2249     .pager .active {
2250          padding: 4px 12px; 
2251          color: #676e78;
2252          }
2253     .pager .direct-access {
2254          margin-left: 2em;
2255          }
2256     .direct-access input[type=text] {
2257          border: 1px solid #ddd;
2258          padding: 3px 8px;
2259          margin-left: .25em;
2260          background-color: #fff;
2261          }
2262     .direct-access input[type=submit] {
2263          padding: 3px 6px; 
2264          }
2265.pager a {
2266     display: block;
2267     padding: 1px 3px 0;
2268     border:none;
2269     }
2270.pager a:hover, .pager a:focus {
2271     background-color: #ecf0f1;
2272     }
2273/* Etapes */
2274.step {
2275     display: inline-block;
2276     float: left;
2277     margin: 3px 10px 2px 0;
2278     padding: 5px .5em;
2279     background: #ecf0f1;
2280     border-radius: 3px;
2281     font-weight: bold;
2282     border: 1px solid #bdc3c7;
2283     color: #738182;
2284     }
2285/* ---------------------------------------------------------------- utilisables partout  */
2286.fieldset {
2287     background: #fff;
2288     border: 1px solid #bbb;
2289     border-radius: 3px;
2290     padding: 1em .7em .5em;
2291     margin-bottom: 1em;
2292     }
2293     .fieldset h3 {
2294          margin-top: 0;
2295          }
2296.right, .txt-right {
2297     text-align: right;
2298     }
2299.txt-center {
2300     text-align: center;
2301     }
2302.txt-left {
2303     text-align: left;
2304     }
2305.no-margin, label.no-margin {
2306     margin-top: 0;
2307     margin-bottom: 0;
2308     }
2309.vertical-separator {
2310     margin-top: 2em;
2311     }
2312     p.clear.vertical-separator {
2313          padding-top: 2em;
2314          }
2315.border-top {
2316     border-top: 1px solid #999;
2317     padding-top: 1em;
2318     margin-top:    1em;
2319     }
2320.grid {
2321     background: transparent repeat url('grid.png') 0 0;
2322     }
2323ul.nice {
2324     margin: 1em 0;
2325     padding: 0 0 0 2em;
2326     list-style: square;
2327     }
2328     ul.nice li {
2329          margin:0;
2330          padding: 0;
2331          }
2332ul.from-left {
2333     list-style-type: none;
2334     padding-left: 0;
2335     margin: 1 0;
2336     }
2337     ul.from-left > li {
2338          margin-top: 1em;
2339          margin-bottom: 1em;
2340          }
2341     ul.from-left ul {
2342          list-style-type: square;
2343          }
2344.offline {
2345     color: #676e78;
2346     }
2347/* caché pour tout le monde */
2348.hide, .button.hide {
2349     display: none;
2350     }
2351/* Caché sauf pour les revues d'écran */
2352.hidden, .with-js .out-of-screen-if-js {
2353     position: absolute !important;
2354     clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
2355     clip: rect(1px, 1px, 1px, 1px);
2356     padding: 0 !important;
2357     border: 0 !important;
2358     height: 1px !important;
2359     width: 1px !important;
2360     overflow: hidden;
2361     }
2362/* caché si js est inactif */
2363.no-js .hidden-if-no-js {
2364     display: none;
2365     }
2366/* caché si js est actif */
2367.with-js .hidden-if-js {
2368     display: none;
2369     }
2370/* ------------------------------------------------------------------------------------
2371                                                                                                    UTILS
2372------------------------------------------------------------------------------------ */
2373/* debug */
2374#debug {
2375     position: absolute;
2376     top: 0;
2377     width: 100%;
2378     height: 4px;
2379     background: #ff6;
2380     }
2381#debug div {
2382     display: none;
2383     padding: 3px 0.5em 2px;
2384     }
2385#debug p {
2386     margin: 0.5em 0;
2387     }
2388#debug:hover {
2389     height: auto;
2390     padding: 2px 1em;
2391     z-index: 100;
2392     }
2393#debug:hover div {
2394     display: block;
2395     }
2396/* ------------------------------------------------------------------------------------
2397                                                                           UN POIL DE MEDIA QUERIES
2398------------------------------------------------------------------------------------ */
2399@media screen and (max-width: 1000px) {
2400     #top-info-blog #switchblog {
2401          max-width: 16em;
2402          }
2403     #top-info-blog a {
2404          margin-left: 2em;
2405          }
2406     }
2407@media screen and (max-width: 960px) {
2408     #header {
2409          display: block;
2410          width: 100%;
2411          text-align: right;
2412          background: #333;
2413          } 
2414     #header h1, #header h1 a {
2415          width: 120px;
2416          padding: 0;
2417          margin: 0;
2418          }
2419     h1, #top-info-blog {
2420          display: inline-block;
2421          vertical-align: top;
2422          margin-right: 1em;
2423          }
2424     #top-info-user {
2425          display: block;
2426          width: 100%;
2427          background: #676e78;
2428          padding-right: 0;
2429          }
2430     #top-info-user li:last-child {
2431          padding-right: 1em;
2432          }
2433     #top-info-user a.active {
2434          padding: 2px 8px;
2435          } 
2436     .three-boxes, .three-boxes .box,
2437     .three-boxes:first-child, .three-boxes.first-child,
2438     .three-boxes:last-child, .three-boxes.last-child,
2439     .two-cols .col70, .two-cols .col30 {
2440          width: 100%;
2441          margin-left: 0;
2442          margin-right: 0; 
2443          }
2444     }
2445@media screen and (max-width: 700px) {
2446      #help-button {
2447          height:26px;
2448          width:26px;
2449          background-color: #A2CBE9;
2450          padding: 0;
2451          margin: 0;
2452          font-size: 10px; font-size: 1rem;
2453          line-height: 68px;
2454          overflow: hidden;
2455          }   
2456     #content.with-help #help-button {
2457          top: 77px;
2458          }
2459     .one-box, .two-boxes,
2460     .one-box .box, .two-boxes .box, .two-boxes.odd, .two-boxes.even,
2461     .two-boxes:first-child, .two-boxes.odd, .two-boxes.odd:last-child,
2462     .two-boxes.even:last-child, .two-boxes.even,
2463     .two-cols .col {
2464          width: 100%;
2465          margin-left: 0;
2466          margin-right: 0; 
2467          }
2468     }
2469@media screen and (max-width: 600px) {
2470     #header h1, #header h1 a {
2471          width: 42px !important; 
2472          height: 42px;
2473          }
2474     h1 a:link {
2475          background: transparent url(dc_logos/b-dotclear120.png) no-repeat -180px 6px;
2476          border-right: 1px solid #ccc;
2477          }
2478     h1 a:hover, h1 a:focus {
2479          background: url(dc_logos/b-dotclear120.png) no-repeat -180px -94px;
2480          border-right: 1px solid #A2CBE9;
2481          }
2482     #wrapper, #main, #main-menu {
2483          display: block;
2484          float: none;
2485          width: 100%;
2486          margin: 0;
2487          }
2488     #main-menu a {
2489          display: block;
2490          width: 100%;
2491          }
2492     #main-menu h3 a {
2493          display: inline;
2494          }
2495     #content {
2496          margin: 0;
2497          padding: 0 .5em !important;
2498          }
2499     #collapser {
2500          display: none;
2501          }
2502     #main #content > h2 {
2503          margin: 0;
2504          padding: 6px 0;
2505          }
2506     #dashboard-boxes .box.medium,
2507     #dashboard-boxes .box.small,
2508     #dashboard-boxes .box.large {
2509          width: 90%;
2510          margin: 10px auto;
2511          }
2512     }
2513@media screen and (max-width: 500px) {
2514     h1, h1 a {
2515          padding: 0;
2516          border-right: #333 !important;
2517          }
2518     #top-info-blog label, .nomobile {
2519          display: none;
2520          }
2521     #top-info-blog select {
2522          margin-bottom: .5em;
2523          margin-right: 0 !important;
2524          }
2525     #top-info-blog p {
2526          display: block;
2527          }
2528     #icons p {
2529          width: 150px;
2530          }
2531     #content.with-help #help-button {
2532          top: 101px;
2533          }
2534     }
2535/* ---------------------------------------------- Couleurs ajoutées via javascript   
2536/* color-picker.js */
2537.color-color-picker {
2538     border: 1px solid #000;
2539     width: 195px;
2540     background: #fff;
2541     }
2542/* _blog_theme.js */
2543.select-button {
2544     font-weight: bold;
2545     }
2546/* _media_item.js */
2547.color-div {
2548     border: 1px solid #ccc;
2549     }
2550/* fadings ('color' est utilisé comme variable, pas comme text color) */
2551.colorBeginPassword, .colorBeginValidatorErr, .colorBeginUserMail {
2552     color: #fff;
2553     }
2554.colorEndPassword, .colorEndError, .colorEndValidatorErr, .colorEndUserMail {
2555     color: #ffbaba;
2556     }
2557.colorBeginMessage {
2558     color: #ccc;
2559     }
2560.colorEndMessage, .colorBeginValidatorMsg {
2561     color: #676e78;
2562     }
2563.colorBeginError {
2564     color: #ffdec8;
2565     }
2566.colorBeginSuccess {
2567     color: #9BCA1C;
2568     }
2569.colorEndSuccess {
2570     color: #bee74b;
2571     }
2572 .colorEndValidatorMsg {
2573     color: #ffcc00;
2574     }
Note: See TracBrowser for help on using the repository browser.

Sites map