diff options
Diffstat (limited to 'skins/Modern/resources/main.css')
| -rw-r--r-- | skins/Modern/resources/main.css | 948 |
1 files changed, 948 insertions, 0 deletions
diff --git a/skins/Modern/resources/main.css b/skins/Modern/resources/main.css new file mode 100644 index 00000000..1ce8ada4 --- /dev/null +++ b/skins/Modern/resources/main.css @@ -0,0 +1,948 @@ +body { + margin: 0 0 0 0; + padding: 0 0 0 0; + font-size: x-small; + + font-family: sans-serif; + color: black; + background-color: #f0f0f0; + + direction: ltr; + unicode-bidi: embed; +} + +#mw_main, +#p-personal, +#mw_header, +.os-suggest { + font-size: 130%; +} + +#mw_header { + position: absolute; + top: 0; + left: 0; + margin: 0 0 0 0; + padding: 0 0em 0 0em; + border: none; + height: 2em; + width: 100%; + + background-color: #003366; + color: white; +} + +#mw_header h1 { + margin: 0 0 0 0.5em; + padding: 0 0 0 0; + text-decoration: none; + font-size: 150%; +} + +#p-personal { + position: absolute; + top: 2em; + left: 0; + height: 1.5em; + margin: 0 0 0 0; + padding: 0 0 0 0; + width: 100%; + +} + +#p-personal div.pBody { + margin: 0 0 0 0; + padding: 0 0 0 0; + height: 1.5em; + font-variant: small-caps; +} + +#p-personal h3 { + display: none; +} + +#p-personal ul { + margin: 0 0 0 0; + padding: 0 0 0 0; + display: block; + height: 1.5em; + background-color: #3c78b5; +} + +#p-personal li { + display: block; + float: left; + height: 1.5em; + margin: 0 0 0 0; + vertical-align: middle; + + font-weight: bold; + text-transform: lowercase; +} + +#p-personal li a { + text-decoration: none; + color: white; + padding: 0 1em 0 1em; +} + +#p-personal li a:hover { + text-decoration: none; + color: white; +} + +#p-personal li:hover { + background-color: #003366; +} + +#jump-to-nav { + display: none; +} + +#mw_contentwrapper { + width: 100%; + margin: 0 0 0 -15em; + float: right; +} + +#mw_content { + margin: 0 0 0 14em; + + background-color: white; + border-top: solid 1px #bbbbbb; + border-left: solid 1px #bbbbbb; + border-bottom: solid 1px #bbbbbb; + + line-height: 1.5em; + padding: 0 1em 1em 1em; +} + +#mw_portlets { + width: 14em; + + border-right: solid 1px #bbbbbb; + background-color: #f0f0f0; +} + +/* Hide, but keep accessible for screen-readers */ +#mw_portlets h2 { + position: absolute; + top: -9999px; +} + +#mw_main { + padding: 0 0 0 0; + margin: 0 0 0 0; + margin-top: 3.5em; +} + +div.mw_clear { + margin: 0 0 0 0; + padding: 0 0 0 0; + clear: both; +} + +.portlet { + padding: 0 0 0 0; + margin: 0 0 0 0; +} + +.portlet div.pBody { + padding: 0em 0 0.5em 0; +} + +textarea { + width: 100%; + padding: .1em; + display: block; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +#searchBody { + text-align: center; +} + +#searchInput { + width: 85%; + margin-left: auto; + margin-right: auto; +} + +#p-search #searchform div div { + margin-top: .4em; +} + +.portlet h3 { + padding: 0.1em 0 0.3em 1em; + margin: 0 0 0 0; + background-color: #dddddd; + font-weight: bold; + font-size: 0.83em; + border-bottom: solid 1px #3c78b5; + height: 1.1em; +} + +.portlet ul { + margin: 0 0 0 1.5em; + padding: 0 0 0 0; +} + +#mw_portlets .portlet ul { + line-height: 1.4em; +} + +ul { + /* @embed */ + list-style-image: url(images/bullet.gif); +} + +#p-cactions { + height: 1.5em; + padding: 0 0 0 0; + margin: 0 0 0 14em; +} + +#p-cactions div.pBody { + margin: 0 0 0 0; + padding: 0 0 0 0; +} + +#p-cactions a, +#p-cactions a:hover { + color: black; + text-decoration: none; +} + +#p-cactions ul { + display: inline; + margin: 0 0 0 0; + padding: 0 0 0 0; +} + +#p-cactions li { + margin: 0 0.5em 0 0.5em; + padding: 0 0.2em 0 0.2em; + display: block; + float: left; + height: 1.5em; + text-transform: lowercase; +} + +#p-cactions li.selected { + background-color: #bbbbbb; +} + +#p-cactions li a, +#p-cactions li a:hover, +#p-cactions li a:visited { + text-decoration: underline; + color: #003366; +} + +#p-cactions li.selected a, +#p-cactions li.selected a:hover, +#p-cactions li.selected a:visited { + text-decoration: none; + color: white; +} + +#p-cactions h3 { + display: none; +} + +#siteSub { + display: none; +} + +#footer { + background-color: #f0f0f0; + /* @embed */ + background: url(images/footer-grad.png) repeat-x 0 0; + padding: 10px 1em 1em 1em; + clear: both; + color: #444444; +} + +#footer a, +#footer a:hover, +#footer a:visited { + color: #444444; + text-decoration: underline; +} + +img { + border: none; +} + +#footer li { + display: inline; + list-style-type: none; + padding: 0 0 0 0; + margin: 0 0 0 0; +} + +#footer ul { + padding: 0 0 0 0; + margin: 0 0 0 0; +} + +p { + margin: 1em 0 1em 0; +} + +hr { + height: 1px; + color: #aaa; + background-color: #aaa; + border: 0; + margin: .2em 0 .2em 0; +} + +#contentSub { + color: #545454; + font-size: small; + padding-left: 2em; +} + +#mw_portlets form { + margin: 0 0 0 0; + padding: 0 0 0 0; +} + +a { + text-decoration: none; + color: #003366; + background: none; +} + +a:visited { + color: #5a3696; +} + +a:active { + color: #faa700; +} + +a:hover { + text-decoration: underline; +} + +a.stub { + color: #772233; +} + +a.new { + color: #ba0000; +} + +a.new:visited { + color: #a55858; +} + +h1, h2 { + border-bottom: solid 1px #003366; +} + +h1, h2, h3, h4, h5, h6 { + overflow: hidden; +} + +#preftoc { + width: 100%; + margin: 0 0 0 0; + padding: 0 0 0 0; + height: 1.5em; + clear: right; +} + +#preftoc li { + margin: 0 0.5em 0 0.5em; + padding: 0 0.2em 0 0.2em; + display: block; + float: left; + height: 1.5em; + text-transform: lowercase; +} + +#preferences { + margin: 0 0 0 0; + padding: 0em 1em 1em 1em; + border: solid 1px #bbbbbb; + clear: left; /* Multi-line toc should not push data to horizontally */ +} + +#preferences fieldset { + margin-top: 0; + border: none; +} + +.mainLegend { + display: none; +} + +.htmlform-tip { + font-size: x-small; + padding: .2em 2em; + color: #666; +} + +.prefsection legend { + font-weight: bold; +} + +#preftoc li.selected { + background-color: #bbbbbb; +} + +#preftoc li a, +#preftoc li a:hover, +#preftoc li a:visited { + text-decoration: underline; + color: #003366; +} + +#preftoc li.selected a, +#preftoc li.selected a:hover, +#preftoc li.selected a:visited { + text-decoration: none; + color: white; +} + +#mw_content a.external { + /* @embed */ + background: url(images/external.png) center right no-repeat; + padding-right: 13px; +} + +#mw_content a.external[href ^="https://"], +.link-https { + /* @embed */ + background: url(images/lock_icon.gif) center right no-repeat; + padding-right: 16px; +} + +#mw_content a.external[href ^="mailto:"], +.link-mailto { + /* @embed */ + background: url(images/mail_icon.gif) center right no-repeat; + padding-right: 18px; +} + +#mw_content a.external[href ^="news:"] { + /* @embed */ + background: url(images/news_icon.png) center right no-repeat; + padding-right: 18px; +} + +#mw_content a.external[href ^="ftp://"], +.link-ftp { + /* @embed */ + background: url(images/file_icon.gif) center right no-repeat; + padding-right: 18px; +} + +#mw_content a.external[href ^="irc://"], +#mw_content a.external[href ^="ircs://"], +.link-irc { + /* @embed */ + background: url(images/discussionitem_icon.gif) center right no-repeat; + padding-right: 18px; +} + +#mw_content a.external[href $=".ogg"], #mw_content a.external[href $=".OGG"], +#mw_content a.external[href $=".mid"], #mw_content a.external[href $=".MID"], +#mw_content a.external[href $=".midi"], #mw_content a.external[href $=".MIDI"], +#mw_content a.external[href $=".mp3"], #mw_content a.external[href $=".MP3"], +#mw_content a.external[href $=".wav"], #mw_content a.external[href $=".WAV"], +#mw_content a.external[href $=".wma"], #mw_content a.external[href $=".WMA"], +.link-audio { + /* @embed */ + background: url(images/audio.png) center right no-repeat; + padding-right: 13px; +} + +#mw_content a.external[href $=".ogm"], #mw_content a.external[href $=".OGM"], +#mw_content a.external[href $=".avi"], #mw_content a.external[href $=".AVI"], +#mw_content a.external[href $=".mpeg"], #mw_content a.external[href $=".MPEG"], +#mw_content a.external[href $=".mpg"], #mw_content a.external[href $=".MPG"], +.link-video { + /* @embed */ + background: url(images/video.png) center right no-repeat; + padding-right: 13px; +} + +#mw_content a.external[href $=".pdf"], #mw_content a.external[href $=".PDF"], +#mw_content a.external[href *=".pdf#"], #mw_content a.external[href *=".PDF#"], +#mw_content a.external[href *=".pdf?"], #mw_content a.external[href *=".PDF?"], +.link-document { + /* @embed */ + background: url(images/document.png) center right no-repeat; + padding-right: 12px; +} + +/* images */ +/* @noflip */div.floatright, table.floatright { + margin: 0 0 .5em .5em; + border: 0; +} + +div.floatright p { + font-style: italic; +} + +/* @noflip */div.floatleft, table.floatleft { + margin: 0 .5em .5em 0; + border: 0; +} + +div.floatleft p { + font-style: italic; +} + +/* thumbnails */ +div.thumb { + margin-bottom: .5em; + 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: 1.4em; + padding: 3px !important; + font-size: 94%; +} + +div.magnify { + float: right; + border: none !important; + background: none !important; + margin-left: 3px; +} + +div.magnify a, div.magnify img { + display: block; + border: none !important; + background: none !important; +} + +/* @noflip */div.tright { + margin: .5em 0 .8em 1.4em; +} + +/* @noflip */div.tleft { + margin: .5em 1.4em .8em 0; +} + +img.thumbborder { + border: 1px solid #dddddd; +} + +.mw-warning { + border: 1px solid #aaa; + background-color: #f9f9f9; + padding: 5px; + font-size: 95%; +} + +#toc, +.toc { + margin: 0 0 0 0; + padding: 0 0 0 0; + border-spacing: 0; + background-color: #f0f0f0; + border: solid 1px #bbbbbb; + display: -moz-inline-block; + display: inline-block; + display: table; + + /* IE7 and earliers */ + zoom: 1; + *display: inline; + + padding: 7px; +} + +/* CSS for backwards-compatibility with cached page renders and creative uses in wikitext */ +table#toc, +table.toc { + border-collapse: collapse; +} + +/* Remove additional paddings inside table-cells that are not present in <div>s */ +table#toc td, +table.toc td { + padding: 0; +} + +#toc tr, #toc td { + margin: 0 0 0 0; + padding: 0 0 0 0; +} + +#toctitle { + border-bottom: solid 1px #3c78b5; + background-color: #dddddd; + margin: 0 0 0 0; +} + +#toc h2, +.toc h2 { + display: inline; + border: none; + padding: 0; + font-size: 100%; + font-weight: bold; +} + +#toc #toctitle, +.toc #toctitle, +#toc .toctitle, +.toc .toctitle { + text-align: center; +} + +#toc ul, +.toc ul { + list-style-type: none; + list-style-image: none; + margin: 0 1em 0 1em; + padding: 0; + text-align: left; +} + +#toc ul ul, +.toc ul ul { + margin: 0 0 0 2em; +} + +#toc .toctoggle, +.toc .toctoggle { + font-size: 94%; +} + +.mw-warning { + margin-left: 50px; + margin-right: 50px; + text-align: center; +} + +.catlinks { + border: solid 1px #bbbbbb; + background-color: #f0f0f0; + padding: 0.1em 0.3em 0.1em 0.3em; + margin: 0 0 0 0; +} + +#mw_header h1, +#p-personal, +#p-cactions { + overflow: hidden; +} + +/* disable interwiki styling */ +#mw_content a.extiw, +#mw_content a.extiw:active { + color: #36b; +} + +#mw_content a.external { + color: #36b; +} + +.redirectText { + font-size: 150%; + margin: 5px; +} + +.printfooter { + display: none; +} + +.sharedUploadNotice { + font-style: italic; +} + +span.updatedmarker { + color: black; + background-color: #0f0; +} + +.previewnote { + text-indent: 3em; + color: #c00; + border-bottom: 1px solid #aaa; + padding-bottom: 1em; + margin-bottom: 1em; +} + +.previewnote p { + margin: 0; + padding: 0; +} + +.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; +} + +table.collapsed tr.collapsable { + display: none; +} + +input#wpSummary { + width: 80%; +} + +/* @bug 1714 */ +input#wpSave, input#wpDiff { + margin-right: 0.33em; +} + +#wpSave { + font-weight: bold; +} + +/* noarticletext */ +div.noarticletext { + border: 1px solid #ccc; + background: #fff; + padding: .2em 1em; + color: #000; +} + +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; +} + +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%; +} + +ul { + line-height: 1.5em; + list-style-type: square; + margin: .3em 0 0 1.5em; + padding: 0; + /* @embed */ + list-style-image: url(images/bullet.gif); +} + +ol { + line-height: 1.5em; + margin: .3em 0 0 3.2em; + padding: 0; + list-style-image: none; +} + +li { + margin-bottom: .1em; +} + +dt { + font-weight: bold; + margin-bottom: .1em; +} + +dl { + margin-top: .2em; + margin-bottom: .5em; +} + +#p-cactions li.new a { + color: #cc2200; +} + +span.subpages { + font-size: 80%; + display: block; +} + +pre, .mw-code { + border: solid 1px #3c78b5; + padding: 0.4em; + background-color: #f0f0f0; +} + +.usermessage { + background-color: #dadaff; +} + +.mw-topboxes { + border-collapse: collapse; + margin: 0 -1em 1em -1em; + padding: 0 0 8px 0; + /* @embed */ + background: url(images/footer-grad.png) repeat-x bottom left; +} + +.mw-topbox p { + padding: 0 0 0 0; + margin: 0 0 0 0; +} + +.mw-topbox { + color: black; + font-weight: bold; + margin: 0 0 0 0; + padding: 0 1em 0 1em; + vertical-align: middle; + border-collapse: collapse; + border-bottom: solid 1px #bbbbbb; +} + +#siteSub { + background-color: #dddddd; +} + +/* emulate center */ +.center { + width: 100%; + text-align: center; +} + +*.center * { + margin-left: auto; + margin-right: auto; +} + +/* table standards */ +.toccolours { + border: 1px solid #bbbbbb; + background-color: #f0f0f0; + border-spacing: 0pt; + margin: 0pt; + padding: 0pt; +} + +/* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */ +.tipsy { + font-size: 130%; +} + +/** + * Lists: + * The following lines don't have a visible effect on non-Gecko browsers + * They fix a problem ith Gecko browsers rendering lists to the right of + * left-floated objects in an RTL layout. + */ +/* @noflip */ +html > body.rtl div#mw_contentholder ul { + display: table; +} + +/* @noflip */ +html > body.rtl div#mw_contentholder ul#filetoc { + display: block; +} |