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