Mercurial > public > madeira

comparison media/django/css/base.css @ 1:0dcfcdf50c62

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Initial import of Madeira project from the private repository.
author Brian Neal <bgneal@gmail.com>
date Mon, 06 Apr 2009 03:10:59 +0000
parents
children
comparison
equal deleted inserted replaced
0:df0370bfe3f0 1:0dcfcdf50c62
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 p img, h1 img, h2 img, h3 img, h4 img, td img {
193 vertical-align: middle;
194 }
195
196 .quiet, a.quiet:link, a.quiet:visited {
197 color: #999 !important;
198 font-weight: normal !important;
199 }
200
201 .quiet strong {
202 font-weight: bold !important;
203 }
204
205 .float-right {
206 float: right;
207 }
208
209 .float-left {
210 float: left;
211 }
212
213 .clear {
214 clear: both;
215 }
216
217 .align-left {
218 text-align: left;
219 }
220
221 .align-right {
222 text-align: right;
223 }
224
225 .example {
226 margin: 10px 0;
227 padding: 5px 10px;
228 background: #efefef;
229 }
230
231 .nowrap {
232 white-space: nowrap;
233 }
234
235 /* TABLES */
236
237 table {
238 border-collapse: collapse;
239 border-color: #ccc;
240 }
241
242 td, th {
243 font-size: 11px;
244 line-height: 13px;
245 border-bottom: 1px solid #eee;
246 vertical-align: top;
247 padding: 5px;
248 font-family: "Lucida Grande", Verdana, Arial, sans-serif;
249 }
250
251 th {
252 text-align: left;
253 font-size: 12px;
254 font-weight: bold;
255 }
256
257 thead th,
258 tfoot td {
259 color: #666;
260 padding: 2px 5px;
261 font-size: 11px;
262 background: #e1e1e1 url(../img/admin/nav-bg.gif) top left repeat-x;
263 border-left: 1px solid #ddd;
264 border-bottom: 1px solid #ddd;
265 }
266
267 tfoot td {
268 border-bottom: none;
269 border-top: 1px solid #ddd;
270 }
271
272 thead th:first-child,
273 tfoot td:first-child {
274 border-left: none !important;
275 }
276
277 thead th.optional {
278 font-weight: normal !important;
279 }
280
281 fieldset table {
282 border-right: 1px solid #eee;
283 }
284
285 tr.row-label td {
286 font-size: 9px;
287 padding-top: 2px;
288 padding-bottom: 0;
289 border-bottom: none;
290 color: #666;
291 margin-top: -1px;
292 }
293
294 tr.alt {
295 background: #f6f6f6;
296 }
297
298 .row1 {
299 background: #EDF3FE;
300 }
301
302 .row2 {
303 background: white;
304 }
305
306 /* SORTABLE TABLES */
307
308 thead th a:link, thead th a:visited {
309 color: #666;
310 display: block;
311 }
312
313 table thead th.sorted {
314 background-position: bottom left !important;
315 }
316
317 table thead th.sorted a {
318 padding-right: 13px;
319 }
320
321 table thead th.ascending a {
322 background: url(../img/admin/arrow-down.gif) right .4em no-repeat;
323 }
324
325 table thead th.descending a {
326 background: url(../img/admin/arrow-up.gif) right .4em no-repeat;
327 }
328
329 /* ORDERABLE TABLES */
330
331 table.orderable tbody tr td:hover {
332 cursor: move;
333 }
334
335 table.orderable tbody tr td:first-child {
336 padding-left: 14px;
337 background-image: url(../img/admin/nav-bg-grabber.gif);
338 background-repeat: repeat-y;
339 }
340
341 table.orderable-initalized .order-cell, body>tr>td.order-cell {
342 display: none;
343 }
344
345 /* FORM DEFAULTS */
346
347 input, textarea, select {
348 margin: 2px 0;
349 padding: 2px 3px;
350 vertical-align: middle;
351 font-family: "Lucida Grande", Verdana, Arial, sans-serif;
352 font-weight: normal;
353 font-size: 11px;
354 }
355
356 textarea {
357 vertical-align: top !important;
358 }
359
360 input[type=text], input[type=password], textarea, select, .vTextField {
361 border: 1px solid #ccc;
362 }
363
364 /* FORM BUTTONS */
365
366 .button, input[type=submit], input[type=button], .submit-row input {
367 background: white url(../img/admin/nav-bg.gif) bottom repeat-x;
368 padding: 3px;
369 color: black;
370 border: 1px solid #bbb;
371 border-color: #ddd #aaa #aaa #ddd;
372 }
373
374 .button:active, input[type=submit]:active, input[type=button]:active {
375 background-image: url(../img/admin/nav-bg-reverse.gif);
376 background-position: top;
377 }
378
379 .button.default, input[type=submit].default, .submit-row input.default {
380 border: 2px solid #5b80b2;
381 background: #7CA0C7 url(../img/admin/default-bg.gif) bottom repeat-x;
382 font-weight: bold;
383 color: white;
384 float: right;
385 }
386
387 .button.default:active, input[type=submit].default:active {
388 background-image: url(../img/admin/default-bg-reverse.gif);
389 background-position: top;
390 }
391
392 /* MODULES */
393
394 .module {
395 border: 1px solid #ccc;
396 margin-bottom: 5px;
397 background: white;
398 }
399
400 .module p, .module ul, .module h3, .module h4, .module dl, .module pre {
401 padding-left: 10px;
402 padding-right: 10px;
403 }
404
405 .module blockquote {
406 margin-left: 12px;
407 }
408
409 .module ul, .module ol {
410 margin-left: 1.5em;
411 }
412
413 .module h3 {
414 margin-top: .6em;
415 }
416
417 .module h2, .module caption, .inline-group h2 {
418 margin: 0;
419 padding: 2px 5px 3px 5px;
420 font-size: 11px;
421 text-align: left;
422 font-weight: bold;
423 background: #7CA0C7 url(../img/admin/default-bg.gif) top left repeat-x;
424 color: white;
425 }
426
427 .module table {
428 border-collapse: collapse;
429 }
430
431 /* MESSAGES & ERRORS */
432
433 ul.messagelist {
434 padding: 0 0 5px 0;
435 margin: 0;
436 }
437
438 ul.messagelist li {
439 font-size: 12px;
440 display: block;
441 padding: 4px 5px 4px 25px;
442 margin: 0 0 3px 0;
443 border-bottom: 1px solid #ddd;
444 color: #666;
445 background: #ffc url(../img/admin/icon_success.gif) 5px .3em no-repeat;
446 }
447
448 .errornote {
449 font-size: 12px !important;
450 display: block;
451 padding: 4px 5px 4px 25px;
452 margin: 0 0 3px 0;
453 border: 1px solid red;
454 color: red;
455 background: #ffc url(../img/admin/icon_error.gif) 5px .3em no-repeat;
456 }
457
458 ul.errorlist {
459 margin: 0 !important;
460 padding: 0 !important;
461 }
462
463 .errorlist li {
464 font-size: 12px !important;
465 display: block;
466 padding: 4px 5px 4px 25px;
467 margin: 0 0 3px 0;
468 border: 1px solid red;
469 color: white;
470 background: red url(../img/admin/icon_alert.gif) 5px .3em no-repeat;
471 }
472
473 td ul.errorlist {
474 margin: 0 !important;
475 padding: 0 !important;
476 }
477
478 td ul.errorlist li {
479 margin: 0 !important;
480 }
481
482 .errors {
483 background: #ffc;
484 }
485
486 .errors input, .errors select {
487 border: 1px solid red;
488 }
489
490 div.system-message {
491 background: #ffc;
492 margin: 10px;
493 padding: 6px 8px;
494 font-size: .8em;
495 }
496
497 div.system-message p.system-message-title {
498 padding: 4px 5px 4px 25px;
499 margin: 0;
500 color: red;
501 background: #ffc url(../img/admin/icon_error.gif) 5px .3em no-repeat;
502 }
503
504 .description {
505 font-size: 12px;
506 padding: 5px 0 0 12px;
507 }
508
509 /* BREADCRUMBS */
510
511 div.breadcrumbs {
512 background: white url(../img/admin/nav-bg-reverse.gif) 0 -10px repeat-x;
513 padding: 2px 8px 3px 8px;
514 font-size: 11px;
515 color: #999;
516 border-top: 1px solid white;
517 border-bottom: 1px solid #ccc;
518 text-align: left;
519 }
520
521 /* ACTION ICONS */
522
523 .addlink {
524 padding-left: 12px;
525 background: url(../img/admin/icon_addlink.gif) 0 .2em no-repeat;
526 }
527
528 .changelink {
529 padding-left: 12px;
530 background: url(../img/admin/icon_changelink.gif) 0 .2em no-repeat;
531 }
532
533 .deletelink {
534 padding-left: 12px;
535 background: url(../img/admin/icon_deletelink.gif) 0 .25em no-repeat;
536 }
537
538 a.deletelink:link, a.deletelink:visited {
539 color: #CC3434;
540 }
541
542 a.deletelink:hover {
543 color: #993333;
544 }
545
546 /* OBJECT TOOLS */
547
548 .object-tools {
549 font-size: 10px;
550 font-weight: bold;
551 font-family: Arial,Helvetica,sans-serif;
552 padding-left: 0;
553 float: right;
554 position: relative;
555 margin-top: -2.4em;
556 margin-bottom: -2em;
557 }
558
559 .form-row .object-tools {
560 margin-top: 5px;
561 margin-bottom: 5px;
562 float: none;
563 height: 2em;
564 padding-left: 3.5em;
565 }
566
567 .object-tools li {
568 display: block;
569 float: left;
570 background: url(../img/admin/tool-left.gif) 0 0 no-repeat;
571 padding: 0 0 0 8px;
572 margin-left: 2px;
573 height: 16px;
574 }
575
576 .object-tools li:hover {
577 background: url(../img/admin/tool-left_over.gif) 0 0 no-repeat;
578 }
579
580 .object-tools a:link, .object-tools a:visited {
581 display: block;
582 float: left;
583 color: white;
584 padding: .1em 14px .1em 8px;
585 height: 14px;
586 background: #999 url(../img/admin/tool-right.gif) 100% 0 no-repeat;
587 }
588
589 .object-tools a:hover, .object-tools li:hover a {
590 background: #5b80b2 url(../img/admin/tool-right_over.gif) 100% 0 no-repeat;
591 }
592
593 .object-tools a.viewsitelink, .object-tools a.golink {
594 background: #999 url(../img/admin/tooltag-arrowright.gif) top right no-repeat;
595 padding-right: 28px;
596 }
597
598 .object-tools a.viewsitelink:hover, .object-tools a.golink:hover {
599 background: #5b80b2 url(../img/admin/tooltag-arrowright_over.gif) top right no-repeat;
600 }
601
602 .object-tools a.addlink {
603 background: #999 url(../img/admin/tooltag-add.gif) top right no-repeat;
604 padding-right: 28px;
605 }
606
607 .object-tools a.addlink:hover {
608 background: #5b80b2 url(../img/admin/tooltag-add_over.gif) top right no-repeat;
609 }
610
611 /* OBJECT HISTORY */
612
613 table#change-history {
614 width: 100%;
615 }
616
617 table#change-history tbody th {
618 width: 16em;
619 }
620
621 /* PAGE STRUCTURE */
622
623 #container {
624 position: relative;
625 width: 100%;
626 min-width: 760px;
627 padding: 0;
628 }
629
630 #content {
631 margin: 10px 15px;
632 }
633
634 #header {
635 width: 100%;
636 }
637
638 #content-main {
639 float: left;
640 width: 100%;
641 }
642
643 #content-related {
644 float: right;
645 width: 18em;
646 position: relative;
647 margin-right: -19em;
648 }
649
650 #footer {
651 clear: both;
652 padding: 10px;
653 }
654
655 /* COLUMN TYPES */
656
657 .colMS {
658 margin-right: 20em !important;
659 }
660
661 .colSM {
662 margin-left: 20em !important;
663 }
664
665 .colSM #content-related {
666 float: left;
667 margin-right: 0;
668 margin-left: -19em;
669 }
670
671 .colSM #content-main {
672 float: right;
673 }
674
675 .popup .colM {
676 width: 95%;
677 }
678
679 .subcol {
680 float: left;
681 width: 46%;
682 margin-right: 15px;
683 }
684
685 .dashboard #content {
686 width: 500px;
687 }
688
689 /* HEADER */
690
691 #header {
692 background: #417690;
693 color: #ffc;
694 overflow: hidden;
695 }
696
697 #header a:link, #header a:visited {
698 color: white;
699 }
700
701 #header a:hover {
702 text-decoration: underline;
703 }
704
705 #branding h1 {
706 padding: 0 10px;
707 font-size: 18px;
708 margin: 8px 0;
709 font-weight: normal;
710 color: #f4f379;
711 }
712
713 #branding h2 {
714 padding: 0 10px;
715 font-size: 14px;
716 margin: -8px 0 8px 0;
717 font-weight: normal;
718 color: #ffc;
719 }
720
721 #user-tools {
722 position: absolute;
723 top: 0;
724 right: 0;
725 padding: 1.2em 10px;
726 font-size: 11px;
727 text-align: right;
728 }
729
730 /* SIDEBAR */
731
732 #content-related h3 {
733 font-size: 12px;
734 color: #666;
735 margin-bottom: 3px;
736 }
737
738 #content-related h4 {
739 font-size: 11px;
740 }
741
742 #content-related .module h2 {
743 background: #eee url(../img/admin/nav-bg.gif) bottom left repeat-x;
744 color: #666;
745 }
746