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