root / env / lib / python2.7 / site-packages / django / contrib / admin / static / admin / css / base.css @ 1a305335
History | View | Annotate | Download (13.7 KB)
1 | 1a305335 | officers | /*
|
---|---|---|---|
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 | } |