MediaWiki:Vector.css
Revision as of 15:41, 26 April 2013 by Andrei Radulescu-Banu (talk | contribs)
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* CSS placed here will affect users of the Vector skin */
/* ################################################## */
/* ### BODY, GLOBAL WRAPPER & BASIC ELEMENTS ### */
/* ################################################## */
body {
background-color: #959595;
background-image: url(/images/a/ad/Wiki-skin-vector-background.jpg?1);
background-position: center top;
background-repeat: repeat;
font-size: 16px;
padding: 0 7px;
}
div#global-wrapper {
margin: 0 auto;
min-width: 990px; /* for NoFixedWidth */
position: relative;
width: 990px;
}
/* Links */
a,
a:active,
div#content a.external[href^="http://www.falloutwiki.com"],
div#content a.external[href^="http://www.falloutwiki.com"]:active {
color: #002BB8;
}
a:visited,
div#content a.external[href^="http://www.falloutwiki.com"]:visited {
color: #5A3696;
}
a.new,
a.new:active {
color: #BA0000;
}
a.new:visited {
color: #900;
}
/* Lists */
ul,
.va-pagelist div.CategoryTreeItem,
.va-pagelist-hidefirst div.CategoryTreeItem {
list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANAQMAAABb8jbLAAAABlBMVEUAAAD///+l2Z/dAAAAAnRSTlP/AOW3MEoAAAATSURBVAjXY/jBgAw7GCCgg+EHAIlaCNHbsg9EAAAAAElFTkSuQmCC);
list-style-image: url(/images/9/9a/Wiki-skin-vector-bullet-icon.png) !ie;
}
/* Preformatted text */
pre {
border-color: #AAA;
overflow: auto;
}
/* ################################################## */
/* ### HEADER & NAVIGATION ### */
/* ################################################## */
/* Ribbon background */
div#mw-panel,
div#p-logo {
background-color: #5D5958;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAgCAIAAABch4VNAAAAIUlEQVQI12OIjYxgYmBgYPr//z8GxiaOLvaPkYFkPUhiACdTSgTyCx+WAAAAAElFTkSuQmCC);
background-image: url(/images/7/71/Wiki-skin-vector-gradient.png?1) !ie;
background-position: top bottom;
background-repeat: repeat-x;
border-color: #333 #333 #000;
border-style: solid;
border-width: 1px;
box-shadow: 0 2px 5px #000;
-moz-box-shadow: 0 2px 5px #000;
-webkit-box-shadow: 0 2px 5px #000;
}
div#mw-page-base {
background-color: transparent;
background-image: url(/images/6/6e/Wiki-skin-vector-banner.jpg?1);
background-position: top right !important;
background-repeat: repeat-x;
border-color: #333;
border-style: solid;
border-width: 0 1px;
box-shadow: 0 2px 10px #000;
-moz-box-shadow: 0 2px 10px #000;
-webkit-box-shadow: 0 2px 10px #000;
height: 139px;
position: relative;
z-index: -1;
}
div#mw-head-base {
background: none;
height: 139px;
left: 0;
margin: 0;
position: absolute;
top: 0;
z-index: 1;
}
div#mw-head {
left: 0;
height: 29px;
margin-left: 123px;
margin-right: 304px;
overflow: visible;
top: 111px;
width: auto;
z-index: 10;
}
div#mw-head:hover {
z-index: 12;
}
/* Logo */
div#p-logo {
/* ribbon background */
float: left;
left: -123px;
height: 28px;
top: -1px;
width: 16px;
z-index: 11;
}
div#p-logo:before {
border-color: #000 #000 transparent transparent;
border-style: solid;
border-width: 3px;
bottom: -7px;
content: "";
display: block;
height: 0;
left: 0;
position: absolute;
width: 0;
}
div#p-logo a {
display: block;
height: 100px;
left: 19px;
position: absolute;
top: -35px;
width: 100px;
z-index: 11;
}
/* Navigation */
div#mw-panel {
/* ribbon background */
height: 28px;
margin-left: 115px;
padding: 0 9px 0 2px;
overflow: visible;
position: absolute;
right: -7px;
top: 50px;
width: auto;
z-index: 11;
}
div#mw-panel:after {
border-color: #000 transparent transparent #000;
border-style: solid;
border-width: 3px;
bottom: -7px;
content: "";
display: block;
height: 0;
position: absolute;
right: 0;
width: 0;
}
div#mw-panel div.portal {
background-image: none;
border-top: none;
clear: none;
cursor: pointer;
float: left;
margin: 0 2px;
padding: 0;
position: relative;
z-index: 12;
}
body.hoverintent-enabled div#mw-panel div.portal:hover,
div#mw-panel div#p-Explore a.vab-default:hover,
div#mw-panel div#p-Explore div.vab-expand:hover {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQI12P4//8/LwAJCQML847rGwAAAABJRU5ErkJggg==);
background-image: url(/images/a/a4/Wiki-skin-vector-gradient-hover.png) !ie;
}
div#mw-panel div.portal:hover,
body.hoverintent-enabled div#mw-panel div.portal.va-hover-active,
body.hoverintent-enabled div#mw-panel div.portal.va-hover-active:hover,
div#mw-panel div#p-Explore a.vab-default:focus,
div#mw-panel div#p-Explore a.vab-default:active,
div#mw-panel div#p-Explore.va-hover-active div.vab-expand {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAgCAIAAABch4VNAAAAI0lEQVQI12NwdnJgYmRkZGJgYGBiZGREwcSIMf1nIFkPkjgAwLUCTensPXEAAAAASUVORK5CYII=);
background-image: url(/images/0/03/Wiki-skin-vector-gradient-active.png) !ie;
}
div#mw-panel div.portal + div.portal {
margin-left: 0;
}
div#mw-panel div.portal + div.portal:before {
border-left: 1px solid #333;
border-right: 1px solid #666;
content: "";
display: block;
height: 20px;
position: absolute;
left: -2px;
top: 4px;
width: 0;
}
/* White chevron background */
div#mw-panel div.portal h5,
div#p-personal ul li#pt-userpage a {
background-color: transparent;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAGCAYAAAAhS6XkAAAAGklEQVQY02NgoAf4jwdQzUCquZBqXmagNwAAiBE/wTeOMSEAAAAASUVORK5CYII=);
background-image: url(/images/6/6f/Wiki-skin-vector-open-white.png?1) !ie;
background-position: right center;
background-repeat: no-repeat;
}
div#mw-panel div.portal h5 {
/* white chevron background */
color: #FFF;
cursor: pointer;
font-size: 0.8em;
font-weight: normal;
line-height: 22px;
margin-bottom: 0;
padding: 3px 19px 3px 6px;
text-shadow: 0 1px 0 #333;
}
div#mw-panel div.portal div.body {
background-color: #FFF;
background-image: none;
border: 1px solid #000;
box-shadow: 0 2px 10px #666;
-moz-box-shadow: 0 2px 10px #666;
-webkit-box-shadow: 0 2px 10px #666;
cursor: pointer;
display: none;
left: 0;
margin: 0 0 0 -1px;
padding: 0;
position: absolute;
top: 100%;
z-index: 15;
}
div#mw-panel div.portal:hover div.body {
display: block;
}
body.hoverintent-enabled div#mw-panel div.portal:hover div.body {
display: none;
}
body.hoverintent-enabled div#mw-panel div.portal.va-hover-active div.body,
body.hoverintent-enabled div#mw-panel div.portal.va-hover-active:hover div.body {
display: block;
}
div#mw-panel div.portal div.body ul {
min-width: 130px;
position: relative;
}
div#mw-panel div.portal div.body ul li {
font-size: 1em;
line-height: 1em;
overflow: visible;
padding: 0;
}
div#mw-panel div.portal div.body ul li + li {
border-top: 1px solid #DFDFDF;
}
div#mw-panel div.portal div.body ul li a {
color: #000 !important;
display: block;
font-size: 0.8em;
padding: 6px;
padding: 5px 6px 7px !ie;
text-decoration: none !important;
white-space: nowrap;
}
div#mw-panel div.portal div.body ul li a:hover {
background-color: #E3E3E3;
}
div#mw-panel div.portal div.body ul li a.feedlink {
background-position: 4px 50%;
padding-left: 20px;
}
/* VectorActionButtons */
div#mw-panel div#p-Contribute,
div#mw-panel div#p-Explore {
background-color: transparent;
border: 1px solid #333333;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
float: right;
position: relative;
top: 2px;
}
body.hoverintent-enabled div#mw-panel div#p-Explore:hover {
background-image: none;
}
div#mw-panel div#p-Contribute:before,
div#mw-panel div#p-Explore:before {
display: none;
}
div#mw-panel div#p-Contribute h5,
div#mw-panel div#p-Explore h5 {
background-color: transparent;
border: 1px solid #666;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #FFF;
font-size: 0.7em;
line-height: 1.25em;
padding: 3px 19px 3px 7px;
}
body.hoverintent-enabled div#mw-panel div#p-Explore h5 {
border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
height: 1.25em;
padding: 3px 0;
width: 19px;
}
div#mw-panel div#p-Contribute div.body,
div#mw-panel div#p-Explore div.body {
left: auto;
right: -1px;
}
div#mw-panel div#p-Contribute div.body ul,
div#mw-panel div#p-Explore div.body ul {
min-width: 100px;
}
div#mw-panel div#p-Explore div.vab-expand {
border-left: 1px solid #333;
position: absolute;
right: 0;
top: 0;
}
div#mw-panel div#p-Explore a.vab-default {
border: 1px solid #666;
border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
color: #FFF;
display: block;
font-size: 0.7em;
line-height: 1.25em;
margin-right: 21px;
padding: 3px 5px 3px 7px;
text-decoration: none !important;
}
/* ################################################## */
/* ### PAGE TABS & SEARCH ### */
/* ################################################## */
/* Tab containers */
div#left-navigation {
left: 0;
top: 0;
z-index: 11;
}
div#right-navigation {
margin-top: 0;
z-index: 11;
}
/* Tab background */
div.vectorMenu,
div.vectorTabs ul li,
div#mw-panel div#p-tb {
background-color: transparent;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAAPUlEQVQY0+3PMQqAMBAEwOHQaOL/33t2CYe2djbDssXCykyBnwf7pAWOwDnplaumUbvxktbUmm+B7btbkDcRHgWNIDNNJQAAAABJRU5ErkJggg==);
background-image: url(/images/2/25/Wiki-skin-vector-tab-normal-fade.png?1) !ie;
background-position: bottom center;
background-repeat: repeat-x;
}
div.vectorMenu:hover,
div.vectorMenu.va-hover-active,
div.vectorTabs ul li:hover,
div#mw-panel div#p-tb:hover,
div#left-navigation:before {
background-color: transparent;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAAPklEQVQY0+3POQ6AMBADwNEWXCH/f67pggI1Hc3IcmHJkij8vFgGW2EvHIM2OAt9Tn3uHrR56p5fJcl3tyAXshMJtXB/ej4AAAAASUVORK5CYII=);
background-image: url(/images/a/ab/Wiki-skin-vector-tab-hover-fade.png?1) !ie;
}
div.vectorTabs ul li.selected,
div.vectorTabs ul li.selected:hover {
background-color: transparent;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAAPElEQVQY0+3PKw4AIBBDwZcV/Ln/cYtbsqBxmElT0aRIwoDPRXKKAdWA5nRnGDBjmrE76HFqz2ck6fG3BbEeCLgfpTGaAAAAAElFTkSuQmCC);
background-image: url(/images/d/d8/Wiki-skin-vector-tab-active-fade.png?1) !ie;
}
/* Tab background - pre-cache hover image */
div#left-navigation:before {
/* tab hover background */
bottom: -1px;
content: "";
display: block;
position: absolute;
left: -1px;
z-index: -1;
}
/* Tab spacing & height */
div.vectorMenu h5 a,
div.vectorTabs,
div.vectorTabs ul,
div.vectorTabs li span {
background-image: none;
}
div.vectorMenu h5 a,
div.vectorTabs {
height: 29px;
}
div.vectorMenu,
div.vectorTabs ul li + li {
margin-left: 1px;
}
/* Normal tabs */
div.vectorTabs li {
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}
div.vectorTabs li a {
height: 23px;
padding: 6px 6px 0;
text-decoration: none !important;
}
div.vectorTabs li a,
div.vectorTabs li a span {
color: #36372E;
}
div.vectorTabs li.new a,
div.vectorTabs li.new a:visited {
color: #BA0000;
}
div.vectorTabs li.selected a,
div.vectorTabs li.selected a span,
div.vectorTabs li.selected a:visited,
div.vectorTabs li.selected a:visited span {
color: #000;
}
/* Hover menu tabs */
div#mw-head div.vectorMenu {
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
position: relative;
}
div#mw-head div.vectorMenu h5 {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAGCAYAAAAc2cSCAAAAQUlEQVQY02P4//8/A7kYzrh79+7/WbNmAUUYcGKQPEgdhmZCBqBrxNCMywBsGrFqRjcAl0acmmEGbNy4EadGEAYAdl3xoo6RI+MAAAAASUVORK5CYII=);
background-image: url(/images/f/fa/Wiki-skin-vector-open-black.png?1) !ie;
background-position: center;
background-repeat: no-repeat;
margin-left: 0;
}
div#mw-head div.vectorMenu h5 a {
width: 23px;
}
div#mw-head div.vectorMenu div.menu {
left: 0;
margin-top: -1px;
position: absolute;
top: 100%;
z-index: 15;
}
body.hoverintent-enabled div#mw-head div.vectorMenu:hover div.menu {
display: none;
}
body.hoverintent-enabled div#mw-head div.vectorMenu.va-hover-active div.menu,
body.hoverintent-enabled div#mw-head div.vectorMenu.va-hover-active:hover div.menu {
display: block;
}
div#mw-head div.vectorMenu div.menu ul {
border: 1px solid #000;
box-shadow: 0 2px 10px #666;
-moz-box-shadow: 0 2px 10px #666;
-webkit-box-shadow: 0 2px 10px #666;
min-width: 100px;
padding: 0;
position: relative;
width: 100%;
}
div#mw-head div.vectorMenu div.menu ul li + li {
border-top: 1px solid #DFDFDF;
}
div#mw-head div.vectorMenu div.menu ul li a {
color: #000;
min-width: 100% !ie; /* IE7 */
padding: 6px;
text-decoration: none !important;
}
div#mw-head div.vectorMenu div.menu ul li a:hover {
background-color: #E3E3E3;
}
/* Toolbox tab */
div#mw-panel div#p-tb {
/* tab background */
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
height: 29px;
left: auto;
margin: 0;
overflow: visible;
padding: 0 !important;
position: absolute;
right: 277px;
top: 60px;
width: 23px;
z-index: 11;
}
div#mw-panel div#p-tb:before {
display: none;
}
div#mw-panel div#p-tb h5 {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAABHklEQVQoz3XSvSvGURTA8c8P5S2ELCiLFYvJ4mVQ/garyfIsrCKFMPsHLAaDwb9B3hdFUo+UlNfyeg3uo+vX89y6yznn+z3nnq4QghACLOEAm+goxfMX4+gOIUiDnbhGwAXqy4B9uIt1XTCH9ZgcwEcUFMrAuzH3iukatKCQZVkPalDl9/RKTpZlaxjDHlZCCNswhJdoTO8Z2mPH1dhtC9V/k8TkAm4j9JkITrFRDswvrAmDmMdzIvjCTh78ByeSBiziPRGclJ5QEcYwLvGG72TzAcdoqzT2KIpJ8QdW8JTEjlJBCRzJgSF+hGbM5gSHJQFU4zwHFjGRTDWDxyS/j3qoxU0lMCd4SOqmoBHLUXCBSbSmfxt1MbaAe1yh/wdv5RTo6hMNfgAAAABJRU5ErkJggg==);
background-image: url(/images/b/bb/Wiki-skin-vector-toolbox.png?1) !ie;
background-position: 4px 50%;
background-repeat: no-repeat;
height: 29px;
margin: 0;
overflow: hidden;
padding: 0 !important;
text-indent: 30px;
width: 23px;
}
div#mw-panel div#p-tb div.body {
margin-top: -1px;
}
/* Search - shared*/
div#p-search {
bottom: 5px;
height: 24px;
margin: 0;
position: absolute;
right: -289px;
width: 242px;
z-index: 12;
}
div#p-search form,
div#p-search input {
margin-top: 0;
outline: none !important;
}
div#p-search form#searchform {
background-color: #FFF;
border: 1px solid #000;
box-shadow: 0 2px 5px #000;
-moz-box-shadow: 0 2px 5px #000;
-webkit-box-shadow: 0 2px 5px #000;
height: 22px;
width: 240px;
}
div#p-search input#searchInput {
-webkit-appearance: textfield;
border: none;
border-radius: none;
-moz-border-radius: none;
-webkit-border-radius: none;
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
height: 16px;
left: 1px;
line-height: 16px;
padding: 3px 2px;
position: absolute;
top: 1px;
width: 188px;
}
/* Search - "non-enhanced" */
div#p-search input#searchGoButton,
div#p-search input#mw-searchButton {
background-color: #FFF;
background-position: center;
background-repeat: no-repeat;
border: 1px solid #999;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: transparent;
font-size: 999px;
height: 20px;
position: absolute;
top: 2px;
width: 22px;
}
div#p-search input#searchGoButton:hover,
div#p-search input#mw-searchButton:hover,
div#p-search input#searchGoButton:focus,
div#p-search input#mw-searchButton:focus,
div#p-search input#searchGoButton:active,
div#p-search input#mw-searchButton:active {
border-color: #000;
}
div#p-search input#searchGoButton {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAlElEQVQoz2P4//8/AzpWVFT8wsDAMBGbHAM2QVlZ2R9KSkq/gJq2EqvhFyMj439JScl/QE1nUDQAQRcQTwLi6UA8G4jXS0lJ/QdpAGFeXt7/rKyst+Aa+Pj4noEEhYSE/ouLi/+XkZGBKwZqhtM8PDxPwRpYWFiewARhCpAxsiYxMbG3pGsg2Ukke5rkYKVKxOFLGgA9Dwfq/A2oLwAAAABJRU5ErkJggg==);
background-image: url(/images/b/bb/Wiki-skin-vector-mwsearch-go.png) !ie;
right: 26px;
}
div#p-search input#mw-searchButton {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAYAAAAbvf3sAAAA7ElEQVQoz5WROW6EQBBFCdkCJBLEAUiBhAAOwBFYBFyCDHEEtoQAcdg/+iX1jHs8tuXgoVI1r5ZuA4DxH4z7voVpmpDnOcIwFBgzp84V8um6DqZpwrIsgbGi73tNksqO4whN02DbNqzrirZt4boubNvGPM9PyYjjWCqxy3t7VmfHNE1fgu/7IhzH8U1gjgL/0QQmfxJYzPO8l5AkiQifRlKXoY3EpbkYlx6GQZYmjLk089rSXyu9o664qipdUA9XFAWCIBBUrN6mrmtowieWZUEURU+JnX4VyHmeyLJMRivL8m+BXNeFcRyx7zseeqYygpmUK14AAAAASUVORK5CYII=);
background-image: url(/images/9/9e/Wiki-skin-vector-mwsearch-search.png) !ie;
right: 2px;
}
/* Search - "enhanced" */
div#p-search div#simpleSearch {
background-color: transparent;
background-image: none;
border: none;
height: 22px;
margin: 0 0 0 -1px;
padding: 0 1px;
width: 100%;
}
div#p-search div#simpleSearch button#searchButton {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANCAAAAAC4QtCeAAAAAnRSTlMA/1uRIrUAAABqSURBVAjXY/j//+7c2tq5d/8DAcP//TlgsB/EuZuXv+fjxz35efeBnElgMaD8FCCnLOcLiPMlpwyZU4yuDGjAwU+fDkIMgBmdswvEAVpaXT23GsRj+A8B7zuBPBjn/8+ZOavgnP9/r30GACYgeanVfElqAAAAAElFTkSuQmCC);
background-image: url(/skins/vector/images/search-ltr.png?301) !ie;
background-position: center 5px;
background-repeat: no-repeat;
height: 22px;
margin: 0;
padding: 0;
right: 1px;
width: 24px;
}
div#p-search div#simpleSearch button#searchButton img {
display: none;
}
div#p-search div#simpleSearch input#searchInput {
height: 18px;
left: 1px;
line-height: 16px;
line-height: 18px !ie;
margin: 0;
padding: 2px 0 2px 2px;
top: 0;
width: 214px;
}
/* Autocomplete - shared */
div.os-suggest,
div.suggestions-results,
div.suggestions-special {
border-color: #000;
}
div.os-suggest,
div.suggestions {
box-shadow: 0 2px 10px #666;
-moz-box-shadow: 0 2px 10px #666;
-webkit-box-shadow: 0 2px 10px #666;
}
td.os-suggest-result-hl,
div.suggestions-result-current {
background-color: #E3E3E3;
}
td.os-suggest-result,
td.os-suggest-result-hl,
div.suggestions-result,
div.suggestions-result-current,
div.suggestions-result-current div.special-label,
div.suggestions-result-current div.special-query {
color: #000;
}
/* Autocomplete - "non-enhanced" */
div.os-suggest {
height: auto !important;
margin-left: -1px;
min-width: 240px;
}
td.os-suggest-result {
background-color: #FFF;
}
/* Autocomplete - "enhanced" */
div.suggestions {
margin-right: 14px !important;
}
div.suggestions .autoellipsis-matched,
div.suggestions .highlight {
color: #00F;
font-weight: normal;
}
div.suggestions-results,
div.suggestions-special {
max-width: 100%;
}
/* ################################################## */
/* ### USER LINKS ### */
/* ################################################## */
div#p-personal {
background-color: transparent;
background-image: none;
cursor: pointer;
padding: 29px 0 0;
right: -299px;
top: -111px;
z-index: 15;
}
/* Styling for menu items */
div#p-personal a,
div#p-personal a.new {
color: #000;
display: block;
}
div#p-personal ul {
background-color: #000;
box-shadow: 0 2px 10px #666;
-moz-box-shadow: 0 2px 10px #666;
-webkit-box-shadow: 0 2px 10px #666;
line-height: 1.5em;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
min-width: 100px;
padding: 0;
}
div#p-personal ul li {
background-color: #FFF;
clear: both;
display: none;
float: none;
font-size: 1em;
line-height: 1em;
margin: 0 1px;
padding: 0;
position: relative;
top: -1px;
}
div#p-personal:hover ul li {
display: block;
}
body.hoverintent-enabled div#p-personal:hover ul li {
display: none;
}
body.hoverintent-enabled div#p-personal.va-hover-active ul li,
body.hoverintent-enabled div#p-personal.va-hover-active:hover ul li {
display: block;
}
div#p-personal ul li a {
border-top: 1px solid #DFDFDF;
display: block;
font-size: 0.8em;
padding: 6px;
position: relative;
text-decoration: none !important;
white-space: nowrap;
}
div#p-personal ul li a:hover {
background-color: #E3E3E3;
}
/* Hover menu root */
div#p-personal ul li:first-child,
div#p-personal ul li#pt-anonlogin {
background-color: transparent;
background-image: none;
border: none;
display: block !important;
float: right;
margin: 0;
padding-left: 0 !important;
padding-right: 0;
position: absolute;
right: 0;
text-align: right;
top: 0;
width: auto;
z-index: -1;
}
div#p-personal ul li:first-child + li {
margin: 0 1px 2px;
position: relative;
top: 1px;
}
div#p-personal ul li:first-child + li a {
border-top: none;
}
div#p-personal ul li#pt-userpage a {
/* white chevron background */
padding-right: 17px;
}
div#p-personal ul li:first-child a,
div#p-personal ul li:first-child a.new,
div#p-personal ul li#pt-anonlogin a,
div#p-personal ul li#pt-anonlogin a.new {
border-top: none;
color: #FFF;
font-size: 0.75em;
text-shadow: 0 1px 0 #333;
}
div#p-personal:hover ul li:first-child a {
min-width: 91px;
}
div#p-personal ul li:first-child a:focus,
div#p-personal ul li:first-child a:hover,
div#p-personal ul li:first-child a:active,
div#p-personal ul li#pt-anonlogin a:focus,
div#p-personal ul li#pt-anonlogin a:hover,
div#p-personal ul li#pt-anonlogin a:active {
background-color: transparent;
text-decoration: underline !important;
}
div#p-personal ul li#pt-anontalk,
div#p-personal ul li#pt-anonuserpage {
display: none !important;
}
/* ################################################## */
/* ### CONTENT AREA ### */
/* ################################################## */
div#bodyContent {
z-index: 0;
}
div#content {
background-color: #FFF;
background-image: none;
border-color: #000 #333;
border-style: solid;
border-width: 1px;
box-shadow: 0 2px 10px #000;
-moz-box-shadow: 0 2px 10px #000;
-webkit-box-shadow: 0 2px 10px #000;
left: 0;
margin-left: 0;
min-height: 250px;
padding: 14px;
position: relative;
z-index: 1;
}
@media print {
div#content {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
}
/* Sitenotice & JS messages */
div#mw-js-message {
margin: 0 15px 10px;
}
div#siteNotice {
font-size: 0.68em;
font-weight: normal;
padding: 0 15px;
}
table#mw-dismissable-notice,
div#localNotice {
background-color: #FFD800;
border: 1px solid #AAA;
color: #000;
margin: 0 0 10px;
padding: 0 10px;
}
table#mw-dismissable-notice {
border-spacing: 0;
}
table#mw-dismissable-notice td {
padding: 0 10px;
vertical-align: middle;
width: auto;
}
table#mw-dismissable-notice td:first-child {
padding-right: 0;
width: 100%;
}
table#mw-dismissable-notice div#localNotice {
background-color: transparent;
border: none;
margin-bottom: 0;
padding: 0;
}
div#localNotice {
font-size: 1.17em;
font-weight: bold;
}
/* Language links */
div#mw-panel div#p-lang {
display: none;
}
div#p-lang {
clear: both;
display: block;
font-size: 0.85em;
margin-top: 10px;
padding: 5px 6px 0;
position: relative;
}
div#p-lang.p-lang-nocatlinks {
border-top: 1px solid #AAA;
margin-top: 30px;
}
div#p-lang h5 {
font-weight: normal;
float: left;
line-height: 1.5em;
margin: 0;
padding: 0;
}
div#p-lang div.body {
overflow: auto;
}
div#p-lang div.body ul {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin: 0;
}
div#p-lang div.body ul li {
border-right: 1px solid #AAA;
float: left;
height: 1.5em;
margin: 0 0 3px 0;
overflow: visible;
padding: 0 6px;
}
div#p-lang div.body ul li:last-child {
border-right: none;
}
/* Ads */
div.btflb {
padding-top: 15px !important;
}
/* ################################################## */
/* ### FOOTER ### */
/* ################################################## */
/* Layout */
div#footer,
div#ft div {
background-color: transparent;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQI12NIS0s7AwAEZwH/hqiiwAAAAABJRU5ErkJggg==);
background-image: url(/images/5/5c/Wiki-skin-vector-footer.png) !ie;
background-repeat: repeat;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 2px 15px;
text-shadow: 1px 1px 2px #000;
}
div#footer,
div#ft {
margin-left: 0;
margin-top: 5px;
}
li#footer-info-lastmod {
float: left;
}
li#footer-info-copyright {
float: right;
}
ul#footer-places {
clear: both;
}
div#ft {
font-size: 0.7em;
}
div#ft .network-navigation ul,
div#ft .network-navigation ul li {
width: 135px;
}
div#ft .network-navigation ul.double {
width: 270px;
}
/* Text & link colors */
div#footer a,
div#ft a {
color: #FFF;
}
div#ft,
div#ft h1,
div#footer ul li {
color: #EEE;
}
/* ################################################## */
/* ### BUTTONS ### */
/* ################################################## */
button,
input[type=button],
input[type=reset],
input[type=submit],
.va-button {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoCAIAAACw1AcgAAAAIklEQVQIW2O4e/cuEwMDA8n479+/KPjfv38YYsji6PqJxADS4iaALFTQcQAAAABJRU5ErkJggg==);
background-image: url(/images/4/4c/Wiki-skin-vector-input.png?1) !ie;
background-position: center;
background-repeat: repeat-x;
border-color: #B2B2B2 #000 #000 #B2B2B2;
border-style: solid;
border-width: 1px;
color: #000;
cursor: pointer;
font-size: 13px;
padding: 1px 8px;
padding-bottom: 0 !ie;
white-space: nowrap;
}
button:focus,
button:hover,
input[type=button]:focus,
input[type=button]:hover,
input[type=reset]:focus,
input[type=reset]:hover,
input[type=submit]:focus,
input[type=submit]:hover,
.va-button:focus,
.va-button:hover {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoCAIAAACw1AcgAAAAIklEQVQIW2N49uwZEwMDA8n479+/KPjfv38YYsji6PqJxADjjCab3SQWZgAAAABJRU5ErkJggg==);
background-image: url(/images/1/14/Wiki-skin-vector-input-hover.png?1) !ie;
}
button:active,
input[type=button]:active,
input[type=reset]:active,
input[type=submit]:active,
.va-button:active {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoCAIAAACw1AcgAAAAI0lEQVQI12PYvXs3EwMDA1mYmZmZiYmJiYmZmRkDYxMnww4AkXEC5lShQtgAAAAASUVORK5CYII=);
background-image: url(/images/5/57/Wiki-skin-vector-input-active.png?1) !ie;
border-color: #000 #B2B2B2 #B2B2B2 #000;
}
/* Non-input buttons */
.va-button {
display: inline-block;
line-height: 18px;
padding: 1px 0;
}
.va-button a {
background: none !important;
color: #000 !important;
display: block;
margin: 0 !important;
padding: 0 8px !important;
text-align: center;
text-decoration: none !important;
}
/* Editor: "Save" button */
#wpSave {
font-weight: bold;
}
/* ################################################## */
/* ### OTHER CONTENT ELEMENTS ### */
/* ################################################## */
/* Galleries */
ul.gallery {
margin-right: 0 !ie;
}
li.gallerybox {
background: none;
border: none;
padding-right: 4px !ie;
}
/* JS tooltips */
.tipsy-arrow {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAMAAACecocUAAAACVBMVEX5+fkAAAD///+oSsp4AAAAAXRSTlMAQObYZgAAACtJREFUCNdjYAABRgY4YGRiRDCZYBwQE8qBMMEcGBOFw4imHsUcFPNh9gIAGtAAZ2P61doAAAAASUVORK5CYII=);
background-image: url(/images/6/67/Wiki-skin-vector-tipsy.png?1) !ie;
background-position: top left;
background-repeat: no-repeat;
position: absolute;
}
.tipsy-inner {
border-color: #000;
border-radius: none;
-moz-border-radius: none;
-webkit-border-radius: none;
box-shadow: 0 2px 10px #666;
-moz-box-shadow: 0 2px 10px #666;
-webkit-box-shadow: 0 2px 10px #666;
padding: 4px 8px;
}
/* Edit page: "Templates used" */
form#editform div.templatesUsed {
margin-top: 20px;
}
form#editform div.templatesUsed ul {
column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
}
/* ################################################## */
/* ### EXTENSIONS ### */
/* ################################################## */
/* Gadgets */
#mw-htmlform-gadgets h1 {
font-size: 100%;
}
#mw-htmlform-gadgets .mw-label {
display: none;
}