[Summary view] [Print] [Text view]

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