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)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* All CSS here will be loaded for users of the Vector skin */

/* This one changes CSS for the link buttons */

#n-Access-Discord a:link,
#n-Access-Discord a:visited,
#n-View-YouTube a:link,
#n-View-YouTube a:visited,
#n-View-DynMap a:link,
#n-View-DynMap a:visited {
	vertical-align: sub;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
}

#n-Access-Discord {
	background: #7289da;
	background-image: url('https://static.wikitide.net/alathramcwiki/8/82/636e0a6ca814282eca7172c6_icon_clyde_white_RGB.svg');
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: center left;
	border-width: 0px 6px 0px 6px;
	border-style: solid;
	border-radius: 4px;
	border-color: #7289da;
	padding-left: 1.8em;
	transition: background-color .4s, border-color .4s;
	margin-bottom: 3px;
}

#n-View-YouTube {
	background: #e60000;
	background-image: url('https://upload.wikimedia.org/wikipedia/commons/4/42/YouTube_light_icon_%282017%29.svg');
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: center left;
	border-width: 0px 6px 0px 6px;
	border-style: solid;
	border-radius: 4px;
	border-color: #e60000;
	padding-left: 1.8em;
	transition: background-color .4s, border-color .4s;
	margin-bottom: 3px;
}


#n-View-DynMap {
	background: #ad9c6f;
	background-image: url('https://upload.wikimedia.org/wikipedia/commons/8/86/Map_icon.svg');
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: center left;
	border-width: 0px 6px 0px 6px;
	border-style: solid;
	border-radius: 4px;
	border-color: #ad9c6f;
	padding-left: 1.8em;
	transition: background-color .4s, border-color .4s;
}


#n-Access-Discord:hover {
	border-color: #8699df;
	background-color: #8699df;
}

#n-View-DynMap:hover {
	border-color: #b5a67d;
	background-color: #b5a67d;
}

#n-View-Youtube:hover {
	border-color: #ff4d4d;
	background-color: #ff4d4d;
}