Dotclear

source: admin/style/default.css @ 2281:a716b5087e69

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

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

Sites map