Difference between revisions of "MediaWiki:Vector.css"

From lex-wiki
Jump to navigation Jump to search
Line 1: Line 1:
/* CSS placed here will affect users of the Vector skin */
/* CSS placed here will affect users of the Vector skin */
/* From http://www.falloutwiki.com/MediaWiki:Vector.css */


/* ################################################## */
/* ################################################## */

Revision as of 14:46, 26 April 2013

/* CSS placed here will affect users of the Vector skin */

/* From http://www.falloutwiki.com/MediaWiki:Vector.css */

/* ################################################## */
/* ### 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;
}
Retrieved from "http://lex-wiki.org/w/index.php?title=MediaWiki:Vector.css&oldid=57"