themes/SpaceWiki/SpaceWiki.css

   1 /**
   2  * This theme will probably be renamed something like "Space" to
   3  * avoid any potential copyright issues.
   4  *
   5  * http://www.w3.org/TR/REC-CSS2/indexlist.html
   6  *
   7  * #fff; white
   8  * #000; black
   9  * #fff313; yellow
  10  * #ddc300; darker-yellow
  11  * #5791ff; bright-blue
  12  * #0053db; blue
  13  * #8452b5; magenta
  14  * #982505; red
  15  * #ef0032; light-red
  16  * #009000; green
  17  * #1bab11; light-green
  18  * #ff7e00; orange
  19  */
  20
  21 /**
  22  * General
  23  */
  24 img { border: 0; }
  25 form  { margin: 0; }
  26 input.button { font-family: Helvetica, Arial, sans-serif; }
  27 input { font-family: Helvetica, Arial, sans-serif; }
  28 textarea, input {
  29   color:      white;
  30   background: black;
  31 }
  32 dt { font-weight: bold; }
  33 table {
  34   border-spacing: 1px;
  35   /* For Mozilla */
  36   empty-cells: show;
  37 }
  38 td { color: white; }
  39 caption {
  40   caption-side: top;
  41   text-align: left;
  42   margin-bottom: .5ex;
  43   /* Allow the caption to extend to the full page width */
  44   width: 100%;
  45 }
  46 a { color: #0053db; }
  47 a:hover { color: #5791ff; }
  48
  49 /* generic classes ----------------------------------------------- */
  50
  51 .tt { font-family: monospace; }
  52 .strike { text-decoration:line-through; }
  53
  54 .align-left {text-align: left;}
  55 .align-right {text-align: right;}
  56 .align-center {text-align: center;}
  57
  58 .top {vertical-align: top;}
  59
  60 .nowrap {white-space: nowrap;}
  61
  62 .fullwidth { width: 100%; }
  63
  64 /* --------------------------------------------------------------- */
  65
  66 /**
  67  * Wiki
  68  */
  69 body {
  70   /* the background image url is relative to this file's directory */
  71   /*background-image:  url(images/starfield.png) repeat; */
  72   font-family: Helvetica, Arial, sans-serif;
  73   color:             white;
  74   background-color:  black;
  75 }
  76
  77 /* Main wiki text box */
  78 div.wikitext {
  79   clear: both;
  80 }
  81
  82 /**
  83  * <hr>
  84  * Not all browsers support this, but it's a cool trick when it is!
  85  */
  86 div.wikitext hr {
  87   visibility: hidden; /* for Mozilla */
  88   background-image:   url("images/hr.png");
  89   background-repeat:   repeat-x;
  90   background-position: center;
  91 }
  92 /* for Mozilla */
  93 div.wikitext hr:after {
  94   visibility: visible;
  95   display: block;
  96   content: url("images/hr.png");
  97   text-align: center;
  98   margin-top: -2.5ex;
  99   margin-bottom: 1ex;
 100 }
 101
 102
 103
 104 div.wikitext pre { font-family: monospace; }
 105
 106
 107 /**
 108  * Wiki Forms
 109  *
 110  * The div inside the wikiadmin upload form does not
 111  * have a class yet, so it must be referenced indirectly
 112  */
 113 div.wikiaction, form.wikiadmin div {
 114   background-color: #002;
 115   border: 1px solid #006;
 116   margin-top: 0.5ex;
 117   margin-bottom: 0.5ex;
 118   padding: 0.5ex 0.5em; }
 119 /* div.wikiadmin { background-color: black; } */
 120 form.wikiadmin div { background-color: black; }
 121
 122
 123 /**
 124  * Link styles
 125  */
 126 /* WikiWords */
 127 .wiki {
 128   text-decoration: none;
 129 }
 130 .named-wiki {
 131   text-decoration: underline;
 132 }
 133 div.wikitext a.wiki, div.wikitext a.named-wiki {
 134   color:           #fff313;
 135   font-weight:     bold;
 136 }
 137
 138 .wikitext a.wiki:hover, .wiki:hover {
 139   color: #44cff4;
 140 }
 141
 142 /* Action buttons */
 143 a.wikiaction, a.wikiadmin, a.wiki-rc-action, a.wikiunsafe {
 144   text-decoration: none;
 145   font-family: Arial, Helvetica, sans-serif;
 146 }
 147
 148 a.wikiaction {
 149   color:           #115511;
 150   font-weight:     bold;
 151 }
 152 a.wikiaction:hover { color: #1bab11; }
 153
 154 a.wikiadmin {
 155   color: #982505;
 156   font-weight:     bold;
 157 }
 158 a.wikiadmin:hover { color: #ef0032; }
 159
 160 /* Unknown links */
 161 .wikiunknown, .named-wikiunknown {
 162   color: gray;
 163   font-weight: normal;
 164   font-size: 100%;
 165 }
 166  /* QuestionMark #600 */
 167 .wikiunknown a, .named-wikiunknown a {
 168   color: #0053db;
 169   background: #1b1722;
 170   text-decoration: none;
 171   font-weight: normal;
 172 }
 173 .wikiunknown a:hover, .named-wikiunknown a:hover { color: #5791ff; }
 174
 175 /* Backlinks */
 176 .backlinks { text-decoration: none; }
 177 h1 .backlinks { text-decoration: none; }
 178
 179 /* Interwiki links */
 180 .wikipage  { font-weight: bold; }
 181 .interwiki { text-decoration: none; }
 182 .interwiki, i.interwiki .wikipage, em .interwiki .wikipage { font-style: oblique; }
 183 .interwiki .wikipage, i .interwiki, em .interwiki { font-style: normal; }
 184
 185
 186 /**
 187  * Headings
 188  */
 189 h1 {
 190   color: #000;
 191   background-color: #fff313;
 192 }
 193 div.toolbar h1 a.wiki, h1 a.backlinks, h2 a.wiki {
 194   border: 0;
 195   color: #fff313;
 196   background-color: #000;
 197   text-decoration: none;
 198 }
 199 div.toolbar h1 a.wiki, h2 a.wiki {
 200   color: #0053db;
 201 }
 202 div.toolbar h1 a.wiki:hover, h1 a.wiki:hover, h2 a.wiki:hover {
 203   border: 0;
 204   color: #5791ff;
 205 }
 206
 207 h2, h3, h4, h5, h6 {
 208   display: inline;
 209   padding-top:      0.25ex;
 210   padding-left:     0.5em;
 211   padding-right:    0.25em;
 212   padding-bottom:   1px;
 213   margin-top:    2ex;
 214   margin-bottom: 0;
 215 }
 216 h2:after, h3:after, h4:after, h5:after, h6:after {
 217   display: block;
 218   content: " | ";
 219   color: black;
 220   margin-left: 0.3em;
 221 }
 222 h2:after {
 223   border-left: 0.5em solid #0053db;
 224   border-top: 0.15ex solid #0053db;
 225 }
 226 h3:after {
 227   border-left: 0.5em solid #96c;
 228   border-top: 0.15ex solid #96c;
 229 }
 230 h4:after {
 231   border-left: 0.5em solid #639;
 232   border-top: 0.15ex solid #639;
 233 }
 234 h5:after {
 235   border-left: 0.5em solid #888;
 236   border-top: 0.15ex solid #888;
 237 }
 238 h6:after {
 239   border-left: 0.5em solid #aaa;
 240   border-top: 0.15ex solid #aaa;
 241 }
 242
 243
 244 h2 {
 245   color: #0053db;
 246   border-left: 0.25em solid #0053db;
 247 }
 248 h3 {
 249   color: #96c;
 250   border-left: 0.25em solid #96c;
 251 }
 252 h4 {
 253   color: #639;
 254   border-left: 0.25em solid #639;
 255 }
 256 h5 {
 257   color: #888;
 258   border-left: 0.25em solid #888;
 259 }
 260 h6 {
 261   color: #aaa;
 262   border-left: 0.25em solid #aaa;
 263 }
 264
 265
 266 /* Mozilla RecentChanges Sidebar */
 267 body.sidebar {
 268   font-size: smaller;
 269   margin: 0.5em;
 270 }
 271 body.sidebar div.wikitext {
 272   padding: 0.5em;
 273 }
 274 body.sidebar div.wikitext ul {
 275   padding-left: 0;
 276   line-height: 150%
 277 }
 278 body.sidebar div.wikitext h2:after {
 279   margin-bottom: 1ex;
 280   vertical-align: top;
 281 }
 282
 283
 284
 285 /**
 286  * Tables
 287  */
 288 table, td { font-family: Arial, Helvetica, sans-serif; }
 289 caption { font-family: Arial, Helvetica, sans-serif; }
 290 .pagelist {
 291 }
 292 .pagelist thead, .pagelist thead u {  }
 293 .pagelist tr.evenrow { background: #111; }
 294 .pagelist tr.oddrow  { background: black; }
 295 th.gridbutton {
 296   background-color: ThreeDLightShadow;
 297   color: black;
 298   font-family: Tahoma, Arial, Helvetica, sans-serif;
 299   font-size: small;
 300   font-weight: normal;
 301   margin: 5px 0;
 302   white-space: nowrap;
 303   max-height: 24px;
 304   padding: 5px 0 5px 0;
 305   border-width: 1px;
 306   border-style: solid;
 307   border-color: ThreeDHighlight ThreeDDarkShadow ThreeDDarkShadow ThreeDHighlight;
 308 }
 309 input.gridbutton, a.gridbutton, a:hover.gridbutton, a:visited.gridbutton {
 310   text-decoration: none;
 311   font-size: small;
 312   font-weight: normal;
 313   font-family: Tahoma, Arial, Helvetica, sans-serif;
 314   background-color: ThreeDLightShadow;
 315   color: black;
 316 }
 317
 318 /**
 319  * Toolbar
 320  */
 321 .toolbar, input.button, #signin { font-family: Arial, Helvetica, sans-serif; }
 322 .toolbar hr { visibility: hidden; }
 323 div.toolbar, #signin {
 324   color: white;
 325   padding: 0;
 326   margin:  0;
 327 }
 328 div.toolbar { margin-top: 1ex; }
 329
 330 #navbuttons {
 331   margin-right: 7em; /* wrap around logo */
 332   margin-bottom: 1ex; /* space for h1 */
 333 }
 334 #navbuttons input {
 335   position: relative;
 336   bottom: -2px;
 337 }
 338 .editdate {
 339   font-family: Arial, Helvetica, sans-serif;
 340   color:            #96c;
 341 }
 342
 343 .toolbar .wiki {
 344   color:           #0053db;
 345   text-decoration: none;
 346   font-weight:   bold;
 347 }
 348 .toolbar .wiki:hover {
 349   color: #5791ff;
 350   font-weight:  bold;
 351 }
 352
 353 div.toolbar input {
 354   font-family: Helvetica, Arial, sans-serif;
 355 }
 356
 357
 358 /**
 359  * Edit Page & View Source
 360  */
 361 /* Make the textarea the full page width */
 362 textarea {
 363   border: 2px solid #0053db;
 364   padding-top:   .5ex;
 365   padding-bottom:.5ex;
 366   padding-left:  .5em;
 367   padding-right: .25em;
 368 }
 369 textarea.wikiedit {
 370   width: 100%;
 371   margin-bottom: 0.5ex;
 372   margin-top:    0.5ex;
 373   padding: 2px;
 374 }
 375 #editarea-size {
 376   margin-top: 1ex;
 377   text-align: right;
 378   font-size: smaller;
 379 }
 380
 381
 382 /* IncludePage plugin ================================================= */
 383
 384 .transclusion-title {
 385   font-style: oblique;
 386   font-size: smaller;
 387   text-decoration: none;
 388   text-align: right;
 389 }
 390 .wiki-edithelp, .transclusion {
 391   background: #1b1722;
 392   border: 1px solid #403752;
 393 }
 394 .wiki-edithelp {
 395   font-size: smaller;
 396   margin: 0.5ex 0;
 397 }
 398 .wiki-edithelp, div.transclusion {
 399   color: #a2a2a2;
 400   background-color: #1b1722;
 401   padding-left:  0.5em;
 402   padding-right: 0.5em;
 403   padding-top:    0.5ex;
 404   padding-bottom: 0.5ex;
 405   margin-left:  0;
 406   margin-right: 0;
 407 }
 408 .wiki-edithelp .wiki {
 409   color:           #fff313;
 410   font-weight:     bold;
 411   text-decoration: none;
 412   margin-top: 1ex;
 413   margin-bottom: 1ex;
 414 }
 415 .wiki-edithelp p {
 416   font-family: Arial, Helvetica, sans-serif;
 417   padding-left:  0.5em;
 418   padding-right: 0.5em;
 419   padding-top:    0.5ex;
 420   padding-bottom: 0.5ex;
 421   margin: 0;
 422 }
 423
 424
 425 /**
 426  * Calendar plugin
 427  */
 428 table.cal {
 429   border: 1px solid #006;
 430   background: black;
 431   margin: 0.5ex 0.5em;
 432   padding: 1px;
 433   /* For Mozilla */
 434   empty-cells: hide;
 435 }
 436
 437 /* cells */
 438 table.cal td {
 439   border: 1px solid #006;
 440   color: #fff313;
 441   background: black;
 442   text-align: right;
 443 }
 444
 445 /* Month-name header */
 446 table.cal-header { font-size: larger; }
 447 table.cal-header tr, table.cal-header td { text-align: center; }
 448 .cal-arrow {
 449   font-weight: bold;
 450   text-decoration: none;
 451 }
 452
 453 /* Day-names header */
 454 table.cal tbody tr .cal-dayname {  }
 455 .cal-dayname td {
 456   text-align: center;
 457   font-size: smaller;
 458   text-decoration: underline;
 459 }
 460
 461 /* Individual days */
 462 a.cal-hide { text-decoration: none; }
 463
 464 /* Today */
 465  /* cell */
 466 table.cal td.cal-today {
 467   margin: 1px;
 468   border: 1px solid gray;
 469 }
 470  /* text */
 471 table.cal td.cal-today a.cal-hide {  }
 472 /**
 473  * Diff Output
 474  */
 475
 476 /* main box */
 477 .diff .block {
 478   background: #008;
 479   padding: 0.5ex 0.5em;
 480   margin:  0.5ex 0;
 481 }
 482
 483 /* individual lines */
 484 .diff .context { background: black; }
 485
 486 /* + - line prefix */
 487 .diff .block tt{
 488   font-weight: bold;
 489   font-family: monospace;
 490   margin-left: -.6em;
 491   color: black;
 492 }
 493
 494 .diff del, .diff ins {
 495   font-weight: bold;
 496   text-decoration: none;
 497 }
 498 .diff .original, .diff .deleted { background: #a40024; }
 499 .diff .final, .diff .added { background: #cfc; }
 500
 501 .diff del { background: #a40024; }
 502 .diff ins { background: #9f9; }
 503
 504 /**
 505  * PageHistory, Info
 506  */
 507 table.pageinfo {
 508  border: 1px solid #96c;
 509 }
 510 table.pageinfo td { background: black; }
 511 table.pageinfo td.pageinfo {
 512   border-right: 0.15em solid #639;
 513   font-weight: bold;
 514   color: #639;
 515   background: #203;
 516 }
 517 table.pageinfo td + td.pageinfo {
 518   border-right: 0;
 519 }
 520 .pageinfo-minoredit, .pageinfo-authorid {
 521   font-size: smaller;
 522   font-style: oblique;
 523 }
 524
 525
 526 /**
 527  * RecentChanges
 528  */
 529 .rssicon {
 530   border-color: #000;
 531   border-width: 2px;
 532 }
 533 .rc-major {
 534   color:       #fff;
 535   background:  #000;
 536   font-weight: normal;
 537   text-decoration: none;
 538 }
 539
 540 img.rssicon {
 541   vertical-align: top;
 542 }
 543 b.wikisummary {
 544   color:        #fff313;
 545   background:   #000;
 546   text-decoration: none;
 547   font-weight:  bold;
 548 }
 549
 550
 551 /**
 552  * Other
 553  */
 554 .printer { display: none; }
 555
 556 .error {
 557   color: red;
 558   background: black;
 559   border: medium solid red;
 560   clear: both;
 561 }
 562
 563 /* Debug */
 564 .debug {
 565   color: white;
 566   background: black;
 567   font-family: monospace;
 568   font-size: smaller;
 569   margin-top:    16ex;
 570   margin-bottom: 4ex;
 571   margin-left:  0;
 572   margin-right: 0;
 573   padding: 0.5ex 0.5em;
 574   border: medium solid gray;
 575   display: table;
 576 }
 577
 578 .clear-floats {
 579   clear: both;
 580 }
 581 /**
 582  * Search Results
 583  */
 584 .search-context { background: white; font-style: oblique; }
 585 .search-term {
 586   background: yellow;
 587   font-weight: normal;
 588 }
 589
 590 /**
 591  * General
 592  */
 593 input.numeric { text-align: right; }
 594 input {
 595   margin: 0;
 596   border-left: 1px solid #0053db;
 597   border-right: 1px solid #0053db;
 598   border-top: 1px solid #0053db;
 599   border-bottom: 1px solid #0053db;
 600   text-align:  center;
 601 }
 602 input[type=text] {
 603   border-left: 2px solid #0053db;
 604   border-right: 2px solid #0053db;
 605   border-bottom: 2px solid #0053db;
 606   border-top: 0;
 607   margin-top: 2px;
 608   padding: 1px;
 609 }
 610 input[type=submit] {
 611   color: #0053db;
 612   border-left:   1.5em solid #0053db;
 613   border-right:  0.15em solid #0053db;
 614   border-top: 2px solid #0053db;
 615   border-bottom: 2px solid #0053db;
 616   padding-left:  0;
 617   padding-right: 0;
 618 }
 619 input[type=submit]:hover {
 620   color: #5791ff;
 621   border-color: #5791ff;
 622 }
 623
 624 .logo img {
 625   margin-bottom: 1ex;
 626 }
 627
 628 /**
 629  * Wiki Forms
 630  *
 631  * The div inside the wikiadmin upload form does not
 632  * have a class yet, so it must be referenced indirectly
 633  */
 634 /* div.wikiaction, div.wikiadmin { */
 635 div.wikiaction, form.wikiadmin div {
 636   /* Emulate the display behaviour of a table, to shrink it's width. */
 637   position: relative;
 638   display: table;
 639 }
 640
 641 /* Add space between the input field and following buttons, but not after the last button. */
 642 div.wikiaction input[type=text],
 643 div.wikiadmin input[type=text],
 644 form.wikiadmin input[type=file] { margin-right: 0.5em; }
 645
 646
 647 /**
 648  * Links
 649  */
 650
 651 /* Make wikiaction links look futuristic */
 652 a.wikiaction {
 653   border-left:   1.5em solid #115511;
 654   border-right:  0.15em solid #115511;
 655   padding-left:  0.15em;
 656   padding-right: 0.3em;
 657 }
 658 a.wikiaction:hover {
 659   border-right: 0.15em solid #1bab11;
 660 }
 661
 662 a.wikiadmin {
 663   border-left:   1.5em solid #982505;
 664   border-right:  0.15em solid #982505;
 665   padding-left:  0.15em;
 666   padding-right: 0.3em;
 667 }
 668 a.wikiadmin:hover {
 669   border-right: .15em solid #ef0032;
 670 }
 671
 672 /* QuestionMark */
 673 .wikiunknown a, .named-wikiunknown a {
 674   border: 1px solid black;
 675   padding-left:  1px;
 676   padding-right: 1px;
 677   padding-top: 1px;
 678   margin-right: 1px;
 679   font-size: smaller;
 680 }
 681 .wikiunknown a:hover, .named-wikiunknown a:hover {
 682   border: 1px solid #403752;
 683 }
 684
 685 a.wiki-rc-action {
 686   border-left: 0.15em solid #0053db;
 687   padding-left: 0.2em;
 688   padding-right: 0.2em;
 689   padding-bottom: 0.2ex;
 690   margin-left: -0.25em;
 691 }
 692 li.rc-major a.wiki-rc-action,
 693 li.rc-minor a.wiki-rc-action {
 694   border-left: 0;
 695   margin-left: 0;
 696   border-right: 0.25em solid #0053db;
 697   padding-right: 0.25em;
 698   margin-right: 0.8em;
 699 }
 700 p.wiki-rc-action a.wiki-rc-action:first-child {
 701   border-left: 0;
 702   margin-left: 0;
 703   border-right: 0;
 704 }
 705 li.rc-major, li.rc-minor {
 706   display: table;
 707   /*border-bottom: 1px solid #222;*/
 708   margin-bottom: .25ex;
 709   padding-left: 0.25em;
 710   padding-right: 0.25em;
 711 }
 712 li.rc-minor {
 713   font-size: 75%;
 714   margin-top: .5ex;
 715   border-bottom: 0;
 716   padding-left: 1em;
 717 }
 718 li.rc-minor a.wiki-rc-action {
 719   border-right: 0.15em solid #0053db;
 720   margin-right: 2em;
 721 }
 722 li.rc-major a.wiki-rc-action:hover,
 723 li.rc-minor a.wiki-rc-action:hover,
 724 a.wiki-rc-action:hover {
 725   border-color: #5791ff;
 726 }
 727
 728 /* Link icons */
 729 img.linkicon { vertical-align: middle; }
 730
 731
 732 /**
 733  * Headings
 734  */
 735 h1 {
 736   padding-top:      0.25ex;
 737   padding-left:     0.5em;
 738   padding-right:    0.25em;
 739   padding-bottom:   1px;
 740 }
 741 div.toolbar h1 a.wiki, h1 a.backlinks {
 742   padding-top:      0.25ex;
 743   padding-left:     0.25em;
 744   padding-right:    0.25em;
 745   padding-bottom:   1px;
 746 }
 747 h2 a.wiki {
 748   padding-top:      0.25ex;
 749   padding-left:     0.25em;
 750   padding-right:    0.25em;
 751   padding-bottom:   1px;
 752 }
 753 div.toolbar input {
 754   text-align:  left;
 755 }
 756
 757 /**
 758  * Edit Page & View Source
 759  */
 760 div.transclusion { font-size: smaller; }
 761
 762 /**
 763  * Diff Output
 764  */
 765 .diff .block div {
 766   position: relative;
 767   padding-left: 1.5em;
 768 }
 769 .diff .prefix {
 770   position: absolute;
 771   left: 0;
 772   top:  0;
 773 }
 774
 775 .editdate {
 776   padding-top:    0.25ex;
 777   padding-left:   0.5em;
 778   padding-right:  0.5em;
 779   padding-bottom: 1px;
 780   margin-top:     2em;
 781   margin-bottom:  0;
 782
 783   border-left: 0.5em solid #96c;
 784   border-top: 0.15em solid #96c;
 785 }
 786
 787 div.toolbar .wiki {
 788   border-left:   1.5em solid #0053db;
 789   border-right:  0.15em solid #0053db;
 790   padding-left:  0.15em;
 791   padding-right: 0.3em;
 792 }
 793 div.toolbar .wiki:hover {
 794   border-right: 0.15em solid #5791ff;
 795 }
 796
 797 b.wikisummary {
 798   padding: 2px;
 799   margin: 1px;
 800 }
 801
 802 /* WikicreoleTable, MediawikiTable and RichTable plugins ============== */
 803
 804 /*
 805  * table class="boxed"
 806  * will put a border around the table (but not around the cells)
 807  *
 808  * table class="bordered"
 809  * will put a border around the table and the cells
 810  *
 811  * In both cases, the caption will be bold and centered under the table
 812  *
 813  * In both cases, the headers (th) will have a "#d8d8d8" background
 814  */
 815
 816 table.boxed, table.bordered, table.bordered th, table.bordered td {
 817     border-width: 1px;
 818     border-style: solid;
 819     border-collapse: collapse;
 820     vertical-align: top;
 821 }
 822
 823 table.boxed td, table.bordered td,
 824 table.boxed th, table.bordered th {
 825     padding-left: 5px;
 826     padding-right: 5px;
 827     padding-top: 0;
 828     padding-bottom: 0;
 829 }
 830
 831 table.boxed caption, table.bordered caption {
 832     text-align: center;
 833     font-weight: bold;
 834     caption-side: bottom;
 835     padding-top: 0.8em;
 836 }
 837
 838 table.boxed th, table.bordered th {
 839     font-weight: bold;
 840     background-color: #d8d8d8;
 841 }
 842
 843 /* For emacs users
 844  *
 845  * Local Variables:
 846  * mode: c
 847  * c-file-style: cc-mode
 848  * End:
 849  */