Template:Gigachad/styles.css: Difference between revisions
From SNCApedia, the shit nobody cares about encyclopedia
Jump to navigationJump to search
SomebodyRum (talk | contribs) testing |
SomebodyRum (talk | contribs) No edit summary |
||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* Template:Gigachad/styles.css */ | /* Template:Gigachad/styles.css */ | ||
.gigachad-scene { display: inline-block; position: relative; } | |||
/* Aura is now just a standard block, we will force it to stretch via Wikitext */ | |||
/* | |||
.gigachad-aura { | .gigachad-aura { | ||
background: rgba(0, 0, 0, 0.9); | |||
background: rgba(0, 0, 0, 0. | |||
opacity: 0; | opacity: 0; | ||
transition: opacity 0. | transition: opacity 0.4s; | ||
} | } | ||
.gigachad-box { | .gigachad-box { | ||
margin: 5px auto; | margin: 5px auto; | ||
display: inline-flex; | |||
display: inline-flex; | |||
align-items: center; | align-items: center; | ||
gap: 10px; | gap: 10px; | ||
| Line 30: | Line 21: | ||
padding: 5px 10px; | padding: 5px 10px; | ||
position: relative; | position: relative; | ||
} | } | ||
.gigachad-subtitle { | .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 { | .gigachad-scene:hover .gigachad-aura { opacity: 1; } | ||
.gigachad-scene:hover .gigachad-box { transform: scale(1.05); } | |||
} | |||
.gigachad-scene:hover .gigachad-box { | |||
} | |||
Latest revision as of 14:08, 19 April 2026
/* Template:Gigachad/styles.css */
.gigachad-scene { display: inline-block; position: relative; }
/* Aura is now just a standard block, we will force it to stretch via Wikitext */
.gigachad-aura {
background: rgba(0, 0, 0, 0.9);
opacity: 0;
transition: opacity 0.4s;
}
.gigachad-box {
margin: 5px auto;
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;
}
.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); }