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