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