Dotclear

source: admin/style/default.css @ 1140:ab9eefc96744

Revision 1140:ab9eefc96744, 24.6 KB checked in by franck <carnet.franck.paul@…>, 12 years ago (diff)

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

Sites map