build
[semainetech_django.git] / project / media / django / 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 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, .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
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 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.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 ul.messagelist li.warning{
449 background-image: url(../img/admin/icon_alert.gif);
450 }
451
452 ul.messagelist li.error{
453 background-image: url(../img/admin/icon_error.gif);
454 }
455
456 .errornote {
457 font-size: 12px !important;
458 display: block;
459 padding: 4px 5px 4px 25px;
460 margin: 0 0 3px 0;
461 border: 1px solid red;
462 color: red;
463 background: #ffc url(../img/admin/icon_error.gif) 5px .3em no-repeat;
464 }
465
466 ul.errorlist {
467 margin: 0 !important;
468 padding: 0 !important;
469 }
470
471 .errorlist li {
472 font-size: 12px !important;
473 display: block;
474 padding: 4px 5px 4px 25px;
475 margin: 0 0 3px 0;
476 border: 1px solid red;
477 color: white;
478 background: red url(../img/admin/icon_alert.gif) 5px .3em no-repeat;
479 }
480
481 .errorlist li a {
482 color: white;
483 text-decoration: underline;
484 }
485
486 td ul.errorlist {
487 margin: 0 !important;
488 padding: 0 !important;
489 }
490
491 td ul.errorlist li {
492 margin: 0 !important;
493 }
494
495 .errors {
496 background: #ffc;
497 }
498
499 .errors input, .errors select {
500 border: 1px solid red;
501 }
502
503 div.system-message {
504 background: #ffc;
505 margin: 10px;
506 padding: 6px 8px;
507 font-size: .8em;
508 }
509
510 div.system-message p.system-message-title {
511 padding: 4px 5px 4px 25px;
512 margin: 0;
513 color: red;
514 background: #ffc url(../img/admin/icon_error.gif) 5px .3em no-repeat;
515 }
516
517 .description {
518 font-size: 12px;
519 padding: 5px 0 0 12px;
520 }
521
522 /* BREADCRUMBS */
523
524 div.breadcrumbs {
525 background: white url(../img/admin/nav-bg-reverse.gif) 0 -10px repeat-x;
526 padding: 2px 8px 3px 8px;
527 font-size: 11px;
528 color: #999;
529 border-top: 1px solid white;
530 border-bottom: 1px solid #ccc;
531 text-align: left;
532 }
533
534 /* ACTION ICONS */
535
536 .addlink {
537 padding-left: 12px;
538 background: url(../img/admin/icon_addlink.gif) 0 .2em no-repeat;
539 }
540
541 .changelink {
542 padding-left: 12px;
543 background: url(../img/admin/icon_changelink.gif) 0 .2em no-repeat;
544 }
545
546 .deletelink {
547 padding-left: 12px;
548 background: url(../img/admin/icon_deletelink.gif) 0 .25em no-repeat;
549 }
550
551 a.deletelink:link, a.deletelink:visited {
552 color: #CC3434;
553 }
554
555 a.deletelink:hover {
556 color: #993333;
557 }
558
559 /* OBJECT TOOLS */
560
561 .object-tools {
562 font-size: 10px;
563 font-weight: bold;
564 font-family: Arial,Helvetica,sans-serif;
565 padding-left: 0;
566 float: right;
567 position: relative;
568 margin-top: -2.4em;
569 margin-bottom: -2em;
570 }
571
572 .form-row .object-tools {
573 margin-top: 5px;
574 margin-bottom: 5px;
575 float: none;
576 height: 2em;
577 padding-left: 3.5em;
578 }
579
580 .object-tools li {
581 display: block;
582 float: left;
583 background: url(../img/admin/tool-left.gif) 0 0 no-repeat;
584 padding: 0 0 0 8px;
585 margin-left: 2px;
586 height: 16px;
587 }
588
589 .object-tools li:hover {
590 background: url(../img/admin/tool-left_over.gif) 0 0 no-repeat;
591 }
592
593 .object-tools a:link, .object-tools a:visited {
594 display: block;
595 float: left;
596 color: white;
597 padding: .1em 14px .1em 8px;
598 height: 14px;
599 background: #999 url(../img/admin/tool-right.gif) 100% 0 no-repeat;
600 }
601
602 .object-tools a:hover, .object-tools li:hover a {
603 background: #5b80b2 url(../img/admin/tool-right_over.gif) 100% 0 no-repeat;
604 }
605
606 .object-tools a.viewsitelink, .object-tools a.golink {
607 background: #999 url(../img/admin/tooltag-arrowright.gif) top right no-repeat;
608 padding-right: 28px;
609 }
610
611 .object-tools a.viewsitelink:hover, .object-tools a.golink:hover {
612 background: #5b80b2 url(../img/admin/tooltag-arrowright_over.gif) top right no-repeat;
613 }
614
615 .object-tools a.addlink {
616 background: #999 url(../img/admin/tooltag-add.gif) top right no-repeat;
617 padding-right: 28px;
618 }
619
620 .object-tools a.addlink:hover {
621 background: #5b80b2 url(../img/admin/tooltag-add_over.gif) top right no-repeat;
622 }
623
624 /* OBJECT HISTORY */
625
626 table#change-history {
627 width: 100%;
628 }
629
630 table#change-history tbody th {
631 width: 16em;
632 }
633
634 /* PAGE STRUCTURE */
635
636 #container {
637 position: relative;
638 width: 100%;
639 min-width: 760px;
640 padding: 0;
641 }
642
643 #content {
644 margin: 10px 15px;
645 }
646
647 #header {
648 width: 100%;
649 }
650
651 #content-main {
652 float: left;
653 width: 100%;
654 }
655
656 #content-related {
657 float: right;
658 width: 18em;
659 position: relative;
660 margin-right: -19em;
661 }
662
663 #footer {
664 clear: both;
665 padding: 10px;
666 }
667
668 /* COLUMN TYPES */
669
670 .colMS {
671 margin-right: 20em !important;
672 }
673
674 .colSM {
675 margin-left: 20em !important;
676 }
677
678 .colSM #content-related {
679 float: left;
680 margin-right: 0;
681 margin-left: -19em;
682 }
683
684 .colSM #content-main {
685 float: right;
686 }
687
688 .popup .colM {
689 width: 95%;
690 }
691
692 .subcol {
693 float: left;
694 width: 46%;
695 margin-right: 15px;
696 }
697
698 .dashboard #content {
699 width: 500px;
700 }
701
702 /* HEADER */
703
704 #header {
705 background: #417690;
706 color: #ffc;
707 overflow: hidden;
708 }
709
710 #header a:link, #header a:visited {
711 color: white;
712 }
713
714 #header a:hover {
715 text-decoration: underline;
716 }
717
718 #branding h1 {
719 padding: 0 10px;
720 font-size: 18px;
721 margin: 8px 0;
722 font-weight: normal;
723 color: #f4f379;
724 }
725
726 #branding h2 {
727 padding: 0 10px;
728 font-size: 14px;
729 margin: -8px 0 8px 0;
730 font-weight: normal;
731 color: #ffc;
732 }
733
734 #user-tools {
735 position: absolute;
736 top: 0;
737 right: 0;
738 padding: 1.2em 10px;
739 font-size: 11px;
740 text-align: right;
741 }
742
743 /* SIDEBAR */
744
745 #content-related h3 {
746 font-size: 12px;
747 color: #666;
748 margin-bottom: 3px;
749 }
750
751 #content-related h4 {
752 font-size: 11px;
753 }
754
755 #content-related .module h2 {
756 background: #eee url(../img/admin/nav-bg.gif) bottom left repeat-x;
757 color: #666;
758 }
759