2 ** Mediawiki 'monobook' style sheet for CSS2-capable browsers.
\r
3 ** Copyright Gabriel Wicke - http://wikidev.net/
\r
6 ** Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John
\r
7 ** and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher,
\r
8 ** Michael Zeltner and Geir Bækholt)
\r
9 ** All you guys rock :)
\r
15 margin: 0 0 0.6em -12.2em;
\r
19 margin: 2.8em 0 0 12.2em;
\r
20 padding: 0em 1em 1.5em 1em;
\r
22 border: 1px solid #aaaaaa;
\r
28 #column-one { padding-top: 160px; }
\r
29 /* the left column width is specified in class .portlet */
\r
32 ** We take advantage of keyword scaling- browsers won't go below 9px
\r
33 ** More at http://www.w3.org/2003/07/30-font-size
\r
34 ** http://style.cleverchimp.com/font_size_intervals/altintervals.html
\r
38 font: x-small sans-serif;
\r
39 background: #f9f9f9 url("headbg.jpg") 0px 0px no-repeat;
\r
45 /* scale back up to a sane default */
\r
52 .visualClear { clear: both; }
\r
54 /* general styles */
\r
61 text-decoration: none;
\r
65 a:visited { color: #5a3696; }
\r
66 a:active { color: Orange; }
\r
67 a:hover { text-decoration: underline; }
\r
68 a.stub { color: #772233; }
\r
70 #p-personal a.new { color:#ba0000; }
\r
72 #p-personal a.new:visited { color:#a55858; }
\r
76 vertical-align: middle;
\r
79 margin: 0.4em 0em 0.5em 0em;
\r
83 p img { margin: 0; }
\r
88 background-color: #aaaaaa;
\r
90 margin: 0.2em 0 0.2em 0;
\r
93 h1, h2, h3, h4, h5, h6 {
\r
96 font-weight: normal;
\r
99 padding-bottom: 0.17em;
\r
100 border-bottom: 1px solid #aaaaaa;
\r
102 h1 { font-size: 188%; }
\r
103 h2 { font-size: 150%; }
\r
105 border-bottom: none;
\r
108 h3 { font-size: 132%; }
\r
109 h4 { font-size: 116%; }
\r
110 h5 { font-size: 100%; }
\r
111 h6 { font-size: 80%; }
\r
114 line-height: 1.5em;
\r
115 list-style-type: square;
\r
116 margin: 0.3em 0 0 1.5em;
\r
118 list-style-image: url("bullet.gif");
\r
121 line-height: 1.5em;
\r
122 margin: 0.3em 0 0 3.2em;
\r
124 list-style-image: none;
\r
126 li { margin-bottom: 0.1em; }
\r
128 font-weight: bold;
\r
129 margin-bottom: 0.1em;
\r
133 margin-bottom: 0.5em;
\r
136 line-height: 1.5em;
\r
138 margin-bottom: 0.1em;
\r
142 border: 1px solid #2f6fab;
\r
143 margin: 1em 0em 1em 0em;
\r
144 padding: 0em 1em 1em 1em;
\r
145 line-height: 1.5em;
\r
158 border: 1px solid #2f6fab;
\r
160 background-color: white;
\r
165 /* hide this from ie/mac and konq2.2 */
\r
167 head:first-child+body input {
\r
168 visibility: visible;
\r
169 border: 1px solid #2f6fab;
\r
171 background-color: white;
\r
172 vertical-align: middle;
\r
176 input.historysubmit {
\r
177 padding: 0 0.3em 0.3em 0.3em !important;
\r
180 height: 1.7em !important;
\r
181 margin-left: 1.6em;
\r
183 input[type="radio"],
\r
184 input[type="checkbox"] { border:none; }
\r
186 border: 1px solid #2f6fab;
\r
188 vertical-align: top;
\r
190 abbr, acronym, .explain {
\r
191 border-bottom: 1px dotted Black;
\r
197 font-family: Times, "Times New Roman", serif;
\r
198 font-style: italic;
\r
200 /* disabled for now
\r
202 font-family: Times, "Times New Roman", serif;
\r
203 font-style: italic;
\r
205 code { background-color: #f9f9f9; }
\r
208 border: 1px dashed #2f6fab;
\r
210 background-color: #f9f9f9;
\r
211 line-height: 1.1em;
\r
216 ** the main content area
\r
219 #siteSub { display: none; }
\r
222 line-height: 1.2em;
\r
223 margin: 0 0 1.4em 1em;
\r
227 span.subpages { display: block; }
\r
229 /* Some space under the headers in the content area */
\r
230 #bodyContent h1, #bodyContent h2 { margin-bottom:0.6em; }
\r
234 margin-bottom: 0.3em;
\r
236 .firstHeading { margin-bottom:0.1em; }
\r
238 /* user notification thing */
\r
240 background-color: #ffce7b;
\r
241 border: 1px solid #ffa500;
\r
244 margin: 2em 0em 1em 0em;
\r
245 padding: 0.5em 1em;
\r
246 vertical-align: middle;
\r
249 text-align: center;
\r
251 padding: 0 0.9em 0 0.9em;
\r
253 #siteNotice p { margin: none; padding: none; }
\r
259 border:1px solid #aaaaaa;
\r
260 background-color:#f9f9f9;
\r
265 /* currently unused, intended to be used by a metadata box
\r
266 in the bottom-right corner of the content area */
\r
267 .documentDescription {
\r
268 /* The summary text describing the document */
\r
272 line-height: 1.5em;
\r
278 font-weight: normal;
\r
282 /* emulate center */
\r
285 text-align: center;
\r
289 margin-right: auto;
\r
291 /* small for tables and similar */
\r
292 .small, .small * { font-size: 94%; }
\r
293 table.small { font-size: 100% }
\r
300 /*border:1px solid #2f6fab;*/
\r
301 border:1px solid #aaaaaa;
\r
302 background-color:#f9f9f9;
\r
306 #toc .tocindent { margin-left: 2em; }
\r
307 #toc .tocline { margin-bottom: 0px; }
\r
308 #toc p { margin: 0 }
\r
309 #toc .toctoggle { font-size: 94%; }
\r
310 #toc .editsection {
\r
311 margin-top: 0.7em;
\r
316 div.floatright, table.floatright {
\r
320 position: relative;
\r
321 border: 0.5em solid White;
\r
322 border-width: 0.5em 0 0.8em 1.4em;
\r
324 div.floatright p { font-style: italic; }
\r
325 div.floatleft, table.floatleft {
\r
327 margin: 0.3em 0.5em 0.5em 0;
\r
328 position: relative;
\r
329 border: 0.5em solid White;
\r
330 border-width: 0.5em 1.4em 0.8em 0;
\r
332 div.floatleft p { font-style: italic; }
\r
335 margin-bottom: 0.5em;
\r
336 border-style: solid; border-color: White;
\r
340 border:1px solid #cccccc;
\r
341 padding: 3px !important;
\r
342 background-color:#f9f9f9;
\r
344 text-align: center;
\r
347 div.thumb div a img {
\r
348 border:1px solid #cccccc;
\r
350 div.thumb div div.thumbcaption {
\r
354 padding: 0.3em 0 0.1em 0;
\r
358 border: none !important;
\r
359 background: none !important;
\r
361 div.magnify a, div.magnify img {
\r
363 border: none !important;
\r
364 background: none !important;
\r
369 border-width: 0.5em 0 0.8em 1.4em;
\r
373 margin-right:0.5em;
\r
374 border-width: 0.5em 1.4em 0.8em 0;
\r
380 img.tex { vertical-align: middle; }
\r
381 span.texhtml { font-family: serif; }
\r
384 ** classes for special content elements like town boxes
\r
385 ** intended to be referenced directly from the wiki src
\r
391 /* table standards */
\r
400 border:1px solid #aaaaaa;
\r
401 background-color:#f9f9f9;
\r
410 border: 1px solid Grey;
\r
418 margin: 0 0 0.3em 0;
\r
421 div.townBox dl dt {
\r
423 margin: 0.4em 0 0 0;
\r
425 div.townBox dl dd {
\r
426 margin: 0.1em 0 0 1.1em;
\r
427 background-color: #f3f3f3;
\r
434 line-height: 1.4em;
\r
439 /* Page history styling */
\r
440 /* the auto-generated edit comments */
\r
441 .autocomment { color: gray; }
\r
442 #pagehistory span.user {
\r
443 margin-left: 1.4em;
\r
444 margin-right: 0.4em;
\r
446 #pagehistory span.minor { font-weight: bold; }
\r
447 #pagehistory li { border: 1px solid White; }
\r
448 #pagehistory li.selected {
\r
449 background-color:#f9f9f9;
\r
450 border:1px dashed #aaaaaa;
\r
455 table.diff { background:white; }
\r
456 td.diff-otitle { background:#ffffff; }
\r
457 td.diff-ntitle { background:#ffffff; }
\r
458 td.diff-addedline {
\r
459 background:#ccffcc;
\r
460 font-size: smaller;
\r
462 td.diff-deletedline {
\r
463 background:#ffffaa;
\r
464 font-size: smaller;
\r
467 background:#eeeeee;
\r
468 font-size: smaller;
\r
470 span.diffchange { color: red; }
\r
473 ** keep the whitespace in front of the ^=, hides rule from konqueror
\r
474 ** this is css3, the validator doesn't like it when validating as css2
\r
476 #bodyContent a[href ^="http://"],
\r
477 #bodyContent a[href ^="gopher://"] {
\r
478 background: url(external.png) center right no-repeat;
\r
479 padding-right: 13px;
\r
481 #bodyContent a[href ^="https://"],
\r
483 background: url("lock_icon.gif") center right no-repeat;
\r
484 padding-right: 16px;
\r
486 #bodyContent a[href ^="mailto:"],
\r
488 background: url("mail_icon.gif") center right no-repeat;
\r
489 padding-right: 18px;
\r
491 #bodyContent a[href ^="news://"] {
\r
492 background: url("news_icon.png") center right no-repeat;
\r
493 padding-right: 18px;
\r
495 #bodyContent a[href ^="ftp://"],
\r
497 background: url("file_icon.gif") center right no-repeat;
\r
498 padding-right: 18px;
\r
500 #bodyContent a[href ^="irc://"],
\r
502 background: url("discussionitem_icon.gif") center right no-repeat;
\r
503 padding-right: 18px;
\r
505 /* disable interwiki styling */
\r
506 #bodyContent a.extiw,
\r
507 #bodyContent a.extiw:active {
\r
512 #bodyContent a.external { color: #3366bb; }
\r
513 /* this can be used in the content area to switch off
\r
514 special external link styling */
\r
515 #bodyContent .plainlinks a {
\r
516 background: none !important;
\r
520 ** Structural Elements
\r
524 ** general portlet styles (elements in the quickbar)
\r
528 margin: 0 0 0.5em 0em;
\r
536 font-weight: normal;
\r
537 white-space: nowrap;
\r
540 background: transparent;
\r
541 padding: 0em 1em 0em 0.5em;
\r
542 text-transform: lowercase;
\r
546 font-weight: normal;
\r
547 white-space: nowrap;
\r
550 background: #ffae2e;
\r
551 border: 1px solid #2f6fab;
\r
552 border-style: solid solid none solid;
\r
553 padding: 0em 1em 0em 1em;
\r
554 text-transform: lowercase;
\r
558 font-weight: normal;
\r
559 white-space: nowrap;
\r
564 border-collapse: collapse;
\r
565 border: 1px solid #aaaaaa;
\r
566 padding: 0 0.8em 0.3em 0.5em;
\r
576 line-height: 1.5em;
\r
577 list-style-type: square;
\r
578 list-style-image: url("bullet.gif");
\r
588 ** Logo properties
\r
593 position:absolute; /*needed to use z-index */
\r
600 #p-logo h5 { display: none; }
\r
606 background-repeat: no-repeat;
\r
607 background-position: 35% 50% !important;
\r
608 text-decoration: none;
\r
612 ** the navigation portlet
\r
628 text-align: center;
\r
630 input.searchButton {
\r
632 padding: 0 0.4em !important;
\r
635 background-color: White;
\r
636 border: 1px solid #2f6fab;
\r
639 border: 1px solid #2f6fab;
\r
645 padding: 0.5em 0.4em 0.4em 0.4em;
\r
649 ** the personal toolbar
\r
654 white-space:nowrap;
\r
664 line-height: 1.2em;
\r
670 #p-personal .portlet,
\r
671 #p-personal .pBody {
\r
679 /* this is the ul contained in the portlet */
\r
682 line-height: 1.4em;
\r
684 padding: 0em 2em 0 3em;
\r
687 text-transform: lowercase;
\r
699 line-height: 1.2em;
\r
703 text-decoration: none;
\r
705 padding-bottom: 0.2em;
\r
708 #p-personal li a:hover {
\r
709 background-color: White;
\r
710 padding-bottom: 0.2em;
\r
711 text-decoration: none;
\r
714 /* the icon in front of the user name, single quotes
\r
715 in bg url to hide it from iemac */
\r
717 li#pt-anonuserpage,
\r
719 background: url('user.gif') top left no-repeat;
\r
720 background-repeat: no-repeat;
\r
721 padding-left: 20px;
\r
722 text-transform: none;
\r
726 ** the page-related actions- page/talk, edit etc
\r
733 white-space:nowrap;
\r
735 line-height: 1.1em;
\r
738 border-collapse: collapse;
\r
743 #p-cactions .hiddenStructure { display: none; }
\r
749 border: 1px solid #aaaaaa;
\r
750 border-bottom: none;
\r
751 padding: 0 0 0.1em 0;
\r
752 margin: 0 0.3em 0 0;
\r
756 #p-cactions li.selected {
\r
757 border-color: #fabd23;
\r
758 padding: 0 0 0.2em 0;
\r
761 background-color: White;
\r
764 padding: 0 0.8em 0.3em 0.8em;
\r
765 text-decoration: none;
\r
766 text-transform: lowercase;
\r
767 position: relative;
\r
771 #p-cactions .selected a { z-index: 3; }
\r
772 #p-cactions .new a { color:#ba0000; }
\r
773 #p-cactions li a:hover {
\r
775 text-decoration: none;
\r
777 #p-cactions h5 { display: none; }
\r
778 #p-cactions li.istalk { margin-right: 0; }
\r
779 #p-cactions li.istalk a { padding-right: 0.5em; }
\r
780 #p-cactions #ca-addsection a {
\r
781 padding-left: 0.4em;
\r
782 padding-right: 0.4em;
\r
784 /* offsets to distinguish the tab groups */
\r
785 li#ca-talk { margin-right: 1.6em; }
\r
786 li#ca-watch, li#ca-watch { margin-left: 1.6em; }
\r
790 ** the remaining portlets
\r
802 background-color: White;
\r
803 border-top: 1px solid #fabd23;
\r
804 border-bottom: 1px solid #fabd23;
\r
805 margin: 0.6em 0em 1em 0em;
\r
806 padding: 0.4em 0em 1.2em 0em;
\r
807 text-align: center;
\r
814 /* hide from incapable browsers */
\r
815 head:first-child+body #footer li { white-space: nowrap; }
\r
816 #f-poweredbyico, #f-copyrightico {
\r
818 position: relative;
\r
819 top: -2px; /* Bump it up just a tad */
\r
833 margin: 1em 1em 1em 1em;
\r
836 #preftoc li { border: 1px solid White; }
\r
837 #preftoc li.selected {
\r
838 background-color:#f9f9f9;
\r
839 border:1px dashed #aaaaaa;
\r
842 #preftoc a:active {
\r
851 div.prefsectiontip {
\r
855 fieldset.operaprefsection { margin-left: 15em }
\r
858 ** IE/Mac fixes, hope to find a validating way to move this
\r
859 ** to a separate stylesheet. This would work but doesn't validate:
\r
860 ** @import("IEMacFixes.css");
\r
862 /* tabs: border on the a, not the div */
\r
863 * > html #p-cactions li { border:none; }
\r
864 * > html #p-cactions li a {
\r
865 border: 1px solid #aaaaaa;
\r
866 border-bottom: none;
\r
868 * > html #p-cactions li.selected a { border-color: #fabd23; }
\r
869 /* footer icons need a fixed width */
\r
870 * > html #f-poweredbyico,
\r
871 * > html #f-copyrightico { width: 88px; }
\r
872 * > html #bodyContent,
\r
873 * > html #bodyContent pre {
\r
876 padding-bottom: 25px;
\r
879 /* more IE fixes */
\r
880 /* float/negative margin brokenness */
\r
881 * html #footer {margin-top: 0;}
\r
882 * html #column-content {
\r
886 * html div.editsection { font-size: smaller; }
\r
887 #pagehistory li.selected { position: relative; }
\r
889 /* Mac IE 5.0 fix; floated content turns invisible */
\r
890 * > html #column-content {
\r
893 * > html #column-one {
\r
894 position: absolute;
\r
899 margin-left: 13.2em;
\r
906 .sharedUploadNotice {
\r
907 font-style: italic;
\r