User:Xeverything11/sandbox/RC/styles.css

@keyframes rc-expand {
    0% {transform: scale(0.5); max-height: 0; margin: 0 0; padding: 0 1rem; opacity: 0;}
    99.9% {transform: scale(0.5); max-height: 0; margin: 0 0; padding: 0 1rem; opacity: 0;}
    100% {transform: scale(1); max-height: 10rem; margin: 0.5rem 0; padding: 1rem 1rem; opacity: 1;}
}

.mw-changeslist-legend {
    display: none;
}

.mw-changeslist > div > table {
    display: block;
    border: 1px solid var(--color-primary1);
    border-radius: 4px;
}

.mw-changeslist > div > * {
    animation: rc-expand 500s;
    padding: 1rem;
    margin: 0.5rem 0;
    transform-origin: 50% 0;
    overflow: hidden;
}

.mw-changeslist > h4:nth-child(2) + div > *:nth-child(1) {animation-delay: -499s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(2) {animation-delay: -499s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(3) {animation-delay: -499s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(4) {animation-delay: -497s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(5) {animation-delay: -495s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(6) {animation-delay: -493s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(7) {animation-delay: -491s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(8) {animation-delay: -489s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(9) {animation-delay: -487s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(10) {animation-delay: -485s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(11) {animation-delay: -483s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(12) {animation-delay: -481s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(13) {animation-delay: -479s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(14) {animation-delay: -477s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(15) {animation-delay: -475s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(16) {animation-delay: -473s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(17) {animation-delay: -471s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(18) {animation-delay: -469s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(19) {animation-delay: -467s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(20) {animation-delay: -465s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(21) {animation-delay: -463s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(22) {animation-delay: -461s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(23) {animation-delay: -459s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(24) {animation-delay: -457s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(25) {animation-delay: -455s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(26) {animation-delay: -453s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(27) {animation-delay: -451s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(28) {animation-delay: -449s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(29) {animation-delay: -447s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(30) {animation-delay: -445s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(31) {animation-delay: -443s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(32) {animation-delay: -441s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(33) {animation-delay: -439s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(34) {animation-delay: -437s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(35) {animation-delay: -435s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(36) {animation-delay: -433s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(37) {animation-delay: -431s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(38) {animation-delay: -429s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(39) {animation-delay: -427s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(40) {animation-delay: -425s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(41) {animation-delay: -423s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(42) {animation-delay: -421s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(43) {animation-delay: -419s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(44) {animation-delay: -417s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(45) {animation-delay: -415s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(46) {animation-delay: -413s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(47) {animation-delay: -411s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(48) {animation-delay: -409s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(49) {animation-delay: -407s;}
.mw-changeslist > h4:nth-child(2) + div > *:nth-child(50) {animation-delay: -405s;}

.mw-changeslist > h4:nth-child(4) + div > *:nth-child(1) {animation-delay: -453s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(2) {animation-delay: -451s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(3) {animation-delay: -449s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(4) {animation-delay: -447s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(5) {animation-delay: -445s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(6) {animation-delay: -443s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(7) {animation-delay: -441s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(8) {animation-delay: -439s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(9) {animation-delay: -437s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(10) {animation-delay: -435s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(11) {animation-delay: -433s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(12) {animation-delay: -431s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(13) {animation-delay: -429s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(14) {animation-delay: -427s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(15) {animation-delay: -425s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(16) {animation-delay: -423s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(17) {animation-delay: -421s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(18) {animation-delay: -419s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(19) {animation-delay: -417s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(20) {animation-delay: -415s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(21) {animation-delay: -413s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(22) {animation-delay: -411s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(23) {animation-delay: -409s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(24) {animation-delay: -407s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(25) {animation-delay: -405s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(26) {animation-delay: -403s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(27) {animation-delay: -401s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(28) {animation-delay: -399s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(29) {animation-delay: -397s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(30) {animation-delay: -395s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(31) {animation-delay: -393s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(32) {animation-delay: -391s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(33) {animation-delay: -389s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(34) {animation-delay: -387s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(35) {animation-delay: -385s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(36) {animation-delay: -383s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(37) {animation-delay: -381s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(38) {animation-delay: -379s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(39) {animation-delay: -377s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(40) {animation-delay: -375s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(41) {animation-delay: -373s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(42) {animation-delay: -371s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(43) {animation-delay: -369s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(44) {animation-delay: -367s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(45) {animation-delay: -365s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(46) {animation-delay: -363s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(47) {animation-delay: -361s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(48) {animation-delay: -359s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(49) {animation-delay: -357s;}
.mw-changeslist > h4:nth-child(4) + div > *:nth-child(50) {animation-delay: -355s;}