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
 216 .transclusion-title {
 217   text-align: right;
 218   font-style: oblique;
 219   font-size:  smaller;
 220   text-decoration: underline;
 221   margin-bottom: 0.25ex;
 222   margin-right:  0.25em;
 223 }
 224 .transclusion, .wiki-edithelp {
 225   font-size: smaller;
 226 }
 227 .transclusion {
 228   background: inherit;
 229   border: 1px dotted #a6977a;
 230   padding-left:  0.8em;
 231   padding-right: 0.8em;
 232   padding-top:     0px;
 233   padding-bottom:  0px;
 234   margin-left:   0.25em;
 235   margin-right:  0.25em;
 236   margin-bottom: 0.1ex;
 237 }
 238 .wiki-edithelp {
 239   border: medium solid #d8caae;
 240   padding-left:  0.5em;
 241   padding-right: 0.5em;
 242   padding-top:    0.75ex;
 243   padding-bottom: 0.75ex;
 244   margin-left:  0;
 245   margin-right: 0;
 246   margin-top: 1ex;
 247   margin-bottom: 1ex;
 248 }
 249 .wiki-edithelp .wiki {
 250   color: #87785c;
 251 }
 252 .wiki-edithelp p {
 253   font-family: Arial, Helvetica, sans-serif;
 254   padding-left:  0.5em;
 255   padding-right: 0.5em;
 256   padding-top:    0.5ex;
 257   padding-bottom: 0.5ex;
 258   margin: 0;
 259 }
 260
 261
 262 /**
 263  * Calendar plugin
 264  */
 265 table.cal {
 266   border: 1px outset gray;
 267   margin: 0.5ex 0.5em;
 268   padding: 1px;
 269   /* For Mozilla */
 270   empty-cells: hide;
 271 }
 272 /* Month-name & arrows area */
 273 table.cal thead {
 274 }
 275 table.cal table.cal-header td {
 276   padding-top: 110px;
 277 }
 278 table.cal thead tr:first-child {
 279   background: url("images/pictures/SteamVolcanoDusk.jpg") no-repeat;
 280   background-position: center;
 281   font-size: larger;
 282 }
 283  /* Month-name & arrows cells */
 284 table.cal table.cal-header td {
 285   text-align: center;
 286   color: white;
 287   background: transparent;
 288   border: 0;
 289 }
 290  /* arrow text */
 291 .cal-arrow {
 292   text-decoration: none;
 293   color: white;
 294   font-weight: bold;
 295 }
 296
 297 /* Day-names header */
 298 table.cal tr .cal-dayname {
 299   background: inherit;
 300 }
 301 .cal-dayname td {
 302   text-align: center;
 303   font-size: smaller;
 304   text-decoration: none;
 305   color: black;
 306   padding-bottom: 0.5ex;
 307 }
 308
 309 /* Individual days */
 310  /* cells */
 311 table.cal tbody td {
 312   border: 0.5pt solid #ddd;
 313   background: white;
 314   text-align: right;
 315 }
 316  /* text */
 317 a.cal-hide {
 318   text-decoration: none;
 319   color: black;
 320   font-weight: normal;
 321 }
 322  /* Today */
 323   /* cell */
 324 table.cal td.cal-today {
 325   margin: 1px;
 326   background: white;
 327   border: 0.5pt solid black;
 328 }
 329   /* text */
 330 table.cal td.cal-today a {
 331   color: blue;
 332 }
 333  /* Day with a data page */
 334   /* cell */
 335 table.cal td.cal-day {
 336   margin: 1px;
 337   background: white;
 338   border: 0.5pt solid black;
 339 }
 340   /* text */
 341 table.cal td.cal-day a {
 342   color: red;
 343   text-decoration: none;
 344 }
 345
 346
 347 /**
 348  * Diff Output
 349  */
 350
 351 /* main box */
 352 .diff .block {
 353   background: #ccc;
 354   /*border: 1px solid black;*/
 355   padding: 0.5ex 0.5em;
 356   margin:  0.5ex 0;
 357 }
 358
 359 /* individual lines */
 360 .diff .context { background: white; }
 361
 362 /* + - line prefix */
 363 .diff .block tt{
 364   font-weight: bold;
 365   font-family: monospace;
 366   margin-left: -.6em;
 367   color: black;
 368 }
 369
 370 .diff del, .diff ins {
 371   font-weight: bold;
 372   text-decoration: none;
 373 }
 374 .diff .original, .diff .deleted { background: #fcc; }
 375 .diff .final, .diff .added { background: #cfc; }
 376
 377 /* These don't work in NS4 -- it completely ignores <del> and <ins>. */
 378 .diff del { background: #f99; }
 379 .diff ins { background: #9f9; }
 380
 381
 382 /**
 383  * Other
 384  */
 385 .printer { display: none; }
 386
 387 /* PHP Warnings */
 388 div.errors {
 389   color: black;
 390   border: medium solid #d8caae;
 391   margin-top:    1em;
 392   margin-bottom: 1em;
 393   padding-left:  0.8em;
 394   padding-right: 0.8em;
 395   padding-top:    0.8ex;
 396   padding-bottom: 0;
 397   font-size: smaller;
 398   clear: both;
 399 }
 400 .errors {
 401   color: #87785c;
 402   margin:  0;
 403   padding: 0;
 404   text-decoration: none;
 405   font-weight: bold;
 406 }
 407 .error { font-family: monospace; }
 408 .error ul { font-family: monospace; }
 409
 410 /* Debug */
 411 .debug {
 412   color: black;
 413   font-family: monospace;
 414   margin: 1ex 0;
 415   padding: 0.5ex 0.5em;
 416   border: medium solid #d8caae;
 417 }
 418
 419 .clear-floats {
 420   clear: both;
 421 }
 422
 423 /**
 424  * Search Results
 425  */
 426 .search-context { background: white; font-style: oblique; }
 427 .search-term {
 428   background: yellow;
 429   font-weight: normal;
 430 }
 431 #LSResult {
 432   position: absolute;
 433   text-align: left;
 434   display: none;
 435   z-index: 100;
 436   background-color: white;
 437   border: 1px solid #d0d0d0;
 438   font-size: 9px;
 439   overflow: hidden;
 440 }
 441 #LSHighlight {
 442   background-color: #f08000;
 443 }
 444 #LSResult .evenrow {
 445   background-color: #f0f0f0;
 446 }
 447 #LSREsult .oddrow {
 448 }
 449 .LSEnd {
 450   text-align: right;
 451 }
 452 .LSRow:hover {
 453   background-color: white;
 454 }
 455 .LSRow {
 456   padding: 1px;
 457 }
 458 ul.LSRes {
 459   margin: 0px;
 460   padding: 0px;
 461 }
 462 li.LSRow {
 463   margin: 0px;
 464   list-style-image: none;
 465 }
 466
 467 /* This makes spacings in NS4 too big. */
 468 .toolbar, div.toolbar { margin: 0.5ex 0ex; }
 469
 470 /* Link icons */
 471 img.linkicon { vertical-align: middle; }
 472
 473
 474 /* This break NS4 (display does not go full width), but is necessary for IE4. */
 475 div.wikitext {
 476   width: auto;
 477   /* NS4 doesn't know about png with transparency so it renders the whole image solid black */
 478   background: url("images/tchecker-white.png") repeat;
 479 }
 480 .wiki-edithelp {
 481   /* NS4 doesn't know about png with transparency so it renders the whole image solid black */
 482   background: url("images/tchecker-sand.png") repeat;
 483 }
 484 .wiki-edithelp p {
 485   /* NS4 doesn't know about png with transparency so it renders the whole image solid black */
 486   background: url("images/tchecker-white.png") repeat;
 487 }
 488
 489
 490 /**
 491  * Diff Output
 492  */
 493 .diff .block div { position: relative; padding-left: 1.5em; }
 494 .diff .prefix    { position: absolute; left: 0.5em; top: 0; }
 495
 496
 497 /**
 498  * Other
 499  */
 500 div.errors {
 501   /* NS4 doesn't know about png with transparency so it renders the whole image solid black */
 502   background: url("images/tchecker-sand.png") repeat;
 503 }
 504 .debug {
 505   /* NS4 doesn't know about png with transparency so it renders the whole image solid black */
 506   background: url("images/tchecker-sand.png") repeat;
 507 }
 508
 509 /*
 510  * table class="boxed"
 511  * will put a border around the table (but not around the cells)
 512  *
 513  * table class="bordered"
 514  * will put a border around the table and the cells
 515  *
 516  * In both cases, the caption will be bold and centered under the table
 517  *
 518  * In both cases, the headers (th) will have a "#d8d8d8" background
 519  */
 520
 521 table.boxed, table.bordered, table.bordered th, table.bordered td {
 522     border-width: 1px;
 523     border-style: solid;
 524     border-collapse: collapse;
 525     vertical-align: top;
 526 }
 527
 528 table.boxed td, table.bordered td,
 529 table.boxed th, table.bordered th {
 530     padding-left: 5px;
 531     padding-right: 5px;
 532     padding-top: 0px;
 533     padding-bottom: 0px;
 534 }
 535
 536 table.boxed caption, table.bordered caption {
 537     text-align: center;
 538     font-weight: bold;
 539     caption-side: bottom;
 540     padding-top: 0.8em;
 541 }
 542
 543 table.boxed th, table.bordered th {
 544     font-weight: bold;
 545     background-color: #d8d8d8;
 546 }
 547
 548 /* For emacs users
 549  *
 550  * Local Variables:
 551  * mode: c
 552  * c-file-style: cc-mode
 553  * End:
 554  */