MediaWiki:Vector.css

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 */

html {
    height: 100%
}

#mw-navigation #mw-head #p-personal ul li a {
    color: #57a5de;
}

@media screen and (min-width: 982px){
	#p-personal {
    	right: 1.5em;
	}
}

#mw-page-base{
	background-image:none;
	background:none;
	height:7em;
}

#left-navigation, #right-navigation{
	margin-top:4.5em;
}

@media (min-width: 720px){
	#mw-head-base{
		background:url(/images/0/0e/Vector_header_-_2019.png) no-repeat;
		margin-left:17em;
		margin-top: -9em;
    	height: 9em;
	}
}

/*@media screen*/
.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
    font-family: "Roboto Slab","Linux Libertine","Georgia","Times",serif;
    border-bottom: 0px;
    font-size: 190%;
}

#content{
	border:none;
}

/********************************
**
**		VectorTab Improvements
**		Inspired by Runescape Wiki
**
********************************/

.vectorTabs, .vectorTabs ul, #mw-head .vectorMenu h3, .vectorTabs ul li, .vectorMenu .menu{
	background:#F0F0F0;
}

.vectorTabs li.selected {
	background:#FBFBFB;
}

.vectorTabs li a, .vectorMenu h3 {
    font-weight: 300;
}

.vectorTabs li.selected a, .vectorTabs li.selected a:visited{
	font-weight:500;
}

.vectorTabs ul li:hover a, .vectorTabs ul li a:hover, .vectorMenu ul li:hover a {
	text-decoration:none;
}

.vectorTabs li a {
    padding: 0 .75em;
}

.vectorTabs span {
    background: none;
}

.vectorTabs span a {
    padding-top: 1em;
    height: 2.25em;
}

.vectorTabs ul li:not(.selected):hover, #mw-head .vectorMenu h3:hover, #p-cactions:hover #p-cactions-label, .vectorMenu ul li:hover {
    background: #fafafa;
}

.vectorTabs ul li:not(.selected), #mw-head .vectorMenu h3 {
    box-shadow: inset 0 -7px 7px -7px rgba(0, 0, 0, 0.15);
}

.vectorMenu {
    line-height: initial;
}

.vectorMenu h3 span {
    padding-top: 1.1em;
}

.vectorMenu .menu {
    border: 1px solid #DDD;
    box-shadow: 0 7px 7px -3px rgba(0,0,0,0.5);
}

#p-search {
    margin: 0;
}

#p-search form {
    margin-top: 0;
}

div#simpleSearch {
    border: none;
    background: #ffffff;
    height: 2.485em;
    margin-top: 0;
    box-shadow: inset 0 -7px 7px -7px rgba(0, 0, 0, 0.15);
}

div#simpleSearch #searchInput {
    font-family: Roboto Slab;
    padding: 0.88em;
    border: none;
}

div#simpleSearch #searchButton {
    width: 2.5em;
}