Dotclear

source: admin/style/default.css @ 1619:5d925866b5b3

Revision 1619:5d925866b5b3, 36.7 KB checked in by Anne Kozlika <kozlika@…>, 11 years ago (diff)

page_php: restore forgoten Hide in widget Pages
post_php: Include conversion button in hide/show syntax box

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

Sites map