Dotclear

source: admin/style/default.css @ 2171:bb80994ddeed

Revision 2171:bb80994ddeed, 52.8 KB checked in by Denis Jean-Chirstian <contact@…>, 12 years ago (diff)

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

Sites map