Template:AngelQuarantine/styles.css - Revision history

Tesinormed at 11:00, June 20, 2025

2025-06-20T11:00:29Z

← Older revision		Revision as of 11:00, June 20, 2025
Line 23:		Line 23:
	overflow: visible;		overflow: visible;
	text-transform: uppercase;		text-transform: uppercase;
	~~white~~-~~space~~: ~~pre-~~wrap;		text-wrap: wrap;
	}		}

	#angel_quarantine-subtitle::after { /* ~~Subtitle~~ danger stripes */		#angel_quarantine-subtitle::after { /* subtitle danger stripes */
	content: '';		content: '';
	position: absolute;		position: absolute;

Tesinormed at 10:40, June 20, 2025

2025-06-20T10:40:35Z

← Older revision		Revision as of 10:40, June 20, 2025
Line 23:		Line 23:
	overflow: visible;		overflow: visible;
	text-transform: uppercase;		text-transform: uppercase;
			white-space: pre-wrap;
	}		}

Tesinormed at 10:38, June 20, 2025

2025-06-20T10:38:54Z

← Older revision		Revision as of 10:38, June 20, 2025
Line 1:		Line 1:
	#title{ /* the main title itself */		#angel_quarantine-title { /* the main title itself */
	font-size: 35px;		font-size: 35px;
	font-weight: bold;		font-weight: bold;
Line 5:		Line 5:
	text-align: center;		text-align: center;
	color: #ffea00;		color: #ffea00;
	animation: flash 2s infinite ease-in-out;		animation: flash 2s infinite ease-in-out;
	}		}

	#subtitle{		#angel_quarantine-subtitle {
		⚫	display: block;
	overflow-wrap: break-word;
	~~display~~: ~~block~~;		width: fit-content;
	~~width~~: ~~fit-content~~;		margin: 1em auto;
		⚫	background: #000;
⚫	~~margin~~: ~~1em~~ ~~auto;~~
		⚫	color: #ffea00;
⚫	background: #000;
		⚫	font-weight: bold;
⚫	color: #ffea00;
		⚫	text-align: center;
⚫	font-weight: bold;
		⚫	font-size: 1.2rem;
⚫	text-align: center;
		⚫	padding: 0.3em 1em;
⚫	font-size: 1.2rem;
		⚫	border-radius: 0.2em;
⚫	padding: 0.3em 1em;
		⚫	animation: glow 2s infinite ease-in-out; /* the subtitle pulse */
⚫	border-radius: 0.2em;
		⚫	position: relative;
⚫	animation: glow 2s infinite ease-in-out; /* the subtitle pulse */
		⚫	overflow: visible;
⚫	position: relative;
		⚫	text-transform: uppercase;
⚫	overflow: visible;
⚫	text-transform: uppercase;
	}		}

	#subtitle::after { /* Subtitle danger stripes */		#angel_quarantine-subtitle::after { /* Subtitle danger stripes */
	content: '';		content: '';
	position: absolute;		position: absolute;
	left: 50%;		left: 50%;
	transform: translateX(-50%);		transform: translateX(-50%);
	bottom: -1.3em;		bottom: -1.3em;
	width: calc(100% + 2em);		width: calc(100% + 2em);
	height: 0.5em;		height: 0.5em;
	background: repeating-linear-gradient(		background: repeating-linear-gradient(
	-45deg,		-45deg,
	#ffea00 0,		#ffea00 0,
	#ffea00 25%,		#ffea00 25%,
	#000 25%,		#000 25%,
	#000 50%		#000 50%
	);		);
	background-size: 0.8em 0.8em;		background-size: 0.8em 0.8em;
	border-radius: 0 0 0.2em 0.2em;		border-radius: 0 0 0.2em 0.2em;
	z-index: -1;		z-index: -1;


	animation: stripe-scroll 1s linear infinite;		animation: stripe-scroll 1s linear infinite;
	}		}

	@keyframes stripe-scroll {		@keyframes stripe-scroll {
	from {		from {
	background-position: 0 0;		background-position: 0 0;
	}		}
	to {		to {
	background-position: 0.8em 0; /* move by one stripe width */		background-position: 0.8em 0; /* move by one stripe width */
	}		}
	}		}


	@keyframes flash {		@keyframes flash {
	0%, 100% { ~~text-shadow: none; }~~		0%, 100% {
	~~50% {~~ text-shadow: ~~0 0 15px #ffea00~~; }		text-shadow: none;
			}
			50% {
			text-shadow: 0 0 15px #ffea00;
			}
	}		}

	@keyframes glow {		@keyframes glow {
	0%, 100% { ~~box-shadow: 0 0 0px transparent; }~~		0%, 100% {
	~~50% {~~ box-shadow: 0 0 ~~15px~~ ~~#ffea00~~; }		box-shadow: 0 0 0 transparent;
			}
			50% {
			box-shadow: 0 0 15px #ffea00;
			}
	}		}

MMONTAGEe: Undo revision 166475 by MMONTAGEe (talk)

2025-06-18T06:56:36Z

Undo revision 166475 by MMONTAGEe (talk)

← Older revision		Revision as of 06:56, June 18, 2025
Line 22:		Line 22:
	animation: glow 2s infinite ease-in-out; /* the subtitle pulse */		animation: glow 2s infinite ease-in-out; /* the subtitle pulse */
	position: relative;		position: relative;
	overflow: ~~hidden~~;		overflow: visible;
	text-transform: uppercase;		text-transform: uppercase;
	}		}

MMONTAGEe at 06:54, June 18, 2025

2025-06-18T06:54:17Z

← Older revision		Revision as of 06:54, June 18, 2025
Line 22:		Line 22:
	animation: glow 2s infinite ease-in-out; /* the subtitle pulse */		animation: glow 2s infinite ease-in-out; /* the subtitle pulse */
	position: relative;		position: relative;
	overflow: ~~visible~~;		overflow: hidden;
	text-transform: uppercase;		text-transform: uppercase;
	}		}

MMONTAGEe at 06:51, June 18, 2025

2025-06-18T06:51:30Z

← Older revision		Revision as of 06:51, June 18, 2025
Line 11:		Line 11:
	overflow-wrap: break-word;		overflow-wrap: break-word;
	display: block;		display: block;
	width: ~~max~~-content;		width: fit-content;
	margin: 1em auto;		margin: 1em auto;
	background: #000;		background: #000;

MMONTAGEe at 06:47, June 18, 2025

2025-06-18T06:47:36Z

← Older revision		Revision as of 06:47, June 18, 2025
Line 9:		Line 9:

	#subtitle{		#subtitle{
	~~white~~-~~space~~: ~~normal~~;		overflow-wrap: break-word;
	display: block;		display: block;
	width: max-content;		width: max-content;

MMONTAGEe at 06:42, June 18, 2025

2025-06-18T06:42:21Z

← Older revision		Revision as of 06:42, June 18, 2025
Line 9:		Line 9:

	#subtitle{		#subtitle{
	white-space: ~~pre-wrap~~;		white-space: normal;
	display: block;		display: block;
	width: max-content;		width: max-content;

MMONTAGEe at 06:41, June 18, 2025

2025-06-18T06:41:25Z

← Older revision		Revision as of 06:41, June 18, 2025
Line 9:		Line 9:

	#subtitle{		#subtitle{
			white-space: pre-wrap;
	display: block;		display: block;
	width: max-content;		width: max-content;

MMONTAGEe at 06:33, June 18, 2025

2025-06-18T06:33:15Z

← Older revision		Revision as of 06:33, June 18, 2025
Line 4:		Line 4:
	justify-content: center;		justify-content: center;
	text-align: center;		text-align: center;
	background: #000;
	color: #ffea00;		color: #ffea00;
	animation: flash 2s infinite ease-in-out;		animation: flash 2s infinite ease-in-out;