Nettoyage, 1ère passe…
[auf_paf.git] / paf0 / media / css / base.css
1 /*
2 DJANGO Admin styles
3 */
4
5 body {
6 margin: 0;
7 padding: 0;
8 font-size: 12px;
9 font-family: "Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif;
10 color: #333;
11 background: #fff;
12 }
13
14 /* LINKS */
15
16 a:link, a:visited {
17 color: #5b80b2;
18 text-decoration: none;
19 }
20
21 a:hover {
22 color: #036;
23 }
24
25 a img {
26 border: none;
27 }
28
29 a.section:link, a.section:visited {
30 color: white;
31 text-decoration: none;
32 }
33
34 /* GLOBAL DEFAULTS */
35
36 p, ol, ul, dl {
37 margin: .2em 0 .8em 0;
38 }
39
40 p {
41 padding: 0;
42 line-height: 140%;
43 }
44
45 h1,h2,h3,h4,h5 {
46 font-weight: bold;
47 }
48
49 h1 {
50 font-size: 18px;
51 color: #666;
52 padding: 0 6px 0 0;
53 margin: 0 0 .2em 0;
54 }
55
56 h2 {
57 font-size: 16px;
58 margin: 1em 0 .5em 0;
59 }
60
61 h2.subhead {
62 font-weight: normal;
63 margin-top: 0;
64 }
65
66 h3 {
67 font-size: 14px;
68 margin: .8em 0 .3em 0;
69 color: #666;
70 font-weight: bold;
71 }
72
73 h4 {
74 font-size: 12px;
75 margin: 1em 0 .8em 0;
76 padding-bottom: 3px;
77 }
78
79 h5 {
80 font-size: 10px;
81 margin: 1.5em 0 .5em 0;
82 color: #666;
83 text-transform: uppercase;
84 letter-spacing: 1px;
85 }
86
87 ul li {
88 list-style-type: square;
89 padding: 1px 0;
90 }
91
92 ul.plainlist {
93 margin-left: 0 !important;
94 }
95
96 ul.plainlist li {
97 list-style-type: none;
98 }
99
100 li ul {
101 margin-bottom: 0;
102 }
103
104 li, dt, dd {
105 font-size: 11px;
106 line-height: 14px;
107 }
108
109 dt {
110 font-weight: bold;
111 margin-top: 4px;
112 }
113
114 dd {
115 margin-left: 0;
116 }
117
118 form {
119 margin: 0;
120 padding: 0;
121 }
122
123 fieldset {
124 margin: 0;
125 padding: 0;
126 }
127
128 blockquote {
129 font-size: 11px;
130 color: #777;
131 margin-left: 2px;
132 padding-left: 10px;
133 border-left: 5px solid #ddd;
134 }
135
136 code, pre {
137 font-family: "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace;
138 background: inherit;
139 color: #666;
140 font-size: 11px;
141 }
142
143 pre.literal-block {
144 margin: 10px;
145 background: #eee;
146 padding: 6px 8px;
147 }
148
149 code strong {
150 color: #930;
151 }
152
153 hr {
154 clear: both;
155 color: #eee;
156 background-color: #eee;
157 height: 1px;
158 border: none;
159 margin: 0;
160 padding: 0;
161 font-size: 1px;
162 line-height: 1px;
163 }
164
165 /* TEXT STYLES & MODIFIERS */
166
167 .small {
168 font-size: 11px;
169 }
170
171 .tiny {
172 font-size: 10px;
173 }
174
175 p.tiny {
176 margin-top: -2px;
177 }
178
179 .mini {
180 font-size: 9px;
181 }
182
183 p.mini {
184 margin-top: -3px;
185 }
186
187 .help, p.help {
188 font-size: 10px !important;
189 color: #999;
190 }
191
192 img.help-tooltip {
193 cursor: help;
194 }
195
196 p img, h1 img, h2 img, h3 img, h4 img, td img {
197 vertical-align: middle;
198 }
199
200 .quiet, a.quiet:link, a.quiet:visited {
201 color: #999 !important;
202 font-weight: normal !important;
203 }
204
205 .quiet strong {
206 font-weight: bold !important;
207 }
208
209 .float-right {
210 float: right;
211 }
212
213 .float-left {
214 float: left;
215 }
216
217 .clear {
218 clear: both;
219 }
220
221 .align-left {
222 text-align: left;
223 }
224
225 .align-right {
226 text-align: right;
227 }
228
229 .example {
230 margin: 10px 0;
231 padding: 5px 10px;
232 background: #efefef;
233 }
234
235 .nowrap {
236 white-space: nowrap;
237 }
238
239 /* TABLES */
240
241 table {
242 border-collapse: collapse;
243 border-color: #ccc;
244 }
245
246 td, th {
247 font-size: 11px;
248 line-height: 13px;
249 border-bottom: 1px solid #eee;
250 vertical-align: top;
251 padding: 5px;
252 font-family: "Lucida Grande", Verdana, Arial, sans-serif;
253 }
254
255 th {
256 text-align: left;
257 font-size: 12px;
258 font-weight: bold;
259 }
260
261 thead th,
262 tfoot td {
263 color: #666;
264 padding: 2px 5px;
265 font-size: 11px;
266 background: #e1e1e1 url(../img/nav-bg.gif) top left repeat-x;
267 border-left: 1px solid #ddd;
268 border-bottom: 1px solid #ddd;
269 }
270
271 tfoot td {
272 border-bottom: none;
273 border-top: 1px solid #ddd;
274 }
275
276 thead th:first-child,
277 tfoot td:first-child {
278 border-left: none !important;
279 }
280
281 thead th.optional {
282 font-weight: normal !important;
283 }
284
285 fieldset table {
286 border-right: 1px solid #eee;
287 }
288
289 tr.row-label td {
290 font-size: 9px;
291 padding-top: 2px;
292 padding-bottom: 0;
293 border-bottom: none;
294 color: #666;
295 margin-top: -1px;
296 }
297
298 tr.alt {
299 background: #f6f6f6;
300 }
301
302 .row1 {
303 background: #EDF3FE;
304 }
305
306 .row2 {
307 background: white;
308 }
309
310 /* SORTABLE TABLES */
311
312 thead th {
313 padding: 2px 5px;
314 line-height: normal;
315 }
316
317 thead th a:link, thead th a:visited {
318 color: #666;
319 }
320
321 thead th.sorted {
322 background: #c5c5c5 url(../img/nav-bg-selected.gif) top left repeat-x;
323 }
324
325 table thead th .text span {
326 padding: 2px 5px;
327 display:block;
328 }
329
330 table thead th .text a {
331 display: block;
332 cursor: pointer;
333 padding: 2px 5px;
334 }
335
336 table thead th.sortable:hover {
337 background: white url(../img/nav-bg-reverse.gif) 0 -5px repeat-x;
338 }
339
340 thead th.sorted a.sortremove {
341 visibility: hidden;
342 }
343
344 table thead th.sorted:hover a.sortremove {
345 visibility: visible;
346 }
347
348 table thead th.sorted .sortoptions {
349 display: block;
350 padding: 4px 5px 0 5px;
351 float: right;
352 text-align: right;
353 }
354
355 table thead th.sorted .sortpriority {
356 font-size: .8em;
357 min-width: 12px;
358 text-align: center;
359 vertical-align: top;
360 }
361
362 table thead th.sorted .sortoptions a {
363 width: 14px;
364 height: 12px;
365 display: inline-block;
366 }
367
368 table thead th.sorted .sortoptions a.sortremove {
369 background: url(../img/sorting-icons.gif) -4px -5px no-repeat;
370 }
371
372 table thead th.sorted .sortoptions a.sortremove:hover {
373 background: url(../img/sorting-icons.gif) -4px -27px no-repeat;
374 }
375
376 table thead th.sorted .sortoptions a.ascending {
377 background: url(../img/sorting-icons.gif) -5px -50px no-repeat;
378 }
379
380 table thead th.sorted .sortoptions a.ascending:hover {
381 background: url(../img/sorting-icons.gif) -5px -72px no-repeat;
382 }
383
384 table thead th.sorted .sortoptions a.descending {
385 background: url(../img/sorting-icons.gif) -5px -94px no-repeat;
386 }
387
388 table thead th.sorted .sortoptions a.descending:hover {
389 background: url(../img/sorting-icons.gif) -5px -115px no-repeat;
390 }
391
392 /* ORDERABLE TABLES */
393
394 table.orderable tbody tr td:hover {
395 cursor: move;
396 }
397
398 table.orderable tbody tr td:first-child {
399 padding-left: 14px;
400 background-image: url(../img/nav-bg-grabber.gif);
401 background-repeat: repeat-y;
402 }
403
404 table.orderable-initalized .order-cell, body>tr>td.order-cell {
405 display: none;
406 }
407
408 /* FORM DEFAULTS */
409
410 input, textarea, select, .form-row p {
411 margin: 2px 0;
412 padding: 2px 3px;
413 vertical-align: middle;
414 font-family: "Lucida Grande", Verdana, Arial, sans-serif;
415 font-weight: normal;
416 font-size: 11px;
417 }
418
419 textarea {
420 vertical-align: top !important;
421 }
422
423 input[type=text], input[type=password], textarea, select, .vTextField {
424 border: 1px solid #ccc;
425 }
426
427 /* FORM BUTTONS */
428
429 .button, input[type=submit], input[type=button], .submit-row input {
430 background: white url(../img/nav-bg.gif) bottom repeat-x;
431 padding: 3px 5px;
432 color: black;
433 border: 1px solid #bbb;
434 border-color: #ddd #aaa #aaa #ddd;
435 }
436
437 .button:active, input[type=submit]:active, input[type=button]:active {
438 background-image: url(../img/nav-bg-reverse.gif);
439 background-position: top;
440 }
441
442 .button[disabled], input[type=submit][disabled], input[type=button][disabled] {
443 background-image: url(../img/nav-bg.gif);
444 background-position: bottom;
445 opacity: 0.4;
446 }
447
448 .button.default, input[type=submit].default, .submit-row input.default {
449 border: 2px solid #5b80b2;
450 background: #7CA0C7 url(../img/default-bg.gif) bottom repeat-x;
451 font-weight: bold;
452 color: white;
453 float: right;
454 }
455
456 .button.default:active, input[type=submit].default:active {
457 background-image: url(../img/default-bg-reverse.gif);
458 background-position: top;
459 }
460
461 .button[disabled].default, input[type=submit][disabled].default, input[type=button][disabled].default {
462 background-image: url(../img/default-bg.gif);
463 background-position: bottom;
464 opacity: 0.4;
465 }
466
467
468 /* MODULES */
469
470 .module {
471 border: 1px solid #ccc;
472 margin-bottom: 5px;
473 background: white;
474 }
475
476 .module p, .module ul, .module h3, .module h4, .module dl, .module pre {
477 padding-left: 10px;
478 padding-right: 10px;
479 }
480
481 .module blockquote {
482 margin-left: 12px;
483 }
484
485 .module ul, .module ol {
486 margin-left: 1.5em;
487 }
488
489 .module h3 {
490 margin-top: .6em;
491 }
492
493 .module h2, .module caption, .inline-group h2 {
494 margin: 0;
495 padding: 2px 5px 3px 5px;
496 font-size: 11px;
497 text-align: left;
498 font-weight: bold;
499 background: #7CA0C7 url(../img/default-bg.gif) top left repeat-x;
500 color: white;
501 }
502
503 .module table {
504 border-collapse: collapse;
505 }
506
507 /* MESSAGES & ERRORS */
508
509 ul.messagelist {
510 padding: 0 0 5px 0;
511 margin: 0;
512 }
513
514 ul.messagelist li {
515 font-size: 12px;
516 display: block;
517 padding: 4px 5px 4px 25px;
518 margin: 0 0 3px 0;
519 border-bottom: 1px solid #ddd;
520 color: #666;
521 background: #ffc url(../img/icon_success.gif) 5px .3em no-repeat;
522 }
523
524 ul.messagelist li.warning{
525 background-image: url(../img/icon_alert.gif);
526 }
527
528 ul.messagelist li.error{
529 background-image: url(../img/icon_error.gif);
530 }
531
532 .errornote {
533 font-size: 12px !important;
534 display: block;
535 padding: 4px 5px 4px 25px;
536 margin: 0 0 3px 0;
537 border: 1px solid red;
538 color: red;
539 background: #ffc url(../img/icon_error.gif) 5px .3em no-repeat;
540 }
541
542 ul.errorlist {
543 margin: 0 !important;
544 padding: 0 !important;
545 }
546
547 .errorlist li {
548 font-size: 12px !important;
549 display: block;
550 padding: 4px 5px 4px 25px;
551 margin: 0 0 3px 0;
552 border: 1px solid red;
553 color: white;
554 background: red url(../img/icon_alert.gif) 5px .3em no-repeat;
555 }
556
557 .errorlist li a {
558 color: white;
559 text-decoration: underline;
560 }
561
562 td ul.errorlist {
563 margin: 0 !important;
564 padding: 0 !important;
565 }
566
567 td ul.errorlist li {
568 margin: 0 !important;
569 }
570
571 .errors {
572 background: #ffc;
573 }
574
575 .errors input, .errors select, .errors textarea {
576 border: 1px solid red;
577 }
578
579 div.system-message {
580 background: #ffc;
581 margin: 10px;
582 padding: 6px 8px;
583 font-size: .8em;
584 }
585
586 div.system-message p.system-message-title {
587 padding: 4px 5px 4px 25px;
588 margin: 0;
589 color: red;
590 background: #ffc url(../img/icon_error.gif) 5px .3em no-repeat;
591 }
592
593 .description {
594 font-size: 12px;
595 padding: 5px 0 0 12px;
596 }
597
598 /* BREADCRUMBS */
599
600 div.breadcrumbs {
601 background: white url(../img/nav-bg-reverse.gif) 0 -10px repeat-x;
602 padding: 2px 8px 3px 8px;
603 font-size: 11px;
604 color: #999;
605 border-top: 1px solid white;
606 border-bottom: 1px solid #ccc;
607 text-align: left;
608 }
609
610 /* ACTION ICONS */
611
612 .addlink {
613 padding-left: 12px;
614 background: url(../img/icon_addlink.gif) 0 .2em no-repeat;
615 }
616
617 .changelink {
618 padding-left: 12px;
619 background: url(../img/icon_changelink.gif) 0 .2em no-repeat;
620 }
621
622 .deletelink {
623 padding-left: 12px;
624 background: url(../img/icon_deletelink.gif) 0 .25em no-repeat;
625 }
626
627 a.deletelink:link, a.deletelink:visited {
628 color: #CC3434;
629 }
630
631 a.deletelink:hover {
632 color: #993333;
633 }
634
635 /* OBJECT TOOLS */
636
637 .object-tools {
638 font-size: 10px;
639 font-weight: bold;
640 font-family: Arial,Helvetica,sans-serif;
641 padding-left: 0;
642 float: right;
643 position: relative;
644 margin-top: -2.4em;
645 margin-bottom: -2em;
646 }
647
648 .form-row .object-tools {
649 margin-top: 5px;
650 margin-bottom: 5px;
651 float: none;
652 height: 2em;
653 padding-left: 3.5em;
654 }
655
656 .object-tools li {
657 display: block;
658 float: left;
659 background: url(../img/tool-left.gif) 0 0 no-repeat;
660 padding: 0 0 0 8px;
661 margin-left: 2px;
662 height: 16px;
663 }
664
665 .object-tools li:hover {
666 background: url(../img/tool-left_over.gif) 0 0 no-repeat;
667 }
668
669 .object-tools a:link, .object-tools a:visited {
670 display: block;
671 float: left;
672 color: white;
673 padding: .1em 14px .1em 8px;
674 height: 14px;
675 background: #999 url(../img/tool-right.gif) 100% 0 no-repeat;
676 }
677
678 .object-tools a:hover, .object-tools li:hover a {
679 background: #5b80b2 url(../img/tool-right_over.gif) 100% 0 no-repeat;
680 }
681
682 .object-tools a.viewsitelink, .object-tools a.golink {
683 background: #999 url(../img/tooltag-arrowright.gif) top right no-repeat;
684 padding-right: 28px;
685 }
686
687 .object-tools a.viewsitelink:hover, .object-tools a.golink:hover {
688 background: #5b80b2 url(../img/tooltag-arrowright_over.gif) top right no-repeat;
689 }
690
691 .object-tools a.addlink {
692 background: #999 url(../img/tooltag-add.gif) top right no-repeat;
693 padding-right: 28px;
694 }
695
696 .object-tools a.addlink:hover {
697 background: #5b80b2 url(../img/tooltag-add_over.gif) top right no-repeat;
698 }
699
700 /* OBJECT HISTORY */
701
702 table#change-history {
703 width: 100%;
704 }
705
706 table#change-history tbody th {
707 width: 16em;
708 }
709
710 /* PAGE STRUCTURE */
711
712 #container {
713 position: relative;
714 width: 100%;
715 min-width: 760px;
716 padding: 0;
717 }
718
719 #content {
720 margin: 10px 15px;
721 }
722
723 #header {
724 width: 100%;
725 }
726
727 #content-main {
728 float: left;
729 width: 100%;
730 }
731
732 #content-related {
733 float: right;
734 width: 18em;
735 position: relative;
736 margin-right: -19em;
737 }
738
739 #footer {
740 clear: both;
741 padding: 10px;
742 }
743
744 /* COLUMN TYPES */
745
746 .colMS {
747 margin-right: 20em !important;
748 }
749
750 .colSM {
751 margin-left: 20em !important;
752 }
753
754 .colSM #content-related {
755 float: left;
756 margin-right: 0;
757 margin-left: -19em;
758 }
759
760 .colSM #content-main {
761 float: right;
762 }
763
764 .popup .colM {
765 width: 95%;
766 }
767
768 .subcol {
769 float: left;
770 width: 46%;
771 margin-right: 15px;
772 }
773
774 .dashboard #content {
775 width: 500px;
776 }
777
778 /* HEADER */
779
780 #header {
781 background: #417690;
782 color: #ffc;
783 overflow: hidden;
784 }
785
786 #header a:link, #header a:visited {
787 color: white;
788 }
789
790 #header a:hover {
791 text-decoration: underline;
792 }
793
794 #branding h1 {
795 padding: 0 10px;
796 font-size: 18px;
797 margin: 8px 0;
798 font-weight: normal;
799 color: #f4f379;
800 }
801
802 #branding h2 {
803 padding: 0 10px;
804 font-size: 14px;
805 margin: -8px 0 8px 0;
806 font-weight: normal;
807 color: #ffc;
808 }
809
810 #user-tools {
811 position: absolute;
812 top: 0;
813 right: 0;
814 padding: 1.2em 10px;
815 font-size: 11px;
816 text-align: right;
817 }
818
819 /* SIDEBAR */
820
821 #content-related h3 {
822 font-size: 12px;
823 color: #666;
824 margin-bottom: 3px;
825 }
826
827 #content-related h4 {
828 font-size: 11px;
829 }
830
831 #content-related .module h2 {
832 background: #eee url(../img/nav-bg.gif) bottom left repeat-x;
833 color: #666;
834 }
835