User:Harimaron/Sandbox/Template:StageQuotes/styles.css: Difference between revisions

Revision as of 23:04, 4 May 2023

/* Gives text a thick dark shadow. */
.text-shadow-8 {
  text-shadow: -1px -1px 1px #000, -1px 1px 1px #000, -1px 0 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, 1px 0 1px #000, 0 -1px 1px #000, 0 1px 1px #000;
}
/* Special styles for Splatoon Inkopolis News (Squid Sisters) */
.text-plazanews-s1 {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	min-width: 80px;
	height: 24px;
	color: white;
	text-align: center;
	font: bold 12pt/24px sans-serif;
	margin: 4px;
	padding: 0 6px;
	z-index: 0;
}
.text-plazanews-s1>span {
	filter: drop-shadow(1px 1px 1.5px #000);
}
.text-plazanews-s1::before {
	content: ' ';
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 12px;
}
.text-plazanews-s1-Callie::before {
	background: #8a00ad;
	background: linear-gradient(0, #8a00ad 0%, #aa0085 100%);
}
.text-plazanews-s1-Marie::before {
	background: #36ba25;
	background: linear-gradient(0, #36ba25 0%, #9ec313 100%);
}
/* Special styles for Splatoon 3 Anarchy Splatcast */
.text-plazanews-s3 {
	position: relative;
	display: inline-block;
	min-width: 100px;
	height: 24px;
	color: white;
	text-align: center;
	font: bold 12pt/24px sans-serif;
	transform: rotate(-3deg);
	margin: 4px;
	z-index: 0;
}
.text-plazanews-s3::before {
	content: ' ';
	box-sizing: border-box;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #555;
	border: solid;
	border-width: 0 7px 0 7px;
	transform: skew(17deg, 0);
}
.text-plazanews-s3.text-plazanews-s3-Shiver::before {
	border-color: #1437FF;
}
.text-plazanews-s3.text-plazanews-s3-Frye::before {
	border-color: #F6FF00;
}
.text-plazanews-s3.text-plazanews-s3-BigMan::before {
	border-color: #9C9C9C;
}