Project

General

Profile

Statistics
| Branch: | Revision:

root / env / lib / python2.7 / site-packages / django / contrib / admin / static / admin / css / base.css @ 1a305335

History | View | Annotate | Download (13.7 KB)

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