Difference between revisions of "MediaWiki:Vector.css"

From Dungeon Defenders 2 Wiki
Jump to: navigation, search
(Replaced content with "→‎CSS placed here will affect users of the Vector skin: →‎set sidebar width: div#mw-panel { width: 11em; } div#footer, #mw-head-base, div#content { margin-left: 11e...")
Line 1: Line 1:
−
/* CSS placed here will affect users of the Vector skin */
+
/*<nowiki>*/
 +
/*General body setup*/
 +
html, body {
 +
    min-height: 100%;
 +
    height: auto;
 +
}
 +
html {
 +
    background-color: #F3F3F3;
 +
    background-image: url("/images/3/3c/Skin_footer.png"), url("/images/8/8b/Skin_page_bg_gradient.jpg");
 +
    background-repeat: no-repeat, repeat-x;
 +
    background-position: center bottom -110px, center top;
 +
}
  
−
/* set sidebar width */
+
body {
−
div#mw-panel { width: 11em; }
+
    font-size: 0.8125em;
−
div#footer, #mw-head-base, div#content { margin-left: 11em; }
+
    line-height: 1.5384615385em;
−
#left-navigation { margin-left: 11em; }
+
    background: transparent !important;
 +
}
  
 +
pre
 +
{
 +
  font-size: 1em;
 +
}
  
−
div.testdiv { background-color: yellow; }
+
#p-logo a
 +
{
 +
  width:12em;
 +
}
 +
 
 +
#p-logo
 +
{
 +
  width:12em;
 +
  background-color: transparent;
 +
  left: 0 !important; /* Over-ride media css */
 +
}
 +
 
 +
/*Rhythmic text sizes and grid leading*/
 +
 
 +
 
 +
#bodyContent > h1:hover, #bodyContent > h2:hover, #bodyContent > h3:hover, #bodyContent > h4:hover, #bodyContent > h5:hover, #bodyContent > h6:hover
 +
{
 +
  background-image: none;
 +
}
 +
 
 +
div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6
 +
{
 +
  line-height: 1em;
 +
  padding: 0;
 +
}
 +
 
 +
div#content h1, div#content h2
 +
{
 +
  font-family: "EasonPro","Times New Roman", serif !important;
 +
  font-weight: normal;
 +
  font-size-adjust: 0.43;
 +
}
 +
 
 +
div#content h3, div#content h4, div#content h5, div#content h6
 +
{
 +
  font-family: Arial, sans-serif !important;
 +
  font-weight: bold;
 +
  font-size-adjust:0.52
 +
}
 +
 
 +
div#content h1
 +
{
 +
  font-size:    2.2307692307em;
 +
  margin-top:    0.7241379310em;
 +
  margin-bottom: 0.6896551724em;
 +
}
 +
 
 +
div#content #firstHeading
 +
{
 +
  font-size:    2.2307692307em;
 +
  margin-top:    0;
 +
}
 +
 
 +
div#content h2
 +
{
 +
  font-size:    1.9230769231em;
 +
  margin-top:    1em;
 +
  margin-bottom: 0.4em;
 +
}
 +
 
 +
div#content h3
 +
{
 +
  font-size:    1.3076923077em;
 +
  margin-top:    1.3529411765em;
 +
  margin-bottom: 0.5882352941em;
 +
}
 +
 
 +
div#content h4
 +
{
 +
  font-size:    1.1538461538em;
 +
  margin-top:    1em;
 +
  margin-bottom: 0.6666666667em;
 +
  padding: 0;
 +
}
 +
 
 +
div#content h5
 +
{
 +
  font-size:    1em;
 +
  margin-top:    1.3076923077em;
 +
  margin-bottom: 0.7692307692em;
 +
}
 +
 
 +
div#content h6
 +
{
 +
  font-size:    0.9230769231em;
 +
  margin-top:    1.5em;
 +
  margin-bottom: 0.8333333333em;
 +
}
 +
 
 +
p, ul, ol, dl
 +
{
 +
  margin-top:    0.7692307692em;
 +
  margin-bottom: 0.7692307692em;
 +
  line-height:  1.5384615385em;
 +
}
 +
 
 +
dd, dt, li
 +
{
 +
  margin-top: 0;
 +
  margin-bottom: 0;
 +
  line-height: 1.5384615385em;
 +
}
 +
 
 +
#content li > ul, #content li > ol
 +
{
 +
  margin-top: 0px;
 +
  margin-bottom: 0px;
 +
}
 +
 
 +
sup, sub
 +
{
 +
  line-height: 0;
 +
}
 +
 
 +
div#content #toc {
 +
  margin: 10px 0px;
 +
}
 +
 
 +
div#content #toc h2, div#content .toc h2 {
 +
  font-family: sans-serif !important;
 +
  font-weight: bold;
 +
  font-size: 100%;
 +
}
 +
 
 +
/*Personal panel*/
 +
 
 +
#p-personal
 +
{
 +
  right:0;
 +
  top:0;
 +
  padding-right:0.75em;
 +
  border-radius: 0 0 0 0.5em;
 +
  margin-left: 12em;
 +
  background-color: #fff;
 +
  z-index: 6;
 +
  text-transform: lowercase;
 +
}
 +
 
 +
#p-personal ul
 +
{
 +
padding-left: 0;
 +
}
 +
 
 +
#pt-userpage, #pt-anonuserpage, #pt-login
 +
{
 +
  text-transform: none;
 +
}
 +
 
 +
#p-personal li
 +
{
 +
  font-size:0.9230769231em;
 +
  margin: 0.4em 0 0.4em 1em;
 +
  line-height:1em;
 +
}
 +
 
 +
#p-personal li.active a
 +
{
 +
  font-weight: bold;
 +
}
 +
 
 +
li#pt-userpage
 +
{
 +
  background: none;
 +
  padding-left: 0px !important;
 +
}
 +
 
 +
/*Left panel*/
 +
 
 +
#mw-panel
 +
{
 +
  z-index: 1;
 +
}
 +
 
 +
div#mw-panel div.portal
 +
{
 +
  font-size: 0.9230769231em;
 +
  width: 12em;
 +
  margin: 0 9px 10px 11px !important;
 +
  padding: 0.1em 0 0 !important;
 +
  background-image: none !important;
 +
}
 +
 
 +
div#mw-panel div.portal div.body ul li, div#mw-panel div.portal h3
 +
{
 +
  font-size: 1em;
 +
}
 +
 
 +
div#mw-panel div.portal div.body {
 +
  margin-left: 0.5em;
 +
}
 +
 
 +
/*Footer*/
 +
 
 +
div#footer
 +
{
 +
  background-color: transparent;
 +
  margin: -7.5em 0 0 !important;
 +
  padding: 8em 0 0.5em 13em !important;
 +
  position: relative;
 +
  height: 7em;
 +
}
 +
 
 +
#footer ul li
 +
{
 +
  font-size: 0.9230769231em !important;
 +
  line-height:1.6666666667em !important;
 +
  padding: 0 !important;
 +
}
 +
 
 +
#footer #footer-info li, #footer #footer-places li
 +
{
 +
  line-height: 1.6666666667em;
 +
}
 +
 
 +
#footer #footer-places
 +
{
 +
  margin-top: 0.8333333333em;
 +
}
 +
 
 +
#footer #footer-icons
 +
{
 +
  position: absolute;
 +
  right: 1em;
 +
  z-index:1;
 +
  margin-top: 0.5em;
 +
}
 +
 
 +
#footer #footer-icons li
 +
{
 +
  margin-bottom: 1em !important;
 +
}
 +
 
 +
#footer #footer-icons ul li a
 +
{
 +
  display: block;
 +
  float: left;
 +
}
 +
 
 +
#footer #footer-icons li a + a
 +
{
 +
  margin-left: 0.75em;
 +
}
 +
 
 +
#footer #footer-icons li#footer-copyrightico
 +
{
 +
  background-image: url("/images/0/01/ArenaNet.png");
 +
  background-repeat: no-repeat;
 +
  width: 90px;
 +
  height: 36px;
 +
  position: relative;
 +
  top: 0;
 +
  margin: 0 5px 0 0;
 +
}
 +
 
 +
#footer #footer-icons li#footer-copyrightico img
 +
{
 +
  display:none;
 +
}
 +
 
 +
.mw-editsection
 +
{
 +
  font-family: Arial, sans-serif;
 +
  font-size: 13px !important;
 +
  font-size-adjust: 0.52;
 +
  line-height: unset;
 +
}
 +
 
 +
/*Main content changes*/
 +
 
 +
div#content
 +
{
 +
  position:relative;
 +
  box-shadow: rgba(0, 0, 0, 0.15) 0 0.1em 0.75em;
 +
  border-radius: 0;
 +
  border: 1px solid #CCC;
 +
  z-index: 1;
 +
  margin-left: 12em;
 +
  background-image: none;
 +
}
 +
 
 +
div#bodyContent, #mw-head, #mw-panel, #footer, input, select, #p-personal
 +
{
 +
  font-size: 1em;
 +
  font-family: Arial, sans-serif;
 +
  line-height: 1.5384615385em;
 +
}
 +
 
 +
textarea, pre, xmp, plaintext, listing
 +
{
 +
  font-family: monospace !important;
 +
  font-size: 1.2em;
 +
}
 +
 
 +
pre, xmp, plaintext, listing
 +
{
 +
  white-space: pre-wrap;
 +
}
 +
 
 +
/*VECTOR TABS*/
 +
 
 +
div.vectorTabs li a, div.vectorTabs li a:visited, div.vectorMenu li a { text-decoration: none; }
 +
 
 +
div.vectorTabs
 +
{
 +
  padding: 0;
 +
  background-color:transparent;
 +
  background-image: none;
 +
}
 +
 
 +
div.vectorTabs span
 +
{
 +
overflow: hidden;
 +
height: 2.3em;
 +
background: transparent;
 +
}
 +
 
 +
#right-navigation, #left-navigation
 +
{
 +
  padding: 1px 0 0;
 +
  z-index: 3;
 +
}
 +
 
 +
#right-navigation div.vectorTabs
 +
{
 +
  margin: 0px;
 +
}
 +
 
 +
div.vectorMenu
 +
{
 +
  height: 2.3em;
 +
  margin-top: 0;
 +
  background-color: #eee;
 +
  border: 1px solid #ccc;
 +
}
 +
 
 +
#mw-navigation #mw-head div.vectorMenu h3
 +
{
 +
  height: 2.3em;
 +
}
 +
 
 +
#mw-navigation div.vectorMenu h3 a
 +
{
 +
  background-position: 100% 50%;
 +
}
 +
 
 +
#mw-navigation div.vectorMenu h3 span
 +
{
 +
  display: inline-block;
 +
  height: 100%;
 +
  line-height: 30px;
 +
  padding: 0 0.3em 0 0.9em;
 +
  font-size: 0.9em;
 +
}
 +
 
 +
#mw-navigation div.vectorMenu div.menu
 +
{
 +
  top: 2.3em;
 +
  border: none;
 +
  left: 0;
 +
}
 +
 
 +
div.vectorMenu ul
 +
{
 +
  margin-left: -1px;
 +
  background-color: #eee;
 +
  border: solid 1px #ccc;
 +
}
 +
 
 +
div.vectorMenu li a
 +
{
 +
  font-size: 0.9230769231em;
 +
  height: 1.4em;
 +
  line-height:1.53846em;
 +
}
 +
 
 +
div.vectorTabs ul li
 +
{
 +
  height: 2.3em;
 +
  line-height: 0;
 +
  margin: 0 -1px 0 0;
 +
  background-image: none;
 +
  background-color:#eee;
 +
  border:1px solid #ccc;
 +
}
 +
 
 +
div.vectorTabs ul li:first-child
 +
{
 +
  border-top-left-radius:0.5em;
 +
}
 +
 
 +
div.vectorTabs ul li:hover, div.vectorMenu ul li:hover, div.vectorMenu:hover
 +
{
 +
background-color:#f8f8f8;
 +
}
 +
 
 +
div.vectorTabs li a
 +
{
 +
  font-size: 12px
 +
  height: 1.4em;
 +
  padding-left: 0.9em;
 +
  padding-right: 0.9em;
 +
  background-image: none;
 +
}
 +
 
 +
div.vectorTabs li.selected
 +
{
 +
  background-color:  #fff;
 +
  border: 1px solid #ccc;
 +
  border-bottom-width: 0;
 +
  padding-bottom: 1px;
 +
  margin: 0 -1px 0 0;
 +
}
 +
 
 +
div.vectorTabs li.selected a span
 +
{
 +
  margin-top: 0px;
 +
}
 +
 
 +
div#left-navigation div.vectorTabs li.selected
 +
{
 +
  border-radius: 0.5em 0 0 0;
 +
}
 +
 
 +
div#left-navigation div.vectorTabs li + li.selected
 +
{
 +
  border-radius: 0;
 +
}
 +
 
 +
div#left-navigation div.vectorTabs ul li:last-child
 +
{
 +
  border-top-right-radius:0.5em;
 +
}
 +
 
 +
div.vectorTabs a span
 +
{
 +
  padding-top: 0;
 +
  line-height: 2.5em;
 +
}
 +
 
 +
div.vectorTabs li a span
 +
{
 +
  font-size: 0.9230769231em;
 +
}
 +
 
 +
div.vectorTabs span > a
 +
{
 +
  font-size: 12px !important;
 +
}
 +
 
 +
#left-navigation
 +
{
 +
  top: 3em;
 +
  left: 12em !important;
 +
  margin: -1px 0 0 !important;
 +
  position: absolute;
 +
}
 +
 
 +
#right-navigation
 +
{
 +
  top: 3em;
 +
  margin-top: -1px;
 +
  position: absolute;
 +
  right: 0;
 +
}
 +
 
 +
#mw-page-base
 +
{
 +
  background-image: url("/images/0/00/Skin_header.png");
 +
  height: 228px;
 +
  background-position: top left;
 +
  background-repeat: no-repeat;
 +
  background-color:transparent;
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  z-index: 0;
 +
  width: 100%;
 +
}
 +
 
 +
#mw-head-base
 +
{
 +
  margin: 0 0 -1px 12em;
 +
  height: 5.3em;
 +
  padding: 2px 0 0 0;
 +
  background-color:transparent;
 +
  background-image: none;
 +
  border-radius: 0.5em 0 0 0;
 +
  background-image: none;
 +
  position: relative;
 +
  z-index:2;
 +
}
 +
 
 +
/** Simple search - enable this in the search options in preferences! **/
 +
div#simpleSearch
 +
{
 +
  border:1px solid #ccc !important;
 +
  height: 2.3em !important;
 +
  margin-top: 0px !important;
 +
}
 +
 
 +
#p-search
 +
{
 +
  margin: 0 0 0 -1px;
 +
}
 +
 
 +
#p-search form, #p-search input
 +
{
 +
  margin: 0;
 +
}
 +
 
 +
div#simpleSearch input#searchInput
 +
{
 +
  font-size: 1em;
 +
  height:2.2em;
 +
  padding: 0.2em 0px 0px 0.2em;
 +
}
 +
 
 +
#ca-watch.icon a, #ca-watch.icon a:focus, #ca-watch.icon a:hover, #ca-unwatch.icon a, #ca-unwatch.icon a:hover, #ca-unwatch.icon a:focus
 +
{
 +
  background-image: url("/images/5/56/Watch_icons.png");
 +
}
 +
 
 +
.vectorTabs #ca-watch span a.loading, .vectorTabs #ca-unwatch span a.loading {
 +
  animation: none;
 +
}
 +
 
 +
#ca-watch.icon a, #ca-watch.icon a:focus          { background-position:  5px 35%; }
 +
#ca-watch.icon a:hover                            { background-position: -19px 35%; }
 +
#ca-unwatch.icon a                                { background-position: -43px 35%; }
 +
#ca-unwatch.icon a:hover, #ca-unwatch.icon a:focus { background-position: -67px 35%; }
 +
 
 +
#ca-watch.icon, #ca-unwatch.icon                  { margin-right: -1px; }
 +
 
 +
#ca-watch.icon a, #ca-unwatch.icon a
 +
{
 +
  margin: 0 0.33em;
 +
  width: 27px;
 +
  height: 0;
 +
}
 +
 
 +
#ca-watch.icon a.loading, #ca-unwatch.icon a.loading
 +
{
 +
  background-image: none;
 +
}
 +
div#mw-notification-area
 +
{
 +
  font-size: 13px !important;
 +
  top: 1em !important;
 +
}
 +
 
 +
div.vectorMenu h3 a
 +
{
 +
  height: 30px;
 +
  margin-bottom:-1px;
 +
}
 +
 
 +
div.vectorTabs ul
 +
{
 +
  background: none;
 +
}
 +
 
 +
/* Recent changes "byte count change" text colours */
 +
.mw-plusminus-pos
 +
{
 +
  color:#060;
 +
}
 +
 
 +
.mw-plusminus-neg
 +
{
 +
  color:#900;
 +
}
 +
 
 +
.mw-changeslist-legend dt {
 +
  line-height: 1.5em !important;
 +
}
 +
 
 +
.mw-changeslist-legend dd {
 +
  line-height: 1.5em !important;
 +
}
 +
 
 +
/* Search placeholder style */
 +
 
 +
input:-moz-placeholder
 +
{
 +
  font-style: italic;
 +
}
 +
 
 +
input::-webkit-input-placeholder
 +
{
 +
  font-style: italic;
 +
}
 +
 
 +
#siteNotice, #mw-js-message
 +
{
 +
  font-size: 0.9230769231em;
 +
}
 +
 
 +
#mw-dismissable-notice
 +
{
 +
  margin-bottom:1em;
 +
}
 +
 
 +
/** Remove spacing below page title and content **/
 +
div#bodyContent
 +
{
 +
  padding-top: 0px !important;
 +
}
 +
 
 +
li > ul, li > ol
 +
{
 +
  margin-top: 0;
 +
  margin-bottom: 0;
 +
}
 +
 
 +
/* Correct the location of icons fixed to page title line, e.g. "Template:ArenaNet article" */
 +
div.icon-fixed-top
 +
{ top: 0px !important;
 +
  margin-top: -2em;
 +
}
 +
 
 +
/*</nowiki>*/

Revision as of 14:43, 21 October 2015

/*<nowiki>*/
/*General body setup*/
html, body {
    min-height: 100%;
    height: auto;
}
html {
    background-color: #F3F3F3;
    background-image: url("/images/3/3c/Skin_footer.png"), url("/images/8/8b/Skin_page_bg_gradient.jpg");
    background-repeat: no-repeat, repeat-x;
    background-position: center bottom -110px, center top;
}

body {
    font-size: 0.8125em;
    line-height: 1.5384615385em;
    background: transparent !important;
}

pre
{ 
  font-size: 1em; 
}

#p-logo a
{
  width:12em;
}

#p-logo
{
  width:12em;
  background-color: transparent;
  left: 0 !important; /* Over-ride media css */
}

/*Rhythmic text sizes and grid leading*/


#bodyContent > h1:hover, #bodyContent > h2:hover, #bodyContent > h3:hover, #bodyContent > h4:hover, #bodyContent > h5:hover, #bodyContent > h6:hover
{
  background-image: none;
}

div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6
{
  line-height: 1em;
  padding: 0;
}

div#content h1, div#content h2
{
  font-family: "EasonPro","Times New Roman", serif !important;
  font-weight: normal;
  font-size-adjust: 0.43;
}

div#content h3, div#content h4, div#content h5, div#content h6
{
  font-family: Arial, sans-serif !important;
  font-weight: bold;
  font-size-adjust:0.52
}

div#content h1
{
  font-size:     2.2307692307em;
  margin-top:    0.7241379310em;
  margin-bottom: 0.6896551724em;
}

div#content #firstHeading
{
  font-size:     2.2307692307em;
  margin-top:    0;
}

div#content h2
{
  font-size:     1.9230769231em;
  margin-top:    1em;
  margin-bottom: 0.4em;
}

div#content h3
{
  font-size:     1.3076923077em;
  margin-top:    1.3529411765em;
  margin-bottom: 0.5882352941em;
}

div#content h4
{
  font-size:     1.1538461538em;
  margin-top:    1em;
  margin-bottom: 0.6666666667em;
  padding: 0;
}

div#content h5
{
  font-size:     1em;
  margin-top:    1.3076923077em;
  margin-bottom: 0.7692307692em;
}

div#content h6
{
  font-size:     0.9230769231em;
  margin-top:    1.5em;
  margin-bottom: 0.8333333333em;
}

p, ul, ol, dl
{
   margin-top:    0.7692307692em;
   margin-bottom: 0.7692307692em;
   line-height:   1.5384615385em;
}

dd, dt, li
{
   margin-top: 0;
   margin-bottom: 0;
   line-height: 1.5384615385em;
}

#content li > ul, #content li > ol
{
   margin-top: 0px;
   margin-bottom: 0px;
}

sup, sub
{
  line-height: 0;
}

div#content #toc {
  margin: 10px 0px;
}

div#content #toc h2, div#content .toc h2 {
  font-family: sans-serif !important;
  font-weight: bold;
  font-size: 100%;
}

/*Personal panel*/

#p-personal
{
  right:0;
  top:0;
  padding-right:0.75em;
  border-radius: 0 0 0 0.5em;
  margin-left: 12em;
  background-color: #fff;
  z-index: 6;
  text-transform: lowercase;
}

#p-personal ul
{
 padding-left: 0;
}

#pt-userpage, #pt-anonuserpage, #pt-login
{
  text-transform: none;
}

#p-personal li
{
  font-size:0.9230769231em;
  margin: 0.4em 0 0.4em 1em;
  line-height:1em;
}

#p-personal li.active a
{
  font-weight: bold;
}

li#pt-userpage
{
  background: none;
  padding-left: 0px !important;
}

/*Left panel*/

#mw-panel
{
  z-index: 1;
}

div#mw-panel div.portal
{
  font-size: 0.9230769231em;
  width: 12em;
  margin: 0 9px 10px 11px !important;
  padding: 0.1em 0 0 !important;
  background-image: none !important;
}

div#mw-panel div.portal div.body ul li, div#mw-panel div.portal h3
{
  font-size: 1em;
}

div#mw-panel div.portal div.body {
  margin-left: 0.5em;
}

/*Footer*/

div#footer
{
  background-color: transparent;
  margin: -7.5em 0 0 !important;
  padding: 8em 0 0.5em 13em !important;
  position: relative;
  height: 7em;
}

#footer ul li
{
  font-size: 0.9230769231em !important;
  line-height:1.6666666667em !important;
  padding: 0 !important;
}

#footer #footer-info li, #footer #footer-places li
{
  line-height: 1.6666666667em;
}

#footer #footer-places
{
  margin-top: 0.8333333333em;
}

#footer #footer-icons
{
  position: absolute;
  right: 1em;
  z-index:1;
  margin-top: 0.5em;
}

#footer #footer-icons li
{
  margin-bottom: 1em !important;
}

#footer #footer-icons ul li a
{
  display: block;
  float: left;
}

#footer #footer-icons li a + a
{
  margin-left: 0.75em;
}

#footer #footer-icons li#footer-copyrightico
{
  background-image: url("/images/0/01/ArenaNet.png");
  background-repeat: no-repeat;
  width: 90px;
  height: 36px;
  position: relative;
  top: 0;
  margin: 0 5px 0 0;
}

#footer #footer-icons li#footer-copyrightico img
{
  display:none;
}

.mw-editsection
{
  font-family: Arial, sans-serif;
  font-size: 13px !important;
  font-size-adjust: 0.52;
  line-height: unset;
}

/*Main content changes*/

div#content
{
  position:relative;
  box-shadow: rgba(0, 0, 0, 0.15) 0 0.1em 0.75em;
  border-radius: 0;
  border: 1px solid #CCC;
  z-index: 1;
  margin-left: 12em;
  background-image: none;
}

div#bodyContent, #mw-head, #mw-panel, #footer, input, select, #p-personal
{
  font-size: 1em;
  font-family: Arial, sans-serif;
  line-height: 1.5384615385em;
}

textarea, pre, xmp, plaintext, listing
{
  font-family: monospace !important;
  font-size: 1.2em;
}

pre, xmp, plaintext, listing
{
  white-space: pre-wrap;
}

/*VECTOR TABS*/

div.vectorTabs li a, div.vectorTabs li a:visited, div.vectorMenu li a { text-decoration: none; }

div.vectorTabs
{
  padding: 0;
  background-color:transparent;
  background-image: none;
}

div.vectorTabs span
{
 overflow: hidden;
 height: 2.3em;
 background: transparent;
}

#right-navigation, #left-navigation
{
  padding: 1px 0 0;
  z-index: 3;
}

#right-navigation div.vectorTabs
{
  margin: 0px;
}

div.vectorMenu
{
  height: 2.3em;
  margin-top: 0;
  background-color: #eee;
  border: 1px solid #ccc;
}

#mw-navigation #mw-head div.vectorMenu h3
{
  height: 2.3em;
}

#mw-navigation div.vectorMenu h3 a
{
  background-position: 100% 50%;
}

#mw-navigation div.vectorMenu h3 span
{
  display: inline-block;
  height: 100%;
  line-height: 30px;
  padding: 0 0.3em 0 0.9em;
  font-size: 0.9em;
}

#mw-navigation div.vectorMenu div.menu
{
  top: 2.3em;
  border: none;
  left: 0;
}

div.vectorMenu ul
{
  margin-left: -1px;
  background-color: #eee;
  border: solid 1px #ccc;
}

div.vectorMenu li a
{
  font-size: 0.9230769231em;
  height: 1.4em;
  line-height:1.53846em;
}

div.vectorTabs ul li
{
  height: 2.3em;
  line-height: 0;
  margin: 0 -1px 0 0;
  background-image: none;
  background-color:#eee;
  border:1px solid #ccc;
}

div.vectorTabs ul li:first-child
{
  border-top-left-radius:0.5em;
}

div.vectorTabs ul li:hover, div.vectorMenu ul li:hover, div.vectorMenu:hover
{
background-color:#f8f8f8;
}

div.vectorTabs li a
{
  font-size: 12px
  height: 1.4em;
  padding-left: 0.9em;
  padding-right: 0.9em;
  background-image: none;
}

div.vectorTabs li.selected
{
  background-color:  #fff;
  border: 1px solid #ccc;
  border-bottom-width: 0;
  padding-bottom: 1px;
  margin: 0 -1px 0 0;
}

div.vectorTabs li.selected a span
{
  margin-top: 0px;
}

div#left-navigation div.vectorTabs li.selected
{
  border-radius: 0.5em 0 0 0;
}

div#left-navigation div.vectorTabs li + li.selected
{
  border-radius: 0;
}

div#left-navigation div.vectorTabs ul li:last-child
{
  border-top-right-radius:0.5em;
}

div.vectorTabs a span
{
  padding-top: 0;
  line-height: 2.5em;
}

div.vectorTabs li a span
{
  font-size: 0.9230769231em;
}

div.vectorTabs span > a
{
  font-size: 12px !important;
}

#left-navigation
{
  top: 3em;
  left: 12em !important;
  margin: -1px 0 0 !important;
  position: absolute;
}

#right-navigation
{
  top: 3em;
  margin-top: -1px;
  position: absolute;
  right: 0;
}

#mw-page-base
{
  background-image: url("/images/0/00/Skin_header.png");
  height: 228px;
  background-position: top left;
  background-repeat: no-repeat;
  background-color:transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
}

#mw-head-base
{
  margin: 0 0 -1px 12em;
  height: 5.3em;
  padding: 2px 0 0 0;
  background-color:transparent;
  background-image: none;
  border-radius: 0.5em 0 0 0;
  background-image: none;
  position: relative;
  z-index:2;
}

/** Simple search - enable this in the search options in preferences! **/
div#simpleSearch
{
  border:1px solid #ccc !important;
  height: 2.3em !important;
  margin-top: 0px !important;
}

#p-search
{
  margin: 0 0 0 -1px;
}

#p-search form, #p-search input
{
  margin: 0;
}

div#simpleSearch input#searchInput
{
  font-size: 1em;
  height:2.2em;
  padding: 0.2em 0px 0px 0.2em;
}

#ca-watch.icon a, #ca-watch.icon a:focus, #ca-watch.icon a:hover, #ca-unwatch.icon a, #ca-unwatch.icon a:hover, #ca-unwatch.icon a:focus
{
  background-image: url("/images/5/56/Watch_icons.png");
}

.vectorTabs #ca-watch span a.loading, .vectorTabs #ca-unwatch span a.loading {
  animation: none;
}

#ca-watch.icon a, #ca-watch.icon a:focus           { background-position:   5px 35%; }
#ca-watch.icon a:hover                             { background-position: -19px 35%; }
#ca-unwatch.icon a                                 { background-position: -43px 35%; }
#ca-unwatch.icon a:hover, #ca-unwatch.icon a:focus { background-position: -67px 35%; }

#ca-watch.icon, #ca-unwatch.icon                   { margin-right: -1px; }

#ca-watch.icon a, #ca-unwatch.icon a
{
  margin: 0 0.33em;
  width: 27px;
  height: 0;
}

#ca-watch.icon a.loading, #ca-unwatch.icon a.loading
{
  background-image: none;
}
div#mw-notification-area
{
  font-size: 13px !important;
  top: 1em !important;
}

div.vectorMenu h3 a
{
  height: 30px;
  margin-bottom:-1px;
}

div.vectorTabs ul
{
  background: none;
}

/* Recent changes "byte count change" text colours */
.mw-plusminus-pos
{
  color:#060;
}

.mw-plusminus-neg
{
  color:#900;
}

.mw-changeslist-legend dt {
  line-height: 1.5em !important;
}

.mw-changeslist-legend dd {
  line-height: 1.5em !important;
}

/* Search placeholder style */

input:-moz-placeholder
{
  font-style: italic;
}

input::-webkit-input-placeholder
{
  font-style: italic;
}

#siteNotice, #mw-js-message
{ 
  font-size: 0.9230769231em;
}

#mw-dismissable-notice
{
  margin-bottom:1em;
}

/** Remove spacing below page title and content **/
div#bodyContent
{
  padding-top: 0px !important;
}

li > ul, li > ol
{
  margin-top: 0;
  margin-bottom: 0;
}

/* Correct the location of icons fixed to page title line, e.g. "Template:ArenaNet article" */
div.icon-fixed-top
{ top: 0px !important;
  margin-top: -2em;
}

/*</nowiki>*/
Retrieved from "https://wiki.dungeondefenders2.com/index.php?title=MediaWiki:Vector.css&oldid=3766"