Dotclear

source: admin/style/default.css @ 1854:f91147e1ee63

Revision 1854:f91147e1ee63, 47.2 KB checked in by Anne Kozlika <kozlika@…>, 12 years ago (diff)

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

Sites map