themes/Hawaiian/Hawaiian.css

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