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/
6 This is a work in progress - some of the original CSS may need collapsing
9 /* @import url("../default/phpwiki.css"); */
14 font-size: 75%; /* Resets 1em to 10px */
15 font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
16 background-color: #d5d6d7;
18 background: url("images/kubrickbgcolor.png");
23 background-color: #73a0c5;
24 background: url("images/header.png") no-repeat top center;
31 #flashheader, #yoursiteheader {
36 background-color: transparent;
37 font: bolder 67px/50px Verdana, Arial, Helvetica, sans-serif;
38 letter-spacing: -0.1em;
39 /*font-variant: condensed;*/
42 #yoursiteheader a:hover, #yoursiteheader a:link, #yoursiteheader a:visited {
43 text-decoration: none;
47 #actionbar, #editbar {
48 background: url("images/actionbarbg.png") no-repeat top center;
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;
65 background-color: white;
66 border: 1px solid #d0d0d0;
72 background-color: #f08000;
76 background-color: #f0f0f0;
86 background-color: white;
97 list-style-image: none;
104 #actionbuttons, .actionbuttons {
109 vertical-align: middle;
116 vertical-align: middle;
125 #editarea-size input {
131 font-size: 11px; /* we need pixel units here to match the background */
147 background-color: white;
148 background: url("images/kubrickbg.png");
158 #pagetitle, #pagetitle a {
166 .indexLetterHeading {
169 background-color: #f0f0f0;
173 /*margin-left: 25px;*/
180 background-color: #f0f0f0;
183 #seealso table, .transclusion-title {
187 .transclusion-title {
207 margin: 0 20px 0 20px;
208 /*text-align: center;*/
212 background-color: #eee;
213 background: url("images/kubrickfooter.png") no-repeat bottom center;
221 #footer p, #bottom p {
224 /* padding: 20px 0; */
227 .widecolumn .entry p {
231 .narrowcolumn .entry, .widecolumn .entry {
239 .narrowcolumn .postmetadata {
244 background-color: #f8f8f8;
245 border-top: 1px solid #ddd;
246 border-bottom: 1px solid #ddd;
250 font-family: Arial, Helvetica, sans-serif;
256 font-family: 'Andale Mono', 'Lucida Console', 'Courier New', monospace;
263 font-family: 'Andale Mono', 'Lucida Console', 'Courier New', monospace;
268 font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;
288 #sidebar h2, #sidebar .box-title {
289 font-family: 'Lucida Grande', Verdana, sans-serif;
297 h1, h1 a, h1 a:hover, h1 a:visited, .description {
298 text-decoration: none;
303 h2, h2 a, h2 a:visited, .box-title a:visited, h3, h3 a, h3 a:visited {
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;
311 table.pagelist, table.referrerlist {
315 table.referrerlist td {
324 background-color: #f0f0f0;
332 font: 1em 'Lucida Grande', Verdana, Arial, sans-serif;
337 /* top, right, bottom, left */
338 padding: 0 10px 10px 0;
345 font: 1em 'Lucida Grande', Verdana, Arial, sans-serif;
350 /* top, right, bottom, left */
351 padding: 0 10px 10px 0;
365 #revisionbox dl, #cachebox dl {
368 background: #ffe0e0 url("images/bottom_sidebar_round.png") no-repeat bottom left;
370 #revisionbox dd, #cachebox dd {
371 padding-bottom: 10px;
373 #revisionbox dt, #cachebox dt {
376 background: #ffe0e0 url("images/top_sidebar_round.png") no-repeat top left;
379 small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
384 font: 1.1em 'Courier New', Courier, monospace;
387 acronym, abbr, span.caps
390 letter-spacing: .07em;
393 a, h2 a:hover, h3 a:hover {
395 text-decoration: none;
400 text-decoration: underline;
406 background: url("images/http.png") right top no-repeat;
409 a.namedurl[href*="https"] {
412 background: url("images/https.png") right top no-repeat;
414 /* local links (override above) */
416 a.namedurl[href*="the.taoofmac.com"] {
425 background: url("images/interwiki.png") right top no-repeat;
430 vertical-align: middle;
436 vertical-align: middle;
449 padding: 0 0 20px 25px;
453 /* how to define minimal height? */
456 .narrowcolumn, .wikiblog {
457 width: 550px !important;
458 /*max-width: 550px;*/
461 #editpage, #edit-content, .wiki-edithelp {
462 /* top, right, bottom, left */
471 #wikiblog-form div.wiki-edithelp {
477 padding: 10px 0 20px 0;
491 .narrowcolumn .postmetadata {
495 .widecolumn .postmetadata {
510 div.box-title, div.box-title a, div.box-title a:visited, div.box-title a:link {
512 text-decoration: none;
515 div.box-data, div.box-data a, div.box-data a:visited, div.box-data a:link {
519 #sidebar h2, #sidebar .box-title {
523 text-decoration: none;
533 margin: 40px auto 20px ;
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) */
581 Special stylized non-IE bullets
582 Do not work in Internet Explorer, which merely default to normal bullets. */
596 .narrowcolumn ul li:before, #sidebar ul ul li:before {
597 content: "\00BB \0020";
610 .postmetadata ul, .postmetadata li {
612 list-style-type: none;
613 list-style-image: none;
616 #sidebar ul, #sidebar ul ol {
622 list-style-type: none;
623 list-style-image: none;
627 #sidebar ul p, #sidebar ul select {
631 #sidebar ul ul, #sidebar ul ol {
632 margin: 5px 0 0 10px;
635 #sidebar ul ul ul, #sidebar ul ol {
639 ol li, #sidebar ul ol li {
640 list-style: decimal outside;
643 #sidebar ul ul li, #sidebar ul ol li {
647 /* End Entry Lists */
649 /* Begin Form Elements */
657 /* End Form Elements */
659 /* Begin Various Tags & Classes */
660 acronym, abbr, span.caps {
665 border-bottom: 1px dashed #999;
669 margin: 15px 30px 0 10px;
671 border-left: 5px solid #ddd;
697 /* End Various Tags & Classes*/
706 margin-bottom: 0.5ex;
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;
713 border-top: 1px solid #494f5d;
714 border-left: 1px solid #494f5d;
715 border-bottom: 1px solid #c6d2de;
716 border-right: 1px solid #c6d2de;
719 padding-left: .125em;
720 padding-right: .125em;
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).
733 /* I'm not sure what the intent of this was, but it's
735 /* display: editarea; */
745 /* individual blocks */
751 /* entire difftextblock */
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;
770 /*This breaks Netscape 4: (display does not go full width).
775 /* + - line prefix */
778 font-family: monospace;
785 .diff del, .diff ins {
787 text-decoration: none;
790 /* blocks containing deleted or added words */
791 .diff .original, .diff .deleted,
792 .diff .final, .diff .added {
795 /* blocks containing deleted words */
796 .diff .original, .diff .deleted {
801 /* blocks containing added words */
802 .diff .final, .diff .added {
808 /* These don't work in NS4 -- it completely ignores <del> and <ins>. */
810 .diff del { background: #f99; }
812 .diff ins { background: #9f9; }
818 td.pageinfo { font-weight: bold; }
819 .pageinfo-minoredit, .pageinfo-authorid {
824 #VisualWikiPlugin img {
830 /* plugin BoxRight */
836 border: thin solid #888888;
841 div.rss { margin: 1em; padding: 1em; font-size: 0.9em; background-color: #eeeeee; border: thin dashed #aaa; }
842 div.feed { color: #333; margin: -0.5em; margin-bottom: 0em; padding: 0.3em; font-weight: bold; background-color: #f2f2f2; font-size: 1.2em; }
843 div.itemdesc { padding-left: 1em; }
844 div.rssitem { border-top: thin dashed #aaa; }
848 border: 1px outset gray;
853 .sqlresult tr.evenrow { background: #eee; }
854 .sqlresult tr.oddrow { background: white; }
857 border: 1px solid gray;
865 vertical-align: middle;
876 .gensmall{font-size:9px}
877 .genmed{font-size:11px}
886 span.wikiwyg_control_link a {
892 border: 1px solid #D3D3D3;
896 vertical-align: bottom;
899 .wikiwyg_button:hover {
903 .wikiwyg_button:active {
909 border: 1px solid #D3D3D3;
912 vertical-align: bottom;
919 .wikiwyg_wysiwyg table {
920 border-collapse: collapse;
924 .wikiwyg_wysiwyg table td {
932 * table class="boxed"
933 * will put a border around the table (but not around the cells)
935 * table class="bordered"
936 * will put a border around the table and the cells
938 * In both cases, the caption will be bold and centered under the table
940 * In both cases, the headers (th) will have a "#d8d8d8" background
943 table.boxed, table.bordered, table.bordered th, table.bordered td {
946 border-collapse: collapse;
950 table.boxed td, table.bordered td,
951 table.boxed th, table.bordered th {
958 table.boxed caption, table.bordered caption {
961 caption-side: bottom;
965 table.boxed th, table.bordered th {
967 background-color: #d8d8d8;