Hello site
[auf_framonde.git] / eggs / Django-1.4.5-py2.7.egg / django / contrib / admin / static / admin / css / base.css
CommitLineData
01b54c21
MN
1/*
2 DJANGO Admin styles
3*/
4
5body {
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
16a:link, a:visited {
17 color: #5b80b2;
18 text-decoration: none;
19}
20
21a:hover {
22 color: #036;
23}
24
25a img {
26 border: none;
27}
28
29a.section:link, a.section:visited {
30 color: white;
31 text-decoration: none;
32}
33
34/* GLOBAL DEFAULTS */
35
36p, ol, ul, dl {
37 margin: .2em 0 .8em 0;
38}
39
40p {
41 padding: 0;
42 line-height: 140%;
43}
44
45h1,h2,h3,h4,h5 {
46 font-weight: bold;
47}
48
49h1 {
50 font-size: 18px;
51 color: #666;
52 padding: 0 6px 0 0;
53 margin: 0 0 .2em 0;
54}
55
56h2 {
57 font-size: 16px;
58 margin: 1em 0 .5em 0;
59}
60
61h2.subhead {
62 font-weight: normal;
63 margin-top: 0;
64}
65
66h3 {
67 font-size: 14px;
68 margin: .8em 0 .3em 0;
69 color: #666;
70 font-weight: bold;
71}
72
73h4 {
74 font-size: 12px;
75 margin: 1em 0 .8em 0;
76 padding-bottom: 3px;
77}
78
79h5 {
80 font-size: 10px;
81 margin: 1.5em 0 .5em 0;
82 color: #666;
83 text-transform: uppercase;
84 letter-spacing: 1px;
85}
86
87ul li {
88 list-style-type: square;
89 padding: 1px 0;
90}
91
92ul.plainlist {
93 margin-left: 0 !important;
94}
95
96ul.plainlist li {
97 list-style-type: none;
98}
99
100li ul {
101 margin-bottom: 0;
102}
103
104li, dt, dd {
105 font-size: 11px;
106 line-height: 14px;
107}
108
109dt {
110 font-weight: bold;
111 margin-top: 4px;
112}
113
114dd {
115 margin-left: 0;
116}
117
118form {
119 margin: 0;
120 padding: 0;
121}
122
123fieldset {
124 margin: 0;
125 padding: 0;
126}
127
128blockquote {
129 font-size: 11px;
130 color: #777;
131 margin-left: 2px;
132 padding-left: 10px;
133 border-left: 5px solid #ddd;
134}
135
136code, 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
143pre.literal-block {
144 margin: 10px;
145 background: #eee;
146 padding: 6px 8px;
147}
148
149code strong {
150 color: #930;
151}
152
153hr {
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
175p.tiny {
176 margin-top: -2px;
177}
178
179.mini {
180 font-size: 9px;
181}
182
183p.mini {
184 margin-top: -3px;
185}
186
187.help, p.help {
188 font-size: 10px !important;
189 color: #999;
190}
191
192img.help-tooltip {
193 cursor: help;
194}
195
196p 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
241table {
242 border-collapse: collapse;
243 border-color: #ccc;
244}
245
246td, 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
255th {
256 text-align: left;
257 font-size: 12px;
258 font-weight: bold;
259}
260
261thead th,
262tfoot 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
271tfoot td {
272 border-bottom: none;
273 border-top: 1px solid #ddd;
274}
275
276thead th:first-child,
277tfoot td:first-child {
278 border-left: none !important;
279}
280
281thead th.optional {
282 font-weight: normal !important;
283}
284
285fieldset table {
286 border-right: 1px solid #eee;
287}
288
289tr.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
298tr.alt {
299 background: #f6f6f6;
300}
301
302.row1 {
303 background: #EDF3FE;
304}
305
306.row2 {
307 background: white;
308}
309
310/* SORTABLE TABLES */
311
312thead th {
313 padding: 2px 5px;
314 line-height: normal;
315}
316
317thead th a:link, thead th a:visited {
318 color: #666;
319}
320
321thead th.sorted {
322 background: #c5c5c5 url(../img/nav-bg-selected.gif) top left repeat-x;
323}
324
325table thead th .text span {
326 padding: 2px 5px;
327 display:block;
328}
329
330table thead th .text a {
331 display: block;
332 cursor: pointer;
333 padding: 2px 5px;
334}
335
336table thead th.sortable:hover {
337 background: white url(../img/nav-bg-reverse.gif) 0 -5px repeat-x;
338}
339
340thead th.sorted a.sortremove {
341 visibility: hidden;
342}
343
344table thead th.sorted:hover a.sortremove {
345 visibility: visible;
346}
347
348table thead th.sorted .sortoptions {
349 display: block;
350 padding: 4px 5px 0 5px;
351 float: right;
352 text-align: right;
353}
354
355table thead th.sorted .sortpriority {
356 font-size: .8em;
357 min-width: 12px;
358 text-align: center;
359 vertical-align: top;
360}
361
362table thead th.sorted .sortoptions a {
363 width: 14px;
364 height: 12px;
365 display: inline-block;
366}
367
368table thead th.sorted .sortoptions a.sortremove {
369 background: url(../img/sorting-icons.gif) -4px -5px no-repeat;
370}
371
372table thead th.sorted .sortoptions a.sortremove:hover {
373 background: url(../img/sorting-icons.gif) -4px -27px no-repeat;
374}
375
376table thead th.sorted .sortoptions a.ascending {
377 background: url(../img/sorting-icons.gif) -5px -50px no-repeat;
378}
379
380table thead th.sorted .sortoptions a.ascending:hover {
381 background: url(../img/sorting-icons.gif) -5px -72px no-repeat;
382}
383
384table thead th.sorted .sortoptions a.descending {
385 background: url(../img/sorting-icons.gif) -5px -94px no-repeat;
386}
387
388table thead th.sorted .sortoptions a.descending:hover {
389 background: url(../img/sorting-icons.gif) -5px -115px no-repeat;
390}
391
392/* ORDERABLE TABLES */
393
394table.orderable tbody tr td:hover {
395 cursor: move;
396}
397
398table.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
404table.orderable-initalized .order-cell, body>tr>td.order-cell {
405 display: none;
406}
407
408/* FORM DEFAULTS */
409
410input, 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
419textarea {
420 vertical-align: top !important;
421}
422
423input[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
509ul.messagelist {
510 padding: 0 0 5px 0;
511 margin: 0;
512}
513
514ul.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
524ul.messagelist li.warning{
525 background-image: url(../img/icon_alert.gif);
526}
527
528ul.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
542ul.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
562td ul.errorlist {
563 margin: 0 !important;
564 padding: 0 !important;
565}
566
567td 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
579div.system-message {
580 background: #ffc;
581 margin: 10px;
582 padding: 6px 8px;
583 font-size: .8em;
584}
585
586div.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
600div.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
627a.deletelink:link, a.deletelink:visited {
628 color: #CC3434;
629}
630
631a.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
702table#change-history {
703 width: 100%;
704}
705
706table#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