Dotclear

source: admin/style/default.css @ 458:5a1dcd30fe14

Revision 458:5a1dcd30fe14, 22.3 KB checked in by Franck <carnet.franck.paul@…>, 14 years ago (diff)

Accessibilité - ordre de tabulation - Step 2 :

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

Sites map