Dotclear

source: admin/style/default.css @ 3245:7d3b802b2f51

Revision 3245:7d3b802b2f51, 56.4 KB checked in by franck <carnet.franck.paul@…>, 9 years ago (diff)

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

Sites map