PageRenderTime 207ms CodeModel.GetById 40ms app.highlight 120ms RepoModel.GetById 41ms app.codeStats 0ms

/django/contrib/admin/media/css/base.css

https://code.google.com/p/mango-py/
CSS | 772 lines | 596 code | 155 blank | 21 comment | 0 complexity | ec4ad7970455bbf8677155013c35c61a MD5 | raw file
  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
192p 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
237table {
238    border-collapse: collapse;
239    border-color: #ccc;
240}
241
242td, 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
251th {
252    text-align: left;
253    font-size: 12px;
254    font-weight: bold;
255}
256
257thead th,
258tfoot 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
267tfoot td {
268    border-bottom: none;
269    border-top: 1px solid #ddd;
270}
271
272thead th:first-child,
273tfoot td:first-child {
274    border-left: none !important;
275}
276
277thead th.optional {
278    font-weight: normal !important;
279}
280
281fieldset table {
282    border-right: 1px solid #eee;
283}
284
285tr.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
294tr.alt {
295    background: #f6f6f6;
296}
297
298.row1 {
299    background: #EDF3FE;
300}
301
302.row2 {
303    background: white;
304}
305
306/* SORTABLE TABLES */
307
308thead th a:link, thead th a:visited {
309    color: #666;
310    display: block;
311}
312
313table thead th.sorted {
314    background-position: bottom left !important;
315}
316
317table thead th.sorted a {
318    padding-right: 13px;
319}
320
321table thead th.ascending a {
322    background: url(../img/admin/arrow-up.gif) right .4em no-repeat;
323}
324
325table thead th.descending a {
326    background: url(../img/admin/arrow-down.gif) right .4em no-repeat;
327}
328
329/* ORDERABLE TABLES */
330
331table.orderable tbody tr td:hover {
332    cursor: move;
333}
334
335table.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
341table.orderable-initalized .order-cell, body>tr>td.order-cell {
342    display: none;
343}
344
345/* FORM DEFAULTS */
346
347input, textarea, select, .form-row p {
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
356textarea {
357    vertical-align: top !important;
358}
359
360input[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 5px;
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[disabled], input[type=submit][disabled], input[type=button][disabled] {
380	background-image: url(../img/admin/nav-bg.gif);
381	background-position: bottom;
382	opacity: 0.4;
383}
384
385.button.default, input[type=submit].default, .submit-row input.default {
386    border: 2px solid #5b80b2;
387    background: #7CA0C7 url(../img/admin/default-bg.gif) bottom repeat-x;
388    font-weight: bold;
389    color: white;
390    float: right;
391}
392
393.button.default:active, input[type=submit].default:active {
394    background-image: url(../img/admin/default-bg-reverse.gif);
395    background-position: top;
396}
397
398.button[disabled].default, input[type=submit][disabled].default, input[type=button][disabled].default {
399	background-image: url(../img/admin/default-bg.gif);
400	background-position: bottom;
401	opacity: 0.4;
402}
403
404
405/* MODULES */
406
407.module {
408    border: 1px solid #ccc;
409    margin-bottom: 5px;
410    background: white;
411}
412
413.module p, .module ul, .module h3, .module h4, .module dl, .module pre {
414    padding-left: 10px;
415    padding-right: 10px;
416}
417
418.module blockquote {
419    margin-left: 12px;
420}
421
422.module ul, .module ol {
423    margin-left: 1.5em;
424}
425
426.module h3 {
427    margin-top: .6em;
428}
429
430.module h2, .module caption, .inline-group h2 {
431    margin: 0;
432    padding: 2px 5px 3px 5px;
433    font-size: 11px;
434    text-align: left;
435    font-weight: bold;
436    background: #7CA0C7 url(../img/admin/default-bg.gif) top left repeat-x;
437    color: white;
438}
439
440.module table {
441    border-collapse: collapse;
442}
443
444/* MESSAGES & ERRORS */
445
446ul.messagelist {
447    padding: 0 0 5px 0;
448    margin: 0;
449}
450
451ul.messagelist li {
452    font-size: 12px;
453    display: block;
454    padding: 4px 5px 4px 25px;
455    margin: 0 0 3px 0;
456    border-bottom: 1px solid #ddd;
457    color: #666;
458    background: #ffc url(../img/admin/icon_success.gif) 5px .3em no-repeat;
459}
460
461ul.messagelist li.warning{
462    background-image: url(../img/admin/icon_alert.gif);
463}
464
465ul.messagelist li.error{
466    background-image: url(../img/admin/icon_error.gif);
467}
468
469.errornote {
470    font-size: 12px !important;
471    display: block;
472    padding: 4px 5px 4px 25px;
473    margin: 0 0 3px 0;
474    border: 1px solid red;
475    color: red;
476    background: #ffc url(../img/admin/icon_error.gif) 5px .3em no-repeat;
477}
478
479ul.errorlist {
480    margin: 0 !important;
481    padding: 0 !important;
482}
483
484.errorlist li {
485    font-size: 12px !important;
486    display: block;
487    padding: 4px 5px 4px 25px;
488    margin: 0 0 3px 0;
489    border: 1px solid red;
490    color: white;
491    background: red url(../img/admin/icon_alert.gif) 5px .3em no-repeat;
492}
493
494.errorlist li a {
495 	color: white;
496    text-decoration: underline;
497}
498
499td ul.errorlist {
500    margin: 0 !important;
501    padding: 0 !important;
502}
503
504td ul.errorlist li {
505    margin: 0 !important;
506}
507
508.errors {
509    background: #ffc;
510}
511
512.errors input, .errors select, .errors textarea {
513    border: 1px solid red;
514}
515
516div.system-message {
517    background: #ffc;
518    margin: 10px;
519    padding: 6px 8px;
520    font-size: .8em;
521}
522
523div.system-message p.system-message-title {
524    padding: 4px 5px 4px 25px;
525    margin: 0;
526    color: red;
527    background: #ffc url(../img/admin/icon_error.gif) 5px .3em no-repeat;
528}
529
530.description {
531    font-size: 12px;
532    padding: 5px 0 0 12px;
533}
534
535/* BREADCRUMBS */
536
537div.breadcrumbs {
538    background: white url(../img/admin/nav-bg-reverse.gif) 0 -10px repeat-x;
539    padding: 2px 8px 3px 8px;
540    font-size: 11px;
541    color: #999;
542    border-top: 1px solid white;
543    border-bottom: 1px solid #ccc;
544    text-align: left;
545}
546
547/* ACTION ICONS */
548
549.addlink {
550    padding-left: 12px;
551    background: url(../img/admin/icon_addlink.gif) 0 .2em no-repeat;
552}
553
554.changelink {
555    padding-left: 12px;
556    background: url(../img/admin/icon_changelink.gif) 0 .2em no-repeat;
557}
558
559.deletelink {
560    padding-left: 12px;
561    background: url(../img/admin/icon_deletelink.gif) 0 .25em no-repeat;
562}
563
564a.deletelink:link, a.deletelink:visited {
565    color: #CC3434;
566}
567
568a.deletelink:hover {
569    color: #993333;
570}
571
572/* OBJECT TOOLS */
573
574.object-tools {
575    font-size: 10px;
576    font-weight: bold;
577    font-family: Arial,Helvetica,sans-serif;
578    padding-left: 0;
579    float: right;
580    position: relative;
581    margin-top: -2.4em;
582    margin-bottom: -2em;
583}
584
585.form-row .object-tools {
586    margin-top: 5px;
587    margin-bottom: 5px;
588    float: none;
589    height: 2em;
590    padding-left: 3.5em;
591}
592
593.object-tools li {
594    display: block;
595    float: left;
596    background: url(../img/admin/tool-left.gif) 0 0 no-repeat;
597    padding: 0 0 0 8px;
598    margin-left: 2px;
599    height: 16px;
600}
601
602.object-tools li:hover {
603    background: url(../img/admin/tool-left_over.gif) 0 0 no-repeat;
604}
605
606.object-tools a:link, .object-tools a:visited {
607    display: block;
608    float: left;
609    color: white;
610    padding: .1em 14px .1em 8px;
611    height: 14px;
612    background: #999 url(../img/admin/tool-right.gif) 100% 0 no-repeat;
613}
614
615.object-tools a:hover, .object-tools li:hover a {
616    background: #5b80b2 url(../img/admin/tool-right_over.gif) 100% 0 no-repeat;
617}
618
619.object-tools a.viewsitelink, .object-tools a.golink {
620    background: #999 url(../img/admin/tooltag-arrowright.gif) top right no-repeat;
621    padding-right: 28px;
622}
623
624.object-tools a.viewsitelink:hover, .object-tools a.golink:hover {
625    background: #5b80b2 url(../img/admin/tooltag-arrowright_over.gif) top right no-repeat;
626}
627
628.object-tools a.addlink {
629    background: #999 url(../img/admin/tooltag-add.gif) top right no-repeat;
630    padding-right: 28px;
631}
632
633.object-tools a.addlink:hover {
634    background: #5b80b2 url(../img/admin/tooltag-add_over.gif) top right no-repeat;
635}
636
637/* OBJECT HISTORY */
638
639table#change-history {
640    width: 100%;
641}
642
643table#change-history tbody th {
644    width: 16em;
645}
646
647/* PAGE STRUCTURE */
648
649#container {
650    position: relative;
651    width: 100%;
652    min-width: 760px;
653    padding: 0;
654}
655
656#content {
657    margin: 10px 15px;
658}
659
660#header {
661    width: 100%;
662}
663
664#content-main {
665    float: left;
666    width: 100%;
667}
668
669#content-related {
670    float: right;
671    width: 18em;
672    position: relative;
673    margin-right: -19em;
674}
675
676#footer {
677    clear: both;
678    padding: 10px;
679}
680
681/* COLUMN TYPES */
682
683.colMS {
684    margin-right: 20em !important;
685}
686
687.colSM {
688    margin-left: 20em !important;
689}
690
691.colSM #content-related {
692    float: left;
693    margin-right: 0;
694    margin-left: -19em;
695}
696
697.colSM #content-main {
698    float: right;
699}
700
701.popup .colM {
702    width: 95%;
703}
704
705.subcol {
706    float: left;
707    width: 46%;
708    margin-right: 15px;
709}
710
711.dashboard #content {
712    width: 500px;
713}
714
715/* HEADER */
716
717#header {
718    background: #417690;
719    color: #ffc;
720    overflow: hidden;
721}
722
723#header a:link, #header a:visited {
724    color: white;
725}
726
727#header a:hover {
728    text-decoration: underline;
729}
730
731#branding h1 {
732    padding: 0 10px;
733    font-size: 18px;
734    margin: 8px 0;
735    font-weight: normal;
736    color: #f4f379;
737}
738
739#branding h2 {
740    padding: 0 10px;
741    font-size: 14px;
742    margin: -8px 0 8px 0;
743    font-weight: normal;
744    color: #ffc;
745}
746
747#user-tools {
748    position: absolute;
749    top: 0;
750    right: 0;
751    padding: 1.2em 10px;
752    font-size: 11px;
753    text-align: right;
754}
755
756/* SIDEBAR */
757
758#content-related h3 {
759    font-size: 12px;
760    color: #666;
761    margin-bottom: 3px;
762}
763
764#content-related h4 {
765    font-size: 11px;
766}
767
768#content-related .module h2 {
769    background: #eee url(../img/admin/nav-bg.gif) bottom left repeat-x;
770    color: #666;
771}
772