Template:Gigachad/styles.css - Revision history

SomebodyRum at 14:08, 19 April 2026

2026-04-19T14:08:59Z

← Older revision		Revision as of 14:08, 19 April 2026
Line 1:		Line 1:
	/* Template:Gigachad/styles.css */		/* Template:Gigachad/styles.css */
			.gigachad-scene { display: inline-block; position: relative; }

	~~.gigachad-scene {~~		/* Aura is now just a standard block, we will force it to stretch via Wikitext */
	~~display: inline-block;~~
	~~position: relative;~~
	}

	/* ~~The aura overlay~~ */
	.gigachad-aura {		.gigachad-aura {
	~~position: fixed;~~		background: rgba(0, 0, 0, 0.9);
	~~/* We remove width/height/inset entirely and use top/right/bottom/left in wikitext */~~
	~~z-index: 999998;~~
	background: rgba(0, 0, 0, 0.85);
	opacity: 0;		opacity: 0;
	transition: opacity 0.~~5s ease~~;		transition: opacity 0.4s;
	}		}

	~~/* Your original box styles */~~
	.gigachad-box {		.gigachad-box {
	margin: 5px auto;		margin: 5px auto;
	display: inline-flex; ~~/* Changed from flex to keep it inline */~~		display: inline-flex;
	align-items: center;		align-items: center;
	gap: 10px;		gap: 10px;
Line 29:		Line 21:
	padding: 5px 10px;		padding: 5px 10px;
	position: relative;		position: relative;
	~~z-index: 999999;~~
	}

	~~.gigachad-title {~~
	~~color: #fff;~~
	~~text-shadow: 0px 0px 2px #ffffff;~~
	~~font-size: 140%;~~
	}		}

	.gigachad-subtitle {		.gigachad-title { color: #fff; text-shadow: 0px 0px 2px #ffffff; font-size: 140%; }
	text-shadow: 0px 0px 2px #ffffff;		.gigachad-subtitle { text-shadow: 0px 0px 2px #ffffff; font-size: 120%; }
	font-size: 120%;
	}

	.gigachad-scene:hover .gigachad-aura {		.gigachad-scene:hover .gigachad-aura { opacity: 1; }
	opacity: 1;		.gigachad-scene:hover .gigachad-box { transform: scale(1.05); }
	}

	.gigachad-scene:hover .gigachad-box {
	transform: scale(1.05);
	~~transition: transform 0.4s ease;~~
	}

SomebodyRum at 14:05, 19 April 2026

2026-04-19T14:05:16Z

← Older revision		Revision as of 14:05, 19 April 2026
Line 19:		Line 19:
	.gigachad-box {		.gigachad-box {
	margin: 5px auto;		margin: 5px auto;
	~~/* 'fit-content' is usually allowed, but if it flags, use '~~display: inline-flex' */		display: inline-flex; /* Changed from flex to keep it inline */
	~~display: inline-flex;~~
	align-items: center;		align-items: center;
	gap: 10px;		gap: 10px;

SomebodyRum: testing

2026-04-19T14:03:34Z

testing

New page

/* Template:Gigachad/styles.css */

.gigachad-scene {
display: inline-block;
position: relative;
}

/* The aura overlay */
.gigachad-aura {
position: fixed;
/* We remove width/height/inset entirely and use top/right/bottom/left in wikitext */
z-index: 999998;
background: rgba(0, 0, 0, 0.85);
opacity: 0;
transition: opacity 0.5s ease;
}

/* Your original box styles */
.gigachad-box {
margin: 5px auto;
/* 'fit-content' is usually allowed, but if it flags, use 'display: inline-flex' */
display: inline-flex;
align-items: center;
gap: 10px;
box-shadow: inset 0px 0px 8px black;
background: linear-gradient(#636363,#3A3A3A);
color: #fff;
font-size: 95%;
text-align: center;
padding: 5px 10px;
position: relative;
z-index: 999999;
}

.gigachad-title {
color: #fff;
text-shadow: 0px 0px 2px #ffffff;
font-size: 140%;
}

.gigachad-subtitle {
text-shadow: 0px 0px 2px #ffffff;
font-size: 120%;
}

.gigachad-scene:hover .gigachad-aura {
opacity: 1;
}

.gigachad-scene:hover .gigachad-box {
transform: scale(1.05);
transition: transform 0.4s ease;
}