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