Dotclear

source: admin/style/default.css @ 969:aa81394ca1af

Revision 969:aa81394ca1af, 25.0 KB checked in by franck <carnet.franck.paul@…>, 13 years ago (diff)

Remove coquette ions, fixes #1351
Line 
1/*
2# -- BEGIN LICENSE BLOCK ---------------------------------------
3#
4# This file is part of Dotclear 2.
5#
6# Copyright (c) 2003-2011 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 */
15body {
16     font: 75%/1.5em Helvetica,Arial,sans-serif;
17     color: #333;
18     background: #f5f5f5;
19     margin: 0;
20     padding: 0;
21}
22body.auth {
23     background: #fff;
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, h4, h5, h6, p {
39     margin-top: 0;
40     margin-bottom: 0.6em;
41}
42h2 {
43     color: #666;
44     font-size: 1.4em;
45     padding: 4px 0;
46}
47.page-title {
48     color: #d30e60;
49}
50h3 {
51     color: #333;
52     font-size: 1.2em;
53}
54p, div.p {
55     margin: 0 0 1em 0;
56}
57hr {
58     height: 1px;
59     border-width: 1px 0 0 0;
60     border-color: #999;
61     border-style: solid;
62}
63pre, code {
64     font: 100% "Andale Mono","Courier New",monospace;
65}
66pre {
67     white-space: pre;
68     white-space: -moz-pre-wrap;
69     white-space: -hp-pre-wrap;
70     white-space: -o-pre-wrap;
71     white-space: -pre-wrap;
72     white-space: pre-wrap;
73     white-space: pre-line;
74     word-wrap: break-word;
75}
76abbr {
77     cursor: help;
78}
79
80/* LAYOUT
81-------------------------------------------------------- */
82/* header */
83#header {
84     background: #575859;
85     height: 3em;
86     position: relative;
87}
88#prelude {
89     background: #575859;
90     line-height: 1.5em;
91     margin: 0;
92     padding: 0 1.7em 0 1em;
93     overflow: hidden;
94     position: absolute;
95     top: 1.2em;
96     left: 0;
97     }
98#prelude li {
99     list-style-type: none;
100     margin: 0 1em 0 0;
101     background:transparent;
102     }
103#prelude li a {
104     color:#fff;
105     }
106#top {
107     margin: 0;
108     padding: 0;
109     width: 13em;
110     float: left;
111}
112#top h1 {
113     padding: 0;
114     margin: 0;
115     height: 3em;
116     text-indent: -1000px;
117     background: transparent url(dc_logo.png) no-repeat 0 50%;
118}
119#top h1 a {
120     position: absolute;
121     top: 3px;
122     left: 0;
123     width: 130px;
124     height: 60px;
125     border: none;
126     outline: none;
127     color: #fff;
128}
129#info-boxes {
130     background: #575859;
131     font-size: .95em;
132     height: 3em;
133}
134#info-box1 {
135     margin: 0;
136     padding: .5em 3px 4px 0;
137     color: #fff;
138     float: left;
139     background: #575859;
140}
141#info-box2 {
142     margin: .1em 0 0 0;
143     padding: .5em 1.3em 4px 0;
144     color: #fff;
145     float: right;
146     text-align: right;
147     background: #575859;
148     height: 2em;
149}
150#info-box1 select {
151     width: 15em;
152}
153#info-box1 a img, #info-box2 a img {
154     vertical-align: middle;
155     padding-left: .3em;
156     }
157#info-box1 a, #info-box2 a {
158     background: #575859;
159     font-weight: bold;
160     color: #fff;
161     border-bottom-color: #ccc;
162     margin-left: .3em;
163     margin-right: .3em;
164     white-space: nowrap;
165     font-weight: normal;
166}
167#info-box1 a {
168     margin-left: 1.33em;
169}
170#info-box2 a.active {
171     border-bottom-color: #f5f5f5;
172     margin: 0;
173     padding: 1.2em .5em;
174     background-color: #f5f5f5;
175     color: #333;
176     font-weight: bold;
177}
178#info-box2 span {
179     color: #575859;
180}
181/* prelude */
182#wrapper {
183     width: 100%;
184}
185#main {
186     width: 100%;
187     float: right;
188     margin-left: -13em;
189     margin-top: 0;
190}
191#content {
192     margin: 1.5em 1.5em 4em 13em;
193     padding: 1em;
194     background: #fff;
195     -webkit-border-radius: .5em;
196     -moz-border-radius: .5em;
197     -o-border-radius: .5em;
198     border-radius: .5em;
199     border: 1px solid #ddd;
200}
201     /* Micro clearfix thx to Nicolas Gallagher */
202     #content:before, #content:after {content:"";display:table;}
203     #content:after {clear:both;}
204/* -------------------------------------------------- layout - multipart */
205.three-cols {
206}
207.three-cols .col {
208     width: 32.3%;
209     float: left;
210     margin-left: 1%;
211}
212.three-cols .col:first-child {
213     width: 33.3%;
214     margin-left: 0;
215}
216.two-cols {
217     position: static;
218}
219.two-cols .col {
220     width: 49%;
221     margin-left: 2%;
222     float: left;
223}
224.two-cols .col:first-child {
225     width: 49%;
226     margin-left: 0;
227}
228.two-cols .col70{
229     width: 69%;
230     margin-left: 0;
231     float: left;
232}
233.two-cols .col30 {
234     width: 28%;
235     margin-left: 2%;
236     float: left;
237}
238/* -------------------------------------------------------------- layout - onglets */
239.part-tabs ul {
240     padding: .3em 0 1px 1em;
241     border-bottom: 1px solid #999;
242}
243.part-tabs li {
244     list-style: none;
245     margin: 0;
246     display: inline;
247}
248.part-tabs li a {
249     padding: .3em 0.5em;
250     margin-right: .5em;
251     border: 1px solid #999;
252     border-bottom: none;
253     background: #dfdfdf;
254     text-decoration: none;
255     -webkit-border-top-left-radius: .3em;
256     -webkit-border-top-right-radius: .3em;
257     -moz-border-radius-topleft: .3em;
258     -moz-border-radius-topright: .3em;
259     border-top-left-radius: .3em;
260     border-top-right-radius: .3em;
261     color: #000;
262}
263.part-tabs li.part-tabs-link a {
264     background: #ffe;
265}
266.part-tabs li a:hover, .part-tabs li a:focus {
267     color: #000;
268     background: #fff;
269     border-bottom-color: #fff;
270}
271.part-tabs li.part-tabs-active a {
272     background: #fff;
273     border-bottom: 1px solid #fff;
274     color: #000;
275     font-weight: bold;
276}
277/* ------------------------------------------------------------------ main-menu */
278#main-menu {
279     width: 13em;
280     float: left;
281     margin-top: 1.2em;
282     margin-bottom: 3em;
283}
284#main-menu h3 {
285     margin: 0 0 0.5em;
286     padding: .5em 0 0 .5em;
287     text-transform: uppercase;
288     color: #666;
289     font-size: 1.1em;
290}
291#main-menu ul {
292     font-size: .95em;
293     margin: 0 0 1em 0;
294     padding: 0;
295     list-style: none;
296}
297#main-menu li {
298     display: block;
299     margin: 0.5em 0 0;
300     padding: .2em 0 0 32px;
301     background-repeat: no-repeat;
302     background-position: 12px .2em;
303}
304#main-menu a {
305     font-weight: bold;
306}
307#main-menu .active a {
308     border-bottom: none;
309     color: #333;
310}
311#main-menu .active {
312     background-color: #fff;
313     padding: .4em 0 .1em 32px;
314     background-position: 12px .4em;
315     border-top: 1px solid #ddd;
316     border-bottom: 1px solid #ddd;
317     margin-right: -1px;
318}
319#favorites-menu {
320     margin: 0 0 2em;
321}
322#favorites-menu h3 {
323     color: #333;
324     text-transform: none;
325}
326#favorites-menu a {
327     color: #333;
328}
329#favorites-menu .active {
330     background-color: transparent;
331     border: none;
332}
333#favorites-menu .active a {
334     font-weight: bold;
335     color: #666;
336}
337/* ------------------------------------------------------------------ footer */
338#footer {
339     clear: both;
340     padding: .75em 0;
341     background: #575859 url(dc_logo_small.png) no-repeat 8px bottom;
342     color: #fff;
343}
344#footer p {
345     margin: 0;
346     padding: 0 1em;
347     text-align: center;
348     font-size: 1.1em;
349}
350#footer a {
351     color: #f5f5f5;
352}
353#footer p span.credit {
354     font-size: .85em;
355     font-weight: normal;
356}
357/* ---------------------------------------------------------------------------- auth.php */
358#login-screen {
359     display: block;
360     width: 18em;
361     margin: 1.5em auto 0;
362     font-size: 1.1em;
363}
364#login-screen h1 {
365     text-indent: -2000px;
366     background: transparent url(dotclear-logo2.png) no-repeat top left;
367     height: 50px;
368     margin-bottom: .5em;
369     margin-left: .5em;
370}
371#login-screen fieldset, #login-screen .fieldset {
372     border: 1px solid #999;
373     padding: 1em 1em 0 1em;
374     -o-border-radius: 4px;
375     -moz-border-radius: 4px;
376     -webkit-border-radius: 4px;
377     border-radius: 4px;
378}
379#login-screen input[type=text], #login-screen input[type=password], #login-screen input[type=submit] {
380     width: 100%;
381}
382#login-screen #issue {
383     margin-left: 1em;
384     font-size: 1em;
385}
386#login-screen #issue strong {font-weight: normal;}
387
388
389/* ------------------------------------------------------------------ dashboard */
390#dashboard-main {
391     float: left;
392     overflow: hidden;
393     padding: 1em 2% 1em 0;
394     width: 70%;
395}
396#dashboard-main.fullwidth {
397     width: 100%;
398     padding: 1em 0;
399     float: none;
400}
401#icons {
402     overflow: hidden;
403     padding-bottom: 1em;
404     text-align: center;
405}
406#icons p {
407     width: 210px;
408     text-align: center;
409     margin: 2em 0 0 0;
410     display:inline-block;
411}
412#icons a,
413#icons a:link,
414#icons a:visited,
415#icons a:hover,
416#icons a:focus {
417     border-bottom-width: 0px;
418     text-decoration: none;
419}
420#icons a span {
421     border-bottom: 1px dotted #f90;
422}
423#icons a:focus span, #icons a:hover span {
424     text-decoration: underline;
425}
426#quick {
427     clear: left;
428     margin-top: 2em;
429}
430#quick h3 {
431     margin-bottom: 0.2em;
432     font-size: 1.2em;
433}
434#quick p.qinfo {
435     margin: -.7em -1em 1em;
436     background: #eef url(info.png) no-repeat .2em .2em;
437     border: 1px solid #99f;
438     padding: .2em 1em .1em 24px;
439     color: #666;
440}
441#dashboard-items {
442     float: left;
443     width: 27%;
444     overflow: hidden;
445     padding-bottom: 1em;
446     padding-top: 3em;
447}
448#dashboard-items img {
449     vertical-align: middle;
450}
451#dashboard-items ul {
452     display: block;
453     padding-left: 1.5em;
454     list-style: square;
455}
456#dashboard-items li {
457     margin: 0.25em 0 0 0;
458     color: #666;
459}
460#news dt {
461     font-weight: bold;
462     margin: 0 0 0.4em 0;
463}
464#news dd {
465     margin: 0 0 1em 0;
466}
467#news dd p {
468     margin: 0.2em 0 0 0;
469}
470
471#upg-notify {
472}
473#upg-notify ul {
474     padding-left: 15px;
475}
476#upg-notify li {
477     color: #fff;
478}
479/* ------------------------------------------------------------------ post */
480#entry-wrapper {
481     float: left;
482     width: 100%;
483     margin-right: -18em;
484}
485#entry-content {
486     margin-right: 18em;
487}
488#entry-sidebar {
489     width: 17em;
490     float: right;
491}
492#comments {
493     clear: both;
494}
495/* ------------------------------------------------------------------ categories */
496#categories {
497     margin: 1em 0 2em;
498}
499#categories ul {
500     list-style: none;
501     margin: 0;
502     padding: 0;
503}
504#categories li {
505     margin: .5em 0;
506     padding: .3em 1.5em;
507     border: 1px solid #ccc;
508     border-left: 1em solid #E5E3DA;
509     -o-border-radius: .3em;
510     -moz-border-radius: .3em;
511     -webkit-border-radius: .3em;
512     border-radius: .3em;
513}
514#categories h4 {
515     margin: 0;
516}
517#categories h4 span {
518     font-weight: normal;
519}
520#categories li p {
521     margin: 0;
522}
523select#del_cat {
524     width: 100%;
525}
526/* ------------------------------------------------------------------ media */
527#media-icon {
528     float: left;
529}
530#media-details {
531     margin-left: 70px;
532}
533#media-details ul {
534     display: block;
535     margin-left: 0;
536     padding: 0;
537}
538#media-details li {
539     list-style: square inside;
540     margin: 0;
541     padding: 0;
542}
543#media-original-image {
544     overflow: auto;
545}
546#media-original-image.overheight {
547     height: 500px;
548}
549#add-file-f {
550     position: relative;
551}
552#add-file-f .more-file {
553     position:absolute;
554     right: 0.5em;
555     background: #999;
556     color: #fff;
557     border: none;
558}
559.media-list {
560     position: static;
561}
562.media-col-0 {
563     clear: left;
564}
565.media-item {
566     position: relative;
567     border-top: 1px solid #ccc;
568     margin-bottom: 1em;
569     padding: 5px 0;
570}
571div.media-list .media-item {
572     width: 49%;
573     float: left;
574     margin-right: 1%;
575}
576a.media-icon {
577     display: block;
578     border-bottom: none;
579     float: left;
580}
581.media-icon img {
582     display: block;
583}
584.media-item ul {
585     display: block;
586     list-style: none;
587     margin: 0 0 0 60px;
588     padding: 0;
589}
590li.media-action {
591     display: block;
592     position: absolute;
593     top: 5px;
594     right: 5px;
595     height: 16px;
596}
597li.media-action a {
598     border: none;
599}
600li.media-action form {
601     display: inline;
602}
603li.media-action input {
604     border: none;
605}
606/* ------------------------------------------------------------------ preferences */
607#my-favs ul {
608     list-style-type: none;
609     margin-left: 0;
610     padding-left: 0;
611     line-height: 1.2;
612}
613#my-favs li {
614     display: block;
615     float: left;
616     width: 164px;
617     margin-top: 1em;
618     margin-bottom: 1.5em;
619}
620#my-favs label {height: 2.5em;width:140px;margin-top:.3em;}
621#my-favs label input {display:inline;}
622#my-favs img {
623     display: block;
624}
625#my-favs input.position {
626     margin: 0 0 .4em .2em;
627}
628#available-favs input, #available-favs label, #available-favs label span {
629     white-space: normal;
630     display: inline;
631}
632#default-favs h3 {
633     margin-top: 2em;
634     margin-bottom: 1em;
635}
636.fav-list {
637     list-style-type: none;
638     margin-left: 0;
639     padding-left: 0;
640}
641.fav-list li {
642     line-height: 2;
643     margin-left: 0;
644     padding-left: 0;
645     position: relative;
646}
647.fav-list img {
648     vertical-align: middle;
649     margin-right: .2em;
650}
651#available-favs label span.zoom {
652     display: none;
653}
654#available-favs li:hover label span.zoom {
655     display: block;
656     position: absolute;
657     bottom: 0;
658     left: 10em;
659     background-color: #f5f5f5;
660     border: 1px solid #ddd;
661     padding: .2em;
662     -o-border-radius: .5em;
663     -moz-border-radius: .5em;
664     -webkit-border-radius: .5em;
665     border-radius: .5em;
666}
667/* -------------------------------------------------------------------- Themes */
668#themes {
669     border-bottom: 1px solid #ccc;
670     margin: 1em 0;
671}
672#themes div.theme-details {
673     clear: left;
674     border-top: 1px solid #ccc;
675     padding: 1em 0;
676}
677#themes div.theme-details:hover {
678     background: #eee;
679}
680#themes div.theme-details div.theme-shot {
681     float: left;
682}
683#themes div.theme-details div.theme-shot img {
684     display: block;
685     width: 57px;
686     height: 50px;
687     border: 1px solid #ccc;
688}
689#themes div.theme-details div.theme-info {
690     margin-left: 67px;
691}
692#themes div.theme-details div.theme-info span.theme-desc {
693     display: block;
694}
695#themes div.theme-details div.theme-info span.theme-version {
696     color: #666;
697}
698#themes div.theme-details div.theme-actions {
699     margin-left: 67px;
700}
701/* Themes list, JS version */
702#themes-wrapper {
703}
704#theme-box {
705     border: 1px solid #999;
706     border-left: none;
707     padding: 5px;
708     float: right;
709     height: 420px;
710     width: 320px;
711     overflow: auto;
712}
713#theme-box div.theme-shot img {
714     display: block;
715     margin: 0 0 0 10px;
716     width: 280px;
717     height: 245px;
718     border: 1px solid #ccc;
719}
720#theme-box div.theme-info {
721     margin: 1em 0 0 10px;
722}
723#theme-box h3 {
724     margin: 0;
725}
726#theme-box div.theme-info span {
727     display: block;
728}
729#theme-box span.theme-version {
730     color: #666;
731}
732#theme-box span.theme-parent-ok {
733     color: #666;
734}
735#theme-box span.theme-parent-missing {
736     color: #c00;
737     font-weight:bold;
738}
739#theme-box div.theme-actions {
740     margin-left: 10px;
741}
742#themes-wrapper #themes {
743     border: 1px solid #999;
744     overflow: auto;
745     height: 420px;
746     padding: 5px;
747     margin: 0;
748}
749#themes div.theme-details-js {
750     float: left;
751     width: 120px;
752     height: 150px;
753     margin: 0 10px 20px;
754     padding: 10px 10px 0;
755     text-align: center;
756     background: #f3f3f3;
757     border: 1px solid #f3f3f3;
758     cursor: pointer;
759     -o-border-radius: 4px;
760     -moz-border-radius: 4px;
761     -webkit-border-radius: 4px;
762     border-radius: 4px;
763}
764#themes div.theme-details-js label {
765     cursor: pointer;
766}
767#themes div.theme-details-js.theme-selected {
768     background: #E5E3DA;
769     border: 1px solid #999;
770}
771#themes div.theme-details-js div.theme-shot img {
772     width: 120px;
773     height: 105px;
774     border: 1px solid #fff;
775}
776#themes div.theme-details-js h3 {
777     font-family: inherit;
778     font-weight: normal;
779     margin: 0;
780     padding: 0;
781}
782/* ----------------------------------------------------------  Plugins list */
783#plugins td.action {
784     vertical-align: middle;
785}
786
787select.l10n option {
788     padding-left: 16px;
789}
790option.avail10n {
791     background: transparent url(../images/check-on.png) no-repeat 0 50%;
792}
793/* ------------------------------------------------------------------ contextual help */
794#help {
795     margin-top: 2em;
796     background: #f5f5f5;
797     z-index: 100;
798}
799#help-button {
800     position: fixed;
801     top: 3.2em;
802     right: 0px;
803     cursor: pointer;
804     background: #fc3;
805     border: 1px solid #dde;
806     border-right: none;
807     font-size: 1.1em;
808     font-weight: bold;
809     text-transform: capitalize;
810     padding: .33em .75em .33em 1em;
811     border-radius: 1em 0 0 1em;
812     -moz-border-radius: 1em 0 0 1em;
813     -webkit-border-top-left-radius: 1em;
814     -webkit-border-bottom-left-radius: 1em;
815     color: #444;
816}
817.help-box {
818     display: none;
819}
820.help-box ul {
821     padding-left: 20px;
822     margin-left: 0;
823}
824#content.with-help #help-button {
825     right: 282px;
826}
827#content.with-help #help {
828     display: block;
829     position: absolute;
830     top: 40px;
831     right: 0;
832     width: 280px;
833     border-left: 2px solid #fc3;
834     margin-top: 0;
835     padding: 10px 0 0 0;
836     overflow: auto;
837}
838#content.with-help .help-content {
839     padding: 0 5px 1em 5px;
840}
841.help-content dt {
842     font-weight: bold;
843     color: #626262;
844     margin: 0;
845}
846.help-content dd {
847     margin: 0.3em 0 1.5em 0;
848}
849/* ------------------------------------------------------------------ popups */
850body.popup #wrapper, body.popup #top {
851     margin-top: -1.5em;
852     float: none;
853}
854body.popup #top h1 {
855     background: transparent;
856}
857body.popup #main {
858     margin-left: -35px;
859     margin-bottom: 1em;
860}
861body.popup #content {
862     margin-left: 35px;
863     margin-left: 2em;  /* 3.2 */
864}
865body.popup #footer {
866     display: none; /* 3.2 */
867}
868body.popup #footer p {
869     margin-left: 35px;
870     border: none;
871}
872/* ------------------------------------------------------------------ messages */
873div.error, p.error, 
874div.message, p.message, 
875div.static-msg, p.static-msg {
876     padding: 0.5em 0.5em 0.5em 40px;
877     margin-bottom: 1em;
878     -o-border-radius: 8px;
879     -moz-border-radius: 8px;
880     -webkit-border-radius: 8px;
881     border-radius: 8px;
882}
883p.error, p.message, p.static-msg {
884     padding-top: 1em;
885     padding-bottom: 1em;
886}
887div.error, p.error {
888     background: #ffdec8 url(msg-error.png) no-repeat .7em .7em;
889     color: #000;
890}
891div.message, p.message, 
892div.static-msg, p.static-msg {
893     background: #666 url(msg-std.png) no-repeat .7em .7em;
894     color: #fff;
895}
896div.message a, p.message a, 
897div.static-msg a, p.static-msg a {
898     color: #fff;
899}
900/* ------------------------------------------------------------------ debug */
901#debug {
902     position: absolute;
903     top: 0;
904     width: 100%;
905     height: 4px;
906     background: #d99;
907}
908#debug div {
909     display: none;
910     padding: 3px 0.5em 2px;
911}
912#debug p {
913     margin: 0.5em 0;
914}
915#debug:hover {
916     height: auto;
917}
918#debug:hover div {
919     display: block;
920}
921/* -------------------------------------------------------------------- CLASSES COMMUNES */
922
923.no-margin {
924     margin: 0;
925}
926
927/* paragraphe pour bouton Nouveau bidule */
928p.top-add {
929     text-align: right;
930     margin: 0;
931     }
932p.top-add a {
933     padding: .3em 1em .3em .5em;
934     font-weight: bold;
935}
936p.top-add a img {
937     padding-right: .3em;
938     vertical-align: middle;
939}
940/* Si quelque chose a besoin d'être caché sauf pour les revues d'écran */
941.hidden {
942    position: absolute !important;
943    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
944    clip: rect(1px, 1px, 1px, 1px);
945    padding: 0 !important;
946    border: 0 !important;
947    height: 1px !important;
948    width: 1px !important;
949    overflow: hidden;
950    }
951.clear {
952     clear: both;
953}
954.lclear {
955     clear: left;
956}
957div.clearer {
958     height: 1px;
959     font-size: 1px;
960}
961.hide {
962     display: none;
963}
964.right {
965     text-align: right;
966}
967.frame-shrink {
968     border: 1px solid #666;
969     padding: 0.5em;
970     margin-bottom: 1em;
971     height: 120px;
972     overflow: auto;
973}
974.grid {
975     background: transparent repeat url('grid.png') 0 0;
976}
977.line p {
978     margin: 0;
979}
980.offline {
981     color: #666;
982}
983ul.nice {
984     margin: 1em 0;
985     padding: 0 0 0 2em;
986     list-style: square;
987}
988ul.nice li {
989     margin:0;
990     padding: 0;
991}
992.zip-dl {
993     background: transparent url(package.png) no-repeat 0 50%;
994     padding: 5px 0 5px 20px;
995}
996/* pas trouvé dans le code */
997.comment {
998     border-top: 2px solid #ccc;
999     margin-bottom: 1em;
1000     padding: 2em 0 1em 0;
1001     position: relative;
1002}
1003.comment form p {
1004     margin: 0;
1005     position: absolute;
1006     top: 2px;
1007     right: 0;
1008}
1009.distrib img {
1010     display: block;
1011     float: right;
1012     margin-top: -1em;
1013}
1014/* TABLES
1015-------------------------------------------------------- */
1016table {
1017     font-size: 1em;
1018     border-collapse: collapse;
1019     margin: 0 0 1em 0;
1020}
1021tr.line:hover {
1022     background: #ddd;
1023}
1024caption {
1025     color: #333;
1026     font-size: 1.2em;
1027     font-weight: bold;
1028     text-align: left;
1029     margin-bottom: .5em;
1030}
1031
1032th, td {
1033     border-width: 0 0 1px 0;
1034     border-style: solid;
1035     border-color: #ccc;
1036     padding: 3px 5px;
1037     vertical-align: top;
1038}
1039th {
1040     text-align: left;
1041     border-bottom-color: #666;
1042}
1043.noborder td, td.noborder, .noborder th, th.noborder {
1044     border-width: 0;
1045}
1046table .maximal, table.maximal {
1047     width: 100%;
1048}
1049table .minimal {
1050     width: 1px;
1051}
1052table .nowrap {
1053     white-space: nowrap;
1054     vertical-align: top;
1055}
1056table.settings, table.prefs {
1057     width: 80%;
1058}
1059table.settings th:first-child, table.prefs th:first-child {
1060     width: 20%;
1061}
1062table.settings th + th, table.prefs th + th {
1063     width: 30%;
1064}
1065table.settings th + th + th, table.prefs th + th + th {
1066     width: 10%;
1067}
1068table.settings th:last-child, table.prefs th:last-child {
1069     width: 40%;
1070}
1071
1072td.status {
1073     vertical-align: middle;
1074}
1075td.status img {
1076     margin-bottom: -2px;
1077}
1078td.status a {
1079     border: none;
1080}
1081
1082tr.line img.expand {
1083     margin-right: 10px;
1084     margin-bottom: -2px;
1085}
1086tr.line input {
1087     vertical-align: middle;
1088}
1089tr.expand td {
1090     border-bottom: none;
1091}
1092td.expand {
1093     padding: 1em;
1094}
1095
1096.dragable {
1097     border-collapse: separate;
1098}
1099.dragable tbody td {
1100
1101}
1102.handle {
1103     padding: 0;
1104}
1105.handler {
1106     cursor: move;
1107     background: transparent url(drag.png) no-repeat 0 50%;
1108     padding-left: 15px;
1109}
1110
1111/* ----------------------------------------------------------------- FORMS */
1112form {
1113     display: block;
1114     margin: 0;
1115     padding: 0;
1116}
1117fieldset, .fieldset {
1118     display: block;
1119     margin: 0 0 1em 0;
1120     padding: 1em 0.5em;
1121     border-width: 1px 0;
1122     border-style: solid;
1123     border-color: #ccc;
1124     background: #f5f5f5;
1125}
1126legend {
1127     font-weight: bold;
1128     padding: 0.2em 0.6em;
1129     border-width: 1px;
1130     border-style: solid;
1131     border-color: #ccc;
1132     background: #f5f5f5;
1133     margin-bottom: 0.5em;
1134}
1135optgroup {
1136     font-weight: bold;
1137     font-style: normal;
1138}
1139option {
1140     font-weight: normal;
1141}
1142input, textarea, select {
1143     background: #f9f9f9;
1144     color: #000;
1145     border-width: 1px;
1146     border-style: solid;
1147     border-color: #000 #ccc #ccc #000;
1148}
1149input.invalid, textarea.invalid, select.invalid {
1150     border: 1px solid red;
1151     background: #fff; 
1152     color: red;
1153}
1154input, textarea, select, option {
1155     font: 1em "DejaVu Sans","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
1156}
1157input[type=text], input[type=password], textarea {
1158     padding: 2px 0;
1159     margin-right: .3em;
1160}
1161input[type=checkbox], input[type=radio] {
1162     border: none;
1163}
1164textarea {
1165     padding: 2px 0;
1166}
1167
1168input[type=checkbox], input[type=radio] {
1169     margin: 0;
1170     padding: 0;
1171     background: transparent;
1172}
1173label {
1174     display: block;
1175}
1176label input, label select, label span {
1177     display: block;
1178}
1179p.form-note {
1180     font-style:italic;
1181     margin-top: -.7em;
1182     color: #666;
1183}
1184span.form-note {
1185     font-style:italic;
1186     font-weight: normal;
1187     color: #666;
1188}
1189p.form-note.warn, p.form-note.info, p.warning {
1190     font-style: normal;
1191     padding: .2em 1em .1em 24px;
1192}
1193p.form-note.warn, p.warning {
1194     background: #ffd url(warning.png) no-repeat .3em .3em;
1195     border: 1px solid #f0c020;
1196}
1197p.form-note.info {
1198     background: #eef url(info.png) no-repeat .3em .2em;
1199     border: 1px solid #99f;
1200}
1201.form-note a {border-bottom: 1px solid #99f;}
1202
1203label.classic {
1204     display: inline;
1205}
1206label.classic input, label span input, label.classic select, label span select {
1207     display: inline;
1208}
1209
1210label.area, p.area {
1211     width: inherit !important;
1212}
1213.area textarea {
1214     display: block;
1215     width: 100%;
1216     resize: vertical;
1217}
1218label.required {
1219     font-weight: bold;
1220}
1221label.required abbr {
1222     color: #dd0000;
1223     font-size: 1.3em;
1224}
1225label.inline {
1226     display: inline;
1227}
1228p.field {
1229     position: relative;
1230     
1231}
1232p.field label {
1233     display: block;
1234     width: 14em;
1235}
1236p.field input, p.field select {
1237     display: inline;
1238     position: absolute;
1239     left: 15em;
1240     top: 0;
1241}
1242label .maximal, textarea.maximal, input.maximal {
1243     width: 100%;
1244}
1245textarea.maximal {
1246     resize: vertical;
1247}
1248
1249a.form-control {
1250     display: none;
1251     font-weight: bold;
1252     background: url(magnifier.png) no-repeat 0 0;
1253     color: green;
1254     padding-left: 20px;
1255}
1256.constrained {
1257     margin: 0;
1258     padding: 0;
1259     border: none;
1260     background: transparent;
1261}
1262
1263/* --------------------------------------------------------------- buttons */
1264h2 a.button {
1265     color: #333;
1266     font-weight: normal;
1267     font-size: .75em;
1268     vertical-align: middle;
1269}
1270/* commun */
1271input[type=submit],
1272input[type=reset],
1273input[type=button],
1274a.button,
1275a.back,
1276a.submit {
1277     display: inline-block;
1278     outline: none;
1279     cursor: pointer;
1280     text-align: center;
1281     text-decoration: none;
1282     padding: .1em .5em 0 .5em;
1283     text-shadow: 0 1px 1px rgba(0,0,0,.3);
1284     -webkit-border-radius: .2em;
1285     -moz-border-radius: .2em;
1286     -o-border-radius: .2em;
1287     border-radius: .2em;
1288     margin-bottom: .1em;
1289}
1290/* validation */
1291input[type=submit],
1292input[type=button],
1293a.submit {
1294     color: #fff;
1295     border: 1px solid #2373A8;
1296     background: #2373A8;
1297     background: -webkit-gradient(linear, left top, left bottom, from(#2C8FD1), to(#2373A8));
1298     background: -moz-linear-gradient(top,  #2C8FD1,  #2373A8);
1299}
1300input[type=submit]:hover,
1301input[type=button]:hover,
1302a.submit:hover,
1303input[type=submit]:focus,
1304input[type=button]:focus,
1305a.submit:focus {
1306     background: #2373A8;
1307     background: -webkit-gradient(linear, left top, left bottom, from(#2373A8), to(#2C8FD1));
1308     background: -moz-linear-gradient(top,  #2373A8,  #2C8FD1);
1309     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2373A8', endColorstr='#2C8FD1');
1310     border: 1px solid #2C8FD1;
1311}
1312/* suppression et reset */
1313a.button,
1314a.back,
1315input[type=submit].reset,
1316input[type=submit].delete {
1317     border: 1px solid #ccc;
1318     background: #f5f5f5;
1319     color: #000;
1320     background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#dfdfdf));
1321     background: -moz-linear-gradient(top,  #f5f5f5,  #dfdfdf);
1322     text-shadow: none;
1323     }
1324a.button:hover,
1325a.back:hover,
1326input[type=reset]:hover,
1327input[type=submit].reset:hover,
1328input[type=submit].delete:hover,
1329a.button:focus,
1330a.back:focus,
1331input[type=reset]:focus,
1332input[type=submit].reset:focus,
1333input[type=submit].delete:focus {
1334     background: #dfdfdf;
1335     background: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#f5f5f5));
1336     background: -moz-linear-gradient(top,  #dfdfdf,  #f5f5f5);
1337     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#f5f5f5');
1338     }
1339a.delete,
1340input.delete,
1341input[type=submit].delete {
1342     color: #c00;
1343     padding-bottom: .1em;
1344}
1345#entry-content .delete {
1346     margin-left: 1em;
1347}
1348a.delete:hover,
1349input.delete:hover,
1350input[type=submit].delete:hover,
1351a.delete:focus,
1352input.delete:focus,
1353input[type=submit].delete:focus {
1354     border-color: #c00;
1355}
1356/* finasseries */
1357input[type=button] {
1358     padding: .1em;
1359}
1360#info-box a.button {
1361     padding: 0 .5em;
1362     margin-left: 2em;
1363}
1364a.back:before {
1365     content: "\ab\a0";
1366}
1367a.button.add {
1368     -webkit-border-radius: .5em;
1369     -moz-border-radius: .5em;
1370     -o-border-radius: .5em;
1371     border-radius: .5em;
1372     margin-bottom: .1em;     
1373     background: #2C8FD1 url(../images/add.png) no-repeat 6px center;
1374     color: #fff;
1375     padding: .2em 16px .2em 30px;
1376     border: 1px solid #2373A8;
1377}
1378a.button.add:hover, a.button.add:focus {
1379     background-color: #2373A8;
1380}
Note: See TracBrowser for help on using the repository browser.

Sites map