(inline element), it is treated as part */
/* of the heading content when selecting text by multiple clicks and thus */
/* selected together with heading content, despite the user-select: none; */
/* rule set above. This enforces non-selection without changing the look. */
display: inline-block;
}
/* Correct directionality when page dir is different from site/user dir */
/* @noflip */
.mw-content-ltr .mw-editsection,
.mw-content-rtl .mw-content-ltr .mw-editsection {
margin-left: 1em;
}
/* @noflip */
.mw-content-rtl .mw-editsection,
.mw-content-ltr .mw-content-rtl .mw-editsection {
margin-right: 1em;
}
/**
* MediaWiki style sheet for general styles on basic content elements
*
* Styles for basic elements: links, lists, etc...
*
* This style sheet is used by the Monobook and Vector skins.
*/
/* Links */
a {
text-decoration: none;
color: #0645ad;
background: none;
}
a:visited {
color: #0b0080;
}
a:active {
color: #faa700;
}
a:hover, a:focus {
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;
}
/* Interwiki Styling */
.mw-body a.extiw,
.mw-body a.extiw:active {
color: #36b;
}
.mw-body a.extiw:visited {
color: #636;
}
.mw-body a.extiw:active {
color: #b63;
}
/* External links */
.mw-body a.external {
color: #36b;
}
.mw-body a.external:visited {
color: #636; /* bug 3112 */
}
.mw-body a.external:active {
color: #b63;
}
/* Inline Elements */
img {
border: none;
vertical-align: middle;
}
hr {
height: 1px;
color: #aaa;
background-color: #aaa;
border: 0;
margin: .2em 0;
}
/* Structural Elements */
h1,
h2,
h3,
h4,
h5,
h6 {
color: black;
background: none;
font-weight: normal;
margin: 0;
overflow: hidden;
padding-top: .5em;
padding-bottom: .17em;
border-bottom: 1px solid #aaa;
}
h1 {
font-size: 188%;
}
h2 {
font-size: 150%;
}
h3,
h4,
h5,
h6 {
border-bottom: none;
font-weight: bold;
}
h3 {
font-size: 132%;
}
h4 {
font-size: 116%;
}
h5 {
font-size: 108%;
}
h6 {
font-size: 100%;
}
/* Some space under the headers in the content area */
h1,
h2 {
margin-bottom: .6em;
}
h3,
h4,
h5 {
margin-bottom: .3em;
}
p {
margin: .4em 0 .5em 0;
line-height: 1.5em;
}
p img {
margin: 0;
}
ul {
line-height: 1.5em;
list-style-type: square;
margin: .3em 0 0 1.6em;
padding: 0;
}
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;
}
dd {
line-height: 1.5em;
margin-left: 1.6em;
margin-bottom: .1em;
}
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;
}*/
pre, code, tt, kbd, samp, .mw-code {
/*
* Some browsers will render the monospace text too small, namely Firefox, Chrome and Safari.
* Specifying any valid, second value will trigger correct behavior without forcing a different font.
*/
font-family: monospace, Courier;
}
code {
background-color: #f9f9f9;
}
pre, .mw-code {
padding: 1em;
border: 1px solid #ddd;
color: black;
background-color: #f9f9f9;
}
/* Tables */
table {
font-size: 100%;
}
/* Forms */
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;
}
legend {
padding: .5em;
font-size: 95%;
}
form {
border: none;
margin: 0;
}
textarea {
width: 100%;
padding: .1em;
}
select {
vertical-align: top;
}
/* Emulate Center */
.center {
width: 100%;
text-align: center;
}
*.center * {
margin-left: auto;
margin-right: auto;
}
/* Small for tables and similar */
.small {
font-size: 94%;
}
table.small {
font-size: 100%;
}
/**
* MediaWiki style sheet for general styles on complex content
*
* Styles for complex things which are a standard part of page content
* (ie: the CSS classing built into the system), like the TOC.
*/
/* Table of Contents */
#toc,
.toc,
.mw-warning {
border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 5px;
font-size: 95%;
}
/**
* We want to display the ToC element with intrinsic width in block mode. The fit-content
* value for width is however not supported by large groups of browsers.
*
* We use display:table. Even though it should only contain other table-* display
* elements, there are no known problems with using this.
*
* Because IE < 8, FF 2 and other older browsers don't support display:table, we fallback to
* using inline-block mode, which features at least intrinsic width, but won't clear preceding
* inline elements. In practice inline elements surrounding the TOC are uncommon enough that
* this is an acceptable sacrifice.
*/
#toc,
.toc {
display: -moz-inline-block;
display: inline-block;
display: table;
/* IE7 and earlier */
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 s */
table#toc td,
table.toc td {
padding: 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-left: 0;
padding: 0;
text-align: left;
}
#toc ul ul,
.toc ul ul {
margin: 0 0 0 2em;
}
#toc .toctoggle,
.toc .toctoggle {
font-size: 94%;
}
.toccolours {
border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 5px;
font-size: 95%;
}
/* Warning */
.mw-warning {
margin-left: 50px;
margin-right: 50px;
text-align: center;
}
/* 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;
background-color: transparent;
}
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;
line-height: 1.4em;
padding: 3px !important;
font-size: 94%;
}
div.magnify {
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 1.3em 1.4em;
}
/* @noflip */div.tleft {
margin: .5em 1.4em 1.3em 0;
}
img.thumbborder {
border: 1px solid #dddddd;
}
/**
* Edit forms
*/
#editform textarea {
display: block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/**
* Basic styles for the user login and create account forms
*/
#userlogin, #userloginForm {
border: solid 1px #cccccc;
padding: 1.2em;
margin: 0.5em;
}
#loginend {
margin: 0.5em;
}
#loginend table {
width: 100%;
}
/**
* MediaWiki style sheet for common core styles on interfaces
*
* Styles for the Monobook/Vector pattern of laying out common interfaces.
* These ids/classes are not built into the system,
* they are outputted by the actual MonoBook/Vector code by convention.
*/
/* Categories */
.catlinks {
border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 5px;
margin-top: 1em;
clear: both;
}
/* 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 (includes notices from CentralNotice extension) */
#siteNotice {
position: relative;
text-align: center;
margin: 0;
}
#localNotice {
margin-bottom: 0.9em;
}
/* First h1 */
.firstHeading,
#firstHeading {
margin-bottom: .1em;
/* These two rules hack around bug 2013 (fix for more limited bug 11325).
* When bug 2013 is fixed properly, they should be removed. */
line-height: 1.2em;
padding-bottom: 0;
}
/* Sub-navigation */
#siteSub {
display: none;
}
#jump-to-nav {
/* Negate #contentSub's margin and replicate it so that the jump to links don't affect the spacing */
margin-top: -1.4em;
margin-bottom: 1.4em
}
#contentSub, #contentSub2 {
font-size: 84%;
line-height: 1.2em;
margin: 0 0 1.4em 1em;
color: #7d7d7d;
width: auto;
}
span.subpages {
display: block;
}
@media screen {
/*
* Any rules which should not be flipped automatically in right-to-left situations should be
* prepended with @noflip in a comment block.
*
* This stylesheet employs a few CSS trick to accomplish compatibility with a wide range of web
* browsers. The most common trick is to use some styles in IE6 only. This is accomplished by using
* a rule that makes things work in IE6, and then following it with a rule that begins with
* "html > body" or use a child selector ">", which is ignored by IE6 because it does not support
* the child selector. You can spot this by looking for the "OVERRIDDEN BY COMPLIANT BROWSERS" and
* "IGNORED BY IE6" comments.
*/
/**
* LESS Stylesheet for collapsible nav
*/
/**
* Common LESS mixin library for MediaWiki
*
* By default the folder containing this file is included in $wgResourceLoaderLESSImportPaths,
* which makes this file importable by all less files via '@import "mediawiki.mixins";'.
*
* The mixins included below are considered a public interface for MediaWiki extensions.
* The signatures of parametrized mixins should be kept as stable as possible.
*
* See for more information about how to write mixins.
*/
/* Note gzip compression means that it is okay to embed twice */
/* Caution: Does not support localisable images */
/* Framework */
/* Content */
/* Hide, but keep accessible for screen-readers */
/* Head */
/* Hide empty portlets */
/* Personal */
/* Navigation Containers */
/* Navigation Labels */
/* Namespaces and Views */
/* OVERRIDDEN BY COMPLIANT BROWSERS */
/* IGNORED BY IE6 */
/* OVERRIDDEN BY COMPLIANT BROWSERS */
/* IGNORED BY IE6 */
/* OVERRIDDEN BY COMPLIANT BROWSERS */
/* IGNORED BY IE6 */
/* Variants and Actions */
/* OVERRIDDEN BY COMPLIANT BROWSERS */
/* IGNORED BY IE6 */
/* OVERRIDDEN BY COMPLIANT BROWSERS */
/* IGNORED BY IE6 */
/* OVERRIDDEN BY COMPLIANT BROWSERS */
/* IGNORED BY IE6 */
/* IGNORED BY IE6 */
/* Also fixes old versions of FireFox */
/* Enable forcing showing of the menu for accessibility */
/* Fixes old versions of FireFox */
/* Returns things back to normal in modern versions of FireFox */
/* OVERRIDDEN BY COMPLIANT BROWSERS */
/* IGNORED BY IE6 */
/* Search */
/* OVERRIDDEN BY COMPLIANT BROWSERS */
/* IGNORED BY IE6 */
/* Panel */
/* Footer */
/* Logo */
/*
*
* 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 */
/* Sadly, IE6 won't understand this */
/* Site Notice (includes notices from CentralNotice extension) */
/* Icon for Usernames */
/* mediawiki.notification */
/* Watch/Unwatch Icon Styling */
/* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */
/* Animate between standard and high definition layouts */
html {
font-size: 1em;
}
html,
body {
height: 100%;
margin: 0;
padding: 0;
font-family: sans-serif;
}
body {
background-color: #f6f6f6;
font-size: 1em;
}
div#content {
line-height: 1.5em;
margin-left: 10em;
padding: 1.5em 1.5em 1.5em 1.75em;
/* Border on top, left, and bottom side */
border: 1px solid #a7d7f9;
border-right-width: 0;
/* Merge the border with tabs' one (in their background image) */
margin-top: -1px;
background-color: white;
color: black;
direction: ltr;
}
#mw-navigation h2 {
position: absolute;
top: -9999px;
}
#mw-page-base {
height: 5em;
background-color: white;
background-image: url(../skins/vector/images/page-fade.png?2014-01-24T17:58:20Z);
background-position: bottom left;
background-repeat: repeat-x;
}
#mw-head-base {
margin-top: -5em;
margin-left: 10em;
height: 5em;
}
div#mw-head {
position: absolute;
top: 0;
right: 0;
width: 100%;
}
div#mw-head h3 {
margin: 0;
padding: 0;
}
div.emptyPortlet {
display: none;
}
#p-personal {
position: absolute;
top: 0.33em;
right: 0.75em;
/* Display on top of page tabs - bugs 37158, 48078 */
z-index: 100;
}
#p-personal h3 {
display: none;
}
#p-personal ul {
list-style-type: none;
list-style-image: none;
margin: 0;
padding-left: 10em;
/* Keep from overlapping logo */
}
#p-personal li {
line-height: 1.125em;
/* @noflip */
float: left;
margin-left: 0.75em;
margin-top: 0.5em;
font-size: 0.75em;
white-space: nowrap;
}
#left-navigation {
float: left;
margin-left: 10em;
margin-top: 2.5em;
/* When right nav would overlap left nav, it's placed below it
(normal CSS floats behavior). This rule ensures that no empty space
is shown between them due to right nav's margin-top. Page layout
is still broken, but at least the nav overlaps only the page title
instead of half the content. */
margin-bottom: -2.5em;
/* IE 6 double-margin bug fix */
display: inline;
}
#right-navigation {
float: right;
margin-top: 2.5em;
}
div.vectorTabs h3,
div.vectorMenu h3 span {
display: none;
}
div.vectorTabs {
/* @noflip */
float: left;
height: 2.5em;
}
div.vectorTabs {
background-image: url(../skins/vector/images/tab-break.png?2014-01-24T17:58:20Z);
background-position: bottom left;
background-repeat: no-repeat;
padding-left: 1px;
}
div.vectorTabs ul {
/* @noflip */
float: left;
height: 100%;
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0;
}
div.vectorTabs ul li {
/* @noflip */
float: left;
line-height: 1.125em;
display: inline-block;
height: 100%;
margin: 0;
padding: 0;
background-color: #f3f3f3;
background-image: url(../skins/vector/images/tab-normal-fade.png?2014-01-24T17:58:20Z);
background-position: bottom left;
background-repeat: repeat-x;
white-space: nowrap;
}
div.vectorTabs ul > li {
display: block;
}
div.vectorTabs li.selected {
background-image: url(../skins/vector/images/tab-current-fade.png?2014-01-24T17:58:20Z);
}
div.vectorTabs li a {
display: inline-block;
height: 1.9em;
padding-left: 0.5em;
padding-right: 0.5em;
color: #0645ad;
cursor: pointer;
font-size: 0.8em;
}
div.vectorTabs li > a {
display: block;
}
div.vectorTabs li.icon a {
background-position: bottom right;
background-repeat: no-repeat;
}
div.vectorTabs span a {
display: inline-block;
padding-top: 1.25em;
}
div.vectorTabs span > a {
/* @noflip */
float: left;
display: block;
}
div.vectorTabs span {
display: inline-block;
background-image: url(../skins/vector/images/tab-break.png?2014-01-24T17:58:20Z);
background-position: bottom right;
background-repeat: no-repeat;
}
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited {
color: #333;
text-decoration: none;
}
div.vectorTabs li.new a,
div.vectorTabs li.new a:visited {
color: #a55858;
}
div.vectorMenu {
/* @noflip */
direction: ltr;
/* @noflip */
float: left;
/* SVG support using a transparent gradient to guarantee cross-browser
* compatibility (browsers able to understand gradient syntax support also SVG) */
background-image: url(../skins/vector/images/arrow-down-icon.png?2014-01-24T17:58:20Z);
/* SVG support using a transparent gradient to guarantee cross-browser
* compatibility (browsers able to understand gradient syntax support also SVG) */
/* @embed */
background-image: -webkit-linear-gradient(transparent,transparent), url(../skins/vector/images/arrow-down-icon.svg?2014-01-24T17:58:20Z);
/* @embed */
background-image: linear-gradient(transparent,transparent), url(../skins/vector/images/arrow-down-icon.svg?2014-01-24T17:58:20Z);
/* @noflip */
background-position: 100% 60%;
background-repeat: no-repeat;
cursor: pointer;
}
div.vectorMenuFocus {
/* SVG support using a transparent gradient to guarantee cross-browser
* compatibility (browsers able to understand gradient syntax support also SVG) */
background-image: url(../skins/vector/images/arrow-down-focus-icon.png?2014-01-24T17:58:20Z);
/* SVG support using a transparent gradient to guarantee cross-browser
* compatibility (browsers able to understand gradient syntax support also SVG) */
/* @embed */
background-image: -webkit-linear-gradient(transparent,transparent), url(../skins/vector/images/arrow-down-focus-icon.svg?2014-01-24T17:58:20Z);
/* @embed */
background-image: linear-gradient(transparent,transparent), url(../skins/vector/images/arrow-down-focus-icon.svg?2014-01-24T17:58:20Z);
background-position: 100% 60%;
}
body.rtl div.vectorMenu {
/* @noflip */
direction: rtl;
}
div#mw-head div.vectorMenu h3 {
/* @noflip */
float: left;
background-image: url(../skins/vector/images/tab-break.png?2014-01-24T17:58:20Z);
background-repeat: no-repeat;
background-position: bottom left;
margin-left: -1px;
}
div#mw-head div.vectorMenu > h3 {
background-image: none;
}
div#mw-head div.vectorMenu h4,
div.vectorMenu#p-variants #mw-vector-current-variant {
display: inline-block;
float: left;
font-size: 0.8em;
padding-left: 0.5em;
padding-top: 1.375em;
font-weight: normal;
border: none;
}
div.vectorMenu h3 a {
display: inline-block;
width: 24px;
height: 1.9em;
text-decoration: none;
background-image: url(../skins/vector/images/tab-break.png?2014-01-24T17:58:20Z);
background-repeat: no-repeat;
background-position: bottom right;
}
div.vectorMenu h3 > a {
display: block;
}
div.vectorMenu div.menu {
position: relative;
display: none;
clear: both;
text-align: left;
}
body.rtl div.vectorMenu div.menu {
/* @noflip */
margin-left: 24px;
}
body.rtl div.vectorMenu > div.menu {
/* @noflip */
margin-left: auto;
}
body.rtl div.vectorMenu > div.menu,
x:-moz-any-link {
/* @noflip */
margin-left: 23px;
}
div.vectorMenu:hover div.menu,
div.vectorMenu div.menuForceShow {
display: block;
}
div.vectorMenu ul {
position: absolute;
background-color: white;
border: solid 1px silver;
border-top-width: 0;
list-style-type: none;
list-style-image: none;
padding: 0;
margin: 0;
margin-left: -1px;
text-align: left;
}
div.vectorMenu ul,
x:-moz-any-link {
min-width: 5em;
}
div.vectorMenu ul,
x:-moz-any-link,
x:default {
min-width: 0;
}
div.vectorMenu li {
padding: 0;
margin: 0;
text-align: left;
line-height: 1em;
}
div.vectorMenu li a {
display: inline-block;
padding: 0.5em;
white-space: nowrap;
color: #0645ad;
cursor: pointer;
font-size: 0.8em;
}
div.vectorMenu li > a {
display: block;
}
div.vectorMenu li.selected a,
div.vectorMenu li.selected a:visited {
color: #333;
text-decoration: none;
}
#p-search h3 {
display: none;
}
#p-search {
/* @noflip */
float: left;
}
#p-search {
margin-right: 0.5em;
margin-left: 0.5em;
}
#p-search form,
#p-search input {
margin: 0;
margin-top: 0.4em;
}
div#simpleSearch {
display: block;
width: 14em;
height: 1.4em;
margin-top: 0.65em;
position: relative;
min-height: 1px;
/* Gotta trigger hasLayout for IE7 */
border: solid 1px #aaa;
color: black;
background-color: white;
background-image: url(../skins/vector/images/search-fade.png?2014-01-24T17:58:20Z);
background-position: top left;
background-repeat: repeat-x;
}
div#simpleSearch input:focus {
outline: none;
}
div#simpleSearch input {
color: black;
}
div#simpleSearch input.placeholder {
color: #999;
}
div#simpleSearch input::-webkit-input-placeholder {
color: #999;
}
div#simpleSearch input:-moz-placeholder {
color: #999;
}
div#simpleSearch input:-ms-input-placeholder {
color: #999;
}
div#simpleSearch input#searchInput {
position: absolute;
top: 0;
left: 0;
width: 90%;
margin: 0;
padding: 0;
padding-left: 0.2em;
padding-top: 0.2em;
padding-bottom: 0.2em;
outline: none;
border: none;
/*
* DON'T PANIC! Browsers that won't scale this properly are the same browsers that have JS issues that prevent
* this from ever being shown anyways.
*/
font-size: 13px;
background-color: transparent;
direction: ltr;
}
div#simpleSearch button#searchButton {
position: absolute;
width: 10%;
right: 0;
top: 0;
padding: 0;
padding-top: 0.3em;
padding-bottom: 0.2em;
padding-right: 0.4em;
margin: 0;
border: none;
cursor: pointer;
background-color: transparent;
background-image: none;
}
div#simpleSearch button#searchButton img {
border: none;
margin: 0;
margin-top: -3px;
padding: 0;
}
div#simpleSearch button#searchButton > img {
margin: 0;
}
div#mw-panel {
font-size: inherit;
position: absolute;
top: 160px;
padding-top: 1em;
width: 10em;
left: 0;
}
div#mw-panel div.portal {
padding-bottom: 1.5em;
direction: ltr;
}
div#mw-panel div.portal h3 {
font-weight: normal;
color: #444;
padding: 0 1.75em 0.25em 0.25em;
cursor: default;
border: none;
font-size: 0.75em;
}
div#mw-panel div.portal div.body {
padding-top: 0.5em;
margin: 0 0 0 1.25em;
background-image: url(../skins/vector/images/portal-break.png?2014-01-24T17:58:20Z);
background-repeat: no-repeat;
background-position: top left;
}
div#mw-panel div.portal div.body ul {
list-style-type: none;
list-style-image: none;
padding: 0;
margin: 0;
}
div#mw-panel div.portal div.body ul li {
line-height: 1.125em;
padding: 0;
padding-bottom: 0.5em;
margin: 0;
font-size: 0.75em;
word-wrap: break-word;
}
div#mw-panel div.portal div.body ul li a {
color: #0645ad;
}
div#mw-panel div.portal div.body ul li a:visited {
color: #0b0080;
}
div#footer {
margin-left: 10em;
margin-top: 0;
padding: 0.75em;
direction: ltr;
}
div#footer ul {
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0;
}
div#footer ul li {
margin: 0;
padding: 0;
padding-top: 0.5em;
padding-bottom: 0.5em;
color: #333;
font-size: 0.7em;
}
div#footer #footer-icons {
float: right;
}
body.ltr div#footer #footer-places {
/* @noflip */
float: left;
}
div#footer #footer-info li {
line-height: 1.4em;
}
div#footer #footer-icons li {
float: left;
margin-left: 0.5em;
line-height: 2em;
text-align: right;
}
div#footer #footer-places li {
float: left;
margin-right: 1em;
line-height: 2em;
}
#p-logo {
position: absolute;
top: -160px;
left: 0;
width: 10em;
height: 160px;
}
#p-logo a {
display: block;
width: 10em;
height: 160px;
background-repeat: no-repeat;
background-position: center center;
text-decoration: none;
}
#preftoc {
/* Tabs */
width: 100%;
float: left;
clear: both;
margin: 0 !important;
padding: 0 !important;
background-image: url(../skins/vector/images/preferences-break.png?2014-01-24T17:58:20Z);
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(../skins/vector/images/preferences-break.png?2014-01-24T17:58:20Z);
background-position: bottom right;
background-repeat: no-repeat;
}
#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;
font-size: 0.9em;
}
#preftoc a:hover,
#preftoc a:focus {
text-decoration: underline;
}
#preftoc li.selected a {
background-image: url(../skins/vector/images/preferences-fade.png?2014-01-24T17:58:20Z);
background-position: bottom;
background-repeat: repeat-x;
color: #333;
text-decoration: none;
}
#preferences {
float: left;
width: 100%;
margin: 0;
margin-top: -2px;
clear: both;
border: solid 1px #ccc;
background-color: #fafafa;
}
#preferences fieldset {
border: none;
border-top: solid 1px #ccc;
}
#preferences fieldset.prefsection {
border: none;
padding: 0;
margin: 1em;
}
#preferences legend {
color: #666;
}
#preferences fieldset.prefsection legend.mainLegend {
display: none;
}
#preferences td {
padding-left: 0.5em;
padding-right: 0.5em;
}
.htmlform-tip {
font-size: x-small;
padding: .2em 2em;
color: #666;
}
#preferences div.mw-prefs-buttons {
padding: 1em;
}
#preferences div.mw-prefs-buttons input {
margin-right: 0.25em;
}
ul {
list-style-type: disc;
list-style-image: url(../skins/vector/images/bullet-icon.png?2014-01-24T17:58:20Z);
}
pre,
.mw-code {
line-height: 1.3em;
}
#siteNotice {
font-size: 0.8em;
}
#firstHeading {
padding-top: 0;
margin-top: 0;
font-size: 1.6em;
}
#pt-userpage,
#pt-anonuserpage,
#pt-login {
background-position: left top;
background-repeat: no-repeat;
/* SVG support using a transparent gradient to guarantee cross-browser
* compatibility (browsers able to understand gradient syntax support also SVG) */
background-image: url(../skins/vector/images/user-icon.png?2014-01-24T17:58:20Z);
/* SVG support using a transparent gradient to guarantee cross-browser
* compatibility (browsers able to understand gradient syntax support also SVG) */
/* @embed */
background-image: -webkit-linear-gradient(transparent,transparent), url(../skins/vector/images/user-icon.svg?2014-01-24T17:58:20Z);
/* @embed */
background-image: linear-gradient(transparent,transparent), url(../skins/vector/images/user-icon.svg?2014-01-24T17:58:20Z);
padding-left: 15px !important;
}
.redirectText {
font-size: 140%;
}
.redirectMsg img {
vertical-align: text-bottom;
}
#bodyContent {
position: relative;
width: 100%;
line-height: 1.5em;
font-size: 0.8em;
}
.skin-vector .mw-notification-area {
font-size: 0.8em;
}
.skin-vector .mw-notification-area-layout {
top: 7em;
}
.skin-vector .mw-notification {
background-color: #fff;
background-color: rgba(255,255,255,0.93);
padding: 0.75em 1.5em;
border: solid 1px #a7d7f9;
border-radius: 0.75em;
-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.125);
box-shadow: 0 2px 10px 0 rgba(0,0,0,0.125);
}
#ca-unwatch.icon a,
#ca-watch.icon a {
margin: 0;
padding: 0;
outline: none;
display: block;
width: 26px;
/* This hides the text but shows the background image */
padding-top: 3.1em;
margin-top: 0;
/* Only applied in IE6 */
margin-top: -0.8em !ie;
height: 0;
overflow: hidden;
background-image: url(../skins/vector/images/watch-icons.png?2014-01-24T17:58:20Z);
}
#ca-unwatch.icon a {
background-position: -43px 60%;
}
#ca-watch.icon a {
background-position: 5px 60%;
}
#ca-unwatch.icon a:hover,
#ca-unwatch.icon a:focus {
background-position: -67px 60%;
}
#ca-watch.icon a:hover,
#ca-watch.icon a:focus {
background-position: -19px 60%;
}
#ca-unwatch.icon a.loading,
#ca-watch.icon a.loading {
background-image: url(../skins/vector/images/watch-icon-loading.gif?2014-01-24T17:58:20Z);
background-position: 5px 60%;
}
#ca-unwatch.icon a span,
#ca-watch.icon a span {
display: none;
}
div.vectorTabs ul {
background-image: url(../skins/vector/images/tab-break.png?2014-01-24T17:58:20Z);
background-position: right bottom;
background-repeat: no-repeat;
}
.tipsy {
font-size: 0.8em;
}
body.vector-animateLayout div#content,
body.vector-animateLayout div#footer,
body.vector-animateLayout #left-navigation {
-webkit-transition: margin-left 250ms, padding 250ms;
-moz-transition: margin-left 250ms, padding 250ms;
-o-transition: margin-left 250ms, padding 250ms;
transition: margin-left 250ms, padding 250ms;
}
body.vector-animateLayout #p-logo {
-webkit-transition: left 250ms;
-moz-transition: left 250ms;
-o-transition: left 250ms;
transition: left 250ms;
}
body.vector-animateLayout #mw-panel {
-webkit-transition: padding-right 250ms;
-moz-transition: padding-right 250ms;
-o-transition: padding-right 250ms;
transition: padding-right 250ms;
}
body.vector-animateLayout #p-search {
-webkit-transition: margin-right 250ms;
-moz-transition: margin-right 250ms;
-o-transition: margin-right 250ms;
transition: margin-right 250ms;
}
body.vector-animateLayout #p-personal {
-webkit-transition: right 250ms;
-moz-transition: right 250ms;
-o-transition: right 250ms;
transition: right 250ms;
}
body.vector-animateLayout #mw-head-base {
-webkit-transition: margin-left 250ms;
-moz-transition: margin-left 250ms;
-o-transition: margin-left 250ms;
transition: margin-left 250ms;
}
div#content a.external {
background-position: center right;
background-repeat: no-repeat;
background-image: url(../skins/vector/images/external-link-ltr-icon.png?2014-01-24T17:58:20Z);
padding-right: 13px;
}
div#content a.external[href ^="https://"],
.link-https {
background-position: center right;
background-repeat: no-repeat;
background-image: url(../skins/vector/images/lock-icon.png?2014-01-24T17:58:20Z);
padding-right: 13px;
}
div#content a.external[href ^="mailto:"],
.link-mailto {
background-position: center right;
background-repeat: no-repeat;
background-image: url(../skins/vector/images/mail-icon.png?2014-01-24T17:58:20Z);
padding-right: 13px;
}
div#content a.external[href ^="news:"] {
background-position: center right;
background-repeat: no-repeat;
background-image: url(../skins/vector/images/news-icon.png?2014-01-24T17:58:20Z);
padding-right: 13px;
}
div#content a.external[href ^="ftp://"],
.link-ftp {
background-position: center right;
background-repeat: no-repeat;
background-image: url(../skins/vector/images/file-icon.png?2014-01-24T17:58:20Z);
padding-right: 13px;
}
div#content a.external[href ^="irc://"],
div#content a.external[href ^="ircs://"],
.link-irc {
background-position: center right;
background-repeat: no-repeat;
background-image: url(../skins/vector/images/talk-icon.png?2014-01-24T17:58:20Z);
padding-right: 13px;
}
div#content a.external[href $=".ogg"],
div#content a.external[href $=".OGG"],
div#content a.external[href $=".mid"],
div#content a.external[href $=".MID"],
div#content a.external[href $=".midi"],
div#content a.external[href $=".MIDI"],
div#content a.external[href $=".mp3"],
div#content a.external[href $=".MP3"],
div#content a.external[href $=".wav"],
div#content a.external[href $=".WAV"],
div#content a.external[href $=".wma"],
div#content a.external[href $=".WMA"],
.link-audio {
background-position: center right;
background-repeat: no-repeat;
background-image: url(../skins/vector/images/audio-icon.png?2014-01-24T17:58:20Z);
padding-right: 13px;
}
div#content a.external[href $=".ogm"],
div#content a.external[href $=".OGM"],
div#content a.external[href $=".avi"],
div#content a.external[href $=".AVI"],
div#content a.external[href $=".mpeg"],
div#content a.external[href $=".MPEG"],
div#content a.external[href $=".mpg"],
div#content a.external[href $=".MPG"],
.link-video {
background-position: center right;
background-repeat: no-repeat;
background-image: url(../skins/vector/images/video-icon.png?2014-01-24T17:58:20Z);
padding-right: 13px;
}
div#content a.external[href $=".pdf"],
div#content a.external[href $=".PDF"],
div#content a.external[href *=".pdf#"],
div#content a.external[href *=".PDF#"],
div#content a.external[href *=".pdf?"],
div#content a.external[href *=".PDF?"],
.link-document {
background-position: center right;
background-repeat: no-repeat;
background-image: url(../skins/vector/images/document-icon.png?2014-01-24T17:58:20Z);
padding-right: 13px;
}
#mw-panel.collapsible-nav .portal {
background-position: left top;
background-repeat: no-repeat;
background-image: url(../skins/vector/images/portal-break.png?2014-01-24T17:58:20Z);
padding: 0.25em 0 !important;
margin: -11px 9px 10px 11px;
/* First */
/* Persistent */
/* Collapsed */
}
#mw-panel.collapsible-nav .portal h3 {
font-size: 0.75em;
color: #4D4D4D;
font-weight: normal;
background-position: left center;
background-repeat: no-repeat;
background-image: url(../skins/vector/images/arrow-expanded.png?2014-01-24T17:58:20Z);
/* SVG support using a transparent gradient to guarantee cross-browser
* compatibility (browsers able to understand gradient syntax support also SVG) */
/* @embed */
background-image: -webkit-linear-gradient(transparent,transparent), url(../skins/vector/images/arrow-expanded.svg?2014-01-24T17:58:20Z);
/* @embed */
background-image: linear-gradient(transparent,transparent), url(../skins/vector/images/arrow-expanded.svg?2014-01-24T17:58:20Z);
padding: 4px 0 3px 1.5em;
margin-bottom: 0;
}
#mw-panel.collapsible-nav .portal h3:hover {
cursor: pointer;
text-decoration: none;
}
#mw-panel.collapsible-nav .portal h3 a {
color: #4D4D4D;
text-decoration: none;
}
#mw-panel.collapsible-nav .portal .body {
margin: 0 0 0 1.25em;
background-image: none !important;
padding-top: 0;
display: none;
}
#mw-panel.collapsible-nav .portal .body ul li {
padding: 0.25em 0;
}
#mw-panel.collapsible-nav .portal.first {
background-image: none;
margin-top: 0;
}
#mw-panel.collapsible-nav .portal.first h3 {
display: none;
}
#mw-panel.collapsible-nav .portal.persistent .body {
display: block;
margin-left: 0.5em;
}
#mw-panel.collapsible-nav .portal.persistent h3 {
background-image: none !important;
padding-left: 0.7em;
cursor: default;
}
#mw-panel.collapsible-nav .portal.collapsed h3 {
color: #0645AD;
background-position: left center;
background-repeat: no-repeat;
background-image: url(../skins/vector/images/arrow-collapsed-ltr.png?2014-01-24T17:58:20Z);
/* SVG support using a transparent gradient to guarantee cross-browser
* compatibility (browsers able to understand gradient syntax support also SVG) */
/* @embed */
background-image: -webkit-linear-gradient(transparent,transparent), url(../skins/vector/images/arrow-collapsed-ltr.svg?2014-01-24T17:58:20Z);
/* @embed */
background-image: linear-gradient(transparent,transparent), url(../skins/vector/images/arrow-collapsed-ltr.svg?2014-01-24T17:58:20Z);
margin-bottom: 0;
}
#mw-panel.collapsible-nav .portal.collapsed h3:hover {
text-decoration: underline;
}
#mw-panel.collapsible-nav .portal.collapsed h3 a {
color: #0645AD;
}
}
@media screen and (min-width: 982px) {
/* Vector screen styles for high definition displays */
div#content {
margin-left: 11em;
padding: 1.25em 1.5em 1.5em 1.5em;
}
#p-logo {
left: 0.5em;
}
div#footer {
margin-left: 11em;
padding: 1.25em;
}
#mw-panel {
padding-left: 0.5em;
}
#p-search {
margin-right: 1em;
}
#left-navigation {
margin-left: 11em;
}
#p-personal {
right: 1em;
}
#mw-head-base {
margin-left: 11em;
}
}
.env-check {
font-size: 90%;
margin: 1em 0 1em 2.5em;
}
.config-section {
margin-top: 2em;
}
.config-block {
margin-top: 2em;
display: block;
}
.config-block-label {
display: block;
margin-bottom: .2em;
}
.config-block-label label, .config-label {
font-weight: bold;
padding-right: .5em;
padding-top: .2em;
}
.config-block-elements {
margin-left: 2em;
}
.config-block-elements li {
list-style: none;
}
.config-input {
clear: left;
zoom: 100%; /* IE hack */
}
.config-page-wrapper {
padding: 0.5em;
}
.config-page-list {
float: right;
width: 12em;
border: 1px solid #aaa;
background: #fff;
padding: 0.5em;
/* 3em left margin to leave space between the list and the page-content */
margin: 0.5em 0.5em 0.5em 3.5em;
}
.config-page {
padding: 0.5em 0.5em 0.5em 2em;
margin: 0.5em 0.5em 0.5em 0.5em;
background: #eee;
}
.config-submit {
clear: left;
text-align: center;
padding: 1em;
}
.config-submit input {
margin-left: 0.5em;
margin-right: 0.5em;
}
.config-page-disabled {
color: #aaa;
}
.config-error-box {
border: 2px solid #f00;
}
.config-page-current {
font-weight: bold;
}
.config-message {
display: list-item;
line-height: 1.5em;
/* @embed */
list-style-image: url(../skins/common/images/bullet.gif?2014-01-24T17:58:20Z);
list-style-type: square;
}
.config-input-text {
width: 20em;
margin-right: 1em;
}
.config-input-check {
margin-left: 3.7em;
margin-right: 2em;
margin-bottom: 0.25em;
}
.config-input-check input {
margin-left: -1em;
}
.error {
color: red;
background-color: #fff;
font-weight: bold;
left: 1em;
font-size: 100%;
}
.config-settings-block {
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0;
}
.btn-install {
font-weight: bold;
font-size: 110%;
padding: .2em .3em;
}
.success-message {
font-weight: bold;
font-size: 110%;
color: green;
}
.success-box {
font-size: 130%;
}
.config-cc-wrapper {
clear: left;
/* If you change this height, also change it in WebInstaller_Options::submitCC() */
height: 54em;
}
.config-plainlink a {
background: none !important;
padding: 0 !important;
}
.config-download-link {
font-size: 1.8em;
margin-left: 2em;
}
#config-live-log {
margin-right: 18em;
}