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