Dotclear

source: admin/style/default.css @ 1512:ef727a109ce6

Revision 1512:ef727a109ce6, 33.3 KB checked in by Franck Paul <carnet.franck.paul@…>, 11 years ago (diff)

Merged in pascalchevrel/dotclear/ticket1515 (pull request #46) - Fixes 1515: move hardcoded css from antispam filters to css file

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

Sites map