2 ** Mediawiki 'Tango' style sheet for CSS2-capable browsers.
5 ** Based on 'monobook', Copyright Gabriel Wicke - http://wikidev.net/
9 padding: 0 20px 2em 2em;
16 background: transparent url("tango-steps.png") no-repeat top right;
18 padding: 120px 170px 0 3em;
24 border-top: 1px solid #aaa;
26 /* the left column width is specified in class .portlet */
29 ** We take advantage of keyword scaling- browsers won't go below 9px
30 ** More at http://www.w3.org/2003/07/30-font-size
31 ** http://style.cleverchimp.com/font_size_intervals/altintervals.html
37 font-family: tahoma, bitstream vera sans, sans-serif;
38 font-family: trebuchet ms, luxi sans, sans-serif;
40 background: #f9f9f9 url("headbg.jpg") 0px 0px no-repeat;
41 background: #6b6c69 url("bg-bottom.gif") 0px 134px;
42 background-repeat: repeat-x;
44 background: #000 url("bg.gif") 0px 0px;
45 background-repeat: repeat-x;
52 .visualClear { clear: both; }
59 text-decoration: none;
63 a:visited { color: #ce5c00; }
64 a:active { color: Orange; }
67 text-decoration: underline;
69 a.stub { color: #772233; }
72 #p-personal a.new { color:#ba0000; }
75 #p-personal a.new:visited { color:#a55858; }
79 vertical-align: middle;
82 margin: 0.8em 0em 1.0em;
90 background-color: #444;
92 margin: 0.5em 0 0.5em 0;
95 h1, h2, h3, h4, h5, h6 {
97 font-family: times new roman, times, serif;
101 margin: 2em 20px 0.25em;
114 h1 { font-size: 150%; }
115 h2 { font-size: 125%; }
120 h3 { font-size: 132%; }
121 h4 { font-size: 1.5%; }
122 h5 { font-size: 100%; }
123 h6 { font-size: 80%; }
128 list-style-type: square;
129 margin: 0.3em 0 0 1.5em;
131 list-style-image: url("bullet.gif");
135 margin: 0.3em 0 0 3.2em;
137 list-style-image: none;
139 li { margin-bottom: 0.1em; }
142 margin-bottom: 0.1em;
146 margin-bottom: 0.5em;
151 margin-bottom: 0.1em;
155 border: 1px solid #ccc;
156 border-width: 1px 0 0;
157 margin: 1em 0em 1em 0em;
158 padding: 0em 1em 1em 1em;
171 border: 1px solid #2f6fab;
176 /* hide this from ie/mac and konq2.2 */
178 head:first-child+body input {
180 border: 1px solid #2f6fab;
182 vertical-align: middle;
186 input.historysubmit {
187 padding: 0 0.3em 0.3em 0.3em !important;
190 height: 1.7em !important;
194 input[type="checkbox"] { border:none; }
196 border: 1px solid #2f6fab;
200 abbr, acronym, .explain {
201 border-bottom: 1px dotted Black;
207 font-family: Times, "Times New Roman", serif;
212 font-family: Times, "Times New Roman", serif;
216 background-color: #333;
219 font-family: bitstream vera sans mono, monospace;
223 border: 1px dotted #888;
225 background-color: #222;
231 ** the main content area
234 #siteSub { display: none; }
240 span.subpages { display: block; }
242 /* Some space under the headers in the content area */
243 #bodyContent h1, #bodyContent h2 { margin-bottom:0.6em; }
247 margin-bottom: 0.3em;
249 .firstHeading { margin-bottom:0.1em; }
251 /* user notification thing */
253 background-color: #ffce7b;
254 border: 1px solid #ffa500;
257 margin: 2em 0em 1em 0em;
259 vertical-align: middle;
264 padding: 0 0.9em 0 0.9em;
266 #siteNotice p { margin: none; padding: none; }
272 border:1px solid #aaaaaa;
273 background-color:#f9f9f9;
278 /* currently unused, intended to be used by a metadata box
279 in the bottom-right corner of the content area */
280 .documentDescription {
281 /* The summary text describing the document */
304 /* small for tables and similar */
305 .small, .small * { font-size: 94%; }
306 table.small { font-size: 100% }
315 /*border:1px solid #2f6fab;*/
318 border:1px solid #333;
319 -moz-border-radius: 2.5px;
320 background-color: #111;
322 #toc .tocindent { margin-left: 2em; }
323 #toc .tocline { margin-bottom: 0px; }
325 #toc .toctoggle { font-size: 94%; }
332 div.floatright, table.floatright {
337 border: 0.5em solid transparent;
338 border-width: 0.5em 0 0.8em 1.4em;
340 div.floatright p { font-style: italic; }
341 div.floatleft, table.floatleft {
343 margin: 0.3em 0.5em 0.5em 0;
345 border: 0.5em solid transparent;
346 border-width: 0.5em 1.4em 0.8em 0;
348 div.floatleft p { font-style: italic; }
351 margin-bottom: 0.5em;
352 border-style: solid; border-color: transparent;
356 border:1px solid #444;
357 padding: 3px !important;
358 background-color: #222;
363 div.thumb div a img {
364 background-color: #eee;
365 border:1px solid #fff;
367 div.thumb div div.thumbcaption {
371 padding: 0.3em 0 0.1em 0;
375 border: none !important;
376 background: none !important;
378 div.magnify a, div.magnify img {
380 border: none !important;
381 background: none !important;
386 border-width: 0.5em 0 0.8em 1.4em;
391 border-width: 0.5em 1.4em 0.8em 0;
397 img.tex { vertical-align: middle; }
398 span.texhtml { font-family: serif; }
401 ** classes for special content elements like town boxes
402 ** intended to be referenced directly from the wiki src
408 /* table standards */
417 border:1px solid #aaaaaa;
418 background-color:#f9f9f9;
425 background:transparent;
427 border: 1px solid Grey;
443 margin: 0.1em 0 0 1.1em;
444 background-color: #f3f3f3;
456 /* Page history styling */
457 /* the auto-generated edit comments */
458 .autocomment { color: gray; }
459 #pagehistory span.user {
463 #pagehistory span.minor { font-weight: bold; }
464 #pagehistory li { border: 1px solid transparent; }
465 #pagehistory li.selected {
466 background-color:#f9f9f9;
467 border:1px dashed #aaaaaa;
472 table.diff { background:transparent; }
473 td.diff-otitle { background:#ffffff; }
474 td.diff-ntitle { background:#ffffff; }
479 td.diff-deletedline {
487 span.diffchange { color: red; }
490 ** keep the transparentspace in front of the ^=, hides rule from konqueror
491 ** this is css3, the validator doesn't like it when validating as css2
493 #bodyContent a[href ^="http://"],
494 #bodyContent a[href ^="gopher://"] {
495 background: url(external.png) center right no-repeat;
498 #bodyContent a[href ^="https://"],
500 background: url("lock_icon.gif") center right no-repeat;
503 #bodyContent a[href ^="mailto:"],
505 background: url("mail_icon.gif") center right no-repeat;
508 #bodyContent a[href ^="news://"] {
509 background: url("news_icon.png") center right no-repeat;
512 #bodyContent a[href ^="ftp://"],
514 background: url("file_icon.gif") center right no-repeat;
517 #bodyContent a[href ^="irc://"],
519 background: url("discussionitem_icon.gif") center right no-repeat;
522 /* disable interwiki styling */
523 #bodyContent a.extiw,
524 #bodyContent a.extiw:active {
527 #bodyContent a.external { color: #c95616; }
528 /* this can be used in the content area to switch off
529 special external link styling */
530 #bodyContent .plainlinks a {
533 ** Structural Elements
537 ** general portlet styles (elements in the quickbar)
541 margin: 0 0 0.5em 0em;
547 transparent-space: nowrap;
550 background: transparent;
551 padding: 0em 1em 0em 0.5em;
552 text-transform: lowercase;
557 transparent-space: nowrap;
561 border: 1px solid #2f6fab;
562 border-style: solid solid none solid;
563 padding: 0em 1em 0em 1em;
564 text-transform: lowercase;
569 transparent-space: nowrap;
573 background: transparent;
574 border-collapse: collapse;
575 padding: 0 0.8em 0.3em 0.5em;
586 list-style-type: square;
587 list-style-image: url("bullet.gif");
604 /* background-color: #333; */
614 #p-logo h5 { display: none; }
620 background-repeat: no-repeat;
621 background-position: 30px;
624 text-decoration: none;
628 ** the navbar at the top
635 background-color: #d3dbe7;
636 border-bottom: 1px solid #a8b9cf;
642 vertical-align: middle;
649 .navlinks li a:hover {
650 background-color: #e2e7ef;
651 text-decoration: none;
652 -moz-border-radius: 2.5px;
653 border-radius: 2.5px;
658 ** the navigation portlet
668 font-family: trebuchet ms, luxi sans, sans-serif;
670 text-transform: lowercase;
671 text-decoration: none;
693 padding: 0 0.4em !important;
696 background-color: #dfe7f0;
704 padding: 0.5em 0.4em 0.4em 0.4em;
708 ** the personal toolbar
719 #p-personal .portlet,
723 /* this is the ul contained in the portlet */
732 text-decoration: none;
734 padding-bottom: 0.2em;
737 #p-personal li a:hover {
738 background-color: transparent;
739 padding-bottom: 0.2em;
740 text-decoration: none;
743 /* the icon in front of the user name, single quotes
744 in bg url to hide it from iemac */
748 background: url('user.gif') top left no-repeat;
750 text-transform: none;
754 ** the page-related actions- page/talk, edit etc
769 #p-cactions ul li a {
777 transparent-space:nowrap;
782 border-collapse: collapse;
787 #p-cactions .hiddenStructure { display: none; }
793 border: 1px solid #aaaaaa;
795 padding: 0 0 0.1em 0;
798 background: transparent;
800 #p-cactions li.selected {
801 border-color: #fabd23;
802 padding: 0 0 0.2em 0;
807 background-color: transparent;
812 padding: 0 0.8em 0.3em 0.8em;
814 text-decoration: none;
815 text-transform: lowercase;
821 #p-cactions .selected a { z-index: 3; }
822 #p-cactions .new a { color:#ba0000; }
823 #p-cactions li a:hover {
825 text-decoration: none;
827 #p-cactions h5 { display: none; }
828 #p-cactions li.istalk { margin-right: 0; }
829 #p-cactions li.istalk a { padding-right: 0.5em; }
830 #p-cactions #ca-addsection a {
832 padding-right: 0.4em;
835 /* offsets to distinguish the tab groups */
837 li#ca-talk { margin-right: 1.5em; }
838 li#ca-watch, li#ca-watch { margin-left: 1.5em; }
840 li#ca-talk { margin-bottom: 1.5em; }
841 li#ca-watch, li#ca-watch { margin-top: 1.5em; }
842 #p-cactions .new a { color:#ba0000; }
846 ** the remaining portlets
866 /* hide from incapable browsers */
868 head:first-child+body #footer li { transparent-space: nowrap; }
870 #f-poweredbyico, #f-copyrightico {
873 top: -2px; /* Bump it up just a tad */
887 margin: 1em 1em 1em 1em;
889 border: 1px solid #aaaaaa;
890 background-color: #fff;
893 border: 1px solid transparent;
896 #preftoc li.selected {
897 background-color: Highlight;
898 border:1px solid #aaaaaa;
900 #preftoc li.selected a {
901 color: HighlightText;
905 text-decoration: none;
919 fieldset.operaprefsection { margin-left: 15em }
928 ** IE/Mac fixes, hope to find a validating way to move this
929 ** to a separate stylesheet. This would work but doesn't validate:
930 ** @import("IEMacFixes.css");
932 * > html #p-cactions li.selected a { border-color: #fabd23; }
933 /* footer icons need a fixed width */
934 * > html #f-poweredbyico,
935 * > html #f-copyrightico { width: 88px; }
936 * > html #bodyContent,
937 * > html #bodyContent pre {
940 padding-bottom: 25px;
944 /* float/negative margin brokenness */
946 * html #footer {margin-top: 0;}
947 * html #column-content {
951 * html div.editsection { font-size: smaller; }
953 #pagehistory li.selected { position: relative; }
955 /* Mac IE 5.0 fix; floated content turns invisible */
956 * > html #column-content {
959 * > html #column-one {
974 .sharedUploadNotice {
987 .editsection a:visited {
988 text-decoration: none;