themes/Hawaiian/Hawaiian.css

   1 /**
   2  * This incarnation of this stylesheet is a complete rewrite from the
   3  * ground up.
   4  *
   5  * Mozilla's "DOM Inspector" Sidebar was an invaluable troubleshooting
   6  * tool for mapping the more complex CSS node selectors, such as those
   7  * used to reference the various CalendarPlugin elements.
   8  */
   9
  10 /**
  11  * General
  12  */
  13 img {
  14     border: 0;
  15     vertical-align: baseline;
  16 }
  17
  18 form {
  19     margin: 0;
  20 }
  21
  22 input {
  23     margin: 0.1em;
  24 }
  25
  26 input.numeric {
  27     text-align: right;
  28 }
  29
  30 table {
  31     border-spacing: 1px;
  32     /* For Mozilla */
  33     empty-cells: show;
  34 }
  35
  36 caption {
  37     caption-side: top;
  38     text-align: left;
  39     margin-bottom: .5ex;
  40     /* Allow the caption to extend to the full page width */
  41     width: 100%;
  42 }
  43
  44 /* generic classes ----------------------------------------------- */
  45
  46 .tt {
  47     font-family: monospace;
  48 }
  49
  50 .strike {
  51     text-decoration: line-through;
  52 }
  53
  54 .align-left {
  55     text-align: left;
  56 }
  57
  58 .align-right {
  59     text-align: right;
  60 }
  61
  62 .align-center {
  63     text-align: center;
  64 }
  65
  66 .top {
  67     vertical-align: top;
  68 }
  69
  70 .nowrap {
  71     white-space: nowrap;
  72 }
  73
  74 .fullwidth {
  75     width: 100%;
  76 }
  77
  78 /* --------------------------------------------------------------- */
  79
  80 /**
  81  * Wiki
  82  */
  83
  84 /* Main wiki text box */
  85 body {
  86     color: black;
  87     background-color: white;
  88     background-image: url("images/uhhbackground.jpg");
  89     background-repeat: repeat;
  90     font-family: Arial, Helvetica, sans-serif;
  91     margin: 1ex 0.5em;
  92 }
  93
  94 body p {
  95     margin-left: 1em;
  96 }
  97
  98 #logo img {
  99     border: 1px outset gray;
 100     margin-left: 1em;
 101     margin-bottom: 1ex;
 102 }
 103
 104 img#signature {
 105     background-color: white;
 106     border: 1px outset gray;
 107     padding-left: 8px;
 108     padding-right: 8px;
 109     padding-top: 8px;
 110     padding-bottom: 14px;
 111 }
 112
 113 div.wikitext {
 114     margin-top: 1ex;
 115     margin-bottom: 0.5ex;
 116     padding-left: 0.8em;
 117     padding-right: 0.8em;
 118     padding-top: 0.5ex;
 119     padding-bottom: 0.5ex;
 120     clear: both;
 121 }
 122
 123 div.wikitext hr {
 124     height: 1px;
 125 }
 126
 127 div.wikitext pre {
 128     font-family: monospace;
 129 }
 130
 131 /* Mozilla RecentChanges Sidebar */
 132 body.sidebar {
 133     font-size: smaller;
 134     margin: 0.5em;
 135 }
 136
 137 body.sidebar div.wikitext {
 138     padding: 0.5em;
 139 }
 140
 141 body.sidebar div.wikitext ul {
 142     padding-left: 1em;
 143 }
 144
 145 body.sidebar h2 {
 146     margin-top: 0;
 147 }
 148
 149 /**
 150  * Link styles
 151  */
 152 .wiki, .named-wiki {
 153     font-weight: bold;
 154     color: #87785c;
 155 }
 156
 157 .wiki {
 158     text-decoration: none;
 159 }
 160
 161 .named-wiki {
 162     text-decoration: underline;
 163 }
 164
 165 /**
 166  * wikiaction, wikiadmin, wikiunsafe:
 167  */
 168 .wikiaction, .wikiadmin, .wiki-rc-action, .backlinks {
 169     text-decoration: none;
 170 }
 171
 172 .wikiaction, .wikiadmin {
 173     font-weight: bold;
 174 }
 175
 176 .wikiaction, .wikiaction table, span.wikiaction {
 177     color: #4d5a6b;
 178 }
 179
 180 .wikiadmin, .wikiadmin table {
 181     color: #ff7e00;
 182 }
 183
 184 .wikiunsafe {
 185 }
 186
 187 .backlinks {
 188     color: #1d4fc0;
 189 }
 190
 191 h1 .backlinks {
 192     text-decoration: underline;
 193 }
 194
 195 /* Unknown links */
 196 .wikiunknown a, .named-wikiunknown a, .wikiunknown u {
 197     color: #a6977a;
 198 }
 199
 200 /* Interwiki links */
 201 .wikipage {
 202     font-weight: bold;
 203 }
 204
 205 .interwiki {
 206     text-decoration: none;
 207 }
 208
 209 .interwiki, i.interwiki .wikipage, em .interwiki .wikipage {
 210     font-style: oblique;
 211 }
 212
 213 .interwiki .wikipage, i .interwiki, em .interwiki {
 214     font-style: normal;
 215 }
 216
 217 /**
 218  * headings
 219  */
 220 h1, h2, h3, h4, h5, h6 {
 221     font-family: Arial, Helvetica, sans-serif;
 222 }
 223
 224 h1 {
 225     margin: 0;
 226 }
 227
 228 /**
 229  * tables
 230  */
 231 caption {
 232     font-family: Arial, Helvetica, sans-serif;
 233 }
 234
 235 .pagelist {
 236 }
 237
 238 .pagelist thead, .pagelist thead u {
 239 }
 240
 241 .pagelist tr.evenrow {
 242     background-color: #eee;
 243 }
 244
 245 .pagelist tr.oddrow {
 246     background-color: white;
 247 }
 248
 249 th.gridbutton {
 250     background-color: ThreeDLightShadow;
 251     color: black;
 252     font-family: Tahoma, Arial, Helvetica, sans-serif;
 253     font-size: small;
 254     font-weight: normal;
 255     margin: 5px 0;
 256     white-space: nowrap;
 257     max-height: 24px;
 258     padding: 5px 0 5px 0;
 259     border-width: 1px;
 260     border-style: solid;
 261     border-color: ThreeDHighlight ThreeDDarkShadow ThreeDDarkShadow ThreeDHighlight;
 262 }
 263
 264 input.gridbutton, a.gridbutton, a:hover.gridbutton, a:visited.gridbutton {
 265     text-decoration: none;
 266     font-size: small;
 267     font-weight: normal;
 268     font-family: Tahoma, Arial, Helvetica, sans-serif;
 269     background-color: ThreeDLightShadow;
 270     color: black;
 271 }
 272
 273 /**
 274  * Toolbar
 275  */
 276 .toolbar, input.button {
 277     font-family: Arial, Helvetica, sans-serif;
 278 }
 279
 280 .toolbar {
 281     padding: 0;
 282     margin: 0;
 283 }
 284
 285 /* Prevent buttons from overlapping when wrapped */
 286 #navbar, #actionbar {
 287     line-height: 140%;
 288 }
 289
 290 .editdate {
 291     font-family: Arial, Helvetica, sans-serif;
 292     margin: 0;
 293     padding: 0;
 294     padding-top: 0.25ex;
 295 }
 296
 297 /**
 298  * Edit Page & View Source
 299  */
 300
 301 /* Make the textarea the full page width */
 302 .wikiedit {
 303     width: 100%;
 304     margin-bottom: 0.5ex;
 305     margin-top: 0.5ex;
 306     padding: 2px;
 307 }
 308
 309 input.button {
 310     font-family: Arial, Helvetica, sans-serif;
 311 }
 312
 313 #editarea-size {
 314     margin-top: 1ex;
 315     text-align: right;
 316     font-size: smaller;
 317 }
 318
 319 /* IncludePage plugin ================================================= */
 320
 321 .transclusion-title {
 322     text-align: right;
 323     font-style: oblique;
 324     font-size: smaller;
 325     text-decoration: underline;
 326     margin-bottom: 0.25ex;
 327     margin-right: 0.25em;
 328 }
 329
 330 .transclusion, .wiki-edithelp {
 331     font-size: smaller;
 332 }
 333
 334 .transclusion {
 335     background: inherit;
 336     border: 1px dotted #a6977a;
 337     padding-left: 0.8em;
 338     padding-right: 0.8em;
 339     padding-top: 0;
 340     padding-bottom: 0;
 341     margin-left: 0.25em;
 342     margin-right: 0.25em;
 343     margin-bottom: 0.1ex;
 344 }
 345
 346 .wiki-edithelp {
 347     border: medium solid #d8caae;
 348     padding-left: 0.5em;
 349     padding-right: 0.5em;
 350     padding-top: 0.75ex;
 351     padding-bottom: 0.75ex;
 352     margin-left: 0;
 353     margin-right: 0;
 354     margin-top: 1ex;
 355     margin-bottom: 1ex;
 356 }
 357
 358 .wiki-edithelp .wiki {
 359     color: #87785c;
 360 }
 361
 362 .wiki-edithelp p {
 363     font-family: Arial, Helvetica, sans-serif;
 364     padding-left: 0.5em;
 365     padding-right: 0.5em;
 366     padding-top: 0.5ex;
 367     padding-bottom: 0.5ex;
 368     margin: 0;
 369 }
 370
 371 /**
 372  * Calendar plugin
 373  */
 374 table.cal {
 375     border: 1px outset gray;
 376     margin: 0.5ex 0.5em;
 377     padding: 1px;
 378     /* For Mozilla */
 379     empty-cells: hide;
 380 }
 381
 382 /* Month-name & arrows area */
 383 table.cal thead {
 384 }
 385
 386 table.cal table.cal-header td {
 387     padding-top: 110px;
 388 }
 389
 390 table.cal thead tr:first-child {
 391     background-image: url("images/pictures/SteamVolcanoDusk.jpg");
 392     background-repeat: no-repeat;
 393     background-position: center;
 394     font-size: larger;
 395 }
 396
 397 /* Month-name & arrows cells */
 398 table.cal table.cal-header td {
 399     text-align: center;
 400     color: white;
 401     background-color: transparent;
 402     border: 0;
 403 }
 404
 405 /* arrow text */
 406 .cal-arrow {
 407     text-decoration: none;
 408     color: white;
 409     font-weight: bold;
 410 }
 411
 412 /* Day-names header */
 413 table.cal tr .cal-dayname {
 414     background: inherit;
 415 }
 416
 417 .cal-dayname td {
 418     text-align: center;
 419     font-size: smaller;
 420     text-decoration: none;
 421     color: black;
 422     padding-bottom: 0.5ex;
 423 }
 424
 425 /* Individual days */
 426 /* cells */
 427 table.cal tbody td {
 428     border: 0.5pt solid #ddd;
 429     background-color: white;
 430     text-align: right;
 431 }
 432
 433 /* text */
 434 a.cal-hide {
 435     text-decoration: none;
 436     color: black;
 437     font-weight: normal;
 438 }
 439
 440 /* Today */
 441 /* cell */
 442 table.cal td.cal-today {
 443     margin: 1px;
 444     background-color: white;
 445     border: 0.5pt solid black;
 446 }
 447
 448 /* text */
 449 table.cal td.cal-today a {
 450     color: blue;
 451 }
 452
 453 /* Day with a data page */
 454 /* cell */
 455 table.cal td.cal-day {
 456     margin: 1px;
 457     background-color: white;
 458     border: 0.5pt solid black;
 459 }
 460
 461 /* text */
 462 table.cal td.cal-day a {
 463     color: red;
 464     text-decoration: none;
 465 }
 466
 467 /**
 468  * Diff Output
 469  */
 470
 471 /* main box */
 472 .diff .block {
 473     background-color: #ccc;
 474     padding: 0.5ex 0.5em;
 475     margin: 0.5ex 0;
 476 }
 477
 478 /* individual lines */
 479 .diff .context {
 480     background-color: white;
 481 }
 482
 483 /* + - line prefix */
 484 .diff .block tt {
 485     font-weight: bold;
 486     font-family: monospace;
 487     margin-left: -.6em;
 488     color: black;
 489 }
 490
 491 .diff del, .diff ins {
 492     font-weight: bold;
 493     text-decoration: none;
 494 }
 495
 496 .diff .original, .diff .deleted {
 497     background-color: #fcc;
 498 }
 499
 500 .diff .final, .diff .added {
 501     background-color: #cfc;
 502 }
 503
 504 .diff del {
 505     background-color: #f99;
 506 }
 507
 508 .diff ins {
 509     background-color: #9f9;
 510 }
 511
 512 /**
 513  * Other
 514  */
 515 .printer {
 516     display: none;
 517 }
 518
 519 div.error {
 520     color: black;
 521     border: medium solid #d8caae;
 522     margin-top: 1em;
 523     margin-bottom: 1em;
 524     padding-left: 0.8em;
 525     padding-right: 0.8em;
 526     padding-top: 0.8ex;
 527     padding-bottom: 0;
 528     font-size: smaller;
 529     clear: both;
 530 }
 531
 532 /* Debug */
 533 .debug {
 534     color: black;
 535     font-family: monospace;
 536     margin: 1ex 0;
 537     padding: 0.5ex 0.5em;
 538     border: medium solid #d8caae;
 539 }
 540
 541 .clear-floats {
 542     clear: both;
 543 }
 544
 545 /**
 546  * Search Results
 547  */
 548 .search-context {
 549     background-color: white;
 550     font-style: oblique;
 551 }
 552
 553 .search-term {
 554     background-color: yellow;
 555     font-weight: normal;
 556 }
 557
 558 #LSResult {
 559     position: absolute;
 560     text-align: left;
 561     display: none;
 562     z-index: 100;
 563     background-color: white;
 564     border: 1px solid #d0d0d0;
 565     font-size: 9px;
 566     overflow: hidden;
 567 }
 568
 569 #LSHighlight {
 570     background-color: #f08000;
 571 }
 572
 573 #LSResult .evenrow {
 574     background-color: #f0f0f0;
 575 }
 576
 577 .toolbar, div.toolbar {
 578     margin: 0.5ex 0;
 579 }
 580
 581 /* Link icons */
 582 img.linkicon {
 583     vertical-align: middle;
 584 }
 585
 586 div.wikitext {
 587     width: auto;
 588     background-image: url("images/tchecker-white.png");
 589     background-repeat: repeat;
 590 }
 591
 592 .wiki-edithelp {
 593     background-image: url("images/tchecker-sand.png");
 594     background-repeat: repeat;
 595 }
 596
 597 .wiki-edithelp p {
 598     background-image: url("images/tchecker-white.png");
 599     background-repeat: repeat;
 600 }
 601
 602 /**
 603  * Diff Output
 604  */
 605 .diff .block div {
 606     position: relative;
 607     padding-left: 1.5em;
 608 }
 609
 610 .diff .prefix {
 611     position: absolute;
 612     left: 0.5em;
 613     top: 0;
 614 }
 615
 616 /**
 617  * Other
 618  */
 619 .debug {
 620     background-image: url("images/tchecker-sand.png");
 621     background-repeat: repeat;
 622 }
 623
 624 /* WikicreoleTable, MediawikiTable and RichTable plugins ============== */
 625
 626 /*
 627  * table class="boxed"
 628  * will put a border around the table (but not around the cells)
 629  *
 630  * table class="bordered"
 631  * will put a border around the table and the cells
 632  *
 633  * In both cases, the caption will be bold and centered under the table
 634  *
 635  * In both cases, the headers (th) will have a "#d8d8d8" background
 636  */
 637
 638 table.boxed, table.bordered, table.bordered th, table.bordered td {
 639     border-width: 1px;
 640     border-style: solid;
 641     border-collapse: collapse;
 642     vertical-align: top;
 643 }
 644
 645 table.boxed td, table.bordered td,
 646 table.boxed th, table.bordered th {
 647     padding-left: 5px;
 648     padding-right: 5px;
 649     padding-top: 0;
 650     padding-bottom: 0;
 651 }
 652
 653 table.boxed caption, table.bordered caption {
 654     text-align: center;
 655     font-weight: bold;
 656     caption-side: bottom;
 657     padding-top: 0.8em;
 658 }
 659
 660 table.boxed th, table.bordered th {
 661     font-weight: bold;
 662     background-color: #d8d8d8;
 663 }
 664
 665 /* For emacs users
 666  *
 667  * Local Variables:
 668  * mode: c
 669  * c-file-style: cc-mode
 670  * End:
 671  */