themes/pushbutton/style.css

   1 /* $Id: style.css 144 2007-03-28 07:52:20Z thierry $ */
   2
   3 /*
   4 ** HTML elements
   5 */
   6 body  {
   7   color: #000;
   8   background-color: #fff;
   9   margin: 0;
  10   padding: 0;
  11 }
  12 body, p, td, li, ul, ol  {
  13   font-family: Verdana, Helvetica, Arial, sans-serif;
  14 }
  15 h1, h2, h3, h4, h5, h6 {
  16   font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, Verdana, sans-serif;
  17   margin: 0;
  18 }
  19 h1 {
  20   color: #369;
  21   font-size: 1.6em;
  22 }
  23 tr.odd td, tr.even td {
  24   padding: 0.3em;
  25 }
  26 a:link {
  27   text-decoration: none;
  28   font-weight: bold;
  29   color: #ff8c00;
  30 }
  31 a:visited {
  32   text-decoration: none;
  33   font-weight: bold;
  34   color: #c96;
  35 }
  36 a:hover, a:active {
  37   font-weight: bold;
  38   color: #ff4500;
  39   text-decoration: underline;
  40 }
  41 fieldset {
  42   border: 1px solid #ccc;
  43 }
  44 p {
  45   margin: 0 0 1.3em 0;
  46   padding: 0;
  47 }
  48 blockquote {
  49   border-left: 4px solid #69c;
  50   padding: 0 15px 0 15px;
  51   margin: 25px 100px 25px 50px;
  52   color: #696969;
  53   text-align: left;
  54   font-size: 1.2em;
  55   line-height: 1.3em;
  56   font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, Verdana, sans-serif;
  57 }
  58 pre {
  59   background-color: #eee;
  60   padding: 0.75em 1.5em;
  61   font-size: 1.2em;
  62   border: 1px solid #ddd;
  63 }
  64 .form-item {
  65   margin-top: 1em;
  66 }
  67 .form-item label {
  68   color: #369;
  69 }
  70 .item-list .title {
  71   color: #369;
  72   font-size: 0.85em;
  73 }
  74
  75 /*
  76 ** Page layout blocks / IDs
  77 */
  78 #primary-menu  {
  79   border-collapse: separate;
  80   background-color: #e0edfb;
  81   border-bottom: 3px solid #69c;
  82 }
  83 #primary-menu tr {
  84   background: transparent url(header-a.jpg) left bottom repeat;
  85 }
  86 td#home {
  87   background: transparent url(logo-background.jpg) left top repeat;
  88 }
  89 td#home a:link img, td#home a:visited img {
  90   background: transparent url(logo-active.jpg) repeat;
  91   width: 144px;
  92   height: 63px;
  93 }
  94 td#home a:hover img {
  95   background: transparent url(logo-hover.jpg) repeat;
  96   width: 144px;
  97   height: 63px;
  98 }
  99 .primary-links, .primary-links a:link, .primary-links a:visited {
 100   color: #369;
 101 }
 102 .primary-links a:hover {
 103   color: #000;
 104 }
 105 #primary-menu .primary-links   {
 106   background: transparent url(header-b.jpg) left top no-repeat;
 107   font-size: 0.79em;
 108 }
 109 #primary-menu .primary-links h1, #primary-menu .primary-links h2, #primary-menu .primary-links h3 {
 110   font-size: 2.3em;
 111   color: #369;
 112 }
 113 #secondary-menu {
 114   border-collapse: separate;
 115   background-color: #369;
 116   border-bottom: 3px solid #69c;
 117 }
 118 .secondary-links, .secondary-links a:link, .secondary-links a:visited  {
 119   color: #e4e9eb;
 120 }
 121 .secondary-links a:hover {
 122   color: #fff;
 123   text-decoration: underline;
 124 }
 125 #secondary-menu .secondary-links {
 126   font-size: 0.85em;
 127 }
 128 .tabs {
 129   margin: 15px 0 15px 0;
 130 }
 131 .tabs ul.primary {
 132   border-collapse: collapse;
 133   padding: 0 0 3px 10px;
 134   white-space: nowrap;
 135   list-style: none;
 136   margin: 0 0 0 0;
 137   height: auto;
 138   line-height: normal;
 139   border-bottom: 2px solid #336699;
 140 }
 141 .tabs ul.primary li {
 142   display: inline;
 143 }
 144 .tabs ul.primary li a {
 145   padding: 3px 10px 3px 10px;
 146   background: #fff url(tabs-off.png) left top no-repeat;
 147   border-color: #6699CC;
 148   border-width: 2px;
 149   border-style: none solid none none;
 150   height: auto;
 151   margin-right: 10px;
 152   text-decoration: none;
 153   text-transform: lowercase;
 154 }
 155 .tabs ul.primary li.active a {
 156   background: #336699 url(tabs-on.png) left top no-repeat;
 157   border-right: 2px solid #336699;
 158   color: #fff;
 159 }
 160 .tabs ul.primary li a:hover {
 161   background-color: #fffaf0;
 162   color: #ff4500;
 163 }
 164 .tabs ul.secondary {
 165   border-collapse: collapse;
 166   padding: 10px 0 10px 0;
 167   margin: 0 0 0 0;
 168   white-space: nowrap;
 169   width: 100%;
 170   list-style: none;
 171   height: auto;
 172   line-height: normal;
 173   border-bottom: none;
 174 }
 175 .tabs ul.secondary li {
 176   display: inline;
 177   height: auto;
 178   padding: 0 0 0 10px;
 179   text-decoration: none;
 180   border-right: none;
 181 }
 182 .tabs ul.secondary li a {
 183   background: #fff url(tabs-option-off.png) left center no-repeat;
 184   padding: 10px 0 10px 25px;
 185   margin: 0 0 0 0;
 186 }
 187 .tabs ul.secondary li a.active {
 188   background: #fff url(tabs-option-on.png) left center no-repeat;
 189   color: #369;
 190   border-bottom: none;
 191 }
 192 .tabs ul.secondary li a:hover {
 193   background: #fff url(tabs-option-hover.png) left center no-repeat;
 194   color: #FF4500
 195 }
 196 #content {
 197   background-color: #fff;
 198 }
 199 #contentstart {
 200   background-color: #fff;
 201 }
 202 #menu {
 203   padding: 0.5em 0.5em 0 0.5em;
 204   text-align: right;
 205   vertical-align: middle;
 206 }
 207 #search .form-text, #search .form-submit {
 208   border: 1px solid #369;
 209   font-size: 0.85em;
 210   margin: 0.2em;
 211 }
 212 #search .form-text {
 213   width: 9em;
 214 }
 215 #search .form-submit {
 216   height: 1.5em;
 217 }
 218 #mission {
 219   background-color: #fff;
 220   color: #696969;
 221   border-top: 2px solid #dcdcdc;
 222   border-bottom: 2px solid #dcdcdc;
 223   padding: 10px 10px 10px 10px;
 224   margin: 20px 35px 0 35px;
 225   font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, Verdana, sans-serif;
 226   font-size: 1.1em;
 227   font-weight: normal;
 228 }
 229 #site-info {
 230   background-color: #bdd3ea;
 231   background-image: url('header-c.png');
 232   font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, Verdana, sans-serif;
 233 }
 234 .site-name {
 235   font-size: 1.2em;
 236 }
 237 .site-name a:link, .site-name a:visited {
 238   color: #fff;
 239 }
 240 .site-name a:hover {
 241   color: #ff8c00;
 242   text-decoration: none;
 243 }
 244 .site-slogan {
 245   font-size: 0.8em;
 246   font-weight: bold;
 247 }
 248 #main {
 249   /* padding in px not ex because IE messes up 100% width tables otherwise */
 250   padding: 30px 35px 50px 35px;
 251   background: transparent url(background.png) center center no-repeat;
 252   /* fix background overlapping text in IE (aka Peekaboo Bug) */
 253   position: relative;
 254 }
 255 #mission, .node .content, .comment .content {
 256   line-height: 1.4;
 257 }
 258 #help {
 259   font-size: 0.9em;
 260   margin-bottom: 1em;
 261 }
 262 .breadcrumb {
 263   margin-bottom: .5em;
 264 }
 265 .messages {
 266   background-color: #eee;
 267   border: 1px solid #ccc;
 268   padding: 0.3em;
 269   margin-bottom: 1em;
 270 }
 271 .error {
 272   border-color: red;
 273 }
 274 .nav {
 275   padding: 0;
 276   margin: 0;
 277 }
 278 #sidebar-left, #sidebar-right {
 279   font-size: 0.75em;
 280   width: 175px;
 281   /* padding in px not ex because IE messes up 100% width tables otherwise */
 282   padding: 25px 10px 75px 10px;
 283   vertical-align: top;
 284   background: #FFFAF0;
 285 }
 286 #sidebar-left {
 287   border-right: 3px solid #f5f5f5;
 288 }
 289 #sidebar-right {
 290   border-left: 3px solid #f5f5f5;
 291 }
 292 #sidebar-left li, #sidebar-right li {
 293   font-size: 1em;
 294 }
 295 .node .content {
 296   text-align: left;
 297   font-size: 0.85em;
 298   line-height: 1.3;
 299 }
 300 .comment .content {
 301   text-align: left;
 302   font-size: 0.85em;
 303   line-height: 1.3;
 304 }
 305 #footer-message {
 306   padding: 15px 100px 30px 100px;
 307   font-size: 0.85em;
 308   text-align: center;
 309   color: #aaa;
 310 }
 311 table#footer-menu {
 312   border-top: 3px solid #6699cc;
 313   border-bottom: 3px solid #6699cc;
 314   background-color: #369;
 315   color: #e4e9eb;
 316 }
 317 #footer-menu td {
 318   padding: 5px;
 319   font-size: 0.75em;
 320 }
 321 #footer-menu .primary-links, #footer-menu a:link, #footer-menu a:visited  {
 322   color: #e4e9eb;
 323 }
 324 #footer-menu a:hover  {
 325   color: #fff;
 326   text-decoration: underline;
 327 }
 328 #footer-menu .primary-links h1, #footer-menu .primary-links h2, #footer-menu .primary-links h3 {
 329   font-size: 1.3em;
 330   color: #e4e9eb;
 331 }
 332 /*
 333 ** Common declarations for child classes of node, comment, block, box, etc.
 334 ** If you want any of them styled differently for a specific parent, add
 335 ** additional rules /with only the differing properties!/ to .parent .class.
 336 ** See .comment .title for an example.
 337 */
 338 #content .title, #content .title a {
 339   color: #369;
 340 }
 341 .content h1 {
 342   color: #369;
 343   font-size: 1.9em;
 344 }
 345 .content h2 {
 346   color: #58b;
 347   font-size: 1.7em;
 348 }
 349 .content h3 {
 350   color: #69c;
 351   font-size: 1.5em;
 352 }
 353 .content h4 {
 354   color: #8be;
 355   font-size: 1.3em;
 356 }
 357 .content h5 {
 358   color: #96c6f6;
 359   font-size: 1.15em;
 360 }
 361 .submitted {
 362   color: #999;
 363   font-size: 0.79em;
 364 }
 365 .links {
 366   color: #ff8c00;
 367   font-size: 0.8em;
 368   padding: 0;
 369   margin: 0;
 370 }
 371 .links a {
 372   font-weight: bold;
 373 }
 374 .box {
 375   padding: 0 0 1.5em 0;
 376 }
 377 .box {
 378   padding: 0;
 379   margin: 0;
 380 }
 381 .box h2 {
 382   font-size: 9px;
 383 }
 384 .block .title h3 {
 385   border-bottom: 2px solid #6699cc;
 386   color: #369;
 387   font-size: 18px;
 388   font-weight: bold;
 389   padding: 10px 5px 10px 30px;
 390   margin-bottom: .25em;
 391   background: transparent url(icon-block.png) left center no-repeat;
 392 }
 393 .block .content {
 394   padding: 5px 5px 5px 5px;
 395 }
 396 .block {
 397   margin-bottom: 1.5em;
 398 }
 399 .box .title {
 400   font-size: 1.1em;
 401 }
 402 .node {
 403   margin: .5em 0 2.5em 0;
 404 }
 405 .node .content, .comment .content {
 406   margin: .5em 0 .5em 0;
 407 }
 408 .node .taxonomy {
 409   color: #999;
 410   font-size: 0.83em;
 411   padding: 1.5em;
 412 }
 413 .node .picture {
 414   border: 1px solid #fff;
 415   float: right;
 416   margin: 0.5em;
 417 }
 418 .comment {
 419   border: 1px solid #abc;
 420   padding: .5em;
 421   margin-bottom: 1em;
 422 }
 423 .comment .title {
 424   font-size: 1em;
 425   padding: 10px 0 12px 19px;
 426   background: transparent url(icon-comment.png) left center no-repeat;
 427 }
 428 .comment .new {
 429   font-weight: bold;
 430   font-size: 1em;
 431   margin-left: 2px;
 432   color: red;
 433 }
 434 .comment .picture {
 435   border: 1px solid #fff;
 436   float: right;
 437   margin: 10px;
 438 }
 439 .links {
 440   font-size: 0.75em;
 441 }
 442 .links .prev, .links .next, .links .up {
 443   font-size: 1.15em;
 444 }
 445 .titles .prev, .titles .next  {
 446   font-size: 0.85em;
 447   font-weight: bold;
 448   color: #444;
 449 }
 450 .hide {
 451   display: none
 452 }
 453 .nav .links .next a:link {
 454   padding: 17px 17px 17px 0;
 455   background: transparent url(arrow-next.png) right center no-repeat;
 456 }
 457 .nav .links .next a:visited {
 458   padding: 17px 17px 17px 0;
 459   background: transparent url(arrow-next-visited.png) right center no-repeat;
 460 }
 461 .nav .links .next a:hover {
 462   padding: 17px 17px 17px 0;
 463   background: transparent url(arrow-next-hover.png) right center no-repeat;
 464 }
 465 .nav .links .prev a:link {
 466   padding: 17px 0 17px 17px;
 467   background: transparent url(arrow-prev.png) left center no-repeat;
 468 }
 469 .nav .links .prev a:visited {
 470   padding: 17px 0 17px 17px;
 471   background: transparent url(arrow-prev-visited.png) left center no-repeat;
 472 }
 473 .nav .links .prev a:hover {
 474   padding: 17px 0 17px 17px;
 475   background: transparent url(arrow-prev-hover.png) left center no-repeat;
 476 }
 477 .nav .links .up a:link {
 478   padding: 11px 0 17px 0;
 479   background: transparent url(arrow-up.png) center top no-repeat;
 480 }
 481 .nav .links .up a:visited {
 482   padding: 11px 0 17px 0;
 483   background: transparent url(arrow-up-visited.png) center top no-repeat;
 484 }
 485 .nav .links .up a:hover {
 486   padding: 11px 0 17px 0;
 487   background: transparent url(arrow-up-hover.png) center top no-repeat;
 488 }
 489
 490 /*
 491 ** Module specific styles
 492 */
 493 .content .active {
 494   color: #369;
 495 }
 496 #aggregator .feed-source {
 497   background-color: #eee;
 498   border: 1px solid #ccc;
 499   padding: 1em;
 500   margin: 1em 0 1em 0;
 501 }
 502 #aggregator .news-item .source {
 503   color: #999;
 504   font-style: italic;
 505   font-size: 0.85em;
 506 }
 507 #aggregator .title {
 508   font-size: 1em;
 509 }
 510 #aggregator h3 {
 511   margin-top: 1em;
 512 }
 513 #tracker th {
 514   text-align: center;
 515   background-color: #f5f5f5;
 516   border-bottom: 1px solid #ddd;
 517   border-right: 1px solid #ddd;
 518   border-left: 1px solid #fafafa;
 519 }
 520 #tracker th img {
 521   float: right;
 522 }
 523 #tracker tr.even, #tracker tr.odd {
 524   background-color: #fff;
 525 }
 526 #tracker td {
 527   vertical-align: top;
 528   padding: 1em 1em 1em 0;
 529   border-bottom: 1px solid #bbb;
 530 }
 531 #forum {
 532   margin: 15px 0 15px 0;
 533   background-color: #fff;
 534 }
 535 #forum table {
 536   width: 100%;
 537   border: 2px solid #69c;
 538 }
 539 #forum table tr th {
 540   text-align: center;
 541   background: #69c;
 542   color: #fff;
 543   font-size: 0.75em;
 544   border-bottom: 1px solid #aaa;
 545 }
 546 #forum table tr th a  {
 547   color: #fff;
 548   text-decoration: underline;
 549 }
 550 #forum table tr th img  {
 551   margin: 0;
 552 }
 553 #forum tr.odd {
 554   background: #e0edfb;
 555 }
 556 #forum tr.even {
 557   background: #fff;
 558 }
 559 #forum td {
 560   padding: 0.5em 0.5em 0.5em 0.5em;
 561 }
 562 #forum td.container {
 563   color: #000;
 564   background: #369 url(forum-container.jpg) right top no-repeat;
 565   border: 2px solid #69c;
 566 }
 567 #forum td.container a {
 568   color: #e4e9eb;
 569   padding: 20px 0 20px 35px;
 570   background: transparent url(forum-link.png) left center no-repeat;
 571 }
 572 #forum td.container a:visited {
 573   color: #e4e9eb;
 574 }
 575 #forum td.statistics, #forum td.settings, #forum td.pager {
 576   height: 1.5em;
 577   border: 1px solid #bbb;
 578 }
 579 #forum td .name {
 580   color: #96c;
 581 }
 582 #forum td .links {
 583   padding-top: 0.7em;
 584   font-size: 0.9em;
 585 }
 586 .block-forum h3 {
 587   margin-bottom: .5em;
 588 }
 589 .calendar a {
 590   text-decoration: none;
 591 }
 592 .calendar td, .calendar th {
 593   padding: 0.4em 0;
 594   border-color: #888;
 595 }
 596 .calendar .row-week td a {
 597   padding: 0.4em 0;
 598 }
 599 .calendar .day-today {
 600   background-color: #69c;
 601 }
 602 .calendar .day-today a {
 603   color: #fff;
 604 }
 605 .calendar .day-selected {
 606   background-color: #369;
 607   color: #fff;
 608 }
 609 .calendar .header-week {
 610   background-color: #ccc;
 611 }
 612 .calendar .day-blank {
 613   background-color: #ccc;
 614 }
 615 .calendar .row-week td a:hover {
 616   background-color: #fff; color: #000;
 617 }