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