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