Mercurial > public > madeira

annotate 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
rev   line source
bgneal@1 1 /*
bgneal@1 2 DJANGO Admin styles
bgneal@1 3 */
bgneal@1 4
bgneal@1 5 body {
bgneal@1 6 margin: 0;
bgneal@1 7 padding: 0;
bgneal@1 8 font-size: 12px;
bgneal@1 9 font-family: "Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif;
bgneal@1 10 color: #333;
bgneal@1 11 background: #fff;
bgneal@1 12 }
bgneal@1 13
bgneal@1 14 /* LINKS */
bgneal@1 15
bgneal@1 16 a:link, a:visited {
bgneal@1 17 color: #5b80b2;
bgneal@1 18 text-decoration: none;
bgneal@1 19 }
bgneal@1 20
bgneal@1 21 a:hover {
bgneal@1 22 color: #036;
bgneal@1 23 }
bgneal@1 24
bgneal@1 25 a img {
bgneal@1 26 border: none;
bgneal@1 27 }
bgneal@1 28
bgneal@1 29 a.section:link, a.section:visited {
bgneal@1 30 color: white;
bgneal@1 31 text-decoration: none;
bgneal@1 32 }
bgneal@1 33
bgneal@1 34 /* GLOBAL DEFAULTS */
bgneal@1 35
bgneal@1 36 p, ol, ul, dl {
bgneal@1 37 margin: .2em 0 .8em 0;
bgneal@1 38 }
bgneal@1 39
bgneal@1 40 p {
bgneal@1 41 padding: 0;
bgneal@1 42 line-height: 140%;
bgneal@1 43 }
bgneal@1 44
bgneal@1 45 h1,h2,h3,h4,h5 {
bgneal@1 46 font-weight: bold;
bgneal@1 47 }
bgneal@1 48
bgneal@1 49 h1 {
bgneal@1 50 font-size: 18px;
bgneal@1 51 color: #666;
bgneal@1 52 padding: 0 6px 0 0;
bgneal@1 53 margin: 0 0 .2em 0;
bgneal@1 54 }
bgneal@1 55
bgneal@1 56 h2 {
bgneal@1 57 font-size: 16px;
bgneal@1 58 margin: 1em 0 .5em 0;
bgneal@1 59 }
bgneal@1 60
bgneal@1 61 h2.subhead {
bgneal@1 62 font-weight: normal;
bgneal@1 63 margin-top: 0;
bgneal@1 64 }
bgneal@1 65
bgneal@1 66 h3 {
bgneal@1 67 font-size: 14px;
bgneal@1 68 margin: .8em 0 .3em 0;
bgneal@1 69 color: #666;
bgneal@1 70 font-weight: bold;
bgneal@1 71 }
bgneal@1 72
bgneal@1 73 h4 {
bgneal@1 74 font-size: 12px;
bgneal@1 75 margin: 1em 0 .8em 0;
bgneal@1 76 padding-bottom: 3px;
bgneal@1 77 }
bgneal@1 78
bgneal@1 79 h5 {
bgneal@1 80 font-size: 10px;
bgneal@1 81 margin: 1.5em 0 .5em 0;
bgneal@1 82 color: #666;
bgneal@1 83 text-transform: uppercase;
bgneal@1 84 letter-spacing: 1px;
bgneal@1 85 }
bgneal@1 86
bgneal@1 87 ul li {
bgneal@1 88 list-style-type: square;
bgneal@1 89 padding: 1px 0;
bgneal@1 90 }
bgneal@1 91
bgneal@1 92 ul.plainlist {
bgneal@1 93 margin-left: 0 !important;
bgneal@1 94 }
bgneal@1 95
bgneal@1 96 ul.plainlist li {
bgneal@1 97 list-style-type: none;
bgneal@1 98 }
bgneal@1 99
bgneal@1 100 li ul {
bgneal@1 101 margin-bottom: 0;
bgneal@1 102 }
bgneal@1 103
bgneal@1 104 li, dt, dd {
bgneal@1 105 font-size: 11px;
bgneal@1 106 line-height: 14px;
bgneal@1 107 }
bgneal@1 108
bgneal@1 109 dt {
bgneal@1 110 font-weight: bold;
bgneal@1 111 margin-top: 4px;
bgneal@1 112 }
bgneal@1 113
bgneal@1 114 dd {
bgneal@1 115 margin-left: 0;
bgneal@1 116 }
bgneal@1 117
bgneal@1 118 form {
bgneal@1 119 margin: 0;
bgneal@1 120 padding: 0;
bgneal@1 121 }
bgneal@1 122
bgneal@1 123 fieldset {
bgneal@1 124 margin: 0;
bgneal@1 125 padding: 0;
bgneal@1 126 }
bgneal@1 127
bgneal@1 128 blockquote {
bgneal@1 129 font-size: 11px;
bgneal@1 130 color: #777;
bgneal@1 131 margin-left: 2px;
bgneal@1 132 padding-left: 10px;
bgneal@1 133 border-left: 5px solid #ddd;
bgneal@1 134 }
bgneal@1 135
bgneal@1 136 code, pre {
bgneal@1 137 font-family: "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace;
bgneal@1 138 background: inherit;
bgneal@1 139 color: #666;
bgneal@1 140 font-size: 11px;
bgneal@1 141 }
bgneal@1 142
bgneal@1 143 pre.literal-block {
bgneal@1 144 margin: 10px;
bgneal@1 145 background: #eee;
bgneal@1 146 padding: 6px 8px;
bgneal@1 147 }
bgneal@1 148
bgneal@1 149 code strong {
bgneal@1 150 color: #930;
bgneal@1 151 }
bgneal@1 152
bgneal@1 153 hr {
bgneal@1 154 clear: both;
bgneal@1 155 color: #eee;
bgneal@1 156 background-color: #eee;
bgneal@1 157 height: 1px;
bgneal@1 158 border: none;
bgneal@1 159 margin: 0;
bgneal@1 160 padding: 0;
bgneal@1 161 font-size: 1px;
bgneal@1 162 line-height: 1px;
bgneal@1 163 }
bgneal@1 164
bgneal@1 165 /* TEXT STYLES & MODIFIERS */
bgneal@1 166
bgneal@1 167 .small {
bgneal@1 168 font-size: 11px;
bgneal@1 169 }
bgneal@1 170
bgneal@1 171 .tiny {
bgneal@1 172 font-size: 10px;
bgneal@1 173 }
bgneal@1 174
bgneal@1 175 p.tiny {
bgneal@1 176 margin-top: -2px;
bgneal@1 177 }
bgneal@1 178
bgneal@1 179 .mini {
bgneal@1 180 font-size: 9px;
bgneal@1 181 }
bgneal@1 182
bgneal@1 183 p.mini {
bgneal@1 184 margin-top: -3px;
bgneal@1 185 }
bgneal@1 186
bgneal@1 187 .help, p.help {
bgneal@1 188 font-size: 10px !important;
bgneal@1 189 color: #999;
bgneal@1 190 }
bgneal@1 191
bgneal@1 192 p img, h1 img, h2 img, h3 img, h4 img, td img {
bgneal@1 193 vertical-align: middle;
bgneal@1 194 }
bgneal@1 195
bgneal@1 196 .quiet, a.quiet:link, a.quiet:visited {
bgneal@1 197 color: #999 !important;
bgneal@1 198 font-weight: normal !important;
bgneal@1 199 }
bgneal@1 200
bgneal@1 201 .quiet strong {
bgneal@1 202 font-weight: bold !important;
bgneal@1 203 }
bgneal@1 204
bgneal@1 205 .float-right {
bgneal@1 206 float: right;
bgneal@1 207 }
bgneal@1 208
bgneal@1 209 .float-left {
bgneal@1 210 float: left;
bgneal@1 211 }
bgneal@1 212
bgneal@1 213 .clear {
bgneal@1 214 clear: both;
bgneal@1 215 }
bgneal@1 216
bgneal@1 217 .align-left {
bgneal@1 218 text-align: left;
bgneal@1 219 }
bgneal@1 220
bgneal@1 221 .align-right {
bgneal@1 222 text-align: right;
bgneal@1 223 }
bgneal@1 224
bgneal@1 225 .example {
bgneal@1 226 margin: 10px 0;
bgneal@1 227 padding: 5px 10px;
bgneal@1 228 background: #efefef;
bgneal@1 229 }
bgneal@1 230
bgneal@1 231 .nowrap {
bgneal@1 232 white-space: nowrap;
bgneal@1 233 }
bgneal@1 234
bgneal@1 235 /* TABLES */
bgneal@1 236
bgneal@1 237 table {
bgneal@1 238 border-collapse: collapse;
bgneal@1 239 border-color: #ccc;
bgneal@1 240 }
bgneal@1 241
bgneal@1 242 td, th {
bgneal@1 243 font-size: 11px;
bgneal@1 244 line-height: 13px;
bgneal@1 245 border-bottom: 1px solid #eee;
bgneal@1 246 vertical-align: top;
bgneal@1 247 padding: 5px;
bgneal@1 248 font-family: "Lucida Grande", Verdana, Arial, sans-serif;
bgneal@1 249 }
bgneal@1 250
bgneal@1 251 th {
bgneal@1 252 text-align: left;
bgneal@1 253 font-size: 12px;
bgneal@1 254 font-weight: bold;
bgneal@1 255 }
bgneal@1 256
bgneal@1 257 thead th,
bgneal@1 258 tfoot td {
bgneal@1 259 color: #666;
bgneal@1 260 padding: 2px 5px;
bgneal@1 261 font-size: 11px;
bgneal@1 262 background: #e1e1e1 url(../img/admin/nav-bg.gif) top left repeat-x;
bgneal@1 263 border-left: 1px solid #ddd;
bgneal@1 264 border-bottom: 1px solid #ddd;
bgneal@1 265 }
bgneal@1 266
bgneal@1 267 tfoot td {
bgneal@1 268 border-bottom: none;
bgneal@1 269 border-top: 1px solid #ddd;
bgneal@1 270 }
bgneal@1 271
bgneal@1 272 thead th:first-child,
bgneal@1 273 tfoot td:first-child {
bgneal@1 274 border-left: none !important;
bgneal@1 275 }
bgneal@1 276
bgneal@1 277 thead th.optional {
bgneal@1 278 font-weight: normal !important;
bgneal@1 279 }
bgneal@1 280
bgneal@1 281 fieldset table {
bgneal@1 282 border-right: 1px solid #eee;
bgneal@1 283 }
bgneal@1 284
bgneal@1 285 tr.row-label td {
bgneal@1 286 font-size: 9px;
bgneal@1 287 padding-top: 2px;
bgneal@1 288 padding-bottom: 0;
bgneal@1 289 border-bottom: none;
bgneal@1 290 color: #666;
bgneal@1 291 margin-top: -1px;
bgneal@1 292 }
bgneal@1 293
bgneal@1 294 tr.alt {
bgneal@1 295 background: #f6f6f6;
bgneal@1 296 }
bgneal@1 297
bgneal@1 298 .row1 {
bgneal@1 299 background: #EDF3FE;
bgneal@1 300 }
bgneal@1 301
bgneal@1 302 .row2 {
bgneal@1 303 background: white;
bgneal@1 304 }
bgneal@1 305
bgneal@1 306 /* SORTABLE TABLES */
bgneal@1 307
bgneal@1 308 thead th a:link, thead th a:visited {
bgneal@1 309 color: #666;
bgneal@1 310 display: block;
bgneal@1 311 }
bgneal@1 312
bgneal@1 313 table thead th.sorted {
bgneal@1 314 background-position: bottom left !important;
bgneal@1 315 }
bgneal@1 316
bgneal@1 317 table thead th.sorted a {
bgneal@1 318 padding-right: 13px;
bgneal@1 319 }
bgneal@1 320
bgneal@1 321 table thead th.ascending a {
bgneal@1 322 background: url(../img/admin/arrow-down.gif) right .4em no-repeat;
bgneal@1 323 }
bgneal@1 324
bgneal@1 325 table thead th.descending a {
bgneal@1 326 background: url(../img/admin/arrow-up.gif) right .4em no-repeat;
bgneal@1 327 }
bgneal@1 328
bgneal@1 329 /* ORDERABLE TABLES */
bgneal@1 330
bgneal@1 331 table.orderable tbody tr td:hover {
bgneal@1 332 cursor: move;
bgneal@1 333 }
bgneal@1 334
bgneal@1 335 table.orderable tbody tr td:first-child {
bgneal@1 336 padding-left: 14px;
bgneal@1 337 background-image: url(../img/admin/nav-bg-grabber.gif);
bgneal@1 338 background-repeat: repeat-y;
bgneal@1 339 }
bgneal@1 340
bgneal@1 341 table.orderable-initalized .order-cell, body>tr>td.order-cell {
bgneal@1 342 display: none;
bgneal@1 343 }
bgneal@1 344
bgneal@1 345 /* FORM DEFAULTS */
bgneal@1 346
bgneal@1 347 input, textarea, select {
bgneal@1 348 margin: 2px 0;
bgneal@1 349 padding: 2px 3px;
bgneal@1 350 vertical-align: middle;
bgneal@1 351 font-family: "Lucida Grande", Verdana, Arial, sans-serif;
bgneal@1 352 font-weight: normal;
bgneal@1 353 font-size: 11px;
bgneal@1 354 }
bgneal@1 355
bgneal@1 356 textarea {
bgneal@1 357 vertical-align: top !important;
bgneal@1 358 }
bgneal@1 359
bgneal@1 360 input[type=text], input[type=password], textarea, select, .vTextField {
bgneal@1 361 border: 1px solid #ccc;
bgneal@1 362 }
bgneal@1 363
bgneal@1 364 /* FORM BUTTONS */
bgneal@1 365
bgneal@1 366 .button, input[type=submit], input[type=button], .submit-row input {
bgneal@1 367 background: white url(../img/admin/nav-bg.gif) bottom repeat-x;
bgneal@1 368 padding: 3px;
bgneal@1 369 color: black;
bgneal@1 370 border: 1px solid #bbb;
bgneal@1 371 border-color: #ddd #aaa #aaa #ddd;
bgneal@1 372 }
bgneal@1 373
bgneal@1 374 .button:active, input[type=submit]:active, input[type=button]:active {
bgneal@1 375 background-image: url(../img/admin/nav-bg-reverse.gif);
bgneal@1 376 background-position: top;
bgneal@1 377 }
bgneal@1 378
bgneal@1 379 .button.default, input[type=submit].default, .submit-row input.default {
bgneal@1 380 border: 2px solid #5b80b2;
bgneal@1 381 background: #7CA0C7 url(../img/admin/default-bg.gif) bottom repeat-x;
bgneal@1 382 font-weight: bold;
bgneal@1 383 color: white;
bgneal@1 384 float: right;
bgneal@1 385 }
bgneal@1 386
bgneal@1 387 .button.default:active, input[type=submit].default:active {
bgneal@1 388 background-image: url(../img/admin/default-bg-reverse.gif);
bgneal@1 389 background-position: top;
bgneal@1 390 }
bgneal@1 391
bgneal@1 392 /* MODULES */
bgneal@1 393
bgneal@1 394 .module {
bgneal@1 395 border: 1px solid #ccc;
bgneal@1 396 margin-bottom: 5px;
bgneal@1 397 background: white;
bgneal@1 398 }
bgneal@1 399
bgneal@1 400 .module p, .module ul, .module h3, .module h4, .module dl, .module pre {
bgneal@1 401 padding-left: 10px;
bgneal@1 402 padding-right: 10px;
bgneal@1 403 }
bgneal@1 404
bgneal@1 405 .module blockquote {
bgneal@1 406 margin-left: 12px;
bgneal@1 407 }
bgneal@1 408
bgneal@1 409 .module ul, .module ol {
bgneal@1 410 margin-left: 1.5em;
bgneal@1 411 }
bgneal@1 412
bgneal@1 413 .module h3 {
bgneal@1 414 margin-top: .6em;
bgneal@1 415 }
bgneal@1 416
bgneal@1 417 .module h2, .module caption, .inline-group h2 {
bgneal@1 418 margin: 0;
bgneal@1 419 padding: 2px 5px 3px 5px;
bgneal@1 420 font-size: 11px;
bgneal@1 421 text-align: left;
bgneal@1 422 font-weight: bold;
bgneal@1 423 background: #7CA0C7 url(../img/admin/default-bg.gif) top left repeat-x;
bgneal@1 424 color: white;
bgneal@1 425 }
bgneal@1 426
bgneal@1 427 .module table {
bgneal@1 428 border-collapse: collapse;
bgneal@1 429 }
bgneal@1 430
bgneal@1 431 /* MESSAGES & ERRORS */
bgneal@1 432
bgneal@1 433 ul.messagelist {
bgneal@1 434 padding: 0 0 5px 0;
bgneal@1 435 margin: 0;
bgneal@1 436 }
bgneal@1 437
bgneal@1 438 ul.messagelist li {
bgneal@1 439 font-size: 12px;
bgneal@1 440 display: block;
bgneal@1 441 padding: 4px 5px 4px 25px;
bgneal@1 442 margin: 0 0 3px 0;
bgneal@1 443 border-bottom: 1px solid #ddd;
bgneal@1 444 color: #666;
bgneal@1 445 background: #ffc url(../img/admin/icon_success.gif) 5px .3em no-repeat;
bgneal@1 446 }
bgneal@1 447
bgneal@1 448 .errornote {
bgneal@1 449 font-size: 12px !important;
bgneal@1 450 display: block;
bgneal@1 451 padding: 4px 5px 4px 25px;
bgneal@1 452 margin: 0 0 3px 0;
bgneal@1 453 border: 1px solid red;
bgneal@1 454 color: red;
bgneal@1 455 background: #ffc url(../img/admin/icon_error.gif) 5px .3em no-repeat;
bgneal@1 456 }
bgneal@1 457
bgneal@1 458 ul.errorlist {
bgneal@1 459 margin: 0 !important;
bgneal@1 460 padding: 0 !important;
bgneal@1 461 }
bgneal@1 462
bgneal@1 463 .errorlist li {
bgneal@1 464 font-size: 12px !important;
bgneal@1 465 display: block;
bgneal@1 466 padding: 4px 5px 4px 25px;
bgneal@1 467 margin: 0 0 3px 0;
bgneal@1 468 border: 1px solid red;
bgneal@1 469 color: white;
bgneal@1 470 background: red url(../img/admin/icon_alert.gif) 5px .3em no-repeat;
bgneal@1 471 }
bgneal@1 472
bgneal@1 473 td ul.errorlist {
bgneal@1 474 margin: 0 !important;
bgneal@1 475 padding: 0 !important;
bgneal@1 476 }
bgneal@1 477
bgneal@1 478 td ul.errorlist li {
bgneal@1 479 margin: 0 !important;
bgneal@1 480 }
bgneal@1 481
bgneal@1 482 .errors {
bgneal@1 483 background: #ffc;
bgneal@1 484 }
bgneal@1 485
bgneal@1 486 .errors input, .errors select {
bgneal@1 487 border: 1px solid red;
bgneal@1 488 }
bgneal@1 489
bgneal@1 490 div.system-message {
bgneal@1 491 background: #ffc;
bgneal@1 492 margin: 10px;
bgneal@1 493 padding: 6px 8px;
bgneal@1 494 font-size: .8em;
bgneal@1 495 }
bgneal@1 496
bgneal@1 497 div.system-message p.system-message-title {
bgneal@1 498 padding: 4px 5px 4px 25px;
bgneal@1 499 margin: 0;
bgneal@1 500 color: red;
bgneal@1 501 background: #ffc url(../img/admin/icon_error.gif) 5px .3em no-repeat;
bgneal@1 502 }
bgneal@1 503
bgneal@1 504 .description {
bgneal@1 505 font-size: 12px;
bgneal@1 506 padding: 5px 0 0 12px;
bgneal@1 507 }
bgneal@1 508
bgneal@1 509 /* BREADCRUMBS */
bgneal@1 510
bgneal@1 511 div.breadcrumbs {
bgneal@1 512 background: white url(../img/admin/nav-bg-reverse.gif) 0 -10px repeat-x;
bgneal@1 513 padding: 2px 8px 3px 8px;
bgneal@1 514 font-size: 11px;
bgneal@1 515 color: #999;
bgneal@1 516 border-top: 1px solid white;
bgneal@1 517 border-bottom: 1px solid #ccc;
bgneal@1 518 text-align: left;
bgneal@1 519 }
bgneal@1 520
bgneal@1 521 /* ACTION ICONS */
bgneal@1 522
bgneal@1 523 .addlink {
bgneal@1 524 padding-left: 12px;
bgneal@1 525 background: url(../img/admin/icon_addlink.gif) 0 .2em no-repeat;
bgneal@1 526 }
bgneal@1 527
bgneal@1 528 .changelink {
bgneal@1 529 padding-left: 12px;
bgneal@1 530 background: url(../img/admin/icon_changelink.gif) 0 .2em no-repeat;
bgneal@1 531 }
bgneal@1 532
bgneal@1 533 .deletelink {
bgneal@1 534 padding-left: 12px;
bgneal@1 535 background: url(../img/admin/icon_deletelink.gif) 0 .25em no-repeat;
bgneal@1 536 }
bgneal@1 537
bgneal@1 538 a.deletelink:link, a.deletelink:visited {
bgneal@1 539 color: #CC3434;
bgneal@1 540 }
bgneal@1 541
bgneal@1 542 a.deletelink:hover {
bgneal@1 543 color: #993333;
bgneal@1 544 }
bgneal@1 545
bgneal@1 546 /* OBJECT TOOLS */
bgneal@1 547
bgneal@1 548 .object-tools {
bgneal@1 549 font-size: 10px;
bgneal@1 550 font-weight: bold;
bgneal@1 551 font-family: Arial,Helvetica,sans-serif;
bgneal@1 552 padding-left: 0;
bgneal@1 553 float: right;
bgneal@1 554 position: relative;
bgneal@1 555 margin-top: -2.4em;
bgneal@1 556 margin-bottom: -2em;
bgneal@1 557 }
bgneal@1 558
bgneal@1 559 .form-row .object-tools {
bgneal@1 560 margin-top: 5px;
bgneal@1 561 margin-bottom: 5px;
bgneal@1 562 float: none;
bgneal@1 563 height: 2em;
bgneal@1 564 padding-left: 3.5em;
bgneal@1 565 }
bgneal@1 566
bgneal@1 567 .object-tools li {
bgneal@1 568 display: block;
bgneal@1 569 float: left;
bgneal@1 570 background: url(../img/admin/tool-left.gif) 0 0 no-repeat;
bgneal@1 571 padding: 0 0 0 8px;
bgneal@1 572 margin-left: 2px;
bgneal@1 573 height: 16px;
bgneal@1 574 }
bgneal@1 575
bgneal@1 576 .object-tools li:hover {
bgneal@1 577 background: url(../img/admin/tool-left_over.gif) 0 0 no-repeat;
bgneal@1 578 }
bgneal@1 579
bgneal@1 580 .object-tools a:link, .object-tools a:visited {
bgneal@1 581 display: block;
bgneal@1 582 float: left;
bgneal@1 583 color: white;
bgneal@1 584 padding: .1em 14px .1em 8px;
bgneal@1 585 height: 14px;
bgneal@1 586 background: #999 url(../img/admin/tool-right.gif) 100% 0 no-repeat;
bgneal@1 587 }
bgneal@1 588
bgneal@1 589 .object-tools a:hover, .object-tools li:hover a {
bgneal@1 590 background: #5b80b2 url(../img/admin/tool-right_over.gif) 100% 0 no-repeat;
bgneal@1 591 }
bgneal@1 592
bgneal@1 593 .object-tools a.viewsitelink, .object-tools a.golink {
bgneal@1 594 background: #999 url(../img/admin/tooltag-arrowright.gif) top right no-repeat;
bgneal@1 595 padding-right: 28px;
bgneal@1 596 }
bgneal@1 597
bgneal@1 598 .object-tools a.viewsitelink:hover, .object-tools a.golink:hover {
bgneal@1 599 background: #5b80b2 url(../img/admin/tooltag-arrowright_over.gif) top right no-repeat;
bgneal@1 600 }
bgneal@1 601
bgneal@1 602 .object-tools a.addlink {
bgneal@1 603 background: #999 url(../img/admin/tooltag-add.gif) top right no-repeat;
bgneal@1 604 padding-right: 28px;
bgneal@1 605 }
bgneal@1 606
bgneal@1 607 .object-tools a.addlink:hover {
bgneal@1 608 background: #5b80b2 url(../img/admin/tooltag-add_over.gif) top right no-repeat;
bgneal@1 609 }
bgneal@1 610
bgneal@1 611 /* OBJECT HISTORY */
bgneal@1 612
bgneal@1 613 table#change-history {
bgneal@1 614 width: 100%;
bgneal@1 615 }
bgneal@1 616
bgneal@1 617 table#change-history tbody th {
bgneal@1 618 width: 16em;
bgneal@1 619 }
bgneal@1 620
bgneal@1 621 /* PAGE STRUCTURE */
bgneal@1 622
bgneal@1 623 #container {
bgneal@1 624 position: relative;
bgneal@1 625 width: 100%;
bgneal@1 626 min-width: 760px;
bgneal@1 627 padding: 0;
bgneal@1 628 }
bgneal@1 629
bgneal@1 630 #content {
bgneal@1 631 margin: 10px 15px;
bgneal@1 632 }
bgneal@1 633
bgneal@1 634 #header {
bgneal@1 635 width: 100%;
bgneal@1 636 }
bgneal@1 637
bgneal@1 638 #content-main {
bgneal@1 639 float: left;
bgneal@1 640 width: 100%;
bgneal@1 641 }
bgneal@1 642
bgneal@1 643 #content-related {
bgneal@1 644 float: right;
bgneal@1 645 width: 18em;
bgneal@1 646 position: relative;
bgneal@1 647 margin-right: -19em;
bgneal@1 648 }
bgneal@1 649
bgneal@1 650 #footer {
bgneal@1 651 clear: both;
bgneal@1 652 padding: 10px;
bgneal@1 653 }
bgneal@1 654
bgneal@1 655 /* COLUMN TYPES */
bgneal@1 656
bgneal@1 657 .colMS {
bgneal@1 658 margin-right: 20em !important;
bgneal@1 659 }
bgneal@1 660
bgneal@1 661 .colSM {
bgneal@1 662 margin-left: 20em !important;
bgneal@1 663 }
bgneal@1 664
bgneal@1 665 .colSM #content-related {
bgneal@1 666 float: left;
bgneal@1 667 margin-right: 0;
bgneal@1 668 margin-left: -19em;
bgneal@1 669 }
bgneal@1 670
bgneal@1 671 .colSM #content-main {
bgneal@1 672 float: right;
bgneal@1 673 }
bgneal@1 674
bgneal@1 675 .popup .colM {
bgneal@1 676 width: 95%;
bgneal@1 677 }
bgneal@1 678
bgneal@1 679 .subcol {
bgneal@1 680 float: left;
bgneal@1 681 width: 46%;
bgneal@1 682 margin-right: 15px;
bgneal@1 683 }
bgneal@1 684
bgneal@1 685 .dashboard #content {
bgneal@1 686 width: 500px;
bgneal@1 687 }
bgneal@1 688
bgneal@1 689 /* HEADER */
bgneal@1 690
bgneal@1 691 #header {
bgneal@1 692 background: #417690;
bgneal@1 693 color: #ffc;
bgneal@1 694 overflow: hidden;
bgneal@1 695 }
bgneal@1 696
bgneal@1 697 #header a:link, #header a:visited {
bgneal@1 698 color: white;
bgneal@1 699 }
bgneal@1 700
bgneal@1 701 #header a:hover {
bgneal@1 702 text-decoration: underline;
bgneal@1 703 }
bgneal@1 704
bgneal@1 705 #branding h1 {
bgneal@1 706 padding: 0 10px;
bgneal@1 707 font-size: 18px;
bgneal@1 708 margin: 8px 0;
bgneal@1 709 font-weight: normal;
bgneal@1 710 color: #f4f379;
bgneal@1 711 }
bgneal@1 712
bgneal@1 713 #branding h2 {
bgneal@1 714 padding: 0 10px;
bgneal@1 715 font-size: 14px;
bgneal@1 716 margin: -8px 0 8px 0;
bgneal@1 717 font-weight: normal;
bgneal@1 718 color: #ffc;
bgneal@1 719 }
bgneal@1 720
bgneal@1 721 #user-tools {
bgneal@1 722 position: absolute;
bgneal@1 723 top: 0;
bgneal@1 724 right: 0;
bgneal@1 725 padding: 1.2em 10px;
bgneal@1 726 font-size: 11px;
bgneal@1 727 text-align: right;
bgneal@1 728 }
bgneal@1 729
bgneal@1 730 /* SIDEBAR */
bgneal@1 731
bgneal@1 732 #content-related h3 {
bgneal@1 733 font-size: 12px;
bgneal@1 734 color: #666;
bgneal@1 735 margin-bottom: 3px;
bgneal@1 736 }
bgneal@1 737
bgneal@1 738 #content-related h4 {
bgneal@1 739 font-size: 11px;
bgneal@1 740 }
bgneal@1 741
bgneal@1 742 #content-related .module h2 {
bgneal@1 743 background: #eee url(../img/admin/nav-bg.gif) bottom left repeat-x;
bgneal@1 744 color: #666;
bgneal@1 745 }
bgneal@1 746