The Gold Network: Soyworld | SNCApedia | SoyPlace


New feature: SNCApedia:Advertisements.


I'm not dead, just inactive for the moment. Faggot (talk) 20:16, 9 April 2026 (UTC)

Template:Gigachad/styles.css: Difference between revisions

From SNCApedia, the shit nobody cares about encyclopedia
Jump to navigationJump to search
testing
 
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; }


.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;
    /* 'fit-content' is usually allowed, but if it flags, use 'display: inline-flex' */
     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;
    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;
}

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); }