MediaWiki:Vector.css

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

/* Animation CSS for the Animated Sprites of the Crafting UI */

.mw-body-content .animated > *:not(.animated-active),.mw-body-content .animated > .animated-subframe > *:not(.animated-active) {
    display: none;
}

.mw-body-content span.animated,.mw-body-content span.animated.animated-visible > *,.mw-body-content span.animated.animated-visible > .animated-subframe > * {
    display: inline-block;
}

.mw-body-content div.animated.animated-visible > *,.mw-body-content div.animated.animated-visible > .animated-subframe > * {
    display: block;
}