Dotclear

source: admin/style/default.css @ 1810:1cad42f451bc

Revision 1810:1cad42f451bc, 44.9 KB checked in by Anne Kozlika <kozlika@…>, 12 years ago (diff)

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

Sites map