Mercurial > defr > drupal > core

annotate themes/garland/style.css @ 20:e3d20ebd63d1 tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Added tag 6.9 for changeset 3edae6ecd6c6
author Franck Deroche <franck@defr.org>
date Thu, 15 Jan 2009 10:16:10 +0100
parents c1f4ac30525a
children
rev   line source
webmaster@1 1 /* $Id: style.css,v 1.38.2.1 2008/02/05 09:27:26 goba Exp $ */
webmaster@1 2
webmaster@1 3 /**
webmaster@1 4 * Garland, for Drupal 6.x
webmaster@1 5 * Stefan Nagtegaal, iStyledThis [dot] nl
webmaster@1 6 * Steven Wittens, acko [dot] net`
webmaster@1 7 *
webmaster@1 8 * If you use a customized color scheme, you must regenerate it after
webmaster@1 9 * modifying this file.
webmaster@1 10 */
webmaster@1 11
webmaster@1 12 /**
webmaster@1 13 * Generic elements
webmaster@1 14 */
webmaster@1 15 body {
webmaster@1 16 margin: 0;
webmaster@1 17 padding: 0;
webmaster@1 18 background: #edf5fa;
webmaster@1 19 font: 12px/170% Verdana, sans-serif;
webmaster@1 20 color: #494949;
webmaster@1 21 }
webmaster@1 22
webmaster@1 23 input {
webmaster@1 24 font: 12px/100% Verdana, sans-serif;
webmaster@1 25 color: #494949;
webmaster@1 26 }
webmaster@1 27
webmaster@1 28 textarea, select {
webmaster@1 29 font: 12px/160% Verdana, sans-serif;
webmaster@1 30 color: #494949;
webmaster@1 31 }
webmaster@1 32
webmaster@1 33 h1, h2, h3, h4, h5, h6 {
webmaster@1 34 margin: 0;
webmaster@1 35 padding: 0;
webmaster@1 36 font-weight: normal;
webmaster@1 37 font-family: Helvetica, Arial, sans-serif;
webmaster@1 38 }
webmaster@1 39
webmaster@1 40 h1 {
webmaster@1 41 font-size: 170%;
webmaster@1 42 }
webmaster@1 43
webmaster@1 44 h2 {
webmaster@1 45 font-size: 160%;
webmaster@1 46 line-height: 130%;
webmaster@1 47 }
webmaster@1 48
webmaster@1 49 h3 {
webmaster@1 50 font-size: 140%;
webmaster@1 51 }
webmaster@1 52
webmaster@1 53 h4 {
webmaster@1 54 font-size: 130%;
webmaster@1 55 }
webmaster@1 56
webmaster@1 57 h5 {
webmaster@1 58 font-size: 120%;
webmaster@1 59 }
webmaster@1 60
webmaster@1 61 h6 {
webmaster@1 62 font-size: 110%;
webmaster@1 63 }
webmaster@1 64
webmaster@1 65 ul, quote, code, fieldset {
webmaster@1 66 margin: .5em 0;
webmaster@1 67 }
webmaster@1 68
webmaster@1 69 p {
webmaster@1 70 margin: 0.6em 0 1.2em;
webmaster@1 71 padding: 0;
webmaster@1 72 }
webmaster@1 73
webmaster@1 74 a:link, a:visited {
webmaster@1 75 color: #027AC6;
webmaster@1 76 text-decoration: none;
webmaster@1 77 }
webmaster@1 78
webmaster@1 79 a:hover {
webmaster@1 80 color: #0062A0;
webmaster@1 81 text-decoration: underline;
webmaster@1 82 }
webmaster@1 83
webmaster@1 84 a:active, a.active {
webmaster@1 85 color: #5895be;
webmaster@1 86 }
webmaster@1 87
webmaster@1 88 hr {
webmaster@1 89 margin: 0;
webmaster@1 90 padding: 0;
webmaster@1 91 border: none;
webmaster@1 92 height: 1px;
webmaster@1 93 background: #5294c1;
webmaster@1 94 }
webmaster@1 95
webmaster@1 96 ul {
webmaster@1 97 margin: 0.5em 0 1em;
webmaster@1 98 padding: 0;
webmaster@1 99 }
webmaster@1 100
webmaster@1 101 ol {
webmaster@1 102 margin: 0.75em 0 1.25em;
webmaster@1 103 padding: 0;
webmaster@1 104 }
webmaster@1 105
webmaster@1 106 ol li, ul li {
webmaster@1 107 margin: 0.4em 0 0.4em .5em; /* LTR */
webmaster@1 108 }
webmaster@1 109
webmaster@1 110 ul.menu, .item-list ul {
webmaster@1 111 margin: 0.35em 0 0 -0.5em; /* LTR */
webmaster@1 112 padding: 0;
webmaster@1 113 }
webmaster@1 114
webmaster@1 115 ul.menu ul, .item-list ul ul {
webmaster@1 116 margin-left: 0em; /* LTR */
webmaster@1 117 }
webmaster@1 118
webmaster@1 119 ol li, ul li, ul.menu li, .item-list ul li, li.leaf {
webmaster@1 120 margin: 0.15em 0 0.15em .5em; /* LTR */
webmaster@1 121 }
webmaster@1 122
webmaster@1 123 ul li, ul.menu li, .item-list ul li, li.leaf {
webmaster@1 124 padding: 0 0 .2em 1.5em;
webmaster@1 125 list-style-type: none;
webmaster@1 126 list-style-image: none;
webmaster@1 127 background: transparent url(images/menu-leaf.gif) no-repeat 1px .35em; /* LTR */
webmaster@1 128 }
webmaster@1 129
webmaster@1 130 ol li {
webmaster@1 131 padding: 0 0 .3em;
webmaster@1 132 margin-left: 2em; /* LTR */
webmaster@1 133 }
webmaster@1 134
webmaster@1 135 ul li.expanded {
webmaster@1 136 background: transparent url(images/menu-expanded.gif) no-repeat 1px .35em; /* LTR */
webmaster@1 137 }
webmaster@1 138
webmaster@1 139 ul li.collapsed {
webmaster@1 140 background: transparent url(images/menu-collapsed.gif) no-repeat 0px .35em; /* LTR */
webmaster@1 141 }
webmaster@1 142
webmaster@1 143 ul li.leaf a, ul li.expanded a, ul li.collapsed a {
webmaster@1 144 display: block;
webmaster@1 145 }
webmaster@1 146
webmaster@1 147 ul.inline li {
webmaster@1 148 background: none;
webmaster@1 149 margin: 0;
webmaster@1 150 padding: 0 1em 0 0; /* LTR */
webmaster@1 151 }
webmaster@1 152
webmaster@1 153 ol.task-list {
webmaster@1 154 margin-left: 0; /* LTR */
webmaster@1 155 list-style-type: none;
webmaster@1 156 list-style-image: none;
webmaster@1 157 }
webmaster@1 158 ol.task-list li {
webmaster@1 159 padding: 0.5em 1em 0.5em 2em; /* LTR */
webmaster@1 160 }
webmaster@1 161 ol.task-list li.active {
webmaster@1 162 background: transparent url(images/task-list.png) no-repeat 3px 50%; /* LTR */
webmaster@1 163 }
webmaster@1 164 ol.task-list li.done {
webmaster@1 165 color: #393;
webmaster@1 166 background: transparent url(../../misc/watchdog-ok.png) no-repeat 0px 50%; /* LTR */
webmaster@1 167 }
webmaster@1 168 ol.task-list li.active {
webmaster@1 169 margin-right: 1em; /* LTR */
webmaster@1 170 }
webmaster@1 171
webmaster@1 172 fieldset ul.clear-block li {
webmaster@1 173 margin: 0;
webmaster@1 174 padding: 0;
webmaster@1 175 background-image: none;
webmaster@1 176 }
webmaster@1 177
webmaster@1 178 dl {
webmaster@1 179 margin: 0.5em 0 1em 1.5em; /* LTR */
webmaster@1 180 }
webmaster@1 181
webmaster@1 182 dl dt {
webmaster@1 183 }
webmaster@1 184
webmaster@1 185 dl dd {
webmaster@1 186 margin: 0 0 .5em 1.5em; /* LTR */
webmaster@1 187 }
webmaster@1 188
webmaster@1 189 img, a img {
webmaster@1 190 border: none;
webmaster@1 191 }
webmaster@1 192
webmaster@1 193 table {
webmaster@1 194 margin: 1em 0;
webmaster@1 195 width: 100%;
webmaster@1 196 }
webmaster@1 197
webmaster@1 198 thead th {
webmaster@1 199 border-bottom: 2px solid #d3e7f4;
webmaster@1 200 color: #494949;
webmaster@1 201 font-weight: bold;
webmaster@1 202 }
webmaster@1 203
webmaster@1 204 th a:link, th a:visited {
webmaster@1 205 color: #6f9dbd;
webmaster@1 206 }
webmaster@1 207
webmaster@1 208 td, th {
webmaster@1 209 padding: .3em .5em;
webmaster@1 210 }
webmaster@1 211
webmaster@1 212 tr.even, tr.odd, tbody th {
webmaster@1 213 border: solid #d3e7f4;
webmaster@1 214 border-width: 1px 0;
webmaster@1 215 }
webmaster@1 216
webmaster@1 217 tr.odd, tr.info {
webmaster@1 218 background-color: #edf5fa;
webmaster@1 219 }
webmaster@1 220
webmaster@1 221 tr.even {
webmaster@1 222 background-color: #fff;
webmaster@1 223 }
webmaster@1 224
webmaster@1 225 tr.drag {
webmaster@1 226 background-color: #fffff0;
webmaster@1 227 }
webmaster@1 228
webmaster@1 229 tr.drag-previous {
webmaster@1 230 background-color: #ffd;
webmaster@1 231 }
webmaster@1 232
webmaster@1 233 tr.odd td.active {
webmaster@1 234 background-color: #ddecf5;
webmaster@1 235 }
webmaster@1 236
webmaster@1 237 tr.even td.active {
webmaster@1 238 background-color: #e6f1f7;
webmaster@1 239 }
webmaster@1 240
webmaster@1 241 td.region, td.module, td.container, td.category {
webmaster@1 242 border-top: 1.5em solid #fff;
webmaster@1 243 border-bottom: 1px solid #b4d7f0;
webmaster@1 244 background-color: #d4e7f3;
webmaster@1 245 color: #455067;
webmaster@1 246 font-weight: bold;
webmaster@1 247 }
webmaster@1 248
webmaster@1 249 tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category {
webmaster@1 250 border-top-width: 0;
webmaster@1 251 }
webmaster@1 252
webmaster@1 253 span.form-required {
webmaster@1 254 color: #ffae00;
webmaster@1 255 }
webmaster@1 256
webmaster@1 257 span.submitted, .description {
webmaster@1 258 font-size: 0.92em;
webmaster@1 259 color: #898989;
webmaster@1 260 }
webmaster@1 261
webmaster@1 262 .description {
webmaster@1 263 line-height: 150%;
webmaster@1 264 margin-bottom: 0.75em;
webmaster@1 265 color: #898989;
webmaster@1 266 }
webmaster@1 267
webmaster@1 268 .messages, .preview {
webmaster@1 269 margin: .75em 0 .75em;
webmaster@1 270 padding: .5em 1em;
webmaster@1 271 }
webmaster@1 272
webmaster@1 273 .messages ul {
webmaster@1 274 margin: 0;
webmaster@1 275 }
webmaster@1 276
webmaster@1 277 .form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
webmaster@1 278 margin: 0.25em 0;
webmaster@1 279 }
webmaster@1 280
webmaster@1 281 #center form {
webmaster@1 282 margin-bottom: 2em;
webmaster@1 283 }
webmaster@1 284
webmaster@1 285 .form-button, .form-submit {
webmaster@1 286 margin: 2em 0.5em 1em 0; /* LTR */
webmaster@1 287 }
webmaster@1 288
webmaster@1 289 #dblog-form-overview .form-submit,
webmaster@1 290 .confirmation .form-submit,
webmaster@1 291 .search-form .form-submit,
webmaster@1 292 .poll .form-submit,
webmaster@1 293 fieldset .form-button, fieldset .form-submit,
webmaster@1 294 .sidebar .form-button, .sidebar .form-submit,
webmaster@1 295 table .form-button, table .form-submit {
webmaster@1 296 margin: 0;
webmaster@1 297 }
webmaster@1 298
webmaster@1 299 .box {
webmaster@1 300 margin-bottom: 2.5em;
webmaster@1 301 }
webmaster@1 302
webmaster@1 303 /**
webmaster@1 304 * Layout
webmaster@1 305 */
webmaster@1 306 #header-region {
webmaster@1 307 min-height: 1em;
webmaster@1 308 background: #d2e6f3 url(images/bg-navigation.png) repeat-x 50% 100%;
webmaster@1 309 }
webmaster@1 310
webmaster@1 311 #header-region .block {
webmaster@1 312 display: block;
webmaster@1 313 margin: 0 1em;
webmaster@1 314 }
webmaster@1 315
webmaster@1 316 #header-region .block-region {
webmaster@1 317 display: block;
webmaster@1 318 margin: 0 0.5em 1em;
webmaster@1 319 padding: 0.5em;
webmaster@1 320 position: relative;
webmaster@1 321 top: 0.5em;
webmaster@1 322 }
webmaster@1 323
webmaster@1 324 #header-region * {
webmaster@1 325 display: inline;
webmaster@1 326 line-height: 1.5em;
webmaster@1 327 margin-top: 0;
webmaster@1 328 margin-bottom: 0;
webmaster@1 329 }
webmaster@1 330
webmaster@1 331 /* Prevent the previous directive from showing the content of script elements in Mozilla browsers. */
webmaster@1 332 #header-region script {
webmaster@1 333 display: none;
webmaster@1 334 }
webmaster@1 335
webmaster@1 336 #header-region p, #header-region img {
webmaster@1 337 margin-top: 0.5em;
webmaster@1 338 }
webmaster@1 339
webmaster@1 340 #header-region h2 {
webmaster@1 341 margin: 0 1em 0 0; /* LTR */
webmaster@1 342 }
webmaster@1 343
webmaster@1 344 #header-region h3, #header-region label, #header-region li {
webmaster@1 345 margin: 0 1em;
webmaster@1 346 padding: 0;
webmaster@1 347 background: none;
webmaster@1 348 }
webmaster@1 349
webmaster@1 350 #wrapper {
webmaster@1 351 background: #edf5fa url(images/body.png) repeat-x 50% 0;
webmaster@1 352 }
webmaster@1 353
webmaster@1 354 #wrapper #container {
webmaster@1 355 margin: 0 auto;
webmaster@1 356 padding: 0 20px;
webmaster@1 357 max-width: 1270px;
webmaster@1 358 }
webmaster@1 359
webmaster@1 360 #wrapper #container #header {
webmaster@1 361 height: 80px;
webmaster@1 362 }
webmaster@1 363
webmaster@1 364 #wrapper #container #header #logo-floater {
webmaster@1 365 position: absolute;
webmaster@1 366 }
webmaster@1 367
webmaster@1 368 #wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
webmaster@1 369 line-height: 120px;
webmaster@1 370 position: relative;
webmaster@1 371 z-index: 2;
webmaster@1 372 white-space: nowrap;
webmaster@1 373 }
webmaster@1 374
webmaster@1 375 #wrapper #container #header h1 span {
webmaster@1 376 font-weight: bold;
webmaster@1 377 }
webmaster@1 378
webmaster@1 379 #wrapper #container #header h1 img {
webmaster@1 380 padding-top: 16px;
webmaster@1 381 padding-right: 20px; /* LTR */
webmaster@1 382 float: left; /* LTR */
webmaster@1 383 }
webmaster@1 384
webmaster@1 385 /* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */
webmaster@1 386 body.sidebars {
webmaster@1 387 min-width: 980px;
webmaster@1 388 }
webmaster@1 389 /* With 2 columns, require a minimum width of 800px. */
webmaster@1 390 body.sidebar-left, body.sidebar-right {
webmaster@1 391 min-width: 780px;
webmaster@1 392 }
webmaster@1 393
webmaster@1 394 /* We must define 100% width to avoid the body being too narrow for near-empty pages */
webmaster@1 395 #wrapper #container #center {
webmaster@1 396 float: left;
webmaster@1 397 width: 100%;
webmaster@1 398 }
webmaster@1 399
webmaster@1 400 /* So we move the #center container over the sidebars to compensate */
webmaster@1 401 body.sidebar-left #center {
webmaster@1 402 margin-left: -210px;
webmaster@1 403 }
webmaster@1 404 body.sidebar-right #center {
webmaster@1 405 margin-right: -210px;
webmaster@1 406 }
webmaster@1 407 body.sidebars #center {
webmaster@1 408 margin: 0 -210px;
webmaster@1 409 }
webmaster@1 410
webmaster@1 411 /* And add blanks left and right for the sidebars to fill */
webmaster@1 412 body.sidebar-left #squeeze {
webmaster@1 413 margin-left: 210px;
webmaster@1 414 }
webmaster@1 415 body.sidebar-right #squeeze {
webmaster@1 416 margin-right: 210px;
webmaster@1 417 }
webmaster@1 418 body.sidebars #squeeze {
webmaster@1 419 margin: 0 210px;
webmaster@1 420 }
webmaster@1 421
webmaster@1 422 /* We ensure the sidebars are still clickable using z-index */
webmaster@1 423 #wrapper #container .sidebar {
webmaster@1 424 margin: 60px 0 5em;
webmaster@1 425 width: 210px;
webmaster@1 426 float: left;
webmaster@1 427 z-index: 2;
webmaster@1 428 position: relative;
webmaster@1 429 }
webmaster@1 430
webmaster@1 431 #wrapper #container .sidebar .block {
webmaster@1 432 margin: 0 0 1.5em 0;
webmaster@1 433 }
webmaster@1 434
webmaster@1 435 #sidebar-left .block {
webmaster@1 436 padding: 0 15px 0 0px;
webmaster@1 437 }
webmaster@1 438
webmaster@1 439 #sidebar-right .block {
webmaster@1 440 padding: 0 0px 0 15px;
webmaster@1 441 }
webmaster@1 442
webmaster@1 443 .block .content {
webmaster@1 444 margin: 0.5em 0;
webmaster@1 445 }
webmaster@1 446
webmaster@1 447 #sidebar-left .block-region {
webmaster@1 448 margin: 0 15px 0 0px; /* LTR */
webmaster@1 449 }
webmaster@1 450
webmaster@1 451 #sidebar-right .block-region {
webmaster@1 452 margin: 0 0px 0 15px; /* LTR */
webmaster@1 453 }
webmaster@1 454
webmaster@1 455 .block-region {
webmaster@1 456 padding: 1em;
webmaster@1 457 background: transparent;
webmaster@1 458 border: 2px dashed #b4d7f0;
webmaster@1 459 text-align: center;
webmaster@1 460 font-size: 1.3em;
webmaster@1 461 }
webmaster@1 462
webmaster@1 463 /* Now we add the backgrounds for the main content shading */
webmaster@1 464 #wrapper #container #center #squeeze {
webmaster@1 465 background: #fff url(images/bg-content.png) repeat-x 50% 0;
webmaster@1 466 position: relative;
webmaster@1 467 }
webmaster@1 468
webmaster@1 469 #wrapper #container #center .right-corner {
webmaster@1 470 background: transparent url(images/bg-content-right.png) no-repeat 100% 0;
webmaster@1 471 position: relative;
webmaster@1 472 left: 10px;
webmaster@1 473 }
webmaster@1 474
webmaster@1 475 #wrapper #container #center .right-corner .left-corner {
webmaster@1 476 padding: 60px 25px 5em 35px;
webmaster@1 477 background: transparent url(images/bg-content-left.png) no-repeat 0 0;
webmaster@1 478 margin-left: -10px;
webmaster@1 479 position: relative;
webmaster@1 480 left: -10px;
webmaster@1 481 min-height: 400px;
webmaster@1 482 }
webmaster@1 483
webmaster@1 484 #wrapper #container #footer {
webmaster@1 485 float: none;
webmaster@1 486 clear: both;
webmaster@1 487 text-align: center;
webmaster@1 488 margin: 4em 0 -3em;
webmaster@1 489 color: #898989;
webmaster@1 490 }
webmaster@1 491
webmaster@1 492 #wrapper #container .breadcrumb {
webmaster@1 493 position: absolute;
webmaster@1 494 top: 15px;
webmaster@1 495 left: 35px; /* LTR */
webmaster@1 496 z-index: 3;
webmaster@1 497 }
webmaster@1 498
webmaster@1 499 body.sidebar-left #footer {
webmaster@1 500 margin-left: -210px;
webmaster@1 501 }
webmaster@1 502
webmaster@1 503 body.sidebar-right #footer {
webmaster@1 504 margin-right: -210px;
webmaster@1 505 }
webmaster@1 506
webmaster@1 507 body.sidebars #footer {
webmaster@1 508 margin: 0 -210px;
webmaster@1 509 }
webmaster@1 510
webmaster@1 511 /**
webmaster@1 512 * Header
webmaster@1 513 */
webmaster@1 514 #wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
webmaster@1 515 color: #fff;
webmaster@1 516 font-weight: normal;
webmaster@1 517 text-shadow: #1659ac 0px 1px 3px;
webmaster@1 518 font-size: 1.5em;
webmaster@1 519 }
webmaster@1 520
webmaster@1 521 #wrapper #container #header h1 a:hover {
webmaster@1 522 text-decoration: none;
webmaster@1 523 }
webmaster@1 524
webmaster@1 525 #wrapper #container .breadcrumb {
webmaster@1 526 font-size: 0.92em;
webmaster@1 527 }
webmaster@1 528
webmaster@1 529 #wrapper #container .breadcrumb, #wrapper #container .breadcrumb a {
webmaster@1 530 color: #529ad6;
webmaster@1 531 }
webmaster@1 532
webmaster@1 533 #mission {
webmaster@1 534 padding: 1em;
webmaster@1 535 background-color: #fff;
webmaster@1 536 border: 1px solid #e0e5fb;
webmaster@1 537 margin-bottom: 2em;
webmaster@1 538 }
webmaster@1 539
webmaster@1 540 /**
webmaster@1 541 * Primary navigation
webmaster@1 542 */
webmaster@1 543 ul.primary-links {
webmaster@1 544 margin: 0;
webmaster@1 545 padding: 0;
webmaster@1 546 float: right; /* LTR */
webmaster@1 547 position: relative;
webmaster@1 548 z-index: 4;
webmaster@1 549 }
webmaster@1 550
webmaster@1 551 ul.primary-links li {
webmaster@1 552 margin: 0;
webmaster@1 553 padding: 0;
webmaster@1 554 float: left; /* LTR */
webmaster@1 555 background-image: none;
webmaster@1 556 }
webmaster@1 557
webmaster@1 558 ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
webmaster@1 559 display: block;
webmaster@1 560 margin: 0 1em;
webmaster@1 561 padding: .75em 0 0;
webmaster@1 562 color: #fff;
webmaster@1 563 background: transparent url(images/bg-navigation-item.png) no-repeat 50% 0;
webmaster@1 564 }
webmaster@1 565
webmaster@1 566 ul.primary-links li a:hover, ul.primary-links li a.active {
webmaster@1 567 color: #fff;
webmaster@1 568 background: transparent url(images/bg-navigation-item-hover.png) no-repeat 50% 0;
webmaster@1 569 }
webmaster@1 570
webmaster@1 571 /**
webmaster@1 572 * Secondary navigation
webmaster@1 573 */
webmaster@1 574 ul.secondary-links {
webmaster@1 575 margin: 0;
webmaster@1 576 padding: 18px 0 0;
webmaster@1 577 float: right; /* LTR */
webmaster@1 578 clear: right; /* LTR */
webmaster@1 579 position: relative;
webmaster@1 580 z-index: 4;
webmaster@1 581 }
webmaster@1 582
webmaster@1 583 ul.secondary-links li {
webmaster@1 584 margin: 0;
webmaster@1 585 padding: 0;
webmaster@1 586 float: left; /* LTR */
webmaster@1 587 background-image: none;
webmaster@1 588 }
webmaster@1 589
webmaster@1 590 ul.secondary-links li a, ul.secondary-links li a:link, ul.secondary-links li a:visited {
webmaster@1 591 display: block;
webmaster@1 592 margin: 0 1em;
webmaster@1 593 padding: .75em 0 0;
webmaster@1 594 color: #cde3f1;
webmaster@1 595 background: transparent;
webmaster@1 596 }
webmaster@1 597
webmaster@1 598 ul.secondary-links li a:hover, ul.secondary-links li a.active {
webmaster@1 599 color: #cde3f1;
webmaster@1 600 background: transparent;
webmaster@1 601 }
webmaster@1 602
webmaster@1 603 /**
webmaster@1 604 * Local tasks
webmaster@1 605 */
webmaster@1 606 ul.primary, ul.primary li, ul.secondary, ul.secondary li {
webmaster@1 607 border: 0;
webmaster@1 608 background: none;
webmaster@1 609 margin: 0;
webmaster@1 610 padding: 0;
webmaster@1 611 }
webmaster@1 612
webmaster@1 613 #tabs-wrapper {
webmaster@1 614 margin: 0 -26px 1em;
webmaster@1 615 padding: 0 26px;
webmaster@1 616 border-bottom: 1px solid #e9eff3;
webmaster@1 617 position: relative;
webmaster@1 618 }
webmaster@1 619 ul.primary {
webmaster@1 620 padding: 0.5em 0 10px;
webmaster@1 621 float: left; /* LTR */
webmaster@1 622 }
webmaster@1 623 ul.secondary {
webmaster@1 624 clear: both;
webmaster@1 625 text-align: left; /* LTR */
webmaster@1 626 border-bottom: 1px solid #e9eff3;
webmaster@1 627 margin: -0.2em -26px 1em;
webmaster@1 628 padding: 0 26px 0.6em;
webmaster@1 629 }
webmaster@1 630 h2.with-tabs {
webmaster@1 631 float: left; /* LTR */
webmaster@1 632 margin: 0 2em 0 0; /* LTR */
webmaster@1 633 padding: 0;
webmaster@1 634 }
webmaster@1 635
webmaster@1 636 ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,
webmaster@1 637 ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
webmaster@1 638 border: 0;
webmaster@1 639 background: transparent;
webmaster@1 640 padding: 4px 1em;
webmaster@1 641 margin: 0 0 0 1px; /* LTR */
webmaster@1 642 height: auto;
webmaster@1 643 text-decoration: none;
webmaster@1 644 position: relative;
webmaster@1 645 top: -1px;
webmaster@1 646 }
webmaster@1 647 ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover,
webmaster@1 648 ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover {
webmaster@1 649 background: url(images/bg-tab.png) repeat-x 0 50%;
webmaster@1 650 color: #fff;
webmaster@1 651 }
webmaster@1 652 ul.primary li.active a,
webmaster@1 653 ul.secondary li.active a {
webmaster@1 654 font-weight: bold;
webmaster@1 655 }
webmaster@1 656
webmaster@1 657 /**
webmaster@1 658 * Nodes & comments
webmaster@1 659 */
webmaster@1 660 .node {
webmaster@1 661 border-bottom: 1px solid #e9eff3;
webmaster@1 662 margin: -1.5em -26px 1.5em;
webmaster@1 663 padding: 1.5em 26px;
webmaster@1 664 }
webmaster@1 665
webmaster@1 666 ul.links li, ul.inline li {
webmaster@1 667 margin-left: 0;
webmaster@1 668 margin-right: 0;
webmaster@1 669 padding-left: 0; /* LTR */
webmaster@1 670 padding-right: 1em; /* LTR */
webmaster@1 671 background-image: none;
webmaster@1 672 }
webmaster@1 673
webmaster@1 674 .node .links, .comment .links {
webmaster@1 675 text-align: left; /* LTR */
webmaster@1 676 }
webmaster@1 677
webmaster@1 678 .node .links ul.links li, .comment .links ul.links li {}
webmaster@1 679 .terms ul.links li {
webmaster@1 680 margin-left: 0;
webmaster@1 681 margin-right: 0;
webmaster@1 682 padding-right: 0;
webmaster@1 683 padding-left: 1em;
webmaster@1 684 }
webmaster@1 685
webmaster@1 686 .picture, .comment .submitted {
webmaster@1 687 float: right; /* LTR */
webmaster@1 688 clear: right; /* LTR */
webmaster@1 689 padding-left: 1em; /* LTR */
webmaster@1 690 }
webmaster@1 691
webmaster@1 692 .new {
webmaster@1 693 color: #ffae00;
webmaster@1 694 font-size: 0.92em;
webmaster@1 695 font-weight: bold;
webmaster@1 696 float: right; /* LTR */
webmaster@1 697 }
webmaster@1 698
webmaster@1 699 .terms {
webmaster@1 700 float: right; /* LTR */
webmaster@1 701 }
webmaster@1 702
webmaster@1 703 .preview .node, .preview .comment, .sticky {
webmaster@1 704 margin: 0;
webmaster@1 705 padding: 0.5em 0;
webmaster@1 706 border: 0;
webmaster@1 707 background: 0;
webmaster@1 708 }
webmaster@1 709
webmaster@1 710 .sticky {
webmaster@1 711 padding: 1em;
webmaster@1 712 background-color: #fff;
webmaster@1 713 border: 1px solid #e0e5fb;
webmaster@1 714 margin-bottom: 2em;
webmaster@1 715 }
webmaster@1 716
webmaster@1 717 #comments {
webmaster@1 718 position: relative;
webmaster@1 719 top: -1px;
webmaster@1 720 border-bottom: 1px solid #e9eff3;
webmaster@1 721 margin: -1.5em -25px 0;
webmaster@1 722 padding: 0 25px;
webmaster@1 723 }
webmaster@1 724
webmaster@1 725 #comments h2.comments {
webmaster@1 726 margin: 0 -25px;
webmaster@1 727 padding: .5em 25px;
webmaster@1 728 background: #fff url(images/gradient-inner.png) repeat-x 0 0;
webmaster@1 729 }
webmaster@1 730
webmaster@1 731 .comment {
webmaster@1 732 margin: 0 -25px;
webmaster@1 733 padding: 1.5em 25px 1.5em;
webmaster@1 734 border-top: 1px solid #e9eff3;
webmaster@1 735 }
webmaster@1 736
webmaster@1 737 .indented {
webmaster@1 738 margin-left: 25px; /* LTR */
webmaster@1 739 }
webmaster@1 740
webmaster@1 741 .comment h3 a.active {
webmaster@1 742 color: #494949;
webmaster@1 743 }
webmaster@1 744
webmaster@1 745 .node .content, .comment .content {
webmaster@1 746 margin: 0.6em 0;
webmaster@1 747 }
webmaster@1 748
webmaster@1 749 /**
webmaster@1 750 * Aggregator.module
webmaster@1 751 */
webmaster@1 752 #aggregator {
webmaster@1 753 margin-top: 1em;
webmaster@1 754 }
webmaster@1 755 #aggregator .feed-item-title {
webmaster@1 756 font-size: 160%;
webmaster@1 757 line-height: 130%;
webmaster@1 758 }
webmaster@1 759 #aggregator .feed-item {
webmaster@1 760 border-bottom: 1px solid #e9eff3;
webmaster@1 761 margin: -1.5em -31px 1.75em;
webmaster@1 762 padding: 1.5em 31px;
webmaster@1 763 }
webmaster@1 764 #aggregator .feed-item-categories {
webmaster@1 765 font-size: 0.92em;
webmaster@1 766 }
webmaster@1 767 #aggregator .feed-item-meta {
webmaster@1 768 font-size: 0.92em;
webmaster@1 769 color: #898989;
webmaster@1 770 }
webmaster@1 771
webmaster@1 772 /**
webmaster@1 773 * Color.module
webmaster@1 774 */
webmaster@1 775 #palette .form-item {
webmaster@1 776 border: 1px solid #fff;
webmaster@1 777 }
webmaster@1 778 #palette .item-selected {
webmaster@1 779 background: #fff url(images/gradient-inner.png) repeat-x 0 0;
webmaster@1 780 border: 1px solid #d9eaf5;
webmaster@1 781 }
webmaster@1 782
webmaster@1 783 /**
webmaster@1 784 * Menu.module
webmaster@1 785 */
webmaster@1 786 tr.menu-disabled {
webmaster@1 787 opacity: 0.5;
webmaster@1 788 }
webmaster@1 789 tr.odd td.menu-disabled {
webmaster@1 790 background-color: #edf5fa;
webmaster@1 791 }
webmaster@1 792 tr.even td.menu-disabled {
webmaster@1 793 background-color: #fff;
webmaster@1 794 }
webmaster@1 795
webmaster@1 796 /**
webmaster@1 797 * Poll.module
webmaster@1 798 */
webmaster@1 799 .poll .bar {
webmaster@1 800 background: #fff url(images/bg-bar-white.png) repeat-x 0 0;
webmaster@1 801 border: solid #f0f0f0;
webmaster@1 802 border-width: 0 1px 1px;
webmaster@1 803 }
webmaster@1 804
webmaster@1 805 .poll .bar .foreground {
webmaster@1 806 background: #71a7cc url(images/bg-bar.png) repeat-x 0 100%;
webmaster@1 807 }
webmaster@1 808
webmaster@1 809 .poll .percent {
webmaster@1 810 font-size: .9em;
webmaster@1 811 }
webmaster@1 812
webmaster@1 813 /**
webmaster@1 814 * Autocomplete.
webmaster@1 815 */
webmaster@1 816 #autocomplete li {
webmaster@1 817 cursor: default;
webmaster@1 818 padding: 2px;
webmaster@1 819 margin: 0;
webmaster@1 820 }
webmaster@1 821
webmaster@1 822 /**
webmaster@1 823 * Collapsible fieldsets
webmaster@1 824 */
webmaster@1 825 fieldset {
webmaster@1 826 margin: 1em 0;
webmaster@1 827 padding: 1em;
webmaster@1 828 border: 1px solid #d9eaf5;
webmaster@1 829 background: #fff url(images/gradient-inner.png) repeat-x 0 0;
webmaster@1 830 }
webmaster@1 831
webmaster@1 832 /* Targets IE 7. Fixes background image in field sets. */
webmaster@1 833 *:first-child+html fieldset {
webmaster@1 834 padding: 0 1em 1em;
webmaster@1 835 background-position: 0 .75em;
webmaster@1 836 background-color: transparent;
webmaster@1 837 }
webmaster@1 838
webmaster@1 839 *:first-child+html fieldset > .description, *:first-child+html fieldset .fieldset-wrapper .description {
webmaster@1 840 padding-top: 1em;
webmaster@1 841 }
webmaster@1 842
webmaster@1 843 fieldset legend {
webmaster@1 844 /* Fix disappearing legend in FFox */
webmaster@1 845 display: block;
webmaster@1 846 }
webmaster@1 847
webmaster@1 848 *:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend {
webmaster@1 849 display: inline;
webmaster@1 850 }
webmaster@1 851
webmaster@1 852 html.js fieldset.collapsed {
webmaster@1 853 background: transparent;
webmaster@1 854 padding-top: 0;
webmaster@1 855 padding-bottom: .6em;
webmaster@1 856 }
webmaster@1 857
webmaster@1 858 html.js fieldset.collapsible legend a {
webmaster@1 859 padding-left: 2em; /* LTR */
webmaster@1 860 background: url(images/menu-expanded.gif) no-repeat 0% 50%; /* LTR */
webmaster@1 861 }
webmaster@1 862
webmaster@1 863 html.js fieldset.collapsed legend a {
webmaster@1 864 background: url(images/menu-collapsed.gif) no-repeat 0% 50%; /* LTR */
webmaster@1 865 }
webmaster@1 866
webmaster@1 867 /**
webmaster@1 868 * Syndication icons and block
webmaster@1 869 */
webmaster@1 870 #block-node-0 h2 {
webmaster@1 871 float: left; /* LTR */
webmaster@1 872 padding-right: 20px; /* LTR */
webmaster@1 873 }
webmaster@1 874
webmaster@1 875 #block-node-0 img, .feed-icon {
webmaster@1 876 float: right; /* LTR */
webmaster@1 877 padding-top: 4px;
webmaster@1 878 }
webmaster@1 879
webmaster@1 880 #block-node-0 .content {
webmaster@1 881 clear: right; /* LTR */
webmaster@1 882 }
webmaster@1 883
webmaster@1 884 /**
webmaster@1 885 * Login Block
webmaster@1 886 */
webmaster@1 887 #user-login-form {
webmaster@1 888 text-align: center;
webmaster@1 889 }
webmaster@1 890 #user-login-form ul {
webmaster@1 891 text-align: left; /* LTR */
webmaster@1 892 }
webmaster@1 893
webmaster@1 894 /**
webmaster@1 895 * User profiles.
webmaster@1 896 */
webmaster@1 897 .profile {
webmaster@1 898 margin-top: 1.5em;
webmaster@1 899 }
webmaster@1 900 .profile h3 {
webmaster@1 901 border-bottom: 0;
webmaster@1 902 margin-bottom: 1em;
webmaster@1 903 }
webmaster@1 904 .profile dl {
webmaster@1 905 margin: 0;
webmaster@1 906 }
webmaster@1 907 .profile dt {
webmaster@1 908 font-weight: normal;
webmaster@1 909 color: #898989;
webmaster@1 910 font-size: 0.92em;
webmaster@1 911 line-height: 1.3em;
webmaster@1 912 margin-top: 1.4em;
webmaster@1 913 margin-bottom: 0.45em;
webmaster@1 914 }
webmaster@1 915 .profile dd {
webmaster@1 916 margin-bottom: 1.6em;
webmaster@1 917 }
webmaster@1 918
webmaster@1 919 /**
webmaster@1 920 * Admin Styles
webmaster@1 921 */
webmaster@1 922 div.admin-panel,
webmaster@1 923 div.admin-panel .description,
webmaster@1 924 div.admin-panel .body,
webmaster@1 925 div.admin,
webmaster@1 926 div.admin .left,
webmaster@1 927 div.admin .right,
webmaster@1 928 div.admin .expert-link,
webmaster@1 929 div.item-list,
webmaster@1 930 .menu {
webmaster@1 931 margin: 0;
webmaster@1 932 padding: 0;
webmaster@1 933 }
webmaster@1 934
webmaster@1 935 div.admin .left {
webmaster@1 936 float: left; /* LTR */
webmaster@1 937 width: 48%;
webmaster@1 938 }
webmaster@1 939 div.admin .right {
webmaster@1 940 float: right; /* LTR */
webmaster@1 941 width: 48%;
webmaster@1 942 }
webmaster@1 943
webmaster@1 944 div.admin-panel {
webmaster@1 945 background: #fff url(images/gradient-inner.png) repeat-x 0 0;
webmaster@1 946 padding: 1em 1em 1.5em;
webmaster@1 947 }
webmaster@1 948 div.admin-panel .description {
webmaster@1 949 margin-bottom: 1.5em;
webmaster@1 950 }
webmaster@1 951 div.admin-panel dl {
webmaster@1 952 margin: 0;
webmaster@1 953 }
webmaster@1 954 div.admin-panel dd {
webmaster@1 955 color: #898989;
webmaster@1 956 font-size: 0.92em;
webmaster@1 957 line-height: 1.3em;
webmaster@1 958 margin-top: -.2em;
webmaster@1 959 margin-bottom: .65em;
webmaster@1 960 }
webmaster@1 961
webmaster@1 962 table.system-status-report th {
webmaster@1 963 border-color: #d3e7f4;
webmaster@1 964 }
webmaster@1 965
webmaster@1 966 #autocomplete li.selected, tr.selected td, tr.selected td.active {
webmaster@1 967 background: #027ac6;
webmaster@1 968 color: #fff;
webmaster@1 969 }
webmaster@1 970
webmaster@1 971 tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
webmaster@1 972 color: #d3e7f4;
webmaster@1 973 }
webmaster@1 974
webmaster@1 975 tr.taxonomy-term-preview {
webmaster@1 976 opacity: 0.5;
webmaster@1 977 }
webmaster@1 978
webmaster@1 979 tr.taxonomy-term-divider-top {
webmaster@1 980 border-bottom: none;
webmaster@1 981 }
webmaster@1 982
webmaster@1 983 tr.taxonomy-term-divider-bottom {
webmaster@1 984 border-top: 1px dotted #CCC;
webmaster@1 985 }
webmaster@1 986
webmaster@1 987 /**
webmaster@1 988 * CSS support
webmaster@1 989 */
webmaster@1 990
webmaster@1 991 /*******************************************************************
webmaster@1 992 * Color Module: Don't touch *
webmaster@1 993 *******************************************************************/
webmaster@1 994
webmaster@1 995 /**
webmaster@1 996 * Generic elements.
webmaster@1 997 */
webmaster@1 998 .messages {
webmaster@1 999 background-color: #fff;
webmaster@1 1000 border: 1px solid #b8d3e5;
webmaster@1 1001 }
webmaster@1 1002
webmaster@1 1003 .preview {
webmaster@1 1004 background-color: #fcfce8;
webmaster@1 1005 border: 1px solid #e5e58f;
webmaster@1 1006 }
webmaster@1 1007
webmaster@1 1008 div.status {
webmaster@1 1009 color: #33a333;
webmaster@1 1010 border-color: #c7f2c8;
webmaster@1 1011 }
webmaster@1 1012
webmaster@1 1013 div.error, tr.error {
webmaster@1 1014 color: #a30000;
webmaster@1 1015 background-color: #FFCCCC;
webmaster@1 1016 }
webmaster@1 1017
webmaster@1 1018 .form-item input.error, .form-item textarea.error {
webmaster@1 1019 border: 1px solid #c52020;
webmaster@1 1020 color: #363636;
webmaster@1 1021 }
webmaster@1 1022
webmaster@1 1023 /**
webmaster@1 1024 * dblog.module
webmaster@1 1025 */
webmaster@1 1026 tr.dblog-user {
webmaster@1 1027 background-color: #fcf9e5;
webmaster@1 1028 }
webmaster@1 1029
webmaster@1 1030 tr.dblog-user td.active {
webmaster@1 1031 background-color: #fbf5cf;
webmaster@1 1032 }
webmaster@1 1033
webmaster@1 1034 tr.dblog-content {
webmaster@1 1035 background-color: #fefefe;
webmaster@1 1036 }
webmaster@1 1037
webmaster@1 1038 tr.dblog-content td.active {
webmaster@1 1039 background-color: #f5f5f5;
webmaster@1 1040 }
webmaster@1 1041
webmaster@1 1042 tr.dblog-warning {
webmaster@1 1043 background-color: #fdf5e6;
webmaster@1 1044 }
webmaster@1 1045
webmaster@1 1046 tr.dblog-warning td.active {
webmaster@1 1047 background-color: #fdf2de;
webmaster@1 1048 }
webmaster@1 1049
webmaster@1 1050 tr.dblog-error {
webmaster@1 1051 background-color: #fbe4e4;
webmaster@1 1052 }
webmaster@1 1053
webmaster@1 1054 tr.dblog-error td.active {
webmaster@1 1055 background-color: #fbdbdb;
webmaster@1 1056 }
webmaster@1 1057 tr.dblog-page-not-found, tr.dblog-access-denied {
webmaster@1 1058 background: #d7ffd7;
webmaster@1 1059 }
webmaster@1 1060 tr.dblog-page-not-found td.active, tr.dblog-access-denied td.active {
webmaster@1 1061 background: #c7eec7;
webmaster@1 1062 }
webmaster@1 1063
webmaster@1 1064 /**
webmaster@1 1065 * Status report colors.
webmaster@1 1066 */
webmaster@1 1067 table.system-status-report tr.error, table.system-status-report tr.error th {
webmaster@1 1068 background-color: #fcc;
webmaster@1 1069 border-color: #ebb;
webmaster@1 1070 color: #200;
webmaster@1 1071 }
webmaster@1 1072 table.system-status-report tr.warning, table.system-status-report tr.warning th {
webmaster@1 1073 background-color: #ffd;
webmaster@1 1074 border-color: #eeb;
webmaster@1 1075 }
webmaster@1 1076 table.system-status-report tr.ok, table.system-status-report tr.ok th {
webmaster@1 1077 background-color: #dfd;
webmaster@1 1078 border-color: #beb;
webmaster@1 1079 }