]> CyberLeo.Net >> Repos - SourceForge/phpwiki.git/blob - themes/blog/Kubrick.css
background-color: #e9fbff; for BoxRight
[SourceForge/phpwiki.git] / themes / blog / Kubrick.css
1 /*   
2   Kubrick v1.2.5  for PhpWiki, by Rui Carmo - http://the.taoofmac.com
3   Based on Michael Heilemann's excellent work for WordPress 1.2
4   http://binarybonsai.com/kubrick/
5   
6   This is a work in progress - some of the original CSS may need collapsing
7 */
8
9 /* @import url("../default/phpwiki.css"); */
10
11 body {
12   margin: 20px auto;
13   padding: 0; 
14   font-size: 75%; /* Resets 1em to 10px */
15   font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
16   background-color: #d5d6d7;
17   color: #333;
18   background: url("images/kubrickbgcolor.png"); 
19 }
20
21 #header {
22   top: 0px;
23   background-color: #73a0c5;
24   background: url("images/header.png") no-repeat top center;
25   padding: 0;
26   margin: 0 auto;
27   height: 200px;
28   width: 100%;
29 }
30
31 #flashheader, #yoursiteheader {
32   padding-top: 19px;
33   margin-left: 19px;
34   width: 722px;
35   height: 182px;
36   background-color: transparent;
37   font: bolder 67px/50px  Verdana, Arial, Helvetica, sans-serif;
38   letter-spacing: -0.1em;
39   /*font-variant: condensed;*/ 
40 }
41
42 #yoursiteheader a:hover, #yoursiteheader a:link, #yoursiteheader a:visited {
43   text-decoration: none;
44   color: black;
45 }
46
47 #actionbar, #editbar {
48   background: url("images/actionbarbg.png") no-repeat top center;
49   width: 760px;
50   /*height: 40px;*/
51 }
52
53 /* http://www.aboutus.org/UniversalWikiEditButton */
54 div.actionbuttons a#btn-edit {
55   background:  url('images/Edit-chalk-10bo12.png') bottom left no-repeat;
56   background-repeat: no-repeat;
57   padding-left: 13px !important;
58 }
59
60 #LSResult {
61   position: absolute;
62   text-align: left;
63   display: none;
64   z-index: 100;
65   background-color: white;
66   border: 1px solid #d0d0d0; 
67   font-size: 9px;
68   overflow: hidden;
69 }
70
71 #LSHighlight {
72   background-color: #f08000;
73 }
74
75 #LSResult .evenrow {
76   background-color: #f0f0f0;
77
78
79 #LSREsult .oddrow {
80
81
82 .LSEnd {
83   text-align: right;
84 }
85 .LSRow:hover {
86   background-color: white;
87 }
88 .LSRow {
89   padding: 1px;
90
91 ul.LSRes {
92   margin: 0px;
93   padding: 0px;
94 }
95 li.LSRow {
96   margin: 0px;
97   list-style-image: none;
98 }
99
100 #sitemeter {
101   float: right;
102 }
103
104 #actionbuttons, .actionbuttons  {
105   float: left;
106   height: 20px;
107   margin-top: 12px;
108   padding-left: 30px;
109   vertical-align: middle;
110 }
111
112 #editbar p {
113   height: 20px;
114   padding-top: 8px;
115   margin-left: 30px;
116   vertical-align: middle;
117 }
118
119 #editarea-size {
120   font-size: 9px;
121   margin-top: 0px;
122   margin-left: 20px;
123   margin-right: 10px;
124 }
125 #editarea-size input {
126   font-size: 9px;
127 }
128  
129 #actionbuttons a {
130   padding-right: 0px;
131   font-size: 11px; /* we need pixel units here to match the background */
132 }
133
134 #pagetrail {
135   margin-left: 19px; 
136   width: 540px;
137 }
138
139 #pagetrail p {
140   font-size: 9px;
141   margin-top: 0px;
142   margin-left: 20px;
143   margin-right: 20px;
144 }
145
146 #page {
147   background-color: white;
148   background: url("images/kubrickbg.png"); 
149   margin: 20px auto;
150   padding: 0;
151   width: 760px;
152 }
153
154 #content {
155  font-size: 1.2em
156 }
157
158 #pagetitle, #pagetitle a {
159   color: black;
160   padding-left: 20px;
161   margin-top: 12px;
162   margin-bottom: 4px;
163   width: 550px;
164 }
165
166 .indexLetterHeading {
167   margin-top: 8px;
168   padding: 4px;
169   background-color: #f0f0f0;
170 }
171
172 div.wikitext {
173   /*margin-left: 25px;*/
174   margin-top: 12px;
175 }
176
177 pre {
178   overflow: hidden;
179   padding: 2px;
180   background-color: #f0f0f0;
181 }
182
183 #seealso table, .transclusion-title {
184   font-size: 0.81em;
185 }
186
187 .transclusion-title {
188   margin: 0px;
189   
190 }
191
192 .transclusion {
193   margin-bottom: 8px;
194 }
195
196 div.comments {
197   margin-top: 0px;
198   text-align: right;
199   font-size: 0.81em;
200 }
201
202 #bottom {
203   font-size: 0.81em;
204   border: none;
205   width: 720px;
206   clear: both;
207   margin: 0 20px 0 20px;
208   /*text-align: center;*/
209 }
210 #footer {
211   font-size: 0.81em;
212   background-color: #eee;
213   background: url("images/kubrickfooter.png") no-repeat bottom center;
214   border: none;
215   width: 760px;
216   height: 60px;
217   clear: both;
218   text-align: center;
219 }
220
221 #footer p, #bottom p {
222   margin: 0;
223   padding: 0;
224 /*  padding: 20px 0; */
225 }
226
227 .widecolumn .entry p {
228   font-size: 1.05em;
229   }
230
231 .narrowcolumn .entry, .widecolumn .entry {
232   line-height: 1.4em;
233   }
234
235 .widecolumn {
236   line-height: 1.6em;
237 }
238   
239 .narrowcolumn .postmetadata {
240   text-align: center;
241   }
242
243 .graybox {
244   background-color: #f8f8f8;
245   border-top: 1px solid #ddd;
246   border-bottom: 1px solid #ddd;
247 }
248
249 small {
250   font-family: Arial, Helvetica, sans-serif;
251   font-size: 0.9em;
252   line-height: 1.5em;
253 }
254
255 tt {
256   font-family: 'Andale Mono', 'Lucida Console', 'Courier New', monospace;
257   font-size: 1.05em;
258 }
259
260 pre {
261   width: 486px;
262   font-size: 10px;
263   font-family: 'Andale Mono', 'Lucida Console', 'Courier New', monospace;
264   overflow: hidden;
265 }
266
267 h1, h2, h3 {
268   font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;
269   font-weight: bold;
270 }
271
272 h1 {
273   font-size: 2em;
274   text-align: center;
275 }
276
277 .description {
278   font-size: 1.2em;
279   text-align: center;
280   }
281
282 h2 {
283   font-size: 1.6em;
284   margin-top: 2px;
285   text-align: left;
286 }
287
288 #sidebar h2, #sidebar .box-title {
289   font-family: 'Lucida Grande', Verdana, sans-serif;
290   font-size: 1.2em;
291 }
292
293 h3 {
294   font-size: 1.3em;
295 }
296
297 h1, h1 a, h1 a:hover, h1 a:visited, .description {
298   text-decoration: none;
299   /*color: white;*/
300   color: black;
301 }
302
303 h2, h2 a, h2 a:visited, .box-title a:visited, h3, h3 a, h3 a:visited {
304   color: #333;
305 }
306
307 h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
308   text-decoration: none;
309 }
310
311 table.pagelist, table.referrerlist {
312   width: 100%;
313 }
314
315 table.referrerlist td {
316   font-size: 0.71em;
317 }
318
319 table.pagelist td {
320   font-size: 0.81em;
321 }
322
323 tr.evenrow {
324   background-color: #f0f0f0;
325 }
326
327 .entry p a:visited {
328   color: #b85b5a;
329 }
330 /* ie quirks */
331 #sidebar {
332   font: 1em 'Lucida Grande', Verdana, Arial, sans-serif;
333   left:585px;
334   position:absolute;
335   z-index: 2;
336   top: 260px;
337   /* top, right, bottom, left */
338   padding: 0 10px 10px 0;
339   width: 155px;
340   border: none;
341   overflow: visible;
342   color: black;
343 }
344 #moz-sidebar {
345   font: 1em 'Lucida Grande', Verdana, Arial, sans-serif;
346   margin-left: 560px;
347   position:absolute;
348   z-index: 2;
349   top: 270px;
350   /* top, right, bottom, left */
351   padding: 0 10px 10px 0;
352   width: 155px;
353   background: white;
354 }
355
356 #sidebar form {
357   margin: 0;
358 }
359
360 #notification {
361   margin-left: 20px;
362   background: #ffe0e0;
363 }
364
365 #revisionbox dl, #cachebox dl {
366   width: 200px;
367   margin: 0px;
368   background: #ffe0e0 url("images/bottom_sidebar_round.png") no-repeat bottom left;
369 }
370 #revisionbox dd, #cachebox dd {
371   padding-bottom: 10px;
372 }
373 #revisionbox dt, #cachebox dt {
374   margin: 0px;
375   padding: 5px;
376   background: #ffe0e0 url("images/top_sidebar_round.png") no-repeat top left;
377 }
378
379 small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
380   color: #777;
381   }
382   
383 code {
384   font: 1.1em 'Courier New', Courier, monospace;
385 }
386
387 acronym, abbr, span.caps
388 {
389   font-size: 0.9em;
390   letter-spacing: .07em;
391   }
392
393 a, h2 a:hover, h3 a:hover {
394   color: #06c;
395   text-decoration: none;
396   }
397
398 a:hover {
399   color: #147;
400   text-decoration: underline;
401 }
402
403 a.namedurl {
404   padding-right: 6px;
405   margin-right: 0px;
406   background: url("images/http.png") right top no-repeat;
407
408 /* https links */
409 a.namedurl[href*="https"] {
410   padding-right: 6px;
411   margin-right: 0px;
412   background: url("images/https.png") right top no-repeat;
413 }
414 /* local links (override above) */
415 /*
416 a.namedurl[href*="the.taoofmac.com"] {
417   padding-right: 0px;
418   background: none;
419
420 */
421 /* interwiki */
422 a.named-interwiki {
423   padding-right: 6px;
424   margin-right: 0px;
425   background: url("images/interwiki.png") right top no-repeat;
426
427
428 #xhtml-validator { 
429   padding-bottom: 0;
430   vertical-align: middle;
431 }
432
433 #searchholder {
434   float: right;
435   /*height: 30px;*/
436   vertical-align: middle;
437   margin-top: 10px;
438   margin-right: 30px;
439 }
440
441 #livesearch {
442   /*height: 16px;*/
443   width: 150px;
444   font-size:0.8em;
445 }
446
447 #bodyContent {
448   float: left;
449   padding: 0 0 20px 25px;
450   margin: 0px 0 0;
451   width: 550px;
452   overflow: visible;
453   /* how to define minimal height? */
454   min-height: 490px;
455 }
456 .narrowcolumn, .wikiblog {
457   width: 550px !important;
458   /*max-width: 550px;*/
459 }
460
461 #editpage, #edit-content, .wiki-edithelp {
462   /* top, right, bottom, left */
463   padding: 0 0 20px 0;
464   /*margin: 0px 0 0;*/
465   width: 710px;
466   overflow: visible;
467 }
468 .wiki-edithelp { 
469   font-size: 0.81em; 
470 }
471 #wikiblog-form div.wiki-edithelp { 
472   width: 550px;
473   font-size:8pt;
474 }
475
476 .widecolumn {
477   padding: 10px 0 20px 0;
478   margin: 5px auto;
479   width: 450px;
480 }
481   
482 .post {
483   margin: 0 0 40px;
484   text-align: justify;
485 }
486
487 .widecolumn .post {
488   margin: 0;
489 }
490
491 .narrowcolumn .postmetadata {
492   padding-top: 5px;
493 }
494
495 .widecolumn .postmetadata {
496   margin: 30px 0;
497 }
498   
499
500 /*  Begin Headers */
501 h1 {
502   margin: 0;
503 }
504
505 .description {
506   text-align: center;
507   }
508
509 /* Black Links */
510 div.box-title, div.box-title a, div.box-title a:visited, div.box-title a:link {
511   font-weight: bold;
512   text-decoration: none;
513   color: black;
514 }
515 div.box-data, div.box-data a, div.box-data a:visited, div.box-data a:link {
516   font-size:8pt; 
517 }
518
519 #sidebar h2, #sidebar .box-title {
520   margin: 5px 0 0 0;
521   padding: 0;
522   color: black;
523   text-decoration: none;
524   }
525
526 h3 {
527   padding: 0;
528   margin: 30px 0 0;
529   }
530
531 h3.comments {
532   padding: 0;
533   margin: 40px auto 20px ;
534   }
535 /* End Headers */
536
537
538
539 /* Begin Images */
540 p img {
541   padding: 0;
542   max-width: 100%;
543   }
544
545 /*  Using 'class="alignright"' on an image will (who would've
546   thought?!) align the image to the right. And using 'class="centered',
547   will of course center the image. This is much better than using
548   align="center", being much more futureproof (and valid) */
549   
550 img.centered {
551   display: block;
552   margin-left: auto;
553   margin-right: auto;
554   }
555   
556 img.alignright {
557   padding: 4px;
558   margin: 0 0 2px 7px;
559   display: inline;
560   }
561
562 img.alignleft {
563   padding: 4px;
564   margin: 0 7px 2px 0;
565   display: inline;
566   }
567
568 .alignright {
569   float: right;
570   }
571   
572 .alignleft {
573   float: left
574   }
575 /* End Images */
576
577
578
579 /* Begin Lists
580
581   Special stylized non-IE bullets
582   Do not work in Internet Explorer, which merely default to normal bullets. */
583
584 html>body ul {
585   margin-left: 0px;
586   padding: 0 0 0 30px;
587   list-style: none;
588   padding-left: 10px;
589   text-indent: -10px;
590   } 
591
592 html>body li {
593   margin: 0 0 0 10px;
594   }
595
596 .narrowcolumn ul li:before, #sidebar ul ul li:before {
597   content: "\00BB \0020";
598 }
599
600 .entry ol {
601   padding: 0 0 0 35px;
602   margin: 0;
603 }
604
605 .entry ol li {
606   margin: 0;
607   padding: 0;
608 }
609
610 .postmetadata ul, .postmetadata li {
611   display: inline;
612   list-style-type: none;
613   list-style-image: none;
614 }
615   
616 #sidebar ul, #sidebar ul ol {
617   margin: 0;
618   padding: 0;
619 }
620
621 #sidebar ul li {
622   list-style-type: none;
623   list-style-image: none;
624   margin-bottom: 15px;
625 }
626
627 #sidebar ul p, #sidebar ul select {
628   margin: 5px 0 8px;
629 }
630
631 #sidebar ul ul, #sidebar ul ol {
632   margin: 5px 0 0 10px;
633   }
634
635 #sidebar ul ul ul, #sidebar ul ol {
636   margin: 0 0 0 10px;
637   }
638
639 ol li, #sidebar ul ol li {
640   list-style: decimal outside;
641   }
642
643 #sidebar ul ul li, #sidebar ul ol li {
644   margin: 3px 0 0;
645   padding: 0;
646   }
647 /* End Entry Lists */
648
649 /* Begin Form Elements */
650 #searchform {
651   text-align: right;
652   display: inline;
653 }
654 #wikiblog-summary { 
655   font-weight: bold;
656 }
657 /* End Form Elements */
658
659 /* Begin Various Tags & Classes */
660 acronym, abbr, span.caps {
661   cursor: help;
662 }
663
664 acronym, abbr {
665   border-bottom: 1px dashed #999;
666   }
667
668 blockquote {
669   margin: 15px 30px 0 10px;
670   padding-left: 20px;
671   border-left: 5px solid #ddd;
672   }
673
674 blockquote cite {
675   margin: 5px 0 0;
676   display: block;
677   }
678
679 .center {
680   text-align: center;
681   }
682
683 hr {
684   display: none;
685   }
686
687 a img {
688   border: none;
689   }
690
691 .navigation {
692   display: block;
693   text-align: center;
694   margin-top: 10px;
695   margin-bottom: 60px;
696 }
697 /* End Various Tags & Classes*/
698
699
700 /**
701  * Diff Output
702  */
703 /* main box */
704 .diff {
705   margin-top:    1ex;
706   margin-bottom: 0.5ex;
707   background: white;
708   /* Netscape 4 requires this 1px border.
709      Without it, the paper borders below cause
710      the white background to disappear. */
711   border: 1px #ccc solid;
712   color: black;
713   border-top: 1px solid #494f5d;
714   border-left:  1px solid #494f5d;
715   border-bottom:  1px solid #c6d2de;
716   border-right: 1px solid #c6d2de;
717   padding-top:    1px;
718   padding-bottom: 1px;
719   padding-left:  .125em;
720   padding-right: .125em;
721   padding: 0;
722   /* "paper" borders */
723   /*border-top: 2px #d2d2d2 solid;
724   border-left:  2px #b2b2b2 solid;
725   border-bottom:  2px #e8e6df solid;
726   border-right: 2px #e8e6df solid;*/
727 /*  padding-left:  0em; 
728   padding-bottom: 0ex;*/
729 /*  border-style: inset;*/
730   /*This breaks Netscape 4: (display does not go full width).
731    * width: auto;
732    */
733   /* I'm not sure what the intent of this was, but it's
734    *  not valid CSS: */
735   /* display: editarea; */
736   clear: both;
737 }
738 .diff .block {
739   background: #ddd;
740   padding-left: 1em;
741   /* for NS4 */
742   /*border: none;*/
743 }
744
745 /* individual blocks */
746 .diff .context {
747   background: white;
748   /* for NS4 */
749   border: none;
750 }
751 /* entire difftextblock */
752 #difftext {
753   width: 710px;
754   margin-top:    0;
755   margin-bottom: 0;
756   background: white;
757   /* Netscape 4 requires this 1px border.
758      Without it, the paper borders below cause
759      the white background to disappear. */
760   border: 1px black solid;
761   /* "paper" borders */
762   border-top:  1px #e8e6df solid;
763   border-left: 1px #e8e6df solid;
764   border-bottom: 1px #d2d2d2 solid;
765   border-right:  1px #b2b2b2 solid;
766   padding-left:  0em; 
767   padding-right: 0em;
768   padding-top:    0ex;
769   padding-bottom: 0ex;
770   /*This breaks Netscape 4: (display does not go full width).
771    * width: auto;
772    */
773   clear: both;
774 }
775 /* + - line prefix */
776 .diff .block tt {
777   font-weight: normal;
778   font-family: monospace;
779   color: black;
780   /* for NS4 */
781   margin-left: 0;
782   border: none;
783 }
784 /* changed words */
785 .diff del, .diff ins {
786   font-weight: bold;
787   text-decoration: none;
788 }
789
790 /* blocks containing deleted or added words */
791 .diff .original, .diff .deleted,
792 .diff .final, .diff .added {
793   background: white;
794 }
795 /* blocks containing deleted words */
796 .diff .original, .diff .deleted {
797   background: #fcc;
798   /* for NS4 */
799   border: none;
800 }
801 /* blocks containing added words */
802 .diff .final, .diff .added {
803   background: #cfc;
804   /* for NS4 */
805   border: none;
806 }
807
808 /* These don't work in NS4 -- it completely ignores <del> and <ins>. */
809 /* deleted words */
810 .diff del { background: #f99; }
811 /* added words */
812 .diff ins { background: #9f9; }
813
814
815 /**
816  * PageHistory, Info
817  */
818 td.pageinfo { font-weight: bold; }
819 .pageinfo-minoredit, .pageinfo-authorid {
820   font-size: smaller;
821   font-style: oblique;
822 }
823
824 #VisualWikiPlugin img {
825   width: 520px;
826   margin-left: 0;
827   padding: 0;
828 }
829
830 /* plugin BoxRight */
831 div.boxright {
832   background-color: #e9fbff;
833   width: 200px; 
834   right: 10px;
835   padding: 0.5em; 
836   float: right; 
837   border: thin solid #888888; 
838   padding: 0.5em;
839 }
840
841 /* RssFeed */
842 div.rss { margin: 1em; padding: 1em; font-size: 0.9em; background-color: #eeeeee; border: thin dashed #aaa; }
843 div.feed { color: #333; margin: -0.5em; margin-bottom: 0em; padding: 0.3em; font-weight: bold; background-color: #f2f2f2; font-size: 1.2em; }
844 div.itemdesc {  padding-left: 1em; }
845 div.rssitem { border-top: thin dashed #aaa; }
846
847 /* SqlResult */
848 table.sqlresult { 
849   border: 1px outset gray;
850   background: white;
851   margin: 0.5ex 0.5em;
852   padding: 1px;
853 }
854 .sqlresult tr.evenrow { background: #eee; }
855 .sqlresult tr.oddrow  { background: white; }
856 table.sqlresult td {
857   margin: 1px;
858   border: 1px solid gray;
859 }
860
861 /**
862  * TeX2png plugin
863  */
864 img.tex { 
865   border: 0ex;
866   vertical-align: middle; 
867 }
868
869 /**
870  * PhotoAlbum plugin
871  */
872 .boldsmall {
873   font-weight: bold;
874   font-size: 11px;
875 }
876 /* postnuke css:*/
877 .gensmall{font-size:9px}
878 .genmed{font-size:11px}
879
880 .wikiwyg_toolbar {
881     background: #D3D3D3;
882     border: 1px outset;
883     letter-spacing: 0;
884     padding: 2px;
885 }
886
887 span.wikiwyg_control_link a {
888     padding-right: 8px;
889 }
890
891 .wikiwyg_button {
892     background: #D3D3D3;
893     border: 1px solid #D3D3D3;
894     cursor: pointer;
895     width: 20px;
896     height: 20px;
897     vertical-align: bottom;
898 }
899
900 .wikiwyg_button:hover {
901     border: 1px outset;
902 }
903
904 .wikiwyg_button:active {
905     border: 1px inset;
906 }
907
908 .wikiwyg_separator {
909     background: #D3D3D3;
910     border: 1px solid #D3D3D3;
911     width: 9px;
912     height: 20px;
913     vertical-align: bottom;
914 }
915
916 .wikiwyg_selector {
917     width: 70px;
918 }
919
920 .wikiwyg_wysiwyg table {
921     border-collapse: collapse;
922     margin-bottom: .2em;
923 }
924
925 .wikiwyg_wysiwyg table td {
926     border: 1px;
927     border-style: solid;
928     padding: .2em;
929     vertical-align: top;
930 }
931
932 /*
933  * table class="boxed"
934  * will put a border around the table (but not around the cells)
935  *
936  * table class="bordered"
937  * will put a border around the table and the cells
938  *
939  * In both cases, the caption will be bold and centered under the table
940  *
941  * In both cases, the headers (th) will have a "#d8d8d8" background
942  */
943
944 table.boxed, table.bordered, table.bordered th, table.bordered td {
945     border-width: 1px;
946     border-style: solid;
947     border-collapse: collapse;
948     vertical-align: top;
949 }
950
951 table.boxed td, table.bordered td,
952 table.boxed th, table.bordered th {
953     padding-left: 5px;
954     padding-right: 5px;
955     padding-top: 0px;
956     padding-bottom: 0px;
957 }
958
959 table.boxed caption, table.bordered caption {
960     text-align: center;
961     font-weight: bold;
962     caption-side: bottom;
963     padding-top: 0.8em;
964 }
965
966 table.boxed th, table.bordered th {
967     font-weight: bold;
968     background-color: #d8d8d8;
969 }