Dotclear

source: admin/style/default.css @ 1600:0c98dd875a1b

Revision 1600:0c98dd875a1b, 35.9 KB checked in by Anne Kozlika <kozlika@…>, 11 years ago (diff)

Prelude: 3 links now, so needs modification to js to display over the wrapper.
Tables: add captions and scopes.
Translation in french: missed one.

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

Sites map