themes/SpaceWiki/SpaceWiki.css

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