Jump to content

MediaWiki:Vector-2022.css: Difference between revisions

m CSS test
m CSS test
Line 9: Line 9:


@media screen {
@media screen {
.mw-body {
.skin-theme-clientpref-night .mw-body {
box-shadow: none;
  box-shadow: none;
    }
}
   }
   }



Revision as of 00:47, 1 June 2025

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

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

.mw-body {
	border-color: transparent;
	box-shadow: 0 0.25em 0.6em -0.15em rgba(0,0,0,0.15);
}

@media screen {
	.skin-theme-clientpref-night .mw-body {
	  box-shadow: none;
	}
  }

#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 {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	/*
	vertical-align: sub;
	*/
}

#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: top 52% left 4%;
	padding-left: 2em;
	margin-bottom: 5px;
	border-radius: 4px;
	/*
	border-width: 0px 6px 0px 6px;
	border-style: solid;
	border-radius: 4px;
	border-color: #7289da;
	transition: background-color .4s, border-color .4s;
	*/
}

#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 4%;
	padding-left: 2em;
	margin-bottom: 5px;
	border-radius: 4px;
	/*
	border-width: 0px 6px 0px 6px;
	border-style: solid;
	border-radius: 4px;
	border-color: #e60000;
	transition: background-color .4s, border-color .4s;
	*/
}


#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 4%;
	padding-left: 2em;
	border-radius: 4px;
    /*
	border-width: 0px 6px 0px 6px;
	border-style: solid;
	border-radius: 4px;
	border-color: #ad9c6f;
	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;
}
	*/