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

Latest revision as of 09:09, 5 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: 2px;
	padding: 0 6px;
	z-index: 0;
	border-radius: 12px;
}
.text-plazanews-s1>span {
	filter: drop-shadow(1px 1px 1.5px #000);
}
.text-plazanews-s1-Callie {
	background: #8a00ad;
	background: linear-gradient(0, #8a00ad 0%, #aa0085 100%);
}
.text-plazanews-s1-Marie {
	background: #36ba25;
	background: linear-gradient(0, #36ba25 0%, #9ec313 100%);
}
/* Special styles for Splatoon 2 Inkopolis News (Off the Hook) */
.text-plazanews-s2 {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	min-width: 100px;
	height: 35px;
	color: white;
	text-align: center;
	font: bold 12pt/35px sans-serif;
	margin: 2px;
	padding: 0 8px;
	z-index: 0;
}
.text-plazanews-s2>span {
	filter: drop-shadow(1px 1px 1.5px #000);
}
.text-plazanews-s2-Pearl {
	padding: 0 12px 0 2px;
}
.text-plazanews-s2::before, .text-plazanews-s2::after {
	content: ' ';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.text-plazanews-s2-Pearl::before {
	z-index: -1;
	background: #fc4ead;
	clip-path: polygon(0 26.89%, 0 57.45%, 76.44% 100%, 100% 50.12%, 39.94% 0);
}
.text-plazanews-s2-Pearl::after {
	z-index: -2;
	background: #000;
	clip-path: polygon(0 57.45%, 0 89.5%, 76.44% 100%, 91.66% 100%, 100% 50.12%);
}
.text-plazanews-s2-Marina::before {
	z-index: -1;
	background: #00e293;
	clip-path: polygon(0 81.79%, 100% 100%, 100% 54.64%, 28.69% 0);
}
.text-plazanews-s2-Marina::after {
	z-index: -2;
	background: #000;
	clip-path: polygon(28.69% 0, 100% 27.14%, 100% 54.64%, 0 81.79%, 6% 35.89%);
}
/* 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;
}