Dotclear

source: admin/style/default.css @ 1812:39cc57b045d6

Revision 1812:39cc57b045d6, 36.9 KB checked in by Lepeltier kévin, 11 years ago (diff)

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

Sites map