From: Trevor Parscal Date: Mon, 29 Jun 2009 21:32:31 +0000 (+0000) Subject: Divided stylesheets into LTR and RTL versions, but also reverted strange hacks to... X-Git-Tag: 1.31.0-rc.0~41168 X-Git-Url: http://git.cyclocoop.org/%7B%24admin_url%7Dmes_infos.php?a=commitdiff_plain;h=e6ab8ecfbfeead43323ff81baf7f9f0c828c5c7c;p=lhc%2Fweb%2Fwiklou.git Divided stylesheets into LTR and RTL versions, but also reverted strange hacks to make things sort of work in may browsers. Still need to solve RTL problems in browsers with certain CSS limitations. --- diff --git a/skins/vector/images/portal-break-ltr.png b/skins/vector/images/portal-break-ltr.png new file mode 100644 index 0000000000..fd851f8313 Binary files /dev/null and b/skins/vector/images/portal-break-ltr.png differ diff --git a/skins/vector/images/portal-break-rtl.png b/skins/vector/images/portal-break-rtl.png new file mode 100644 index 0000000000..70948d4126 Binary files /dev/null and b/skins/vector/images/portal-break-rtl.png differ diff --git a/skins/vector/images/portal-break.png b/skins/vector/images/portal-break.png deleted file mode 100644 index fd851f8313..0000000000 Binary files a/skins/vector/images/portal-break.png and /dev/null differ diff --git a/skins/vector/main-ltr.css b/skins/vector/main-ltr.css new file mode 100644 index 0000000000..01fc09cf87 --- /dev/null +++ b/skins/vector/main-ltr.css @@ -0,0 +1,872 @@ +/* Framework */ +html, +body { + height: 100%; + margin: 0; + padding: 0; + font-family: sans-serif; + font-size: small; +} +body { + background-image: url(images/page-base.png); +} +/* Content */ +div#content { + margin-left: 12em; + padding: 1em; + background-image: url(images/content-base.png); + background-position: top left; + background-repeat: repeat-y; + background-color: white; +} +/* Head */ +div#page-base { + height: 6em; + background-color: white; + background-image: url(images/page-fade.png); + background-position: bottom left; + background-repeat: repeat-x; +} +div#head-base { + margin-top: -6em; + margin-left: 12em; + height: 6em; + background-image: url(images/head-base.png); + background-position: bottom left; + background-repeat: repeat-x; +} +div#head { + position: absolute; + top: 0; + right: 0; + width: 100%; +} +div#head ul, +div#head li { + list-style: none; + margin: 0; + padding: 0; +} +div#head h5 { + margin: 0; + padding: 0; +} + /* Personal */ + div#personal { + position: absolute; + top: 0; + right: 0.75em; + } + div#personal h5 { + display: none; + } + div#personal li { + float: left; + margin-left: 0.75em; + margin-top: 0.5em; + font-size: 0.9em; + } + div#left-navigation { + position: absolute; + left: 12em; + top: 3em; + } + div#right-navigation { + float: right; + margin-top: 3em; + } + /* Navigation Labels */ + div#namespaces h5, + div#variants h5, + div#views h5, + div#actions h5 span, + div#search h5 { + display: none; + } + /* Namespaces and Views */ + div#namespaces, + div#views { + float: left; + background-image: url(images/tab-break.png); + background-position: bottom left; + background-repeat: no-repeat; + padding-left: 1px; + } + div#namespaces ul, + div#views ul { + float: left; + height: 100%; + } + /* OVERRIDDEN BY COMPLIANT BROWSERS */ + div#namespaces ul li, + div#views ul li { + display: inline-block; + float: left; + height: 100%; + background-image: url(images/tab-normal-fade.png); + background-position: bottom left; + background-repeat: repeat-x; + } + /* IGNORED BY IE6 */ + div#namespaces ul > li, + div#views ul > li { + display: block; + } + div#namespaces li.selected, + div#views li.selected { + background-image: url(images/tab-current-fade.png); + } + /* OVERRIDDEN BY COMPLIANT BROWSERS */ + div#namespaces li a, + div#views li a { + display: inline-block; + height: 3em; + padding-left: 0.5em; + padding-right: 0.5em; + background-image: url(images/tab-break.png); + background-position: bottom right; + background-repeat: no-repeat; + } + /* IGNORED BY IE6 */ + div#namespaces li > a, + div#views li > a { + display: block; + } + /* OVERRIDDEN BY COMPLIANT BROWSERS */ + div#namespaces a span, + div#views a span { + color: #0645ad; + display: inline-block; + padding-top: 1.25em; + cursor: pointer; + } + /* IGNORED BY IE6 */ + div#namespaces a > span, + div#views a > span { + float: left; + display: block; + } + div#namespaces li.selected a span, + div#views li.selected a:visited span { + color: #333333; + cursor: default; + text-decoration: none; + } + div#namespaces li.new a span, + div#namespaces li.new a:visited span{ + color: #a55858; + } + /* Variants and Actions */ + div#variants, + div#actions { + float: left; + background-image: url(images/arrow-down-icon.png); + background-position: center center; + background-repeat: no-repeat; + } + div#variants h5, + div#actions h5 { + float: left; + } + /* OVERRIDDEN BY COMPLIANT BROWSERS */ + div#variants h5 a, + div#actions h5 a { + display: inline-block; + width: 24px; + height: 3em; + text-decoration: none; + background-image: url(images/tab-break.png); + background-position: bottom right; + background-repeat: no-repeat; + } + /* IGNORED BY IE6 */ + div#variants h5 > a, + div#actions h5 > a { + display: block; + } + div#variants div.menu, + div#actions div.menu { + display: none; + clear: both; + } + div#variants:hover div.menu, + div#actions:hover div.menu { + display: block; + } + div#variants ul, + div#actions ul { + position: absolute; + background-color: white; + border: solid 1px silver; + border-top-width: 0; + padding: 0; + margin: 0; + margin-left: -1px; + } + /* OVERRIDDEN BY COMPLIANT BROWSERS */ + div#variants:hover li a, + div#actions li a { + display: inline-block; + padding: 0.5em; + } + /* IGNORED BY IE6 */ + div#variants:hover li > a, + div#actions li > a { + display: block; + } + /* Search */ + div#search { + float: left; + margin-right: 0.75em; + } + div#search form, + div#search input { + float: left; + margin-top: 0.4em; + margin-left: 0.25em; + } +/* Panel */ +div#panel { + position: absolute; + top: 12em; + width: 12em; + left: 0; +} + div#panel div.portal { + padding-top: 1.5em; + } + div#panel div.portal h5 { + font-weight: normal; + color: #666666; + padding: 0.5em; + padding-top: 0; + padding-left: 1.25em; + cursor: default; + } + div#panel div.portal div.body { + margin-top: 0.25em; + padding-top: 0.5em; + margin-left: 1.25em; + background-image: url(images/portal-break-ltr.png); + background-repeat: no-repeat; + background-position: top left; + } + div#panel div.portal div.body ul { + list-style: none; + padding: 0; + margin: 0; + } + div#panel div.portal div.body ul li { + padding: 0; + padding-bottom: 0.5em; + margin: 0; + overflow: hidden; + } + div#panel div.portal div.body ul li a { + color: #0645ad; + } + div#panel div.portal div.body ul li a:visited { + color: #0b0080; + } +/* Foot */ +div#foot { + margin-left: 12em; + margin-top: 0; + padding: 0.75em; + background-image: url(images/foot-base.png); + background-position: top left; + background-repeat: repeat-x; +} +div#foot ul { + list-style: none; + margin: 0; + padding: 0; +} +div#foot ul li { + margin: 0; + padding: 0; + padding-top: 0.5em; + padding-bottom: 0.5em; + color: #333333; + font-size: 0.9em; +} +div#foot ul#foot-icons { + float: right; +} +div#foot ul#foot-places { + float: left; +} +div#foot ul#foot-icons li { + float: left; + margin-left: 0.5em; + line-height: 2em; +} +div#foot ul#foot-places li { + float: left; + margin-right: 0.5em; + line-height: 2em; +} +/* Logo */ +div#logo { + position: absolute; + top: 0; + left: 0; + height: 12em; + width: 12em; +} +div#logo a { + display: block; + width: 12em; + height: 12em; + background-repeat: no-repeat; + background-position: 50% 50%; + text-decoration: none; +} + +/* + * + * The following code is highly modified from monobook. It would be nice if the + * preftoc id was more human readable like preferences-toc for instance, + * howerver this would require backporting the other skins. + */ + +/* Preferences */ +#preftoc { + /* Tabs */ + float: left; + clear: both; + margin: 0 !important; + padding: 0 !important; + height: 2.25em; + background-image: url(images/preferences-break.png); + background-position: bottom left; + background-repeat: no-repeat; +} + #preftoc li { + /* Tab */ + float: left; + margin: 0; + padding: 0; + padding-right: 1px; + height: 2.25em; + white-space: nowrap; + list-style-type: none; + list-style-image: none; + background-image: url(images/preferences-break.png); + background-position: bottom right; + background-repeat: no-repeat; + } + /* IGNORED BY IE6 */ + #preftoc li:first-child { + margin-left: 1px; + } + #preftoc a, + #preftoc a:active { + display: inline-block; + position: relative; + color: #0645ad; + padding: 0.5em; + text-decoration: none; + background-image: none; + } + #preftoc a:hover { + text-decoration: underline; + } + #preftoc li.selected a { + cursor: default; + background-image: url(images/preferences-fade.png); + background-position: bottom; + background-repeat: repeat-x; + color: #333333; + cursor: default; + text-decoration: none; + } +#preferences { + float: left; + zoom: 1; + width: 100%; + margin: 0; + clear: both; + border: solid 1px #cccccc; + background-color: #f9f9f9; + background-image: url(images/preferences-base.png); +} +#preferences fieldset.prefsection { + border: none; + padding: 0; + margin: 1em; +} +#preferences fieldset.prefsection fieldset { + border: none; + border-top: solid 1px #cccccc; +} +#preferences legend { + color: #666666; +} +#preferences fieldset.prefsection legend.mainLegend { + display: none; +} +#preferences td { + padding-left: 0.5em; + padding-right: 0.5em; +} +#preferences td.htmlform-tip { + font-size: x-small; + padding: .2em 2em; + color: #666666; +} +#preferences div.mw-prefs-buttons { + padding: 1em; +} +#preferences div.mw-prefs-buttons input { + margin-right: 0.25em; +} + +/* + * + * The following code is slightly modified from monobook + * + */ + +/* Links */ +a { + text-decoration: none; + color: #0645ad; + background: none; +} +a:visited { + color: #0b0080; +} +a:active { + color: #faa700; +} +a:hover { + text-decoration: underline; +} +a.stub { + color: #772233; +} +a.new, #p-personal a.new { + color: #ba0000; +} +a.new:visited, #p-personal a.new:visited { + color: #a55858; +} + +/* Inline Elements */ +img { + border: none; + vertical-align: middle; +} +hr { + height: 1px; + color: #aaa; + background-color: #aaa; + border: 0; + margin: .2em 0 .2em 0; +} + +/* Structural Elements */ +h1, +h2, +h3, +h4, +h5, +h6 { + color: black; + background: none; + font-weight: normal; + margin: 0; + padding-top: .5em; + padding-bottom: .17em; + border-bottom: 1px solid #aaa; + width: auto; +} +h1 { font-size: 188%; } +h1 .editsection { font-size: 53%; } +h2 { font-size: 150%; } +h2 .editsection { font-size: 67%; } +h3, +h4, +h5, +h6 { + border-bottom: none; + font-weight: bold; +} +h3 { font-size: 132%; } +h3 .editsection { font-size: 76%; font-weight: normal; } +h4 { font-size: 116%; } +h4 .editsection { font-size: 86%; font-weight: normal; } +h5 { font-size: 100%; } +h5 .editsection { font-weight: normal; } +h6 { font-size: 80%; } +h6 .editsection { font-size: 125%; font-weight: normal; } +p { + margin: .4em 0 .5em 0; + line-height: 1.5em; +} + p img { + margin: 0; + } +abbr, +acronym, +.explain { + border-bottom: 1px dotted black; + color: black; + background: none; + cursor: help; +} +q { + font-family: Times, "Times New Roman", serif; + font-style: italic; +} +/* Disabled for now +blockquote { + font-family: Times, "Times New Roman", serif; + font-style: italic; +}*/ +code { + background-color: #f9f9f9; +} +pre { + padding: 1em; + border: 1px dashed #2f6fab; + color: black; + background-color: #f9f9f9; + line-height: 1.1em; +} +div#content ul { + line-height: 1.5em; + list-style-type: square; + margin: .3em 0 0 1.5em; + padding: 0; + list-style-image: url(images/bullet-icon.png); +} +div#content ol { + line-height: 1.5em; + margin: .3em 0 0 3.2em; + padding: 0; + list-style-image: none; +} +div#content li { + margin-bottom: .1em; +} +div#content dt { + font-weight: bold; + margin-bottom: .1em; +} +div#content dl { + margin-top: .2em; + margin-bottom: .5em; +} +div#content dd { + line-height: 1.5em; + margin-left: 2em; + margin-bottom: .1em; +} +/* Tables */ +div#content table { + font-size: 100%; + color: black; + /* we don't want the bottom borders of

s to be visible through + * floated tables */ + background-color: white; +} +div#content fieldset table { + /* but keep table layouts in forms clean... */ + background: none; +} +/* Forms */ +div#content fieldset { + border: 1px solid #2f6fab; + margin: 1em 0 1em 0; + padding: 0 1em 1em; + line-height: 1.5em; +} + fieldset.nested { + margin: 0 0 0.5em 0; + padding: 0 0.5em 0.5em; + } +div#content legend { + padding: .5em; + font-size: 95%; +} +div#content form { + border: none; + margin: 0; +} +div#content textarea { + width: 100%; + padding: .1em; +} +div#content select { + vertical-align: top; +} +/* Table of Contents */ +#toc, +.toc, +.mw-warning { + border: 1px solid #aaa; + background-color: #f9f9f9; + padding: 5px; + font-size: 95%; +} +#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-left: 0; + padding-left: 0; + text-align: left; +} +#toc ul ul, +.toc ul ul { + margin: 0 0 0 2em; +} +#toc .toctoggle, +.toc .toctoggle { + font-size: 94%; +} +/* Images */ +div.floatright, table.floatright { + clear: right; + float: right; + position: relative; + margin: 0 0 .5em .5em; + border: 0; +} +div.floatright p { font-style: italic; } +div.floatleft, table.floatleft { + float: left; + clear: left; + position: relative; + margin: 0 .5em .5em 0; + border: 0; +} +div.floatleft p { font-style: italic; } +/* Thumbnails */ +div.thumb { + margin-bottom: .5em; + border-style: solid; + border-color: white; + 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; +} +div.magnify a, div.magnify img { + display: block; + border: none !important; + background: none !important; +} +div.tright { + clear: right; + float: right; + border-width: .5em 0 .8em 1.4em; +} +div.tleft { + float: left; + clear: left; + margin-right: .5em; + border-width: .5em 1.4em .8em 0; +} +img.thumbborder { + border: 1px solid #dddddd; +} +.hiddenStructure { + display: none; +} +/* Warning */ +.mw-warning { + margin-left: 50px; + margin-right: 50px; + text-align: center; +} +/* User Message */ +.usermessage { + background-color: #ffce7b; + border: 1px solid #ffa500; + color: black; + font-weight: bold; + margin: 2em 0 1em; + padding: .5em 1em; + vertical-align: middle; +} +/* Site Notice */ +#siteNotice { + text-align: center; + font-size: 95%; + padding-top: 0.9em; +} + #siteNotice p { + margin: 0; + padding: 0; + } +/* Categories */ +.catlinks { + border: 1px solid #aaa; + background-color: #f9f9f9; + padding: 5px; + margin-top: 1em; + clear: both; +} +/* Sub-navigation */ +#siteSub { + display: none; +} +#jump-to-nav { + display: none; +} +#contentSub, #contentSub2 { + font-size: 84%; + line-height: 1.2em; + margin: 0 0 1.4em 1em; + color: #7d7d7d; + width: auto; +} +span.subpages { + display: block; +} +/* Emulate Center */ +.center { + width: 100%; + text-align: center; +} +*.center * { + margin-left: auto; + margin-right: auto; +} +/* Small for tables and similar */ +.small, .small * { + font-size: 94%; +} +table.small { + font-size: 100%; +} +/* Edge Cases for Content */ +#content h1, #content h2 { + margin-bottom: .6em; +} +#content h3, #content h4, #content h5 { + margin-bottom: .3em; +} +div.firstHeading { + padding-top: 0; + margin-top: 0; +} +div.firstHeading h1 { + padding-top: 0; + margin-top: 0; + padding-top: 0; + margin-bottom: 0.1em; + line-height: 1.2em; + padding-bottom: 0; +} +#content a.external, +#content a[href ^="gopher://"] { + background: url(images/external-link-ltr-icon.png) center right no-repeat; + padding: 0 13px; +} +#content a[href ^="https://"], +.link-https { + background: url(images/lock-icon.png) center right no-repeat; + padding: 0 18px; +} +#content a[href ^="mailto:"], +.link-mailto { + background: url(images/mail-icon.png) center right no-repeat; + padding: 0 18px; +} +#content a[href ^="news://"] { + background: url(images/news-icon.png) center right no-repeat; + padding: 0 18px; +} +#content a[href ^="ftp://"], +.link-ftp { + background: url(images/file-icon.png) center right no-repeat; + padding: 0 18px; +} +#content a[href ^="irc://"], +#content a.extiw[href ^="irc://"], +.link-irc { + background: url(images/talk-icon.png) center right no-repeat; + padding: 0 18px; +} +#content a.external[href $=".ogg"], #content a.external[href $=".OGG"], +#content a.external[href $=".mid"], #content a.external[href $=".MID"], +#content a.external[href $=".midi"], #content a.external[href $=".MIDI"], +#content a.external[href $=".mp3"], #content a.external[href $=".MP3"], +#content a.external[href $=".wav"], #content a.external[href $=".WAV"], +#content a.external[href $=".wma"], #content a.external[href $=".WMA"], +.link-audio { + background: url("images/audio-icon.png") center right no-repeat; + padding: 0 18px; +} +#content a.external[href $=".ogm"], #content a.external[href $=".OGM"], +#content a.external[href $=".avi"], #content a.external[href $=".AVI"], +#content a.external[href $=".mpeg"], #content a.external[href $=".MPEG"], +#content a.external[href $=".mpg"], #content a.external[href $=".MPG"], +.link-video { + background: url("images/video-icon.png") center right no-repeat; + padding: 0 18px; +} +#content a.external[href $=".pdf"], #content a.external[href $=".PDF"], +#content a.external[href *=".pdf#"], #content a.external[href *=".PDF#"], +#content a.external[href *=".pdf?"], #content a.external[href *=".PDF?"], +.link-document { + background: url("images/document-icon.png") center right no-repeat; + padding: 0 18px; +} +/* Interwiki Styling (Disabled) */ +#content a.extiw, +#content a.extiw:active { + color: #36b; + background: none; + padding: 0; +} +#content a.external { + color: #36b; +} +#content .plainlinks a { + /* this can be used in the content area to switch off special external link + * styling */ + background: none !important; + padding: 0 !important; +} +#content .printfooter { + display: none; +} diff --git a/skins/vector/main.css b/skins/vector/main.css deleted file mode 100644 index 43aed3c4f2..0000000000 --- a/skins/vector/main.css +++ /dev/null @@ -1,1117 +0,0 @@ -/* Framework */ -html, -body { - height: 100%; - margin: 0; - padding: 0; - font-family: sans-serif; - font-size: small; -} -body.rtl { - direction: rtl; - unicode-bidi: embed; -} -body { - background-image: url(images/page-base.png); -} -/* Content */ -div#content { - margin-left: 12em; - padding: 1em; - background-image: url(images/content-base.png); - background-position: top left; - background-repeat: repeat-y; - background-color: white; -} -body.rtl div#content { - margin-left: auto; - margin-right: 12em; - background-position: top right; -} -/* Head */ -div#page-base { - height: 6em; - background-color: white; - background-image: url(images/page-fade.png); - background-position: bottom left; - background-repeat: repeat-x; -} -body.rtl div#page-base { - background-position: bottom left; -} -div#head-base { - margin-top: -6em; - margin-left: 12em; - height: 6em; - background-image: url(images/head-base.png); - background-position: bottom left; - background-repeat: repeat-x; -} -body.rtl div#head-base { - margin-left: auto; - margin-right: 12em; - background-position: bottom right; -} -div#head { - position: absolute; - top: 0; - right: 0; - width: 100%; -} -body.rtl div#head { - right: auto; - left: 0; - margin-right: auto; -} -div#head ul, -div#head li { - list-style: none; - margin: 0; - padding: 0; -} -div#head h5 { - margin: 0; - padding: 0; -} - /* Personal */ - div#personal { - position: absolute; - top: 0; - right: 0.75em; - } - body.rtl div#personal { - left: 0.75em; - right: auto; - } - div#personal h5 { - display: none; - } - div#personal li { - float: left; - margin-left: 0.75em; - margin-top: 0.5em; - font-size: 0.9em; - } - body.rtl div#personal li { - margin-left: auto; - margin-right: 0.75em; - } - body.rtl div#personal > ul > li { - float: right; - margin-left: 0; - margin-right: 0.75em; - } - /* Navigation */ - div#left-navigation { - margin-top: 3em; - margin-left: 12em; - } - /* OVERRIDDEN BY COMPLIANT BROWSERS */ - body.rtl div#left-navigation { - margin-left: 0; - } - /* IGNORED BY IE6 */ - body.rtl div#head > div#left-navigation { - margin-left: auto; - margin-right: 12em; - } - div#right-navigation { - float: right; - } - /* OVERRIDDEN BY COMPLIANT BROWSERS */ - body.rtl div#right-navigation { - margin-right: 6em; - } - /* IGNORED BY IE6 */ - body.rtl div#head > div#right-navigation { - margin-right: auto; - float: left; - } - /* Navigation Labels */ - div#namespaces h5, - div#variants h5, - div#views h5, - div#actions h5 span, - div#search h5 { - display: none; - } - /* Namespaces and Views */ - div#namespaces, - div#views { - float: left; - background-image: url(images/tab-break.png); - background-position: bottom left; - background-repeat: no-repeat; - padding-left: 1px; - } - /* OVERRIDDEN BY COMPLIANT BROWSERS */ - body.rtl div#left-navigation div#namespaces { - padding-left: 0; - } - /* IGNORED BY IE6 */ - body.rtl div#left-navigation > div#namespaces, - body.rtl div#right-navigation > div#views { - float: right; - background-position: bottom right; - padding-left: 0; - padding-right: 1px; - } - /* OVERRIDDEN BY COMPLIANT BROWSERS */ - div#namespaces ul, - div#views ul { - float: left; - height: 100%; - } - /* IGNORED BY IE6 */ - body.rtl div#left-navigation > div#namespaces ul, - body.rtl div#right-navigation > div#views ul { - float: right; - } - /* OVERRIDDEN BY COMPLIANT BROWSERS */ - div#namespaces ul li, - div#views ul li { - display: inline-block; - float: left; - height: 100%; - background-image: url(images/tab-normal-fade.png); - background-position: bottom left; - background-repeat: repeat-x; - } - /* IGNORED BY IE6 */ - div#namespaces ul > li, - div#views ul > li { - display: block; - } - /* IGNORED BY IE6 */ - body.rtl div#namespaces > ul > li, - body.rtl div#views > ul > li { - float: right; - background-position: bottom right; - } - div#namespaces li.selected, - div#views li.selected { - background-image: url(images/tab-current-fade.png); - } - /* OVERRIDDEN BY COMPLIANT BROWSERS */ - div#namespaces li a, - div#views li a { - display: inline-block; - height: 3em; - padding-left: 0.5em; - padding-right: 0.5em; - background-image: url(images/tab-break.png); - background-position: bottom right; - background-repeat: no-repeat; - } - /* IGNORED BY IE6 */ - div#namespaces li > a, - div#views li > a { - display: block; - } - /* IGNORED BY IE6 */ - body.rtl div#namespaces li > a, - body.rtl div#views li > a { - background-position: bottom left; - } - /* OVERRIDDEN BY COMPLIANT BROWSERS */ - div#namespaces a span, - div#views a span { - color: #0645ad; - display: inline-block; - padding-top: 1.25em; - cursor: pointer; - } - /* IGNORED BY IE6 */ - div#namespaces a > span, - div#views a > span { - float: left; - display: block; - } - div#namespaces li.selected a span, - div#views li.selected a:visited span { - color: #333333; - cursor: default; - text-decoration: none; - } - div#namespaces li.new a span, - div#namespaces li.new a:visited span{ - color: #a55858; - } - /* Variants and Actions */ - div#variants, - div#actions { - float: left; - background-image: url(images/arrow-down-icon.png); - background-position: center center; - background-repeat: no-repeat; - } - /* IGNORED BY IE6 */ - body.rtl div#left-navigation > div#variants, - body.rtl div#right-navigation > div#actions { - float: right; - } - div#variants h5, - div#actions h5 { - float: left; - } - /* IGNORED BY IE6 */ - body.rtl div#variants > h5, - body.rtl div#actions > h5 { - float: right; - } - /* OVERRIDDEN BY COMPLIANT BROWSERS */ - div#variants h5 a, - div#actions h5 a { - display: inline-block; - width: 24px; - height: 3em; - text-decoration: none; - background-image: url(images/tab-break.png); - background-position: bottom right; - background-repeat: no-repeat; - } - /* IGNORED BY IE6 */ - div#variants h5 > a, - div#actions h5 > a { - display: block; - } - /* IGNORED BY IE6 */ - body.rtl div#variants > h5 a, - body.rtl div#actions > h5 a { - display: inline-block; - background-position: bottom left; - } - div#variants div.menu, - div#actions div.menu { - display: none; - clear: both; - } - div#variants:hover div.menu, - div#actions:hover div.menu { - display: block; - } - div#variants ul, - div#actions ul { - position: absolute; - background-color: white; - border: solid 1px silver; - border-top-width: 0; - padding: 0; - margin: 0; - margin-left: -1px; - } - /* OVERRIDDEN BY COMPLIANT BROWSERS */ - body.rtl div#variants ul, - body.rtl div#actions ul { - margin-left: 0; - margin-right: -24px; - } - /* IGNORED BY IE6 */ - body.rtl div#variants div.menu > ul, - body.rtl div#actions div.menu > ul { - margin-left: 0; - margin-right: -1px; - } - /* OVERRIDDEN BY COMPLIANT BROWSERS */ - div#variants:hover li a, - div#actions li a { - display: inline-block; - padding: 0.5em; - } - /* IGNORED BY IE6 */ - div#variants:hover li > a, - div#actions li > a { - display: block; - } - /* Search */ - div#search { - float: left; - margin-right: 0.75em; - } - /* OVERRIDDEN BY COMPLIANT BROWSERS */ - body.rtl div#right-navigation div#search { - margin-right: 0; - } - /* IGNORED BY IE6 */ - body.rtl div#right-navigation > div#search { - float: right; - margin-left: 0.75em; - } - div#search form, - div#search input { - float: left; - margin-top: 0.4em; - margin-left: 0.25em; - } - /* IGNORED BY IE6 */ - body.rtl div#search > form, - body.rtl div#search > form > input { - float: right; - margin-left: 0; - margin-right: 0.25em; - } -/* Panel */ -div#panel { - position: absolute; - top: 12em; - width: 12em; - left: 0; -} -body.rtl div#panel { - left: auto; - right: 0; -} - div#panel div.portal { - padding-top: 1.5em; - } - div#panel div.portal h5 { - font-weight: normal; - color: #666666; - padding: 0.5em; - padding-top: 0; - padding-left: 1.25em; - cursor: default; - } - body.rtl div#panel div.portal h5 { - padding: 0; - margin: 0; - padding-left: 0; - padding-right: 1.25em; - } - div#panel div.portal div.body { - margin-top: 0.25em; - padding-top: 0.5em; - margin-left: 1.25em; - background-image: url(images/portal-break.png); - background-repeat: no-repeat; - background-position: top left; - } - body.rtl div#panel div.portal div.body { - padding-left: 0; - margin-right: 1.25em; - background-position: top right; - } - div#panel div.portal div.body ul { - list-style: none; - padding: 0; - margin: 0; - } - div#panel div.portal div.body ul li { - padding: 0; - padding-bottom: 0.5em; - margin: 0; - overflow: hidden; - } - div#panel div.portal div.body ul li a { - color: #0645ad; - } - div#panel div.portal div.body ul li a:visited { - color: #0b0080; - } -/* Foot */ -div#foot { - margin-left: 12em; - margin-top: 0; - padding: 0.75em; - background-image: url(images/foot-base.png); - background-position: top left; - background-repeat: repeat-x; -} -body.rtl div#foot { - margin-left: 0; - margin-right: 12em; - background-position: top right; -} -div#foot ul { - list-style: none; - margin: 0; - padding: 0; -} -div#foot ul li { - margin: 0; - padding: 0; - padding-top: 0.5em; - padding-bottom: 0.5em; - color: #333333; - font-size: 0.9em; -} -div#foot ul#foot-icons { - float: right; -} -body.rtl div#foot ul#foot-icons { - float: left; -} -div#foot ul#foot-places { - float: left; -} -body.rtl div#foot ul#foot-places { - float: right; -} -div#foot ul#foot-icons li { - float: left; - margin-left: 0.5em; - line-height: 2em; -} -body.rtl div#foot ul#foot-icons li { - float: right; - margin-left: 0; - margin-right: 0.5em; -} -div#foot ul#foot-places li { - float: left; - margin-right: 0.5em; - line-height: 2em; -} -body.rtl div#foot ul#foot-places li { - float: right; - margin-left: 0.5em; - margin-right: 0; -} - -/* Logo */ -div#logo { - position: absolute; - top: 0; - left: 0; - height: 12em; - width: 12em; -} -body.rtl #logo { - left: auto; - right: 0; -} -div#logo a { - display: block; - width: 12em; - height: 12em; - background-repeat: no-repeat; - background-position: 50% 50%; - text-decoration: none; -} - -/* - * - * The following code is highly modified from monobook. It would be nice if the - * preftoc id was more human readable like preferences-toc for instance, - * howerver this would require backporting the other skins. - */ - -/* Preferences */ -#preftoc { - /* Tabs */ - float: left; - clear: both; - margin: 0 !important; - padding: 0 !important; - height: 2.25em; - background-image: url(images/preferences-break.png); - background-position: bottom left; - background-repeat: no-repeat; -} -/* IGNORED BY IE6 */ -body.rtl form > #preftoc { - float: right; - background-position: bottom right; -} - #preftoc li { - /* Tab */ - float: left; - margin: 0; - padding: 0; - padding-right: 1px; - height: 2.25em; - white-space: nowrap; - list-style-type: none; - list-style-image: none; - background-image: url(images/preferences-break.png); - background-position: bottom right; - background-repeat: no-repeat; - } - /* IGNORED BY IE6 */ - #preftoc li:first-child { - margin-left: 1px; - } - /* IGNORED BY IE6 */ - body.rtl #preftoc li:first-child { - margin-left: 0; - margin-right: 1px; - } - /* IGNORED BY IE6 */ - body.rtl #preftoc > li { - float: right; - padding-right: 0; - padding-left: 1px; - background-position: bottom left; - } - #preftoc a, - #preftoc a:active { - display: inline-block; - position: relative; - color: #0645ad; - padding: 0.5em; - text-decoration: none; - background-image: none; - } - #preftoc a:hover { - text-decoration: underline; - } - #preftoc li.selected a { - cursor: default; - background-image: url(images/preferences-fade.png); - background-position: bottom; - background-repeat: repeat-x; - color: #333333; - cursor: default; - text-decoration: none; - } -#preferences { - float: left; - zoom: 1; - width: 100%; - margin: 0; - clear: both; - border: solid 1px #cccccc; - background-color: #f9f9f9; - background-image: url(images/preferences-base.png); -} -#preferences fieldset.prefsection { - border: none; - padding: 0; - margin: 1em; -} -#preferences fieldset.prefsection fieldset { - border: none; - border-top: solid 1px #cccccc; -} -#preferences legend { - color: #666666; -} -#preferences fieldset.prefsection legend.mainLegend { - display: none; -} -#preferences td { - padding-left: 0.5em; - padding-right: 0.5em; -} -#preferences td.htmlform-tip { - font-size: x-small; - padding: .2em 2em; - color: #666666; -} -#preferences div.mw-prefs-buttons { - padding: 1em; -} -#preferences div.mw-prefs-buttons input { - margin-right: 0.25em; -} - -/* - * - * The following code is slightly modified from monobook - * - */ - -/* Links */ -a { - text-decoration: none; - color: #0645ad; - background: none; -} -a:visited { - color: #0b0080; -} -a:active { - color: #faa700; -} -a:hover { - text-decoration: underline; -} -a.stub { - color: #772233; -} -a.new, #p-personal a.new { - color: #ba0000; -} -a.new:visited, #p-personal a.new:visited { - color: #a55858; -} - -/* Inline Elements */ -img { - border: none; - vertical-align: middle; -} -hr { - height: 1px; - color: #aaa; - background-color: #aaa; - border: 0; - margin: .2em 0 .2em 0; -} - -/* Structural Elements */ -h1, -h2, -h3, -h4, -h5, -h6 { - color: black; - background: none; - font-weight: normal; - margin: 0; - padding-top: .5em; - padding-bottom: .17em; - border-bottom: 1px solid #aaa; - width: auto; -} -h1 { font-size: 188%; } -h1 .editsection { font-size: 53%; } -h2 { font-size: 150%; } -h2 .editsection { font-size: 67%; } -h3, -h4, -h5, -h6 { - border-bottom: none; - font-weight: bold; -} -h3 { font-size: 132%; } -h3 .editsection { font-size: 76%; font-weight: normal; } -h4 { font-size: 116%; } -h4 .editsection { font-size: 86%; font-weight: normal; } -h5 { font-size: 100%; } -h5 .editsection { font-weight: normal; } -h6 { font-size: 80%; } -h6 .editsection { font-size: 125%; font-weight: normal; } -body.rtl .editsection { - float: left; - margin-right: 5px; - margin-left: 0; /* bug 9122: undo default LTR */ -} -p { - margin: .4em 0 .5em 0; - line-height: 1.5em; -} - p img { - margin: 0; - } -abbr, -acronym, -.explain { - border-bottom: 1px dotted black; - color: black; - background: none; - cursor: help; -} -q { - font-family: Times, "Times New Roman", serif; - font-style: italic; -} -/* Disabled for now -blockquote { - font-family: Times, "Times New Roman", serif; - font-style: italic; -}*/ -code { - background-color: #f9f9f9; -} -pre { - padding: 1em; - border: 1px dashed #2f6fab; - color: black; - background-color: #f9f9f9; - line-height: 1.1em; -} -div#content ul { - line-height: 1.5em; - list-style-type: square; - margin: .3em 0 0 1.5em; - padding: 0; - list-style-image: url(images/bullet-icon.png); -} -body.rtl div#content ul { - margin-left: 0; - margin-right: 1.5em; -} -div#content ol { - line-height: 1.5em; - margin: .3em 0 0 3.2em; - padding: 0; - list-style-image: none; -} -body.rtl div#content ol { - margin-left: 0; - margin-right: 2.4em; -} -div#content li { - margin-bottom: .1em; -} -div#content dt { - font-weight: bold; - margin-bottom: .1em; -} -div#content dl { - margin-top: .2em; - margin-bottom: .5em; -} -div#content dd { - line-height: 1.5em; - margin-left: 2em; - margin-bottom: .1em; -} -body.rtl div#content dd { - margin-left: 0; - margin-right: 1.6em; -} -/** - * 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. - */ -body.rtl div#content ul { - display: table; - text-align: right; - margin-left: 0; - margin-right: 1.5em; -} -body.rtl div#content ul#filetoc { - display: block; - text-align: right; -} - -/* Tables */ -div#content table { - font-size: 100%; - color: black; - /* we don't want the bottom borders of

s to be visible through - * floated tables */ - background-color: white; -} -div#content fieldset table { - /* but keep table layouts in forms clean... */ - background: none; -} - -/* Forms */ -div#content fieldset { - border: 1px solid #2f6fab; - margin: 1em 0 1em 0; - padding: 0 1em 1em; - line-height: 1.5em; -} - fieldset.nested { - margin: 0 0 0.5em 0; - padding: 0 0.5em 0.5em; - } -div#content legend { - padding: .5em; - font-size: 95%; -} -div#content form { - border: none; - margin: 0; -} -div#content textarea { - width: 100%; - padding: .1em; -} -div#content select { - vertical-align: top; -} - -/* Table of Contents */ -#toc, -.toc, -.mw-warning { - border: 1px solid #aaa; - background-color: #f9f9f9; - padding: 5px; - font-size: 95%; -} -#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-left: 0; - padding-left: 0; - text-align: left; -} -#toc ul ul, -.toc ul ul { - margin: 0 0 0 2em; -} -#toc .toctoggle, -.toc .toctoggle { - font-size: 94%; -} - -/* Images */ -div.floatright, table.floatright { - clear: right; - float: right; - position: relative; - margin: 0 0 .5em .5em; - border: 0; -} -div.floatright p { font-style: italic; } -div.floatleft, table.floatleft { - float: left; - clear: left; - position: relative; - margin: 0 .5em .5em 0; - border: 0; -} -div.floatleft p { font-style: italic; } - -/* Thumbnails */ -div.thumb { - margin-bottom: .5em; - border-style: solid; - border-color: white; - 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; -} -div.magnify a, div.magnify img { - display: block; - border: none !important; - background: none !important; -} -div.tright { - clear: right; - float: right; - border-width: .5em 0 .8em 1.4em; -} -div.tleft { - float: left; - clear: left; - margin-right: .5em; - border-width: .5em 1.4em .8em 0; -} -img.thumbborder { - border: 1px solid #dddddd; -} -.hiddenStructure { - display: none; -} - -/* Warning */ -.mw-warning { - margin-left: 50px; - margin-right: 50px; - text-align: center; -} - -/* User Message */ -.usermessage { - background-color: #ffce7b; - border: 1px solid #ffa500; - color: black; - font-weight: bold; - margin: 2em 0 1em; - padding: .5em 1em; - vertical-align: middle; -} - -/* Site Notice */ -#siteNotice { - text-align: center; - font-size: 95%; - padding-top: 0.9em; -} - #siteNotice p { - margin: 0; - padding: 0; - } - -/* Categories */ -.catlinks { - border: 1px solid #aaa; - background-color: #f9f9f9; - padding: 5px; - margin-top: 1em; - clear: both; -} - -/* Sub-navigation */ -#siteSub { - display: none; -} -#jump-to-nav { - display: none; -} -#contentSub, #contentSub2 { - font-size: 84%; - line-height: 1.2em; - margin: 0 0 1.4em 1em; - color: #7d7d7d; - width: auto; -} -span.subpages { - display: block; -} - -/* Emulate Center */ -.center { - width: 100%; - text-align: center; -} -*.center * { - margin-left: auto; - margin-right: auto; -} - -/* Small for tables and similar */ -.small, .small * { - font-size: 94%; -} -table.small { - font-size: 100%; -} - -/* Edge Cases for Content */ -#content h1, #content h2 { - margin-bottom: .6em; -} -#content h3, #content h4, #content h5 { - margin-bottom: .3em; -} -div.firstHeading { - padding-top: 0; - margin-top: 0; -} -div.firstHeading h1 { - padding-top: 0; - margin-top: 0; - padding-top: 0; - margin-bottom: 0.1em; - line-height: 1.2em; - padding-bottom: 0; -} -#content a.external, -#content a[href ^="gopher://"] { - background: url(images/external-link-ltr-icon.png) center right no-repeat; - padding: 0 13px; -} -.rtl #content a.external, -.rtl #content a[href ^="gopher://"] { - background-image: url(images/external-link-rtl-icon.png); -} -#content a[href ^="https://"], -.link-https { - background: url(images/lock-icon.png) center right no-repeat; - padding: 0 18px; -} -#content a[href ^="mailto:"], -.link-mailto { - background: url(images/mail-icon.png) center right no-repeat; - padding: 0 18px; -} -#content a[href ^="news://"] { - background: url(images/news-icon.png) center right no-repeat; - padding: 0 18px; -} -#content a[href ^="ftp://"], -.link-ftp { - background: url(images/file-icon.png) center right no-repeat; - padding: 0 18px; -} -#content a[href ^="irc://"], -#content a.extiw[href ^="irc://"], -.link-irc { - background: url(images/talk-icon.png) center right no-repeat; - padding: 0 18px; -} -#content a.external[href $=".ogg"], #content a.external[href $=".OGG"], -#content a.external[href $=".mid"], #content a.external[href $=".MID"], -#content a.external[href $=".midi"], #content a.external[href $=".MIDI"], -#content a.external[href $=".mp3"], #content a.external[href $=".MP3"], -#content a.external[href $=".wav"], #content a.external[href $=".WAV"], -#content a.external[href $=".wma"], #content a.external[href $=".WMA"], -.link-audio { - background: url("images/audio-icon.png") center right no-repeat; - padding: 0 18px; -} -#content a.external[href $=".ogm"], #content a.external[href $=".OGM"], -#content a.external[href $=".avi"], #content a.external[href $=".AVI"], -#content a.external[href $=".mpeg"], #content a.external[href $=".MPEG"], -#content a.external[href $=".mpg"], #content a.external[href $=".MPG"], -.link-video { - background: url("images/video-icon.png") center right no-repeat; - padding: 0 18px; -} -#content a.external[href $=".pdf"], #content a.external[href $=".PDF"], -#content a.external[href *=".pdf#"], #content a.external[href *=".PDF#"], -#content a.external[href *=".pdf?"], #content a.external[href *=".PDF?"], -.link-document { - background: url("images/document-icon.png") center right no-repeat; - padding: 0 18px; -} -.rtl #content a.external { - background-position: left; - padding-right: 0; -} -.rtl #panel a.feedlink { - background-position: right; - padding-right: 16px; - padding-left: 0; -} -.ltr #content a.external { - padding-left: 0; -} - -/* Interwiki Styling (Disabled) */ -#content a.extiw, -#content a.extiw:active { - color: #36b; - background: none; - padding: 0; -} -#content a.external { - color: #36b; -} -#content .plainlinks a { - /* this can be used in the content area to switch off special external link - * styling */ - background: none !important; - padding: 0 !important; -} -#content .printfooter { - display: none; -}