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