Difference between revisions of "MediaWiki:Vector.css"

From lex-wiki
Jump to navigation Jump to search
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will affect users of the Vector skin */
/* CSS placed here will affect users of the Vector skin */
/* ################################################## */
/* ### BODY, GLOBAL WRAPPER & BASIC ELEMENTS      ### */
/* ################################################## */
body {
  background-color: #aaaaaa;
  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;
}

Latest revision as of 16:15, 26 April 2013

/* CSS placed here will affect users of the Vector skin */
Retrieved from "http://lex-wiki.org/w/index.php?title=MediaWiki:Vector.css&oldid=93"