]> CyberLeo.Net >> Repos - SourceForge/phpwiki.git/blob - themes/default/phpwiki.css
simplified Sidebar theme: table, not absolute css positioning
[SourceForge/phpwiki.git] / themes / default / phpwiki.css
1 /**
2  * $Id: phpwiki.css,v 1.23 2004-04-01 15:57:20 rurban Exp $
3  *
4  * This incarnation of this stylesheet is a complete rewrite from the
5  * ground up.
6  *
7  * Mozilla's "DOM Inspector" Sidebar was an invaluable troubleshooting
8  * tool for mapping the more complex CSS node selectors, such as those
9  * used to reference the various CalendarPlugin elements.
10  */
11
12 /**
13  * NS4 doesn't grok @import. This allows us to put things which
14  * break NS4 in another file.
15  */
16 @import url(phpwiki-heavy.css);
17
18
19 /**
20  * General
21  */ 
22 img { border: 0ex; }
23
24 form { margin: 0ex; }
25
26 table {
27   border-spacing: 1px;
28   /* For Mozilla */
29   empty-cells: show;
30 }
31
32 caption {
33   caption-side: top;
34   text-align: left;
35   margin-bottom: .5ex;
36   /* Allow the caption to extend to the full page width
37      Mac ie5.1 ignores this*/
38   width: 100%;
39 }
40
41
42 /**
43  * Wiki
44  */
45 body {
46   /* ivory #ffe #fffff0*/
47   background: #fffff0;
48   font-family: Arial, Helvetica, sans-serif;
49   font-size: 85%; /* The default is too large. But enlarge monospace below */
50   margin: 1.5ex 1em;
51 }
52
53 div.wikitext hr { height: 1px; }
54
55 div.wikitext pre { font-family: monospace; }
56
57
58 /**
59  * PageTypes
60  */
61 /* Main wiki text box */
62 div.wikitext {
63   margin-top:    1ex;
64   margin-bottom: 0.5ex;
65   background: white;
66   /* Netscape 4 requires this 1px border.
67      Without it, the paper borders below cause
68      the white background to disappear. */
69   border: 1px black solid;
70   /* "paper" borders */
71   border-top:  1px #e8e6df solid;
72   border-left: 1px #e8e6df solid;
73   border-bottom: 1px #d2d2d2 solid;
74   border-right:  1px #b2b2b2 solid;
75   padding-left:  0.8em; 
76   padding-right: 0.8em;
77   padding-top:    0.5ex;
78   padding-bottom: 0.5ex;
79   /*This breaks Netscape 4: (display does not go full width).
80    * width: auto;
81    */
82   clear: both;
83 }
84 /* .interwiki-map thead td { text-decoration: underline; } */
85
86 /* Mozilla RecentChanges Sidebar */
87 body.sidebar {
88   font-size: smaller;
89   margin: 0.5em;
90 }
91 body.sidebar div.wikitext {
92   padding: 0.5em;
93 }
94 body.sidebar div.wikitext ul { padding-left: 1em; }
95 body.sidebar h2 { margin-top: 0; }
96
97
98 /**
99  * Wiki Forms
100  * 
101  * The div inside the wikiadmin upload form does not
102  * have a class yet, so it must be referenced indirectly
103  */
104 div.wikiaction { background-color: #eee; }
105 /* div.wikiadmin { background-color: #fee; } */
106 form.wikiadmin div { background-color: #fee; }
107
108
109 /**
110  * Link styles
111  */
112 .wiki, .named-wiki {
113   text-decoration: none;
114   /* font-weight: normal; */
115   font-weight: bold;
116 }
117
118 /* Action buttons */
119 a.wikiaction, a.wikiadmin, a.wiki-rc-action, a.wikiunsafe,
120 input.wikiaction, input.button, input.wikiadmin {
121   text-decoration: none;
122   font-family: Arial, Helvetica, sans-serif;
123   /* don't wrap text buttons */
124   white-space: nowrap;
125   /*font-size: inherit; */
126 }
127
128 a.wikiaction, input.wikiaction, input.button { background-color: #ddd; }
129
130 .wikiunsafe { background-color: #fcc; }
131
132 a.wikiadmin, input.wikiadmin  { background-color: #fdd; }
133
134 /* Unknown links */
135 .wikiunknown, .named-wikiunknown {
136   font-weight: normal;
137   font-size: 100%;
138 }
139  /* QuestionMark #600 */
140 .wikiunknown a, .named-wikiunknown a {
141   color: #447;
142   background-color: #eee;
143   text-decoration: none;
144   font-weight: normal;
145   font-size: smaller;
146 }
147
148 /* Backlinks */
149 .backlinks {
150   text-decoration: underline;
151   color: #006;
152 }
153 h1 .backlinks { text-decoration: underline; }
154
155 /* Interwiki links */
156 /* .wikipage  { font-weight: bold; } */
157 .wikipage  { font-weight: normal; }
158 .interwiki { text-decoration: none; }
159 .interwiki, i.interwiki .wikipage, em .interwiki .wikipage { font-style: oblique; }
160 .interwiki .wikipage, i .interwiki, em .interwiki { font-style: normal; }
161
162
163 /**
164  * headings
165  */
166 h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; }
167
168 h1 { margin: 0; font-size: 140% }
169
170
171 /**
172  * Tables
173  */
174 table, td { font-family: Arial, Helvetica, sans-serif; }
175 caption { font-family: Arial, Helvetica, sans-serif; }
176 .pagelist {
177 }
178 .pagelist thead, .pagelist thead u {  }
179 .pagelist tr.evenrow { background: #eee; }
180 .pagelist tr.oddrow  { background: white; }
181
182
183 /**
184  * Toolbar
185  */
186 .toolbar, input.button, #signin { font-family: Arial, Helvetica, sans-serif; }
187
188 .toolbar {
189   padding: 0;
190   margin:  0;
191 }
192 #navbuttons {
193   padding-right: 4em; /* wrap around logo */
194   padding-bottom: 1ex; /* space for h1 */
195 }
196 .editdate {
197   font-family: Arial, Helvetica, sans-serif;
198   margin: 0;
199   padding: 0;
200   padding-top: 0.25ex;
201 }
202 #logo img {
203   /* Netscape 4 requires this 1px border.
204      Without it, the paper borders below cause
205      the white background to disappear. */
206   border: 1px black solid;
207   /* "paper" borders */
208   border-top:  1px #e8e6df solid;
209   border-left: 1px #e8e6df solid;
210   border-bottom: 1px #d2d2d2 solid;
211   border-right:  1px #b2b2b2 solid;
212 }
213
214 /**
215  * Edit Page & View Source
216  */
217
218 /* Make the textarea the full page width */
219 textarea.wikiedit {
220   width: 100%;
221   margin-bottom: 0.5ex;
222   margin-top:    0.5ex;
223   padding: 2px;
224 }
225
226 #editarea-size {
227   margin-top: 1ex;
228   text-align: right;
229   font-size: smaller;
230 }
231 #search-replace {
232   margin-top: 1ex;
233   text-align: left;
234   font-size: smaller;
235 }
236
237 /* IncludePage plugin */
238 .transclusion-title {
239   text-align: right;
240   font-style: oblique;
241   font-size:  smaller;
242   text-decoration: underline;
243   margin-bottom: 0.25ex;
244   margin-right:  0.25em;
245
246 .transclusion, .wiki-edithelp {
247   font-size: smaller;
248 }
249 .transclusion {
250   border: 1px solid gray;
251   padding-left:  0.8em; 
252   padding-right: 0.8em; 
253   padding-top:     0px;
254   padding-bottom:  0px;
255   margin-left:   0.25em;
256   margin-right:  0.25em;
257   margin-bottom: 0.1ex;
258 }
259 .wiki-edithelp {
260   background: white;
261   border: medium solid #fff8dc; /* darker ivory */
262   padding-left:  0.5em;
263   padding-right: 0.5em;
264   padding-top:    0.75ex;
265   padding-bottom: 0.75ex;
266   margin-left:  0;
267   margin-right: 0;
268   margin-top: 1ex;
269   margin-bottom: 1ex;
270 }
271 .wiki-edithelp .wiki {
272   /* color: #5454ff;*/
273 }
274 .wiki-edithelp p {
275   font-family: Arial, Helvetica, sans-serif;
276   padding-left:  0.5em;
277   padding-right: 0.5em;
278   padding-top:    0.5ex;
279   padding-bottom: 0.5ex;
280   margin: 0;
281 }
282
283
284 /**
285  * Calendar plugin
286  */
287 table.cal {
288   border: 1px outset gray;
289   background: white;
290   margin: 0.5ex 0.5em;
291   padding: 1px;
292   /* For Mozilla */
293   empty-cells: hide;
294
295
296 /* cells */
297 table.cal td {
298   background: white;
299   text-align: right;
300
301
302 /* Month-name header */
303 table.cal-header { font-size: larger; }
304 table.cal-header tr, table.cal-header td { text-align: center; }
305 .cal-arrow {
306   font-weight: bold;
307   text-decoration: none;
308 }
309
310 /* Day-names header */
311 table.cal tbody tr .cal-dayname {  }
312 .cal-dayname td {
313   text-align: center;
314   font-size: smaller;
315   text-decoration: underline;
316 }
317
318 /* Individual days */
319 a.cal-hide { text-decoration: none; }
320
321 /* Today */
322  /* cell */
323 table.cal td.cal-today {
324   margin: 1px;
325   border: 1px solid gray;
326 }
327  /* text */
328 table.cal td.cal-today a.cal-hide {  }
329
330 /**
331  * Diff Output
332  */
333 /* main box */
334 .diff {
335   margin-top:    1ex;
336   margin-bottom: 0.5ex;
337   background: white;
338   /* Netscape 4 requires this 1px border.
339      Without it, the paper borders below cause
340      the white background to disappear. */
341   border: 1px #ccc solid;
342   color: black;
343   border-top: 1px solid #494f5d;
344   border-left:  1px solid #494f5d;
345   border-bottom:  1px solid #c6d2de;
346   border-right: 1px solid #c6d2de;
347   padding-top:    1px;
348   padding-bottom: 1px;
349   padding-left:  .125em;
350   padding-right: .125em;
351   padding: 0;
352   /* "paper" borders */
353   /*border-top: 2px #d2d2d2 solid;
354   border-left:  2px #b2b2b2 solid;
355   border-bottom:  2px #e8e6df solid;
356   border-right: 2px #e8e6df solid;*/
357 /*  padding-left:  0em; 
358   padding-bottom: 0ex;*/
359 /*  border-style: inset;*/
360   /*This breaks Netscape 4: (display does not go full width).
361    * width: auto;
362    */
363   /* I'm not sure what the intent of this was, but it's
364    *  not valid CSS: */
365   /* display: editarea; */
366   clear: both;
367 }
368 .diff .block {
369   background: #ddd;
370   padding-left: 1em;
371   /* for NS4 */
372   /*border: none;*/
373 }
374
375 /* individual blocks */
376 .diff .context {
377   background: white;
378   /* for NS4 */
379   border: none;
380 }
381 /* entire difftextblock */
382 .difftext {
383   margin-top:    0;
384   margin-bottom: 0;
385   background: white;
386   /* Netscape 4 requires this 1px border.
387      Without it, the paper borders below cause
388      the white background to disappear. */
389   border: 1px black solid;
390   /* "paper" borders */
391   border-top:  1px #e8e6df solid;
392   border-left: 1px #e8e6df solid;
393   border-bottom: 1px #d2d2d2 solid;
394   border-right:  1px #b2b2b2 solid;
395   padding-left:  0em; 
396   padding-right: 0em;
397   padding-top:    0ex;
398   padding-bottom: 0ex;
399   /*This breaks Netscape 4: (display does not go full width).
400    * width: auto;
401    */
402   clear: both;
403 }
404 /* + - line prefix */
405 .diff .block tt {
406   font-weight: normal;
407   font-family: monospace;
408   color: black;
409   /* for NS4 */
410   margin-left: 0;
411   border: none;
412 }
413 /* changed words */
414 .diff del, .diff ins {
415   font-weight: bold;
416   text-decoration: none;
417 }
418
419 /* blocks containing deleted or added words */
420 .diff .original, .diff .deleted,
421 .diff .final, .diff .added {
422   background: white;
423 }
424 /* blocks containing deleted words */
425 .diff .original, .diff .deleted {
426   background: #fcc;
427   /* for NS4 */
428   border: none;
429 }
430 /* blocks containing added words */
431 .diff .final, .diff .added {
432   background: #cfc;
433   /* for NS4 */
434   border: none;
435 }
436
437 /* These don't work in NS4 -- it completely ignores <del> and <ins>. */
438 /* deleted words */
439 .diff del { background: #f99; }
440 /* added words */
441 .diff ins { background: #9f9; }
442
443
444 /**
445  * PageHistory, Info
446  */
447 td.pageinfo { font-weight: bold; }
448 .pageinfo-minoredit, .pageinfo-authorid {
449   font-size: smaller;
450   font-style: oblique;
451 }
452
453
454 /**
455  * Other
456  */
457 .printer, .no-css { display: none; }
458
459 /* PHP Warnings */
460 div.errors {
461   color: black;
462   background: #eee;
463   margin-top:    1em;
464   margin-bottom: 1em;
465   padding-left:  0.8em; 
466   padding-right: 0.8em; 
467   padding-top:    0.8ex;
468   padding-bottom: 0;
469   border: medium solid red;
470   clear: both;
471 }
472 .errors h4 {
473   color: red;
474   margin:  0;
475   padding: 0;
476   text-decoration: underline;
477 }
478 .error { font-family: monospace; font-size: 120%; }
479 .error ul { font-family: monospace; }
480
481 /* Debug */
482 .debug {
483   color: black;
484   background: white;
485   font-family: monospace;
486   font-size: smaller;
487   margin: 1ex 0;
488   padding: 0.5ex 0.5em;
489   border: medium solid #fff8dc; /* darker ivory */
490 }
491
492 /* Hints */
493 .hint {
494   color: black;
495   background: #eeeeee;
496   font-size: smaller;
497   margin-left: 5em;
498   padding: 0.5ex 0.5em;
499   border: thin solid #aaaaaa;
500 }
501
502 /* Disabled Plugins */
503 .disabled-plugin
504 {
505   clear: both;
506   margin: 1ex 0;
507   padding: 0;
508 }
509 .disabled-plugin .title {
510   color: #400;
511   background-color: inherit;
512   font-size: x-small;
513   text-align: right;
514   padding: 0 0.5em;
515 }
516 .disabled-plugin pre {
517   color: black;
518   background: #ddd;
519   margin: 0;
520   padding: 0.3ex 0.5em;
521 }
522
523 /* "(Redirected from ...)" message. */
524 span.redirectfrom {
525   font-size: small;
526   font-style: oblique;
527   font-weight: normal;
528   padding-left: 1em;
529 }
530
531
532 /*
533  * Vertical margins around block elements.
534  */
535
536 p { margin: 1em 0; }            /* Normal ("loose") paragraphs */
537 li p, dd p, td p { margin: 1ex 0; } /* Paragraphs within lists are a little tighter. */
538   
539 /* ul, ol, dl { margin: 0.2ex 0; }      /* A little room around lists. */
540 /* li ul, li ol, li dl,
541 dd ul, dd ol, dd dl { margin: 0 0; } /* but not around sub-lists. */
542
543 /* Normal ("loose") list elements */
544 li.tightenable { margin: 1em 0; }
545 dt.tightenable { margin-top: 1em; }
546 dd.tightenable { margin-bottom: 1.5ex; }
547
548   
549 li.tightenable.top,
550 dt.tightenable.top,
551 dd.tightenable.top {
552   margin-top: 0.2ex;
553 }
554 li li.tightenable.top {
555   margin-top: 0;
556 }
557 li.tightenable.bottom,
558 dd.tightenable.bottom {
559   margin-bottom: 0.2ex;
560 }
561 li li.tightenable.bottom {
562   margin-bottom: 0;
563 }
564
565 .tightenable.top {
566   margin-top: 0;
567 }
568 .tightenable.bottom {
569   margin-bottom: 0;
570 }
571
572 /*
573  * "DL tables"
574  */
575 .wiki-dl-table {
576   border-collapse: collapse;
577   border: 2px #444 solid;
578 }
579 .wiki-dl-table tr {
580   border-top: 2px #444 solid;
581   border-bottom: 2px #444 solid;
582   border-left: none; 
583   border-right: none; 
584 }
585 .wiki-dl-table tr.tightenable.top {
586   border-top: 1px #444 solid;
587 }
588 .wiki-dl-table tr.tightenable.bottom {
589   border-bottom: 1px #444 solid;
590 }
591 .wiki-dl-table th,
592 .wiki-dl-table td {
593   padding: 0.25em 0.5em;
594 }
595 .wiki-dl-table th {
596   vertical-align: top;
597   text-align: right;
598   border-right: 1px #444 solid;
599   border-left: none;
600   border-top: none;
601   border-bottom: none;
602 }
603 .wiki-dl-table td {
604   border: none;
605 }
606
607 /*
608  * "E-mail" style blockquote
609  */
610 blockquote.mail-style-quote {
611   border-left: medium #284 solid;
612   padding-left: 1em;
613   margin-left: 0;
614   margin-right: 0;
615 }
616 .mail-style-quote blockquote.mail-style-quote {
617   margin-left: -0.6em;
618 }
619
620
621 /*
622  * wikiblog
623  */
624 .floatleft { float: left; }
625 .floatright { float: right; }
626
627 div.wikiblog {
628   border: thin black solid;
629   margin: 1ex 2em;
630   padding: 0 0;
631 }
632 div.wikiblog > div {
633   margin: 0 0;
634   padding: 0.5ex 0.5em;
635 }
636 div.wikiblog-header {
637   background-color: #ccf;
638 }
639 div.wikiblog > div.wikiblog-footer {
640   background-color: #eee;
641   padding: 0.2ex 0.5em;
642 }
643 h3.wikiblog-summary {
644   font-size: medium;
645   font-weight: bold;
646   margin: 0 0 1ex 0;
647 }
648
649 div.wikiblog.wikiblog-form {
650   background-color: #eee;
651 }
652
653 table.wikiblog-form {
654   width: auto;
655   border-collapse: collapse;
656   margin: 0.25em 0;
657 }
658 .wikiblog-form caption {
659   background-color: #ccf;
660   caption-side: top;
661   font-weight: bold;
662   text-align: left;
663   padding: 0.5ex 0.5em;
664 }
665 .wikiblog-form th {
666   vertical-align: top;
667   text-align: right;
668   padding: 0 0 0.3em 0.5em;
669 }
670 .wikiblog-form td {
671   padding: 0.25em 0.5em;
672 }
673 .wikiblog-form td.submit-button {
674   padding: 0;
675 }
676 .wikiblog-form input[type=text],
677 .wikiblog-form textarea {
678   margin: 0 0;
679   width: 100%;
680 }
681 div.wikicomment div.wikicomment-footer {
682   padding: 0.2ex 0.5em;
683 }
684 div.wikicomment div.wikicomment-footer named-wiki {
685   font-size: small;
686 }
687 table.interwiki-map {
688   margin: 1em 2em;
689 }
690 .interwiki-map th {
691   text-decoration: underline;
692   text-align: left;
693   padding-left: 1em;
694 }
695 .interwiki-map td.interwiki-url {
696   padding-left: 2em;
697 }
698 .interwiki-map th.interwiki-url {
699   padding-left: 3em;
700 }
701
702 .dialog {
703   background-color: #cdf;
704   color: black;
705   margin: 2em auto 2em auto;
706   border: thin black solid;
707   width: 50%;
708 }
709 .dialog h1, .dialog p, .dialog div {
710   text-align: center;
711 }
712 .dialog h1 {
713   font-size: large;
714   margin: 0.5em 0 1em 0;
715 }
716 .dialog div.message {
717   background-color: white;
718   color: black;
719   color: black;
720   margin: 0 1em;
721   padding: 0.5em 0.5em;
722 }
723 .dialog p.buttons {
724   margin: 1em 0 0.5em 0;
725 }
726
727
728 .clear-floats {
729   clear: both;
730 }
731
732 th.gridbutton {
733   background-color: threedlightshadow;
734   color: black;
735   font-weight: normal;
736   font-style: menu;
737   margin: 5px 0px;
738   padding-top: 5px;
739   border-width: 1px;
740   border-style: solid;
741   border-color: threedhighlight threeddarkshadow threeddarkshadow threedhighlight;
742 }
743 input.gridbutton, a.gridbutton, a:hover.gridbutton, a:visited.gridbutton {
744   text-decoration: none;
745   font-size: small;
746   font-weight: normal;
747   font-style: menu;
748   font-family: Tahoma, sans-serif, Arial, Helvetica;
749   background-color: threedlightshadow;
750   color: black;
751 }
752
753 /* postnuke css:*/
754 .gensmall{font-size:10px}
755 .genmed{font-size:11px}
756 td.cat{font-weight:bold;letter-spacing:1px;color:#000000;background: url(./images/cellpic1.png);height:27px}
757 /*
758 /* Main table cell colours and backgrounds */
759 td.row1{background:#eaedf4;color:#000000}
760 td.row2{background:#d9e2ec;color:#000000}
761 td.row3{background:#cad9ea;color:#000000}
762 td.spacerow{background:#cad9ea;color:#000000}
763 /* This is the outline round the main forum tables */
764 .forumline{background:#ffffff;color:#000000;border:1px solid #006699}
765
766 .box { background:#ffffff; border:1px solid #006699 }
767 .box-title { font-weight: bold; font-size: 11pt; background:#cad9ea; }
768 .box-data { width: 160px; font-size: 9pt; font-weight: normal; }
769 .box-data .wiki { font-weight: normal; }
770 table.sidebar { border-spacing: 0px; margin: 0ex;}
771
772 /* For emacs users
773  *
774  * Local Variables:
775  * mode: c
776  * c-file-style: cc-mode
777  * End:
778  */