]> CyberLeo.Net >> Repos - SourceForge/phpwiki.git/blob - themes/default/phpwiki.css
added search highlighting from MacOSX theme
[SourceForge/phpwiki.git] / themes / default / phpwiki.css
1 /**
2  * $Id: phpwiki.css,v 1.29 2004-04-14 10:51:02 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  * Search Results
238  */
239 .search-context { background: white; }
240 .search-term {
241   background: yellow;
242   font-weight: normal;
243 }
244
245 /* IncludePage plugin */
246 .transclusion-title {
247   text-align: right;
248   font-style: oblique;
249   font-size:  smaller;
250   text-decoration: underline;
251   margin-bottom: 0.25ex;
252   margin-right:  0.25em;
253
254 .transclusion, .wiki-edithelp {
255   font-size: smaller;
256 }
257 .transclusion {
258   border: 1px solid gray;
259   padding-left:  0.8em; 
260   padding-right: 0.8em; 
261   padding-top:     0px;
262   padding-bottom:  0px;
263   margin-left:   0.25em;
264   margin-right:  0.25em;
265   margin-bottom: 0.1ex;
266 }
267 .wiki-edithelp {
268   background: white;
269   border: medium solid #fff8dc; /* darker ivory */
270   padding-left:  0.5em;
271   padding-right: 0.5em;
272   padding-top:    0.75ex;
273   padding-bottom: 0.75ex;
274   margin-left:  0;
275   margin-right: 0;
276   margin-top: 1ex;
277   margin-bottom: 1ex;
278 }
279 .wiki-edithelp .wiki {
280   /* color: #5454ff;*/
281 }
282 .wiki-edithelp p {
283   font-family: Arial, Helvetica, sans-serif;
284   padding-left:  0.5em;
285   padding-right: 0.5em;
286   padding-top:    0.5ex;
287   padding-bottom: 0.5ex;
288   margin: 0;
289 }
290
291
292 /**
293  * Calendar plugin
294  */
295 table.cal {
296   border: 1px outset gray;
297   background: white;
298   margin: 0.5ex 0.5em;
299   padding: 1px;
300   /* For Mozilla */
301   empty-cells: hide;
302
303
304 /* cells */
305 table.cal td {
306   background: white;
307   text-align: right;
308
309
310 /* Month-name header */
311 table.cal-header { font-size: larger; }
312 table.cal-header tr, table.cal-header td { text-align: center; }
313 .cal-arrow {
314   font-weight: bold;
315   text-decoration: none;
316 }
317
318 /* Day-names header */
319 table.cal tbody tr .cal-dayname {  }
320 .cal-dayname td {
321   text-align: center;
322   font-size: smaller;
323   text-decoration: underline;
324 }
325
326 /* Individual days */
327 a.cal-hide { text-decoration: none; }
328
329 /* Today */
330  /* cell */
331 table.cal td.cal-today {
332   margin: 1px;
333   border: 1px solid gray;
334 }
335  /* text */
336 table.cal td.cal-today a.cal-hide {  }
337
338 /**
339  * Diff Output
340  */
341 /* main box */
342 .diff {
343   margin-top:    1ex;
344   margin-bottom: 0.5ex;
345   background: white;
346   /* Netscape 4 requires this 1px border.
347      Without it, the paper borders below cause
348      the white background to disappear. */
349   border: 1px #ccc solid;
350   color: black;
351   border-top: 1px solid #494f5d;
352   border-left:  1px solid #494f5d;
353   border-bottom:  1px solid #c6d2de;
354   border-right: 1px solid #c6d2de;
355   padding-top:    1px;
356   padding-bottom: 1px;
357   padding-left:  .125em;
358   padding-right: .125em;
359   padding: 0;
360   /* "paper" borders */
361   /*border-top: 2px #d2d2d2 solid;
362   border-left:  2px #b2b2b2 solid;
363   border-bottom:  2px #e8e6df solid;
364   border-right: 2px #e8e6df solid;*/
365 /*  padding-left:  0em; 
366   padding-bottom: 0ex;*/
367 /*  border-style: inset;*/
368   /*This breaks Netscape 4: (display does not go full width).
369    * width: auto;
370    */
371   /* I'm not sure what the intent of this was, but it's
372    *  not valid CSS: */
373   /* display: editarea; */
374   clear: both;
375 }
376 .diff .block {
377   background: #ddd;
378   padding-left: 1em;
379   /* for NS4 */
380   /*border: none;*/
381 }
382
383 /* individual blocks */
384 .diff .context {
385   background: white;
386   /* for NS4 */
387   border: none;
388 }
389 /* entire difftextblock */
390 .difftext {
391   margin-top:    0;
392   margin-bottom: 0;
393   background: white;
394   /* Netscape 4 requires this 1px border.
395      Without it, the paper borders below cause
396      the white background to disappear. */
397   border: 1px black solid;
398   /* "paper" borders */
399   border-top:  1px #e8e6df solid;
400   border-left: 1px #e8e6df solid;
401   border-bottom: 1px #d2d2d2 solid;
402   border-right:  1px #b2b2b2 solid;
403   padding-left:  0em; 
404   padding-right: 0em;
405   padding-top:    0ex;
406   padding-bottom: 0ex;
407   /*This breaks Netscape 4: (display does not go full width).
408    * width: auto;
409    */
410   clear: both;
411 }
412 /* + - line prefix */
413 .diff .block tt {
414   font-weight: normal;
415   font-family: monospace;
416   color: black;
417   /* for NS4 */
418   margin-left: 0;
419   border: none;
420 }
421 /* changed words */
422 .diff del, .diff ins {
423   font-weight: bold;
424   text-decoration: none;
425 }
426
427 /* blocks containing deleted or added words */
428 .diff .original, .diff .deleted,
429 .diff .final, .diff .added {
430   background: white;
431 }
432 /* blocks containing deleted words */
433 .diff .original, .diff .deleted {
434   background: #fcc;
435   /* for NS4 */
436   border: none;
437 }
438 /* blocks containing added words */
439 .diff .final, .diff .added {
440   background: #cfc;
441   /* for NS4 */
442   border: none;
443 }
444
445 /* These don't work in NS4 -- it completely ignores <del> and <ins>. */
446 /* deleted words */
447 .diff del { background: #f99; }
448 /* added words */
449 .diff ins { background: #9f9; }
450
451
452 /**
453  * PageHistory, Info
454  */
455 td.pageinfo { font-weight: bold; }
456 .pageinfo-minoredit, .pageinfo-authorid {
457   font-size: smaller;
458   font-style: oblique;
459 }
460
461
462 /**
463  * Other
464  */
465 .printer, .no-css { display: none; }
466
467 /* PHP Warnings */
468 div.errors {
469   color: black;
470   background: #eee;
471   margin-top:    1em;
472   margin-bottom: 1em;
473   padding-left:  0.8em; 
474   padding-right: 0.8em; 
475   padding-top:    0.8ex;
476   padding-bottom: 0;
477   border: medium solid red;
478   clear: both;
479 }
480 .errors h4 {
481   color: red;
482   margin:  0;
483   padding: 0;
484   text-decoration: underline;
485 }
486 .error { font-family: monospace; font-size: 120%; }
487 .error ul { font-family: monospace; }
488
489 /* Debug */
490 .debug {
491   color: black;
492   background: white;
493   font-family: monospace;
494   font-size: smaller;
495   margin: 1ex 0;
496   padding: 0.5ex 0.5em;
497   border: medium solid #fff8dc; /* darker ivory */
498 }
499
500 /* Hints */
501 .hint {
502   color: black;
503   background: #eeeeee;
504    /* font-size: smaller; */
505   font-style: italic; */ 
506   margin-left: 3em;
507   padding: 0.5ex 0.5em;
508   border: thin solid #aaaaaa;
509 }
510 span.hint {
511   padding: 0;
512 }
513
514 /* Disabled Plugins */
515 .disabled-plugin
516 {
517   clear: both;
518   margin: 1ex 0;
519   padding: 0;
520 }
521 .disabled-plugin .title {
522   color: #400;
523   background-color: inherit;
524   font-size: x-small;
525   text-align: right;
526   padding: 0 0.5em;
527 }
528 .disabled-plugin pre {
529   color: black;
530   background: #ddd;
531   margin: 0;
532   padding: 0.3ex 0.5em;
533 }
534
535 /* "(Redirected from ...)" message. */
536 span.redirectfrom {
537   font-size: small;
538   font-style: oblique;
539   font-weight: normal;
540   padding-left: 1em;
541 }
542
543
544 /*
545  * Vertical margins around block elements.
546  */
547
548 p { margin: 1em 0; }            /* Normal ("loose") paragraphs */
549 li p, dd p, td p { margin: 1ex 0; } /* Paragraphs within lists are a little tighter. */
550   
551 /* ul, ol, dl { margin: 0.2ex 0; }      /* A little room around lists. */
552 /* li ul, li ol, li dl,
553 dd ul, dd ol, dd dl { margin: 0 0; } /* but not around sub-lists. */
554
555 /* Normal ("loose") list elements */
556 li.tightenable { margin: 1em 0; }
557 dt.tightenable { margin-top: 1em; }
558 dd.tightenable { margin-bottom: 1.5ex; }
559
560   
561 li.tightenable.top,
562 dt.tightenable.top,
563 dd.tightenable.top {
564   margin-top: 0.2ex;
565 }
566 li li.tightenable.top {
567   margin-top: 0;
568 }
569 li.tightenable.bottom,
570 dd.tightenable.bottom {
571   margin-bottom: 0.2ex;
572 }
573 li li.tightenable.bottom {
574   margin-bottom: 0;
575 }
576
577 .tightenable.top {
578   margin-top: 0;
579 }
580 .tightenable.bottom {
581   margin-bottom: 0;
582 }
583
584 /*
585  * "DL tables"
586  */
587 .wiki-dl-table {
588   border-collapse: collapse;
589   border: 2px #444 solid;
590 }
591 .wiki-dl-table tr {
592   border-top: 2px #444 solid;
593   border-bottom: 2px #444 solid;
594   border-left: none; 
595   border-right: none; 
596 }
597 .wiki-dl-table tr.tightenable.top {
598   border-top: 1px #444 solid;
599 }
600 .wiki-dl-table tr.tightenable.bottom {
601   border-bottom: 1px #444 solid;
602 }
603 .wiki-dl-table th,
604 .wiki-dl-table td {
605   padding: 0.25em 0.5em;
606 }
607 .wiki-dl-table th {
608   vertical-align: top;
609   text-align: right;
610   border-right: 1px #444 solid;
611   border-left: none;
612   border-top: none;
613   border-bottom: none;
614 }
615 .wiki-dl-table td {
616   border: none;
617 }
618
619 /*
620  * "E-mail" style blockquote
621  */
622 blockquote.mail-style-quote {
623   border-left: medium #284 solid;
624   padding-left: 1em;
625   margin-left: 0;
626   margin-right: 0;
627 }
628 .mail-style-quote blockquote.mail-style-quote {
629   margin-left: -0.6em;
630 }
631
632
633 /*
634  * wikiblog
635  */
636 .floatleft { float: left; }
637 .floatright { float: right; }
638
639 div.wikiblog {
640   border: thin black solid;
641   margin: 1ex 2em;
642   padding: 0 0;
643 }
644 div.wikiblog > div {
645   margin: 0 0;
646   padding: 0.5ex 0.5em;
647 }
648 div.wikiblog-header {
649   background-color: #ccf;
650 }
651 div.wikiblog > div.wikiblog-footer {
652   background-color: #eee;
653   padding: 0.2ex 0.5em;
654 }
655 h3.wikiblog-summary {
656   font-size: medium;
657   font-weight: bold;
658   margin: 0 0 1ex 0;
659 }
660
661 div.wikiblog.wikiblog-form {
662   background-color: #eee;
663 }
664
665 table.wikiblog-form {
666   width: auto;
667   border-collapse: collapse;
668   margin: 0.25em 0;
669 }
670 .wikiblog-form caption {
671   background-color: #ccf;
672   caption-side: top;
673   font-weight: bold;
674   text-align: left;
675   padding: 0.5ex 0.5em;
676 }
677 .wikiblog-form th {
678   vertical-align: top;
679   text-align: right;
680   padding: 0 0 0.3em 0.5em;
681 }
682 .wikiblog-form td {
683   padding: 0.25em 0.5em;
684 }
685 .wikiblog-form td.submit-button {
686   padding: 0;
687 }
688 .wikiblog-form input[type=text],
689 .wikiblog-form textarea {
690   margin: 0 0;
691   width: 100%;
692 }
693 div.wikicomment div.wikicomment-footer {
694   padding: 0.2ex 0.5em;
695 }
696 div.wikicomment div.wikicomment-footer named-wiki {
697   font-size: small;
698 }
699 table.interwiki-map {
700   margin: 1em 2em;
701 }
702 .interwiki-map th {
703   text-decoration: underline;
704   text-align: left;
705   padding-left: 1em;
706 }
707 .interwiki-map td.interwiki-url {
708   padding-left: 2em;
709 }
710 .interwiki-map th.interwiki-url {
711   padding-left: 3em;
712 }
713
714 .dialog {
715   background-color: #cdf;
716   color: black;
717   margin: 2em auto 2em auto;
718   border: thin black solid;
719   width: 50%;
720 }
721 .dialog h1, .dialog p, .dialog div {
722   text-align: center;
723 }
724 .dialog h1 {
725   font-size: large;
726   margin: 0.5em 0 1em 0;
727 }
728 .dialog div.message {
729   background-color: white;
730   color: black;
731   color: black;
732   margin: 0 1em;
733   padding: 0.5em 0.5em;
734 }
735 .dialog p.buttons {
736   margin: 1em 0 0.5em 0;
737 }
738
739
740 .clear-floats {
741   clear: both;
742 }
743
744 th.gridbutton {
745   background-color: threedlightshadow;
746   color: black;
747   font-weight: normal;
748   font-style: menu;
749   margin: 5px 0px;
750   padding-top: 5px;
751   border-width: 1px;
752   border-style: solid;
753   border-color: threedhighlight threeddarkshadow threeddarkshadow threedhighlight;
754 }
755 input.gridbutton, a.gridbutton, a:hover.gridbutton, a:visited.gridbutton {
756   text-decoration: none;
757   font-size: small;
758   font-weight: normal;
759   font-style: menu;
760   font-family: Tahoma, sans-serif, Arial, Helvetica;
761   background-color: threedlightshadow;
762   color: black;
763 }
764
765 /* postnuke css:*/
766 .gensmall{font-size:10px}
767 .genmed{font-size:11px}
768 td.cat{font-weight:bold;letter-spacing:1px;color:#000000;background: url(./images/cellpic1.png);height:27px}
769 /* Main table cell colours and backgrounds */
770 td.row1{background:#eaedf4;color:#000000}
771 td.row2{background:#d9e2ec;color:#000000}
772 td.row3{background:#cad9ea;color:#000000}
773 td.spacerow{background:#cad9ea;color:#000000}
774
775 /* This is the outline round the main forum tables */
776 .forumline{background:#ffffff;color:#000000;border:1px solid #006699}
777
778 /* Sidebar */
779 .box { background:#ffffff; border: 1px solid #888888 }
780 .box-title { font-weight: bold; font-size: 11pt; background-color: #cdcdcd; color: black; font-style: menu; }
781 .box-data { width: 160px; font-size: 9pt; font-weight: normal; }
782 .box-data .wiki { font-weight: normal; }
783 table.sidebar { border-spacing: 0px; margin: 0ex;}
784
785 /* RssFeed */
786 div.rss { margin: 1em; padding: 1em; font-size: 0.9em; background-color: #eeeeee; border: thin dashed #aaa; }
787 div.feed { color: #333; margin: -0.5em; margin-bottom: 0em; padding: 0.3em; font-weight: bold; background-color: #f2f2f2; font-size: 1.2em; }
788 div.itemdesc {  padding-left: 1em; }
789 div.rssitem { border-top: thin dashed #aaa; }
790
791 /* For emacs users
792  *
793  * Local Variables:
794  * mode: c
795  * c-file-style: cc-mode
796  * End:
797  */