themes/Hawaiian/Hawaiian.css

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