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 img.toolbar:hover {
 300     cursor: pointer;
 301 }
 302
 303 /* Prevent buttons from overlapping when wrapped */
 304 #navbar, #actionbar {
 305     line-height: 140%;
 306 }
 307
 308 .editdate {
 309     font-family: Arial, Helvetica, sans-serif;
 310     margin: 0;
 311     padding: 0;
 312     padding-top: 0.25ex;
 313 }
 314
 315 /**
 316  * Edit Page & View Source
 317  */
 318
 319 /* Make the textarea the full page width */
 320 .wikiedit {
 321     width: 100%;
 322     margin-bottom: 0.5ex;
 323     margin-top: 0.5ex;
 324     padding: 2px;
 325 }
 326
 327 input.button {
 328     font-family: Arial, Helvetica, sans-serif;
 329 }
 330
 331 #editarea-size {
 332     margin-top: 1ex;
 333     text-align: right;
 334     font-size: smaller;
 335 }
 336
 337 /* IncludePage plugin ================================================= */
 338
 339 .transclusion-title {
 340     text-align: right;
 341     font-style: oblique;
 342     font-size: smaller;
 343     text-decoration: underline;
 344     margin-bottom: 0.25ex;
 345     margin-right: 0.25em;
 346 }
 347
 348 .transclusion, .wiki-edithelp {
 349     font-size: smaller;
 350 }
 351
 352 .transclusion {
 353     background: inherit;
 354     border: 1px dotted #a6977a;
 355     padding-left: 0.8em;
 356     padding-right: 0.8em;
 357     padding-top: 0;
 358     padding-bottom: 0;
 359     margin-left: 0.25em;
 360     margin-right: 0.25em;
 361     margin-bottom: 0.1ex;
 362 }
 363
 364 .wiki-edithelp {
 365     border: medium solid #d8caae;
 366     padding-left: 0.5em;
 367     padding-right: 0.5em;
 368     padding-top: 0.75ex;
 369     padding-bottom: 0.75ex;
 370     margin-left: 0;
 371     margin-right: 0;
 372     margin-top: 1ex;
 373     margin-bottom: 1ex;
 374 }
 375
 376 .wiki-edithelp .wiki {
 377     color: #87785c;
 378 }
 379
 380 .wiki-edithelp p {
 381     font-family: Arial, Helvetica, sans-serif;
 382     padding-left: 0.5em;
 383     padding-right: 0.5em;
 384     padding-top: 0.5ex;
 385     padding-bottom: 0.5ex;
 386     margin: 0;
 387 }
 388
 389 /**
 390  * Calendar plugin
 391  */
 392 table.cal {
 393     border: 1px outset gray;
 394     margin: 0.5ex 0.5em;
 395     padding: 1px;
 396     /* For Mozilla */
 397     empty-cells: hide;
 398 }
 399
 400 /* Month-name & arrows area */
 401 table.cal thead {
 402 }
 403
 404 table.cal table.cal-header td {
 405     padding-top: 110px;
 406 }
 407
 408 table.cal thead tr:first-child {
 409     background-image: url("images/pictures/SteamVolcanoDusk.jpg");
 410     background-repeat: no-repeat;
 411     background-position: center;
 412     font-size: larger;
 413 }
 414
 415 /* Month-name & arrows cells */
 416 table.cal table.cal-header td {
 417     text-align: center;
 418     color: white;
 419     background-color: transparent;
 420     border: 0;
 421 }
 422
 423 /* arrow text */
 424 .cal-arrow {
 425     text-decoration: none;
 426     color: white;
 427     font-weight: bold;
 428 }
 429
 430 /* Day-names header */
 431 table.cal tr .cal-dayname {
 432     background: inherit;
 433 }
 434
 435 .cal-dayname td {
 436     text-align: center;
 437     font-size: smaller;
 438     text-decoration: none;
 439     color: black;
 440     padding-bottom: 0.5ex;
 441 }
 442
 443 /* Individual days */
 444 /* cells */
 445 table.cal tbody td {
 446     border: 0.5pt solid #ddd;
 447     background-color: white;
 448     text-align: right;
 449 }
 450
 451 /* text */
 452 a.cal-hide {
 453     text-decoration: none;
 454     color: black;
 455     font-weight: normal;
 456 }
 457
 458 /* Today */
 459 /* cell */
 460 table.cal td.cal-today {
 461     margin: 1px;
 462     background-color: white;
 463     border: 0.5pt solid black;
 464 }
 465
 466 /* text */
 467 table.cal td.cal-today a {
 468     color: blue;
 469 }
 470
 471 /* Day with a data page */
 472 /* cell */
 473 table.cal td.cal-day {
 474     margin: 1px;
 475     background-color: white;
 476     border: 0.5pt solid black;
 477 }
 478
 479 /* text */
 480 table.cal td.cal-day a {
 481     color: red;
 482     text-decoration: none;
 483 }
 484
 485 /**
 486  * Diff Output
 487  */
 488
 489 /* main box */
 490 .diff .block {
 491     background-color: #ccc;
 492     padding: 0.5ex 0.5em;
 493     margin: 0.5ex 0;
 494 }
 495
 496 /* individual lines */
 497 .diff .context {
 498     background-color: white;
 499 }
 500
 501 /* + - line prefix */
 502 .diff .block tt {
 503     font-weight: bold;
 504     font-family: monospace;
 505     margin-left: -.6em;
 506     color: black;
 507 }
 508
 509 .diff del, .diff ins {
 510     font-weight: bold;
 511     text-decoration: none;
 512 }
 513
 514 .diff .original, .diff .deleted {
 515     background-color: #fcc;
 516 }
 517
 518 .diff .final, .diff .added {
 519     background-color: #cfc;
 520 }
 521
 522 .diff del {
 523     background-color: #f99;
 524 }
 525
 526 .diff ins {
 527     background-color: #9f9;
 528 }
 529
 530 /**
 531  * Other
 532  */
 533 .printer {
 534     display: none;
 535 }
 536
 537 div.error {
 538     color: black;
 539     border: medium solid #d8caae;
 540     margin-top: 1em;
 541     margin-bottom: 1em;
 542     padding-left: 0.8em;
 543     padding-right: 0.8em;
 544     padding-top: 0.8ex;
 545     padding-bottom: 0;
 546     font-size: smaller;
 547     clear: both;
 548 }
 549
 550 /* Debug */
 551 .debug {
 552     color: black;
 553     font-family: monospace;
 554     margin: 1ex 0;
 555     padding: 0.5ex 0.5em;
 556     border: medium solid #d8caae;
 557 }
 558
 559 .clear-floats {
 560     clear: both;
 561 }
 562
 563 /**
 564  * Search Results
 565  */
 566 .search-context {
 567     background-color: white;
 568     font-style: oblique;
 569 }
 570
 571 .search-term {
 572     background-color: yellow;
 573     font-weight: normal;
 574 }
 575
 576 #LSResult {
 577     position: absolute;
 578     text-align: left;
 579     display: none;
 580     z-index: 100;
 581     background-color: white;
 582     border: 1px solid #d0d0d0;
 583     font-size: 9px;
 584     overflow: hidden;
 585 }
 586
 587 #LSHighlight {
 588     background-color: #f08000;
 589 }
 590
 591 #LSResult .evenrow {
 592     background-color: #f0f0f0;
 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 }