Dotclear

source: admin/style/default.css @ 1011:c8f32ed1ca5c

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

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

Sites map