Difference between revisions of "MediaWiki:Common.css"
From Slicer Wiki
| Line 1: | Line 1: | ||
| − | /* | + | /** |
| − | + | * Minit - A minimalistic MediaWiki skin | |
| − | + | * | |
| − | + | * @ingroup Skins | |
| − | + | * @package MediaWiki | |
| − | + | * @download https://github.com/seongjaelee/Minit | |
| − | + | */ | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | /* | + | /** |
| − | div | + | * Modified from the following sites: |
| − | + | * http://meyerweb.com/eric/tools/css/reset/ | |
| − | + | * v2.0 | 20110126 | |
| + | * License: none (public domain) | ||
| + | */ | ||
| + | html, body, div, span, applet, object, iframe, | ||
| + | h1, h2, h3, h4, h5, h6, p, blockquote, pre, | ||
| + | a, abbr, acronym, address, big, cite, code, | ||
| + | del, dfn, em, img, ins, kbd, q, s, samp, | ||
| + | small, strike, strong, tt, var, | ||
| + | u, center, | ||
| + | dl, dt, dd, ol, ul, li, | ||
| + | fieldset, form, label, legend, | ||
| + | table, caption, tbody, tfoot, thead, tr, th, td, | ||
| + | article, aside, canvas, details, embed, | ||
| + | figure, figcaption, footer, header, hgroup, | ||
| + | menu, nav, output, ruby, section, summary, | ||
| + | time, mark, audio, video { | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | border: 0; | ||
| + | font-size: 100%; | ||
| + | font: inherit; | ||
| + | vertical-align: baseline; | ||
} | } | ||
| − | + | /* HTML5 display-role reset for older browsers */ | |
| − | /* | + | article, aside, details, figcaption, figure, |
| − | + | footer, header, hgroup, menu, nav, section { | |
| − | + | display: block; | |
| − | |||
} | } | ||
| − | + | ol, ul { | |
| − | + | list-style: none; | |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | blockquote, q { | |
| − | + | quotes: none; | |
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | blockquote:before, blockquote:after, | |
| − | + | q:before, q:after { | |
| − | + | content: ''; | |
| + | content: none; | ||
} | } | ||
| − | + | table { | |
| − | + | border-collapse: collapse; | |
| − | + | border-spacing: 0; | |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | /* End */ | |
| − | /* | + | |
| − | + | /** | |
| − | + | * Modified from the following sites: | |
| − | + | * http://www.blueprintcss.org/ | |
| + | * typography.css, form.css | ||
| + | * v1.0.1 | 20110514 | ||
| + | * License: none (public domain) | ||
| + | */ | ||
| + | body, textarea { | ||
| + | font-size: 13px; | ||
| + | line-height: 20px; | ||
| + | color: #000; | ||
| + | background: #FFF; | ||
| + | /*font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; | ||
| + | */ | ||
| + | font-family: sans-serif; | ||
| + | direction: ltr; | ||
| + | unicode-bidi: embed; | ||
} | } | ||
| − | + | ||
| − | /* | + | /* Headings */ |
| − | + | h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; } | |
| − | + | ||
| + | h1 { font-size: 38px; line-height: 40px; margin-bottom: 20px; } /* 60px */ | ||
| + | h2 { font-size: 26px; line-height: 40px; margin-bottom: 20px; } /* 60px */ | ||
| + | h3 { font-size: 20px; line-height: 20px; margin-bottom: 20px; } /* 40px */ | ||
| + | h4 { font-size: 16px; line-height: 20px; margin-bottom: 20px; } /* 40px */ | ||
| + | h5 { font-size: 13px; line-height: 20px; font-weight: bold; margin-bottom: 20px; } /* 40px */ | ||
| + | h6 { font-size: 13px; line-height: 20px; font-weight: bold; } /* 20px */ | ||
| + | |||
| + | h1 img, h2 img, h3 img, | ||
| + | h4 img, h5 img, h6 img { | ||
| + | margin: 0; | ||
} | } | ||
| − | + | ||
| − | /* | + | /* Text elements */ |
| − | . | + | p { margin: 0 0 20px; } |
| − | + | /* | |
| + | These can be used to pull an image at the start of a paragraph, so | ||
| + | that the text flows around it (usage: <p><img class="left">Text</p>) | ||
| + | */ | ||
| + | .left { float: left !important; } | ||
| + | p .left { margin: 20px 20px 20px 0; padding: 0; } | ||
| + | .right { float: right !important; } | ||
| + | p .right { margin: 20px 20px 20px; padding: 0; } | ||
| + | |||
| + | blockquote { margin: 20px; color: #666; font-style: italic; } | ||
| + | strong,dfn { font-weight: bold; } | ||
| + | em,dfn { font-style: italic; } | ||
| + | sup, sub { line-height: 0; } | ||
| + | |||
| + | abbr, | ||
| + | acronym { border-bottom: 1px dotted #666; } | ||
| + | address { margin: 0 0 20px; font-style: italic; } | ||
| + | del { color:#666; } | ||
| + | |||
| + | pre { margin: 20px 0; white-space: pre-wrap; } | ||
| + | pre,code,tt { font: 11px 'andale mono', 'lucida console', monospace; line-height: 20px; } | ||
| + | |||
| + | /* Lists */ | ||
| + | li ul, | ||
| + | li ol { margin: 0; } | ||
| + | ul, ol { margin: 0 20px 20px 0; padding-left: 20px; } | ||
| + | |||
| + | ul { list-style-type: disc; } | ||
| + | ol { list-style-type: decimal; } | ||
| + | |||
| + | dl { margin: 0 0 20px 0; } | ||
| + | dl dt { font-weight: bold; } | ||
| + | dd { margin-left: 20px;} | ||
| + | |||
| + | /* Tables */ | ||
| + | /* | ||
| + | Because of the need for padding on TH and TD, the vertical rhythm | ||
| + | on table cells has to be 27px, instead of the standard 18px or 36px | ||
| + | of other elements. | ||
| + | */ | ||
| + | table { margin-bottom: 20px; width:100%; } | ||
| + | th { font-weight: bold; } | ||
| + | thead th { background: #c3d9ff; } | ||
| + | th,td { padding: 0px 10px 0px 5px; border: 0;} | ||
| + | caption { } | ||
| + | /* | ||
| + | You can zebra-stripe your tables in outdated browsers by adding | ||
| + | the class "even" to every other table row. | ||
| + | */ | ||
| + | tbody tr:nth-child(even) td, | ||
| + | tbody tr.even td { | ||
| + | background: #e5ecf9; | ||
} | } | ||
| − | + | tfoot { font-style: italic; } | |
| − | /* | + | caption { background: #eee; } |
| − | + | ||
| − | + | /* Misc classes */ | |
| − | . | + | label { font-weight: bold; } |
| − | + | fieldset { line-height: 20px; padding:19px 1.4em 20px 1.4em; margin: 0 0 20px 0; border: 1px solid #ccc; } | |
| − | + | legend { } | |
| + | |||
| + | input:not([type]), | ||
| + | input[type=text], input[type=password], | ||
| + | input.text, input.title, | ||
| + | textarea { | ||
| + | border:1px solid #bbb; | ||
} | } | ||
| − | + | input[type=text]:focus, input[type=password]:focus, | |
| − | + | input.text:focus, input.title:focus, | |
| − | + | textarea:focus { | |
| − | . | + | border-color:#666; |
| − | |||
| − | |||
} | } | ||
| − | + | select { background-color:#fff; border-width:1px; border-style:solid; } | |
| − | + | ||
| − | + | input:not([type]), | |
| − | + | input[type=text], input[type=password], input[type=submit], | |
| − | + | input.text, input.title, | |
| − | + | textarea, select { | |
| − | + | margin:0px 0 0px; | |
| − | |||
} | } | ||
| − | + | ||
| − | /* | + | input.text, |
| − | + | input.title { width: 300px; padding:5px; } | |
| − | + | input.title { font-size:1.5em; } | |
| − | + | textarea { width: 100%; padding:5px; } | |
| − | + | .visualClear { clear: both; } | |
| − | + | /* End */ | |
| − | + | ||
| − | + | /* Minit Typography */ | |
| − | + | a:focus, | |
| + | a:hover { text-decoration: underline; } | ||
| + | a:visited { color: #21759b; } | ||
| + | a:active { color: #faa700; } | ||
| + | a { color: #21759b; text-decoration: none; } | ||
| + | img { vertical-align: middle; } | ||
| + | hr { height: 1px; color: #ddd; background-color: #ddd; border: 0; margin: 0 0 19px; } | ||
| + | fieldset.nested { margin: 0 0 0.5em 0; padding: 0 0.5em 0.5em; } | ||
| + | select { vertical-align: top; } | ||
| + | /* End Minit Typography */ | ||
| + | |||
| + | /* Minit Layout */ | ||
| + | body { | ||
| + | background-color: #333; | ||
} | } | ||
| − | + | ||
| − | + | #globalWrapper { | |
| + | border-top: 0.75em solid #666; | ||
| + | margin: 1.5em auto 0; | ||
| + | padding: 20px 0 0; | ||
| + | width: 70em; | ||
| + | background-color: white; | ||
| + | /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUCAYAAAC07qxWAAAAIklEQVQoU2P8DwQMRADGUYX4Qmk0ePCmoSERPO3nXhOVFQBJsk8I3KucbwAAAABJRU5ErkJggg==); | ||
| + | background-repeat: repeat; | ||
| + | */ | ||
| + | -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 3px 8px; | ||
} | } | ||
| − | + | ||
| − | + | #firstHeading { | |
| − | + | padding: 10px 22em 9px 3em; | |
| − | + | border-bottom: 1px solid #D0D0D0; | |
| − | |||
| − | |||
} | } | ||
| − | + | ||
| − | + | #columnContent { | |
| − | + | float: left; | |
| − | + | width: 45em; | |
| − | + | margin: 0 3em; | |
| − | |||
} | } | ||
| − | + | ||
| − | + | #contentSub, #contentSub2 { | |
| + | width: auto; | ||
| + | margin: 0 3em 20px; | ||
} | } | ||
| − | + | ||
| − | + | #content { | |
} | } | ||
| − | + | ||
| − | + | #columnOne { | |
| − | + | float: left; | |
| + | width: 16em; | ||
| + | margin: 0 3em 0 0; | ||
} | } | ||
| − | + | ||
| − | + | #footer { | |
| − | + | border-top: 1px solid #D0D0D0; | |
| − | + | margin: 20px 0 0; | |
| + | padding: 19px 3em 20px; | ||
} | } | ||
| − | . | + | |
| − | + | #footer ul { margin: 0; padding: 0; } | |
| + | #footer ul li { display: inline; padding: 0 1em; border-left: 1px solid #D0D0D0; } | ||
| + | #footer ul li:first-child { padding: 0 1em 0 0; border: none; } | ||
| + | |||
| + | #toc { padding: 0; margin: 0; border: 0; } | ||
| + | #toc td { padding: 0; border: 0; } | ||
| + | #toc ul { margin: 0 1.5em 20px 0; padding-left: 1.5em; } | ||
| + | #toc ul ul { margin: 0 !important; } | ||
| + | #toc h2 { display: inline-block; } | ||
| + | #toc .toctoggle { display: inline; } | ||
| + | |||
| + | .editsection { font-size: 12px; font-weight: normal; } | ||
| + | |||
| + | /* override */ | ||
| + | #pagehistory li { border: 0; } | ||
| + | #pagehistory li.selected { border: 0; } | ||
| + | #editform #editpage-copywarn { display: none; } | ||
| + | |||
| + | .mw-specialpages-table { margin: 0; } | ||
| + | .mw-content-ltr ol, | ||
| + | .mw-content-ltr ul { margin: 0 0 20px 1.5em; } | ||
| + | .mw-content-ltr li ol, | ||
| + | .mw-content-ltr li ul { margin-bottom: 0; } | ||
| + | |||
| + | ul#filetoc { padding: 4px; margin-bottom: 10px; font-size: 100%; } | ||
| + | #catlinks, .catlinks { margin-top: 24px; margin-bottom: 24px; } | ||
| + | |||
| + | /* search bar */ | ||
| + | #p-search { position: absolute; top: 74px;} | ||
| + | #p-search h2 { display: none; } | ||
| + | #searchBody input[type="search"] { width: 110px; } | ||
| + | #searchBody input[type="submit"] { margin-left: 0; margin-right: 0; } | ||
| + | |||
| + | /* End Minit Layout */ | ||
| + | |||
| + | /** | ||
| + | * Modified css from the following: | ||
| + | * | ||
| + | * MediaWiki 'monobook' style sheet for CSS2-capable browsers. | ||
| + | * Copyright Gabriel Wicke - http://wikidev.net/ | ||
| + | * License: GPL (http://www.gnu.org/copyleft/gpl.html) | ||
| + | */ | ||
| + | a.stub { | ||
| + | color: #772233; | ||
} | } | ||
| − | . | + | a.new { |
| − | + | color: red; | |
} | } | ||
| − | . | + | a.new:visited { |
| − | + | color: red; | |
} | } | ||
| − | + | ||
| − | . | + | input.historysubmit { |
| − | + | padding: 0 .3em .3em .3em !important; | |
| − | + | font-size: 94%; | |
| − | + | cursor: pointer; | |
| − | + | height: 1.7em !important; | |
| + | margin-left: 1.6em; | ||
} | } | ||
| − | + | ||
| − | + | /* | |
| − | + | ** the main content area | |
| − | + | */ | |
| − | + | ||
| − | + | #siteSub { | |
| − | + | display: none; | |
} | } | ||
| − | + | #jump-to-nav { | |
| − | + | display: none; | |
} | } | ||
| − | + | ||
| − | + | span.subpages { | |
| − | . | + | display: block; |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | |
| − | + | /* user notification thing */ | |
| − | + | .usermessage { | |
| + | background-color: #ffce7b; | ||
| + | border: 1px solid #ffa500; | ||
| + | color: black; | ||
| + | font-weight: bold; | ||
| + | margin: 2em 0 1em; | ||
| + | padding: .5em 1em; | ||
| + | vertical-align: middle; | ||
} | } | ||
| − | + | #siteNotice { | |
| − | + | position: relative; | |
| − | + | text-align: center; | |
| + | font-size: 95%; | ||
| + | padding: 0 0.9em; | ||
} | } | ||
| − | + | #siteNotice p { | |
| − | + | margin: 0; | |
| + | padding: 0; | ||
} | } | ||
| − | + | ||
| − | . | + | .catlinks { |
| − | + | border: 1px solid #aaa; | |
| + | background-color: #f9f9f9; | ||
| + | padding: 5px; | ||
| + | margin-top: 1em; | ||
| + | clear: both; | ||
} | } | ||
| − | + | /* currently unused, intended to be used by a metadata box | |
| − | . | + | in the bottom-right corner of the content area */ |
| − | + | .documentDescription { | |
| + | /* The summary text describing the document */ | ||
| + | font-weight: bold; | ||
| + | display: block; | ||
| + | margin: 1em 0; | ||
| + | line-height: 1.5em; | ||
} | } | ||
| − | + | .documentByLine { | |
| − | + | text-align: right; | |
| − | + | font-size: 90%; | |
| − | + | clear: both; | |
| + | font-weight: normal; | ||
| + | color: #76797c; | ||
} | } | ||
| − | + | ||
| − | . | + | /* emulate center */ |
| − | + | .center { | |
| − | + | width: 100%; | |
| + | text-align: center; | ||
} | } | ||
| − | . | + | *.center * { |
| − | + | margin-left: auto; | |
| − | + | margin-right: auto; | |
} | } | ||
| − | + | ||
| − | /* | + | /* images */ |
| − | . | + | /* @noflip */div.floatright, table.floatright { |
| − | + | margin: 0 0 .5em .5em; | |
| − | + | border: 0; | |
| − | + | /* | |
| − | + | border: .5em solid white; | |
| − | + | border-width: .5em 0 .8em 1.4em; | |
| − | + | */ | |
| − | . | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | div.floatright p { font-style: italic; } | |
| − | . | + | /* @noflip */div.floatleft, table.floatleft { |
| − | + | margin: 0 .5em .5em 0; | |
| − | + | border: 0; | |
| − | + | /* | |
| − | } | + | margin: .3em .5em .5em 0; |
| − | + | border: .5em solid white; | |
| − | + | border-width: .5em 1.4em .8em 0; | |
| − | . | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | /* | ||
| − | . | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | . | ||
| − | . | ||
| − | . | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
*/ | */ | ||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | div.floatleft p { font-style: italic; } | |
| − | + | ||
| − | div. | + | /* thumbnails */ |
| − | + | div.thumb { | |
| − | + | margin-bottom: 7px; | |
| − | + | width: auto; | |
| − | |||
} | } | ||
| − | div. | + | div.thumbinner { |
| − | + | border: 1px solid #ccc; | |
| − | + | padding: 3px !important; | |
| − | + | background-color: #f9f9f9; | |
| + | font-size: 94%; | ||
| + | text-align: center; | ||
| + | overflow: hidden; | ||
} | } | ||
| − | + | html .thumbimage { | |
| − | + | border: 1px solid #ccc; | |
} | } | ||
| − | + | html .thumbcaption { | |
| − | + | border: none; | |
| − | + | text-align: left; | |
| + | line-height: 15px; | ||
| + | padding: 3px !important; | ||
| + | font-size: 11px; | ||
} | } | ||
| − | + | div.magnify { | |
| − | + | float: right; | |
| − | + | border: none !important; | |
| − | + | background: none !important; | |
| − | div | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | div.magnify a, div.magnify img { | |
| − | + | display: block; | |
| − | + | border: none !important; | |
| − | div | + | background: none !important; |
| − | div | ||
| − | |||
| − | |||
} | } | ||
| − | + | /* @noflip */div.tright { | |
| − | /* | + | margin: 1px 0 10px 20px; |
| − | div. | ||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | /* @noflip */div.tleft { | |
| − | + | margin: 1px 20px 10px 0; | |
| − | |||
| − | |||
} | } | ||
| − | + | img.thumbborder { | |
| − | + | border: 1px solid #dddddd; | |
| − | |||
| − | |||
} | } | ||
| − | + | ||
| − | + | /* | |
| − | + | ** classes for special content elements like town boxes | |
| − | + | ** intended. referenced directly from the wiki src | |
| + | */ | ||
| + | |||
| + | /* | ||
| + | ** User styles | ||
| + | */ | ||
| + | /* table standards */ | ||
| + | table.rimage { | ||
| + | float: right; | ||
| + | position: relative; | ||
| + | margin-left: 1em; | ||
| + | margin-bottom: 1em; | ||
| + | text-align: center; | ||
} | } | ||
| − | + | .toccolours { | |
| − | + | border: 1px solid #aaa; | |
| − | . | + | background-color: #f9f9f9; |
| − | + | padding: 5px; | |
| − | + | font-size: 95%; | |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | |
| − | + | /* | |
| − | + | ** keep the whitespace in front of the ^=, hides rule from konqueror | |
| − | + | ** this is css3, the validator doesn't like it when validating as css2 | |
| + | */ | ||
| + | h2 span, h1 span, h3 span { line-height: 1; } | ||
| + | |||
| + | #bodyContent a.external, | ||
| + | #bodyContent a.external[href ^="gopher://"] { | ||
| + | /* @embed */ | ||
| + | background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFZJREFUeF59z4EJADEIQ1F36k7u5E7ZKXeUQPACJ3wK7UNokVxVk9kHnQH7bY9hbDyDhNXgjpRLqFlo4M2GgfyJHhjq8V4agfrgPQX3JtJQGbofmCHgA/nAKks+JAjFAAAAAElFTkSuQmCC) center right no-repeat; | ||
| + | background-color: white; | ||
| + | padding-right: 13px; | ||
} | } | ||
| − | . | + | #bodyContent a.external[href ^="https://"], |
| − | + | .link-https { | |
| − | + | /* @embed */ | |
| − | + | background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeF6tjzsKg0AQhi09mimsFJLCzpNYCGKbK3gAtfUIljaCoKCCZIs8MMV2v+yCg8siWlh8zOtjhjEAEFmeIopDQtTrTJNEZIxhWysiNfULJFJjDzGnba/aBt4+wAuBzD+tg6a8SVkXf4GET96xmDxNzP39IvE/PPDtXIyVpYinv14A5F0laJ8oYFgAAAAASUVORK5CYII=) center right no-repeat; | |
| + | padding-right: 13px; | ||
} | } | ||
| − | . | + | #bodyContent a.external[href ^="mailto:"], |
| − | + | .link-mailto { | |
| − | + | /* @embed */ | |
| − | + | background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKBAMAAAB/HNKOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRF////////iIqF9vb26urpycfDvb275eXj2djV+/v4srKy6efio6GcqKejsa6q8fDtVM9qIQAAAAF0Uk5TAEDm2GYAAABOSURBVHheBcExDkAwGIDRL43NpJOt6a9hMdVilP8gklqsHMJmt4qeyeI03oNSNkCrAIU/7YTWbwp0zz4rTXZHxF/9YA15HTG4+4NFRNofUBMMOBBNZngAAAAASUVORK5CYII=) center right no-repeat; | |
| + | padding-right: 13px; | ||
} | } | ||
| − | /* | + | #bodyContent a.external[href ^="news://"] { |
| − | + | /* @embed */ | |
| − | + | background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHtJREFUeF6NkEEKgCAQRT2w1wiiUxgk0SKiTe6i9oKeQXDhKSZmYAJRKeHh4j//DIp+6OAPJH6cXJRSZqSUQClViBjUKER8zXAbUhev+6Q7hMA0G1msNtIo5zxhrX3xzlNG4ravYMwBMUZsKsBsXjQIABCTHlsfTXuj8wCN3T2QBjtcwQAAAABJRU5ErkJggg==) center right no-repeat; | |
| − | + | padding-right: 13px; | |
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | #bodyContent a.external[href ^="ftp://"], |
| − | + | .link-ftp { | |
| − | + | /* @embed */ | |
| − | + | background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAExJREFUeF5VyEEKwCAMAMH83o/0LT6kFHqQYqkevG1jIITs3kaQgn+A7A29ujnw5NKrsaPCrTegBBrRMzYeXkbGzsdkZRwsPWMUmEd+CkSgVeVp2OkAAAAASUVORK5CYII=) center right no-repeat; | |
| − | + | padding-right: 13px; | |
| − | |||
| − | |||
} | } | ||
| − | . | + | #bodyContent a.external[href ^="irc://"], |
| − | + | #bodyContent a.external[href ^="ircs://"], | |
| − | + | .link-irc { | |
| − | + | /* @embed */ | |
| − | + | background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUeF590E0KgCAQBWAvH0TXigI3ZccQ/8H91ExqKNrAW8j7kFG27SvMyzQM9s8whuBnENdQSllFKdWFWFC01pQQwhASMMaAtXYIMQScc/0dxSXyIaPq1ZzzF6JOsKBTHOC9hxgjoQLbf2tRgekWKka5AShBSepvauUSAAAAAElFTkSuQmCC) center right no-repeat; | |
| − | + | padding-right: 13px; | |
| − | |||
| − | |||
} | } | ||
| − | + | #bodyContent a.external[href $=".ogg"], #bodyContent a.external[href $=".OGG"], | |
| − | + | #bodyContent a.external[href $=".mid"], #bodyContent a.external[href $=".MID"], | |
| − | + | #bodyContent a.external[href $=".midi"], #bodyContent a.external[href $=".MIDI"], | |
| − | + | #bodyContent a.external[href $=".mp3"], #bodyContent a.external[href $=".MP3"], | |
| − | + | #bodyContent a.external[href $=".wav"], #bodyContent a.external[href $=".WAV"], | |
| − | + | #bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"], | |
| + | .link-audio { | ||
| + | /* @embed */ | ||
| + | background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKBAMAAAB/HNKOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRF////dX8qyNF7eYMzwsxrsr9G8PHrm6Jrt7uakJVmn6OB1duat8NQi5YzhI4ykZR07gQraQAAAAF0Uk5TAEDm2GYAAABJSURBVHheNcSxDUBQFIbR727glxvKl3dHsIHCGESrNIIR7KE1hQ1MoDSCiMhJDixSDWVEhuZbei/sf/Jqbdn28+jxYe4u7CaND+p5C05J6bE1AAAAAElFTkSuQmCC) center right no-repeat; | ||
| + | padding-right: 13px; | ||
} | } | ||
| − | + | #bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"], | |
| − | + | #bodyContent a.external[href $=".avi"], #bodyContent a.external[href $=".AVI"], | |
| − | + | #bodyContent a.external[href $=".mpeg"], #bodyContent a.external[href $=".MPEG"], | |
| − | + | #bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"], | |
| + | .link-video { | ||
| + | /* @embed */ | ||
| + | background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAAAAACoWZBhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAJ0Uk5TAP9bkSK1AAAAXElEQVR4Xi2NMQoFMQgFvbpgHUj5LvF6K7sFQXKFsOew2G/xuylmGPn62Wb76U+ayHsTbDnrQMNrHdkZRChyi730KvK1QUWVD47gzoCOMBkXPSZrIuumseW/iKU/eKdG9xXBa10AAAAASUVORK5CYII=) center right no-repeat; | ||
| + | padding-right: 13px; | ||
} | } | ||
| − | + | #bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".PDF"], | |
| − | + | #bodyContent a.external[href *=".pdf#"], #bodyContent a.external[href *=".PDF#"], | |
| − | + | #bodyContent a.external[href *=".pdf?"], #bodyContent a.external[href *=".PDF?"], | |
| − | + | .link-document { | |
| − | + | /* @embed */ | |
| − | + | background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5JREFUeF5lykEKgDAMBdF/+17Es/QkiosiCBURXIzJooZohmweX6gwmkCeI+Oqc2C1FnvnF2ejlQYU0tLK2NjY6f/l8V12Ti7uhFFgDj19b58EwXuqkAAAAABJRU5ErkJggg==) center right no-repeat; | |
| − | + | padding-right: 13px; | |
| − | |||
| − | |||
} | } | ||
| − | /* | + | /* Interwiki Styling */ |
| − | + | #bodyContent a.extiw, | |
| − | + | #bodyContent a.extiw:active { | |
| − | + | color: #36b; | |
| − | + | /* Don't show icons for interwiki links */ | |
| − | + | background: none; | |
| + | padding: 0; | ||
} | } | ||
| − | + | #bodyContent a.extiw:visited { | |
| − | + | color: #636; | |
} | } | ||
| − | . | + | #bodyContent a.extiw:active { |
| − | + | color: #b63; | |
| − | |||
} | } | ||
| − | + | ||
| − | + | /* | |
| + | ** Structural Elements | ||
| + | */ | ||
| + | |||
| + | /* | ||
| + | ** general portlet styles (elements in the quickbar) | ||
| + | */ | ||
| + | .portlet { margin: 0 0 20px; float: none; overflow: hidden; } | ||
| + | .portlet h2 { white-space: nowrap; text-transform: capitalize; } | ||
| + | .portlet ul { text-transform: capitalize; padding: 0; margin: 0; } | ||
| + | .portlet li { list-style-type: none; padding: 0; margin: 0; } | ||
| + | .portlet li a { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } | ||
| + | .portlet li:hover { background-color: #f1f1f1; } | ||
| + | .portlet li.selected { background-color: #f1f1f1; } | ||
| + | |||
| + | /* | ||
| + | ** Logo properties | ||
| + | */ | ||
| + | |||
| + | #p-logo { | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | position: absolute; /*needed to use z-index */ | ||
| + | z-index: 3; | ||
| + | height: 155px; | ||
| + | width: 12em; | ||
| + | overflow: visible; | ||
} | } | ||
| − | + | #p-logo h5 { | |
| − | + | display: none; | |
} | } | ||
| − | + | #p-logo a, | |
| − | + | #p-logo a:hover { | |
| − | + | display: block; | |
| + | height: 155px; | ||
| + | width: 12.2em; | ||
| + | background-repeat: no-repeat; | ||
| + | background-position: 35% 50% !important; | ||
| + | text-decoration: none; | ||
} | } | ||
| − | + | ||
| − | + | #p-lang { position: relative; z-index: 3; } | |
| − | + | ||
| + | /* TODO: #t-iscite is only used by the Cite extension, come up with some | ||
| + | * system which allows extensions to add to this file on the fly | ||
| + | */ | ||
| + | #t-ispermalink, #t-iscite { | ||
| + | color: #999; | ||
} | } | ||
| − | + | #f-poweredbyico, #f-copyrightico { | |
| − | + | margin: 0 8px; | |
| + | position: relative; | ||
| + | top: -2px; /* Bump it up just a tad */ | ||
} | } | ||
| − | + | #f-poweredbyico { | |
| − | + | float: right; | |
| + | height: 1%; | ||
} | } | ||
| − | + | #f-copyrightico { | |
| − | + | float: left; | |
| + | height: 1%; | ||
} | } | ||
| − | + | ||
| − | + | .mw-htmlform-submit { | |
| + | font-weight: bold; | ||
| + | padding-left: .3em; | ||
| + | padding-right: .3em; | ||
| + | margin-right: 2em; | ||
} | } | ||
| − | + | ||
| − | + | /* js pref toc */ | |
| + | #preftoc { | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | width: 100%; | ||
| + | clear: both; | ||
} | } | ||
| − | + | #preftoc li { | |
| − | + | background-color: #f0f0f0; | |
| − | + | color: #000; | |
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | #preftoc li { | |
| − | + | margin: 1px -2px 1px 2px; | |
| − | + | float: left; | |
| + | padding: 2px 0 3px 0; | ||
| + | border: 1px solid #fff; | ||
| + | border-right-color: #716f64; | ||
| + | border-bottom: 0; | ||
| + | position: relative; | ||
| + | white-space: nowrap; | ||
| + | list-style-type: none; | ||
| + | list-style-image: none; | ||
| + | z-index: 3; | ||
} | } | ||
| − | . | + | #preftoc li.selected { |
| − | + | font-weight: bold; | |
| + | background-color: #f9f9f9; | ||
| + | border: 1px solid #aaa; | ||
| + | border-bottom: none; | ||
| + | cursor: default; | ||
| + | top: 1px; | ||
| + | padding-top: 2px; | ||
| + | margin-right: -3px; | ||
} | } | ||
| − | + | #preftoc > li.selected { | |
| − | + | top: 2px; | |
| − | |||
} | } | ||
| − | + | #preftoc a, | |
| − | + | #preftoc a:active { | |
| − | + | display: block; | |
| + | color: #000; | ||
| + | padding: 0 .7em; | ||
| + | position: relative; | ||
| + | text-decoration: none; | ||
} | } | ||
| − | + | #preftoc li.selected a { | |
| − | + | cursor: default; | |
| + | text-decoration: none; | ||
} | } | ||
| − | + | #preferences { | |
| − | + | margin: 0; | |
| + | border: 1px solid #aaa; | ||
| + | clear: both; | ||
| + | padding: 1.5em; | ||
| + | background-color: #F9F9F9; | ||
} | } | ||
| − | + | .prefsection { | |
| − | + | border: none; | |
| + | padding: 0; | ||
| + | margin: 0; | ||
} | } | ||
| − | + | ||
| − | + | .prefsection legend { | |
| + | font-weight: bold; | ||
} | } | ||
| − | table. | + | .prefsection table, .prefsection legend { |
| − | + | background-color: #F9F9F9; | |
} | } | ||
| − | + | .mainLegend { | |
| − | + | display: none; | |
| − | |||
} | } | ||
| − | + | td.htmlform-tip { | |
| − | + | font-size: x-small; | |
| + | padding: .2em 2em; | ||
| + | color: #666; | ||
} | } | ||
| − | + | ||
| − | + | .preferences-login { | |
| − | + | clear: both; | |
| − | + | margin-bottom: 1.5em; | |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | ||
| − | + | .prefcache { | |
| − | + | font-size: 90%; | |
| + | margin-top: 2em; | ||
} | } | ||
| − | + | ||
| − | + | div#userloginForm form, | |
| − | + | div#userlogin form#userlogin2 { | |
| − | + | margin: 0 3em 1em 0; | |
| − | + | border: 1px solid #aaa; | |
| + | clear: both; | ||
| + | padding: 1.5em 2em; | ||
| + | background-color: #f9f9f9; | ||
| + | float: left; | ||
} | } | ||
| − | table | + | |
| − | + | div#userloginForm table, | |
| + | div#userlogin form#userlogin2 table { | ||
| + | background-color: #f9f9f9; | ||
} | } | ||
| − | + | ||
| − | + | div#userloginForm h2, | |
| + | div#userlogin form#userlogin2 h2 { | ||
| + | padding-top: 0; | ||
} | } | ||
| − | + | ||
| − | + | div#userlogin .captcha, | |
| + | div#userloginForm .captcha { | ||
| + | border: 1px solid #bbb; | ||
| + | padding: 1.5em 2em; | ||
| + | background-color: white; | ||
} | } | ||
| − | + | ||
| − | + | #loginend, #signupend { | |
| + | clear: both; | ||
} | } | ||
| − | + | ||
| − | + | #userloginprompt, #languagelinks { | |
| + | font-size: 85%; | ||
} | } | ||
| − | + | ||
| − | + | #login-sectiontip { | |
| − | + | font-size: 85%; | |
| − | + | line-height: 1.2; | |
| − | + | padding-top: 2em; | |
| − | |||
| − | |||
} | } | ||
| − | + | ||
| − | + | #userlogin .loginText, #userlogin .loginPassword { | |
| − | + | width: 12em; | |
} | } | ||
| − | + | ||
| − | + | #userloginlink a, #wpLoginattempt, #wpCreateaccount { | |
| − | + | font-weight: bold; | |
} | } | ||
| − | + | ||
| − | + | /* | |
| + | ** IE/Mac fixes, hope to find a validating way to move this | ||
| + | ** to a separate stylesheet. This would work but doesn't validate: | ||
| + | ** @import("IEMacFixes.css"); | ||
| + | */ | ||
| + | /* tabs: border on the a, not the div */ | ||
| + | * > html #p-cactions li { border: none; } | ||
| + | * > html #p-cactions li a { | ||
| + | border: 1px solid #aaa; | ||
| + | border-bottom: none; | ||
} | } | ||
| − | + | * > html #p-cactions li.selected a { border-color: #fabd23; } | |
| − | + | /* footer icons need a fixed width */ | |
| + | * > html #f-poweredbyico, | ||
| + | * > html #f-copyrightico { width: 88px; } | ||
| + | * > html #bodyContent, | ||
| + | * > html #bodyContent pre { | ||
| + | overflow-x: auto; | ||
| + | width: 100%; | ||
| + | padding-bottom: 25px; | ||
} | } | ||
| − | + | ||
| − | + | /* more IE fixes */ | |
| + | /* float/negative margin brokenness */ | ||
| + | * html div#footer {margin-top: 0;} | ||
| + | * html div#columnContent { | ||
| + | display: inline; | ||
| + | margin-bottom: 0; | ||
} | } | ||
| − | + | ||
| − | + | /* Mac IE 5.0 fix; floated content turns invisible */ | |
| + | * > html div#columnContent { | ||
| + | float: none; | ||
} | } | ||
| − | + | * > html div#columnOne { | |
| − | + | position: absolute; | |
| + | left: 0; | ||
| + | top: 0; | ||
} | } | ||
| − | + | * > html div#footer { | |
| − | + | margin-left: 13.2em; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | .redirectText { |
| − | + | font-size: 150%; | |
| − | + | margin: 5px; | |
} | } | ||
| − | . | + | |
| − | + | .printfooter { | |
| − | + | display: none; | |
} | } | ||
| − | + | ||
| − | + | div.patrollink { | |
| − | + | clear: both; | |
| − | |||
} | } | ||
| − | + | ||
| − | + | .sharedUploadNotice { | |
| + | font-style: italic; | ||
} | } | ||
| − | + | ||
| − | + | span.updatedmarker { | |
| + | color: black; | ||
| + | background-color: #0f0; | ||
} | } | ||
| − | + | ||
| − | + | .editExternally { | |
| + | border: 1px solid gray; | ||
| + | background-color: #ffffff; | ||
| + | padding: 3px; | ||
| + | margin-top: 0.5em; | ||
| + | float: left; | ||
| + | font-size: small; | ||
| + | text-align: center; | ||
} | } | ||
| − | + | .editExternallyHelp { | |
| − | + | font-style: italic; | |
| + | color: gray; | ||
} | } | ||
| − | + | ||
| − | + | .toggle { | |
| − | + | margin-left: 2em; | |
| + | text-indent: -2em; | ||
} | } | ||
| − | + | ||
| − | /* | + | /* @bug 1714 */ |
| − | + | input#wpSave, input#wpDiff { | |
| − | + | margin-right: 0.33em; | |
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | ||
| − | + | #wpSave { | |
| − | + | font-weight: bold; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | ||
| − | + | /* noarticletext */ | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | /* | ||
div.noarticletext { | div.noarticletext { | ||
| − | + | border: 1px solid #ccc; | |
| − | + | padding: 19px 1em; | |
| − | |||
} | } | ||
| − | + | ||
| − | # | + | div#searchTargetContainer { |
| − | + | left: 10px; | |
| + | top: 10px; | ||
| + | width: 90%; | ||
| + | background: white; | ||
} | } | ||
| − | + | ||
| − | + | div#searchTarget { | |
| − | + | padding: 3px; | |
| − | + | margin: 5px; | |
| − | + | background: #F0F0F0; | |
| − | + | border: solid 1px blue; | |
} | } | ||
| − | + | ||
| − | + | div#searchTarget ul li { | |
| − | + | list-style: none; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | ||
| − | + | div#searchTarget ul li:before { | |
| − | + | color: orange; | |
| − | + | content: "\00BB \0020"; | |
| − | |||
} | } | ||
| − | + | ||
| − | + | div#searchTargetHide { | |
| − | + | float:right; | |
| − | div | + | border:solid 1px black; |
| − | + | background:#DCDCDC; | |
| − | + | padding:2px; | |
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | ||
| − | + | #powersearch p { | |
| − | + | margin-top:0px; | |
} | } | ||
| − | div. | + | |
| − | + | div.multipageimagenavbox { | |
| − | + | border: solid 1px silver; | |
| − | + | padding: 4px; | |
| − | + | margin: 1em; | |
| + | background: #f0f0f0; | ||
} | } | ||
| − | div. | + | |
| − | + | div.multipageimagenavbox div.thumb { | |
| − | + | border: none; | |
| − | + | margin-left: 2em; | |
| − | + | margin-right: 2em; | |
} | } | ||
| − | + | ||
| − | div. | + | div.multipageimagenavbox hr { |
| − | + | margin: 6px; | |
| − | |||
} | } | ||
| − | + | ||
| − | + | table.multipageimage td { | |
| − | + | text-align: center; | |
| − | |||
| − | |||
} | } | ||
| − | + | ||
| − | + | .templatesUsed { margin-top: 1.5em; } | |
| − | + | ||
| − | + | .mw-summary-preview { | |
| − | + | margin: 0.1em 0; | |
| − | |||
} | } | ||
| − | + | ||
| − | /* | + | /* Friendlier slave lag warnings */ |
| − | . | + | div.mw-lag-warn-normal, |
| − | . | + | div.mw-lag-warn-high { |
| − | + | padding: 3px; | |
| − | + | text-align: center; | |
| − | + | margin: 3px auto; | |
} | } | ||
| − | . | + | div.mw-lag-warn-normal { |
| − | + | border: 1px solid #FFCC66; | |
| − | + | background-color: #FFFFCC; | |
} | } | ||
| − | + | div.mw-lag-warn-high { | |
| − | + | font-weight: bold; | |
| − | . | + | border: 2px solid #FF0033; |
| − | + | background-color: #FFCCCC; | |
| − | |||
} | } | ||
| − | . | + | |
| − | + | .MediaTransformError { | |
| − | + | background-color: #ccc; | |
| − | + | padding: 0.1em; | |
} | } | ||
| − | . | + | .MediaTransformError td { |
| − | + | text-align: center; | |
| − | + | vertical-align: middle; | |
| + | font-size: 90%; | ||
} | } | ||
| − | + | ||
| − | /* | + | /* God-damned hack for the crappy layout */ |
| − | + | .os-suggest { | |
| − | + | font-size: 127%; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | . | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | ||
| − | + | /* Sometimes people don't want personal tools to be lowercase! */ | |
| − | + | .no-text-transform { | |
| + | text-transform: none; | ||
} | } | ||
| − | + | ||
| − | /* | + | /* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */ |
| − | + | .tipsy { | |
| − | + | font-size: 127%; | |
| − | |||
| − | |||
| − | |||
| − | . | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
Revision as of 06:37, 20 February 2013
Home < MediaWiki:Common.css/**
* Minit - A minimalistic MediaWiki skin
*
* @ingroup Skins
* @package MediaWiki
* @download https://github.com/seongjaelee/Minit
*/
/**
* Modified from the following sites:
* http://meyerweb.com/eric/tools/css/reset/
* v2.0 | 20110126
* License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* End */
/**
* Modified from the following sites:
* http://www.blueprintcss.org/
* typography.css, form.css
* v1.0.1 | 20110514
* License: none (public domain)
*/
body, textarea {
font-size: 13px;
line-height: 20px;
color: #000;
background: #FFF;
/*font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
*/
font-family: sans-serif;
direction: ltr;
unicode-bidi: embed;
}
/* Headings */
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }
h1 { font-size: 38px; line-height: 40px; margin-bottom: 20px; } /* 60px */
h2 { font-size: 26px; line-height: 40px; margin-bottom: 20px; } /* 60px */
h3 { font-size: 20px; line-height: 20px; margin-bottom: 20px; } /* 40px */
h4 { font-size: 16px; line-height: 20px; margin-bottom: 20px; } /* 40px */
h5 { font-size: 13px; line-height: 20px; font-weight: bold; margin-bottom: 20px; } /* 40px */
h6 { font-size: 13px; line-height: 20px; font-weight: bold; } /* 20px */
h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
margin: 0;
}
/* Text elements */
p { margin: 0 0 20px; }
/*
These can be used to pull an image at the start of a paragraph, so
that the text flows around it (usage: <p><img class="left">Text</p>)
*/
.left { float: left !important; }
p .left { margin: 20px 20px 20px 0; padding: 0; }
.right { float: right !important; }
p .right { margin: 20px 20px 20px; padding: 0; }
blockquote { margin: 20px; color: #666; font-style: italic; }
strong,dfn { font-weight: bold; }
em,dfn { font-style: italic; }
sup, sub { line-height: 0; }
abbr,
acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 20px; font-style: italic; }
del { color:#666; }
pre { margin: 20px 0; white-space: pre-wrap; }
pre,code,tt { font: 11px 'andale mono', 'lucida console', monospace; line-height: 20px; }
/* Lists */
li ul,
li ol { margin: 0; }
ul, ol { margin: 0 20px 20px 0; padding-left: 20px; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 0 20px 0; }
dl dt { font-weight: bold; }
dd { margin-left: 20px;}
/* Tables */
/*
Because of the need for padding on TH and TD, the vertical rhythm
on table cells has to be 27px, instead of the standard 18px or 36px
of other elements.
*/
table { margin-bottom: 20px; width:100%; }
th { font-weight: bold; }
thead th { background: #c3d9ff; }
th,td { padding: 0px 10px 0px 5px; border: 0;}
caption { }
/*
You can zebra-stripe your tables in outdated browsers by adding
the class "even" to every other table row.
*/
tbody tr:nth-child(even) td,
tbody tr.even td {
background: #e5ecf9;
}
tfoot { font-style: italic; }
caption { background: #eee; }
/* Misc classes */
label { font-weight: bold; }
fieldset { line-height: 20px; padding:19px 1.4em 20px 1.4em; margin: 0 0 20px 0; border: 1px solid #ccc; }
legend { }
input:not([type]),
input[type=text], input[type=password],
input.text, input.title,
textarea {
border:1px solid #bbb;
}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus {
border-color:#666;
}
select { background-color:#fff; border-width:1px; border-style:solid; }
input:not([type]),
input[type=text], input[type=password], input[type=submit],
input.text, input.title,
textarea, select {
margin:0px 0 0px;
}
input.text,
input.title { width: 300px; padding:5px; }
input.title { font-size:1.5em; }
textarea { width: 100%; padding:5px; }
.visualClear { clear: both; }
/* End */
/* Minit Typography */
a:focus,
a:hover { text-decoration: underline; }
a:visited { color: #21759b; }
a:active { color: #faa700; }
a { color: #21759b; text-decoration: none; }
img { vertical-align: middle; }
hr { height: 1px; color: #ddd; background-color: #ddd; border: 0; margin: 0 0 19px; }
fieldset.nested { margin: 0 0 0.5em 0; padding: 0 0.5em 0.5em; }
select { vertical-align: top; }
/* End Minit Typography */
/* Minit Layout */
body {
background-color: #333;
}
#globalWrapper {
border-top: 0.75em solid #666;
margin: 1.5em auto 0;
padding: 20px 0 0;
width: 70em;
background-color: white;
/*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUCAYAAAC07qxWAAAAIklEQVQoU2P8DwQMRADGUYX4Qmk0ePCmoSERPO3nXhOVFQBJsk8I3KucbwAAAABJRU5ErkJggg==);
background-repeat: repeat;
*/
-webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 3px 8px;
}
#firstHeading {
padding: 10px 22em 9px 3em;
border-bottom: 1px solid #D0D0D0;
}
#columnContent {
float: left;
width: 45em;
margin: 0 3em;
}
#contentSub, #contentSub2 {
width: auto;
margin: 0 3em 20px;
}
#content {
}
#columnOne {
float: left;
width: 16em;
margin: 0 3em 0 0;
}
#footer {
border-top: 1px solid #D0D0D0;
margin: 20px 0 0;
padding: 19px 3em 20px;
}
#footer ul { margin: 0; padding: 0; }
#footer ul li { display: inline; padding: 0 1em; border-left: 1px solid #D0D0D0; }
#footer ul li:first-child { padding: 0 1em 0 0; border: none; }
#toc { padding: 0; margin: 0; border: 0; }
#toc td { padding: 0; border: 0; }
#toc ul { margin: 0 1.5em 20px 0; padding-left: 1.5em; }
#toc ul ul { margin: 0 !important; }
#toc h2 { display: inline-block; }
#toc .toctoggle { display: inline; }
.editsection { font-size: 12px; font-weight: normal; }
/* override */
#pagehistory li { border: 0; }
#pagehistory li.selected { border: 0; }
#editform #editpage-copywarn { display: none; }
.mw-specialpages-table { margin: 0; }
.mw-content-ltr ol,
.mw-content-ltr ul { margin: 0 0 20px 1.5em; }
.mw-content-ltr li ol,
.mw-content-ltr li ul { margin-bottom: 0; }
ul#filetoc { padding: 4px; margin-bottom: 10px; font-size: 100%; }
#catlinks, .catlinks { margin-top: 24px; margin-bottom: 24px; }
/* search bar */
#p-search { position: absolute; top: 74px;}
#p-search h2 { display: none; }
#searchBody input[type="search"] { width: 110px; }
#searchBody input[type="submit"] { margin-left: 0; margin-right: 0; }
/* End Minit Layout */
/**
* Modified css from the following:
*
* MediaWiki 'monobook' style sheet for CSS2-capable browsers.
* Copyright Gabriel Wicke - http://wikidev.net/
* License: GPL (http://www.gnu.org/copyleft/gpl.html)
*/
a.stub {
color: #772233;
}
a.new {
color: red;
}
a.new:visited {
color: red;
}
input.historysubmit {
padding: 0 .3em .3em .3em !important;
font-size: 94%;
cursor: pointer;
height: 1.7em !important;
margin-left: 1.6em;
}
/*
** the main content area
*/
#siteSub {
display: none;
}
#jump-to-nav {
display: none;
}
span.subpages {
display: block;
}
/* user notification thing */
.usermessage {
background-color: #ffce7b;
border: 1px solid #ffa500;
color: black;
font-weight: bold;
margin: 2em 0 1em;
padding: .5em 1em;
vertical-align: middle;
}
#siteNotice {
position: relative;
text-align: center;
font-size: 95%;
padding: 0 0.9em;
}
#siteNotice p {
margin: 0;
padding: 0;
}
.catlinks {
border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 5px;
margin-top: 1em;
clear: both;
}
/* currently unused, intended to be used by a metadata box
in the bottom-right corner of the content area */
.documentDescription {
/* The summary text describing the document */
font-weight: bold;
display: block;
margin: 1em 0;
line-height: 1.5em;
}
.documentByLine {
text-align: right;
font-size: 90%;
clear: both;
font-weight: normal;
color: #76797c;
}
/* emulate center */
.center {
width: 100%;
text-align: center;
}
*.center * {
margin-left: auto;
margin-right: auto;
}
/* images */
/* @noflip */div.floatright, table.floatright {
margin: 0 0 .5em .5em;
border: 0;
/*
border: .5em solid white;
border-width: .5em 0 .8em 1.4em;
*/
}
div.floatright p { font-style: italic; }
/* @noflip */div.floatleft, table.floatleft {
margin: 0 .5em .5em 0;
border: 0;
/*
margin: .3em .5em .5em 0;
border: .5em solid white;
border-width: .5em 1.4em .8em 0;
*/
}
div.floatleft p { font-style: italic; }
/* thumbnails */
div.thumb {
margin-bottom: 7px;
width: auto;
}
div.thumbinner {
border: 1px solid #ccc;
padding: 3px !important;
background-color: #f9f9f9;
font-size: 94%;
text-align: center;
overflow: hidden;
}
html .thumbimage {
border: 1px solid #ccc;
}
html .thumbcaption {
border: none;
text-align: left;
line-height: 15px;
padding: 3px !important;
font-size: 11px;
}
div.magnify {
float: right;
border: none !important;
background: none !important;
}
div.magnify a, div.magnify img {
display: block;
border: none !important;
background: none !important;
}
/* @noflip */div.tright {
margin: 1px 0 10px 20px;
}
/* @noflip */div.tleft {
margin: 1px 20px 10px 0;
}
img.thumbborder {
border: 1px solid #dddddd;
}
/*
** classes for special content elements like town boxes
** intended. referenced directly from the wiki src
*/
/*
** User styles
*/
/* table standards */
table.rimage {
float: right;
position: relative;
margin-left: 1em;
margin-bottom: 1em;
text-align: center;
}
.toccolours {
border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 5px;
font-size: 95%;
}
/*
** keep the whitespace in front of the ^=, hides rule from konqueror
** this is css3, the validator doesn't like it when validating as css2
*/
h2 span, h1 span, h3 span { line-height: 1; }
#bodyContent a.external,
#bodyContent a.external[href ^="gopher://"] {
/* @embed */
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFZJREFUeF59z4EJADEIQ1F36k7u5E7ZKXeUQPACJ3wK7UNokVxVk9kHnQH7bY9hbDyDhNXgjpRLqFlo4M2GgfyJHhjq8V4agfrgPQX3JtJQGbofmCHgA/nAKks+JAjFAAAAAElFTkSuQmCC) center right no-repeat;
background-color: white;
padding-right: 13px;
}
#bodyContent a.external[href ^="https://"],
.link-https {
/* @embed */
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeF6tjzsKg0AQhi09mimsFJLCzpNYCGKbK3gAtfUIljaCoKCCZIs8MMV2v+yCg8siWlh8zOtjhjEAEFmeIopDQtTrTJNEZIxhWysiNfULJFJjDzGnba/aBt4+wAuBzD+tg6a8SVkXf4GET96xmDxNzP39IvE/PPDtXIyVpYinv14A5F0laJ8oYFgAAAAASUVORK5CYII=) center right no-repeat;
padding-right: 13px;
}
#bodyContent a.external[href ^="mailto:"],
.link-mailto {
/* @embed */
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKBAMAAAB/HNKOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRF////////iIqF9vb26urpycfDvb275eXj2djV+/v4srKy6efio6GcqKejsa6q8fDtVM9qIQAAAAF0Uk5TAEDm2GYAAABOSURBVHheBcExDkAwGIDRL43NpJOt6a9hMdVilP8gklqsHMJmt4qeyeI03oNSNkCrAIU/7YTWbwp0zz4rTXZHxF/9YA15HTG4+4NFRNofUBMMOBBNZngAAAAASUVORK5CYII=) center right no-repeat;
padding-right: 13px;
}
#bodyContent a.external[href ^="news://"] {
/* @embed */
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHtJREFUeF6NkEEKgCAQRT2w1wiiUxgk0SKiTe6i9oKeQXDhKSZmYAJRKeHh4j//DIp+6OAPJH6cXJRSZqSUQClViBjUKER8zXAbUhev+6Q7hMA0G1msNtIo5zxhrX3xzlNG4ravYMwBMUZsKsBsXjQIABCTHlsfTXuj8wCN3T2QBjtcwQAAAABJRU5ErkJggg==) center right no-repeat;
padding-right: 13px;
}
#bodyContent a.external[href ^="ftp://"],
.link-ftp {
/* @embed */
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAExJREFUeF5VyEEKwCAMAMH83o/0LT6kFHqQYqkevG1jIITs3kaQgn+A7A29ujnw5NKrsaPCrTegBBrRMzYeXkbGzsdkZRwsPWMUmEd+CkSgVeVp2OkAAAAASUVORK5CYII=) center right no-repeat;
padding-right: 13px;
}
#bodyContent a.external[href ^="irc://"],
#bodyContent a.external[href ^="ircs://"],
.link-irc {
/* @embed */
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUeF590E0KgCAQBWAvH0TXigI3ZccQ/8H91ExqKNrAW8j7kFG27SvMyzQM9s8whuBnENdQSllFKdWFWFC01pQQwhASMMaAtXYIMQScc/0dxSXyIaPq1ZzzF6JOsKBTHOC9hxgjoQLbf2tRgekWKka5AShBSepvauUSAAAAAElFTkSuQmCC) center right no-repeat;
padding-right: 13px;
}
#bodyContent a.external[href $=".ogg"], #bodyContent a.external[href $=".OGG"],
#bodyContent a.external[href $=".mid"], #bodyContent a.external[href $=".MID"],
#bodyContent a.external[href $=".midi"], #bodyContent a.external[href $=".MIDI"],
#bodyContent a.external[href $=".mp3"], #bodyContent a.external[href $=".MP3"],
#bodyContent a.external[href $=".wav"], #bodyContent a.external[href $=".WAV"],
#bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"],
.link-audio {
/* @embed */
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKBAMAAAB/HNKOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRF////dX8qyNF7eYMzwsxrsr9G8PHrm6Jrt7uakJVmn6OB1duat8NQi5YzhI4ykZR07gQraQAAAAF0Uk5TAEDm2GYAAABJSURBVHheNcSxDUBQFIbR727glxvKl3dHsIHCGESrNIIR7KE1hQ1MoDSCiMhJDixSDWVEhuZbei/sf/Jqbdn28+jxYe4u7CaND+p5C05J6bE1AAAAAElFTkSuQmCC) center right no-repeat;
padding-right: 13px;
}
#bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"],
#bodyContent a.external[href $=".avi"], #bodyContent a.external[href $=".AVI"],
#bodyContent a.external[href $=".mpeg"], #bodyContent a.external[href $=".MPEG"],
#bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"],
.link-video {
/* @embed */
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAAAAACoWZBhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAJ0Uk5TAP9bkSK1AAAAXElEQVR4Xi2NMQoFMQgFvbpgHUj5LvF6K7sFQXKFsOew2G/xuylmGPn62Wb76U+ayHsTbDnrQMNrHdkZRChyi730KvK1QUWVD47gzoCOMBkXPSZrIuumseW/iKU/eKdG9xXBa10AAAAASUVORK5CYII=) center right no-repeat;
padding-right: 13px;
}
#bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".PDF"],
#bodyContent a.external[href *=".pdf#"], #bodyContent a.external[href *=".PDF#"],
#bodyContent a.external[href *=".pdf?"], #bodyContent a.external[href *=".PDF?"],
.link-document {
/* @embed */
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5JREFUeF5lykEKgDAMBdF/+17Es/QkiosiCBURXIzJooZohmweX6gwmkCeI+Oqc2C1FnvnF2ejlQYU0tLK2NjY6f/l8V12Ti7uhFFgDj19b58EwXuqkAAAAABJRU5ErkJggg==) center right no-repeat;
padding-right: 13px;
}
/* Interwiki Styling */
#bodyContent a.extiw,
#bodyContent a.extiw:active {
color: #36b;
/* Don't show icons for interwiki links */
background: none;
padding: 0;
}
#bodyContent a.extiw:visited {
color: #636;
}
#bodyContent a.extiw:active {
color: #b63;
}
/*
** Structural Elements
*/
/*
** general portlet styles (elements in the quickbar)
*/
.portlet { margin: 0 0 20px; float: none; overflow: hidden; }
.portlet h2 { white-space: nowrap; text-transform: capitalize; }
.portlet ul { text-transform: capitalize; padding: 0; margin: 0; }
.portlet li { list-style-type: none; padding: 0; margin: 0; }
.portlet li a { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.portlet li:hover { background-color: #f1f1f1; }
.portlet li.selected { background-color: #f1f1f1; }
/*
** Logo properties
*/
#p-logo {
top: 0;
left: 0;
position: absolute; /*needed to use z-index */
z-index: 3;
height: 155px;
width: 12em;
overflow: visible;
}
#p-logo h5 {
display: none;
}
#p-logo a,
#p-logo a:hover {
display: block;
height: 155px;
width: 12.2em;
background-repeat: no-repeat;
background-position: 35% 50% !important;
text-decoration: none;
}
#p-lang { position: relative; z-index: 3; }
/* TODO: #t-iscite is only used by the Cite extension, come up with some
* system which allows extensions to add to this file on the fly
*/
#t-ispermalink, #t-iscite {
color: #999;
}
#f-poweredbyico, #f-copyrightico {
margin: 0 8px;
position: relative;
top: -2px; /* Bump it up just a tad */
}
#f-poweredbyico {
float: right;
height: 1%;
}
#f-copyrightico {
float: left;
height: 1%;
}
.mw-htmlform-submit {
font-weight: bold;
padding-left: .3em;
padding-right: .3em;
margin-right: 2em;
}
/* js pref toc */
#preftoc {
margin: 0;
padding: 0;
width: 100%;
clear: both;
}
#preftoc li {
background-color: #f0f0f0;
color: #000;
}
#preftoc li {
margin: 1px -2px 1px 2px;
float: left;
padding: 2px 0 3px 0;
border: 1px solid #fff;
border-right-color: #716f64;
border-bottom: 0;
position: relative;
white-space: nowrap;
list-style-type: none;
list-style-image: none;
z-index: 3;
}
#preftoc li.selected {
font-weight: bold;
background-color: #f9f9f9;
border: 1px solid #aaa;
border-bottom: none;
cursor: default;
top: 1px;
padding-top: 2px;
margin-right: -3px;
}
#preftoc > li.selected {
top: 2px;
}
#preftoc a,
#preftoc a:active {
display: block;
color: #000;
padding: 0 .7em;
position: relative;
text-decoration: none;
}
#preftoc li.selected a {
cursor: default;
text-decoration: none;
}
#preferences {
margin: 0;
border: 1px solid #aaa;
clear: both;
padding: 1.5em;
background-color: #F9F9F9;
}
.prefsection {
border: none;
padding: 0;
margin: 0;
}
.prefsection legend {
font-weight: bold;
}
.prefsection table, .prefsection legend {
background-color: #F9F9F9;
}
.mainLegend {
display: none;
}
td.htmlform-tip {
font-size: x-small;
padding: .2em 2em;
color: #666;
}
.preferences-login {
clear: both;
margin-bottom: 1.5em;
}
.prefcache {
font-size: 90%;
margin-top: 2em;
}
div#userloginForm form,
div#userlogin form#userlogin2 {
margin: 0 3em 1em 0;
border: 1px solid #aaa;
clear: both;
padding: 1.5em 2em;
background-color: #f9f9f9;
float: left;
}
div#userloginForm table,
div#userlogin form#userlogin2 table {
background-color: #f9f9f9;
}
div#userloginForm h2,
div#userlogin form#userlogin2 h2 {
padding-top: 0;
}
div#userlogin .captcha,
div#userloginForm .captcha {
border: 1px solid #bbb;
padding: 1.5em 2em;
background-color: white;
}
#loginend, #signupend {
clear: both;
}
#userloginprompt, #languagelinks {
font-size: 85%;
}
#login-sectiontip {
font-size: 85%;
line-height: 1.2;
padding-top: 2em;
}
#userlogin .loginText, #userlogin .loginPassword {
width: 12em;
}
#userloginlink a, #wpLoginattempt, #wpCreateaccount {
font-weight: bold;
}
/*
** IE/Mac fixes, hope to find a validating way to move this
** to a separate stylesheet. This would work but doesn't validate:
** @import("IEMacFixes.css");
*/
/* tabs: border on the a, not the div */
* > html #p-cactions li { border: none; }
* > html #p-cactions li a {
border: 1px solid #aaa;
border-bottom: none;
}
* > html #p-cactions li.selected a { border-color: #fabd23; }
/* footer icons need a fixed width */
* > html #f-poweredbyico,
* > html #f-copyrightico { width: 88px; }
* > html #bodyContent,
* > html #bodyContent pre {
overflow-x: auto;
width: 100%;
padding-bottom: 25px;
}
/* more IE fixes */
/* float/negative margin brokenness */
* html div#footer {margin-top: 0;}
* html div#columnContent {
display: inline;
margin-bottom: 0;
}
/* Mac IE 5.0 fix; floated content turns invisible */
* > html div#columnContent {
float: none;
}
* > html div#columnOne {
position: absolute;
left: 0;
top: 0;
}
* > html div#footer {
margin-left: 13.2em;
}
.redirectText {
font-size: 150%;
margin: 5px;
}
.printfooter {
display: none;
}
div.patrollink {
clear: both;
}
.sharedUploadNotice {
font-style: italic;
}
span.updatedmarker {
color: black;
background-color: #0f0;
}
.editExternally {
border: 1px solid gray;
background-color: #ffffff;
padding: 3px;
margin-top: 0.5em;
float: left;
font-size: small;
text-align: center;
}
.editExternallyHelp {
font-style: italic;
color: gray;
}
.toggle {
margin-left: 2em;
text-indent: -2em;
}
/* @bug 1714 */
input#wpSave, input#wpDiff {
margin-right: 0.33em;
}
#wpSave {
font-weight: bold;
}
/* noarticletext */
div.noarticletext {
border: 1px solid #ccc;
padding: 19px 1em;
}
div#searchTargetContainer {
left: 10px;
top: 10px;
width: 90%;
background: white;
}
div#searchTarget {
padding: 3px;
margin: 5px;
background: #F0F0F0;
border: solid 1px blue;
}
div#searchTarget ul li {
list-style: none;
}
div#searchTarget ul li:before {
color: orange;
content: "\00BB \0020";
}
div#searchTargetHide {
float:right;
border:solid 1px black;
background:#DCDCDC;
padding:2px;
}
#powersearch p {
margin-top:0px;
}
div.multipageimagenavbox {
border: solid 1px silver;
padding: 4px;
margin: 1em;
background: #f0f0f0;
}
div.multipageimagenavbox div.thumb {
border: none;
margin-left: 2em;
margin-right: 2em;
}
div.multipageimagenavbox hr {
margin: 6px;
}
table.multipageimage td {
text-align: center;
}
.templatesUsed { margin-top: 1.5em; }
.mw-summary-preview {
margin: 0.1em 0;
}
/* Friendlier slave lag warnings */
div.mw-lag-warn-normal,
div.mw-lag-warn-high {
padding: 3px;
text-align: center;
margin: 3px auto;
}
div.mw-lag-warn-normal {
border: 1px solid #FFCC66;
background-color: #FFFFCC;
}
div.mw-lag-warn-high {
font-weight: bold;
border: 2px solid #FF0033;
background-color: #FFCCCC;
}
.MediaTransformError {
background-color: #ccc;
padding: 0.1em;
}
.MediaTransformError td {
text-align: center;
vertical-align: middle;
font-size: 90%;
}
/* God-damned hack for the crappy layout */
.os-suggest {
font-size: 127%;
}
/* Sometimes people don't want personal tools to be lowercase! */
.no-text-transform {
text-transform: none;
}
/* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */
.tipsy {
font-size: 127%;
}
