MediaWiki:Vector.css

/* CSS placed here will affect users of the Vector skin */ body { background: #00679A url("/images/8/81/Ancient-castle-wall-repeating-background.jpg") repeat scroll left top; margin-right: 10px; }

/* Content */ div#content { background: #000000 repeat scroll; border: 1px groove #89b1da; border-top: 1px groove #89b1da; color: #f9f9f9; margin-bottom: 1em; padding: 0.3em 1em 1em; margin-left: 10em; padding: 1em; direction: ltr; } /* Head */ height: 5em; /* @embed */ background: url("/images/8/81/Ancient-castle-wall-repeating-background.jpg") !important; background-position: bottom left; background-repeat: repeat-x; }   margin-top: -5em; margin-left: 10em; height: 5em; /* @embed */ background: url("/images/8/81/Ancient-castle-wall-repeating-background.jpg") !important; }
 * 1) mw-page-base {
 * 1) mw-head-base {

div#mw-head { position: absolute; top: 0; right: 0; width: 100%; } div#mw-head h5 { margin: 0; padding: 0; }

/* Personal */ background-color: #000000; border: 1px solid #36372e; border-radius: 0 0 10px 10px; margin-right: 0; padding-bottom: 5px !important; padding-right: 10px !important; position: absolute; top: 0; right: 0.75em; }   color: #FFFFFF; }
 * 1) p-personal {
 * 1) p-personal a {

color: #009B00; }
 * 1) p-personal a:hover {

display: none; }
 * 1) p-personal h5 {

list-style: none; margin: 0; padding-left: 10em; /* Keep from overlapping logo */ } /* @noflip */ line-height: 1.125em; float: left; }
 * 1) p-personal ul {
 * 1) p-personal li {

/* This one flips! */   margin-left: 0.75em; margin-top: 0.5em; font-size: 0.75em; white-space: nowrap; }
 * 1) p-personal li {

/* Navigation Containers */ position: absolute; left: 10em; top: 2.5em; }
 * 1) left-navigation {

float: right; margin-top: 2.5em; }
 * 1) right-navigation {

/* Navigation Labels */ div.vectorTabs h5, div.vectorMenu h5 span { display: none; }

/* Namespaces and Views */ /* @noflip */ div.vectorTabs { float: left; height: 2.5em; }

div.vectorTabs { /* @embed */ background-image: none !important; background-position: bottom left; background-repeat: no-repeat; padding-left: 1px; }

/* @noflip */ div.vectorTabs ul { float: left; }

div.vectorTabs ul { height: 100%; list-style: none; margin: 0; padding: 0; } div.vectorTabs ul { background-image: none; }

/* @noflip */ div.vectorTabs ul li { float: left; }

/* OVERRIDDEN BY COMPLIANT BROWSERS */ div.vectorTabs ul li, div.vectorTabs ul li.selected { line-height: 1.125em; display: inline-block; height: 100%; margin: 0; padding: 0; background-color: #000000; /* @embed */ background-image: none; background-position: bottom left; background-repeat: repeat-x; white-space:nowrap; }

/* IGNORED BY IE6 */ div.vectorTabs ul > li { display: block; }

div.vectorTabs li.selected { /* @embed */ background-image: none #000000; }

/* OVERRIDDEN BY COMPLIANT BROWSERS */ div.vectorTabs li a { display: inline-block; height: 1.9em; padding-left: 0.5em; padding-right: 0.5em; color: #FFFFFF; cursor: pointer; font-size: 0.8em; }

/* IGNORED BY IE6 */ div.vectorTabs li > a { display: block; }

div.vectorTabs li.icon a { background-position: bottom right; background-repeat: no-repeat; }

/* OVERRIDDEN BY COMPLIANT BROWSERS */ div.vectorTabs span a { display: inline-block; padding-top: 1.25em; }

/* IGNORED BY IE6 */ /* @noflip */ div.vectorTabs span > a { float: left; display: block; }

div.vectorTabs span { display: inline-block; /* @embed */ background-image: none; background-position: bottom right; background-repeat: no-repeat; }

div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited{ color: #FFFFFF; text-decoration: bold; }

div.vectorTabs li.new a, div.vectorTabs li.new a:visited{ color: #FFFFFF; }

/* Variants and Actions */ /* @noflip */ div.vectorMenu { direction: ltr; float: left; /* @embed */ background-image: url(images/arrow-down-icon.png); background-position: 0px 60%; background-repeat: no-repeat; cursor: pointer; }

div.vectorMenuFocus { /* @embed */ background-image: url(images/arrow-down-focus-icon.png); background-position: 100% 60%; }

/* @noflip */ body.rtl div.vectorMenu { direction: rtl; }

/* OVERRIDDEN BY COMPLIANT BROWSERS */ /* @noflip */ div#mw-head div.vectorMenu h5 { float: left; /* @embed */ background-image: none; background-repeat: no-repeat; }

/* This will be flipped - unlike the one above it */ div#mw-head div.vectorMenu h5 { background-position: bottom left; margin-left: -1px; }

/* IGNORED BY IE6 */ div#mw-head div.vectorMenu > h5 { background-image: none; }

div#mw-head div.vectorMenu h4 { display: inline-block; float: left; font-size: 0.8em; padding-left: 0.5em; padding-top: 1.375em; font-weight: normal; border: none; }

/* OVERRIDDEN BY COMPLIANT BROWSERS */ /* @noflip */ div.vectorMenu h5 a { display: inline-block; width: 24px; height: 2.5em; text-decoration: none; /* @embed */ background-image: none; background-repeat: no-repeat; }

/* This will be flipped - unlike the one above it */ div.vectorMenu h5 a { background-position: bottom right; }

/* IGNORED BY IE6 */ div.vectorMenu h5 > a { display: block; }

div.vectorMenu div.menu { position: relative; display: none; clear: both; text-align: left; }

/* OVERRIDDEN BY COMPLIANT BROWSERS */ /* @noflip */ body.rtl div.vectorMenu div.menu { margin-left: 24px; }

/* IGNORED BY IE6 */ /* @noflip */ body.rtl div.vectorMenu > div.menu { margin-left: auto; }

/* IGNORED BY IE6 */ /* Also fixes old versions of FireFox */ /* @noflip */ body.rtl div.vectorMenu > div.menu, x:-moz-any-link { margin-left: 23px; }

/* Enable forcing showing of the menu for accessibility */ 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: none; list-style-image: none; list-style-type: none; padding: 0; margin: 0; margin-left: -1px; text-align: left; }

/* Fixes old versions of FireFox */ div.vectorMenu ul, x:-moz-any-link { min-width: 5em; }

/* Returns things back to normal in modern versions of FireFox */ 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; }

/* OVERRIDDEN BY COMPLIANT BROWSERS */ div.vectorMenu li a { display: inline-block; padding: 0.5em; white-space: nowrap; color: #FFFF32; cursor: pointer; font-size: 0.8em; }

/* IGNORED BY IE6 */ div.vectorMenu li > a { display: block; }

div.vectorMenu li.selected a, div.vectorMenu li.selected a:visited { color: #FFFFFF; text-decoration: bold; }

/* Search */ display: none; } /* @noflip */ float: left; }
 * 1) p-search h5 {
 * 1) p-search {

margin-right: 0.5em; margin-left: 0.5em; }
 * 1) p-search {

margin: 0; margin-top: 0.4em; }
 * 1) p-search form,
 * 2) p-search input {

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 #AAAAAA; color: black; background-color: white; /* @embed */ background-image: url(images/search-fade.png); background-position: top left; background-repeat: repeat-x; } div#simpleSearch label { /* * 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; top: 0.25em; direction: ltr; }

div#simpleSearch input { color: black; direction: ltr; }

div#simpleSearch input:focus { outline: none; }

div#simpleSearch input.placeholder { color: #999999; }

div#simpleSearch input::-webkit-input-placeholder { color: #999999; }

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; /*   font-size: 13px; background-color: #000000; direction: ltr; }
 * 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.

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: #000000; background-image: none; }

/* OVERRIDDEN BY COMPLIANT BROWSERS */ div#simpleSearch button#searchButton img { border: none; margin: 0; margin-top: -3px; padding: 0; }

/* IGNORED BY IE6 */ div#simpleSearch button#searchButton > img { margin: 0; }

/* Panel */ div#mw-panel { background-color: #000000; border: 1px groove #89b1da; position: absolute; top: 150px; padding-top: 1em; width: 10em; left: 0; border-radius: 5px; }

div#mw-panel div.portal { padding-bottom: 1.5em; direction: ltr; }

div#mw-panel div.portal h5 { font-weight: bold; color: #FFD700; padding: 0.25em; padding-top: 0; padding-left: 1.75em; cursor: default; border: none; font-size: 0.75em; }

div#mw-panel div.portal div.body { margin: 0; padding-top: 0.5em; margin-left: 1.25em; /* @embed */ background: #000000; background-repeat: no-repeat; background-position: top left; }

div#mw-panel div.portal div.body ul { list-style: none; list-style-image: none; list-style-type: 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; overflow: hidden; font-size: 0.75em; }

div#mw-panel div.portal div.body ul li a { color: #FFFFFF; }

div#mw-panel div.portal div.body ul li a:hover { color: #FFFF32; }

div#mw-panel div.portal div.body ul li a:visited { color: #FFFFFF; }

/* Footer */ div#footer { margin-left: 10em; margin-top: 0; /* @embed */ background: #000000; background-position: top left; background-repeat: repeat-x; direction: ltr; }

div#footer ul { list-style: none; list-style-image: none; list-style-type: none; margin: 0; padding: 0; }

div#footer ul li { margin: 0; padding: 0; padding-top: 0.5em; padding-bottom: 0.5em; color: #FFFFFF; font-size: 0.7em; }

div#footer #footer-icons { float: right; }

/* @noflip */ body.ltr div#footer #footer-places { 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; }

div#content a.external { color: #FFD700; }

div#content a.external:visited { color: #F5CD00; }

h1, h2 { background: none repeat scroll 0 0 #000000; border-bottom: 1px solid #64E464; color: #f9f9f9; font-weight: normal; margin: 0; padding-bottom: 0.17em; padding-top: 0.5em; width: auto; }

h1 { font-size: 188%; }

h1 .editsection { font-size: 53%; }

h2 { font-size: 150%; }

h2 .editsection { font-size: 67%; }

h3, h4, h5, h6 { color: #f9f9f9; border-bottom: medium 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; }

a { color: #00EBEB; }

a:visited { color: #FFD700; }

a:active { color: #00EBEB; }

a:hover { color: #FFD700; }

background-color: #000000; border: 1px solid #000000; font-size: 95%; padding: 5px; }
 * toc, .toc, .mw-warning {

.catlinks { background-color: #000000; border: 0px solid #64E464; }

div#footer { background-image: none; }

div#footer ul li { color: white; }

div.thumb { background-color: #000000; border-color: #000000; border-style: solid; margin-bottom: 0.5em; width: auto; }

div.thumbinner { background-color: black; border: 0px solid #64E464; font-size: 94%; overflow: hidden; padding: 3px !important; text-align: center; }

h2.mw-specialpagesgroup { background-color: #000000; border-left: 1px solid #64E464; border-right: 1px solid #64E464; border-top: 1px solid #64E464; border-bottom: 0px solid #64E464; margin: 0.3em 0 0; padding: 2px; }

.mw-specialpages-table { margin-bottom: 0; margin-top: 0; }

background-color: #000000; background-image: none; border: 1px solid #89b1da; clear: both; float: left; margin: -2px 0 0; width: 100%; }
 * 1) preferences {

background-color: #000000; }
 * 1) preferences fieldset.prefsection fieldset {

background-image: none; color: #FFD700; text-decoration: none; }
 * 1) preftoc li.selected a {

background-image: none; }
 * 1) preftoc {

background-image: none; color: #FFD700; }
 * 1) preftoc a, #preftoc a:active {

background-image: none; }
 * 1) preftoc li {

color: #FFFF32; }
 * 1) preferences legend {

color: #FFFF32; }
 * 1) preferences td.htmlform-tip {

table.wikitable { background: transparent; border: 1px solid #89b1da; border-collapse: collapse; margin: 1em 1em 1em 0; color: #f9f9f9; }

.wikitable th { background: none repeat scroll 0 0 #000000; text-align: center; }

.wikitable th, .wikitable td { border: 1px solid #89b1da; padding: 0.2em; }

.TablePager th, .TablePager td { background-color: transparent; }

.TablePager, .TablePager td, .TablePager th { border: 1px solid #89b1da; padding: 0 0.15em; }

.TablePager tr:hover td { background-color: #000000; }

ul#filetoc { background-color: #ffffff; border: 1px solid #89b1da; }

table.mw_metadata td { background-color: #ffffff; }

code { background-color: #ffffff; }

background-color: #000000; border: 1px dashed #89b1da; }
 * 1) pagehistory li.selected {

border: 0px solid #89b1da; }
 * 1) pagehistory li {

table.diff, td.diff-otitle, td.diff-ntitle { background-color: #ffffff; }

td.diff-context { background: none repeat scroll 0 0 #000000; font-size: smaller; }

pre { overflow: auto; }

div#mw-js-message { margin: 1em 5%; padding: 0.5em 2.5%; border: solid 1px #89b1da; border-radius: 0.3em 0.3em 0.3em 0.3em; background-color: #000000; }

abbr, acronym, .explain { color: #f9f9f9; }

fieldset#mw-searchoptions { background-color: #000000; }

.mw-search-formheader div.search-types ul li.current a { color: #F9F9F9; }

.mw-search-formheader { background-color: #000000; }