Latest revision |
Your text |
Line 1: |
Line 1: |
| @keyframes rc-expand { | | @keyframes rc-expand { |
| 0% {transform: scale(0.5); max-height: 0; margin: 0 0; padding: 0 1rem; opacity: 0;} | | 0% {transform: scale(0.5); max-height: 0; margin: 0 0; padding: 0 1rem;} |
| 99.9% {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;} |
| 100% {transform: scale(1); max-height: 10rem; margin: 0.5rem 0; padding: 1rem 1rem; opacity: 1;} | | 100% {transform: scale(0.1); max-height: 10rem; margin: 0.5rem 0; padding: 1rem 1rem;} |
| } | | } |
|
| |
|
Line 12: |
Line 12: |
| display: block; | | display: block; |
| border: 1px solid var(--color-primary1); | | border: 1px solid var(--color-primary1); |
| | padding: 1rem; |
| | margin: 0.5rem 0; |
| border-radius: 4px; | | border-radius: 4px; |
| | transform-origin: 50% 0; |
| } | | } |
|
| |
|
| .mw-changeslist > div > * { | | .mw-changeslist > div > * { |
| animation: rc-expand 500s; | | 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 > div > *:nth-child(1) {animation-delay: -499s;} |
| .mw-changeslist > h4:nth-child(2) + div > *:nth-child(2) {animation-delay: -499s;} | | .mw-changeslist > div > *:nth-child(2) {animation-delay: -499s;} |
| .mw-changeslist > h4:nth-child(2) + div > *:nth-child(3) {animation-delay: -499s;} | | .mw-changeslist > div > *:nth-child(3) {animation-delay: -499s;} |
| .mw-changeslist > h4:nth-child(2) + div > *:nth-child(4) {animation-delay: -497s;} | | .mw-changeslist > div > *:nth-child(4) {animation-delay: -497s;} |
| .mw-changeslist > h4:nth-child(2) + div > *:nth-child(5) {animation-delay: -495s;} | | .mw-changeslist > div > *:nth-child(5) {animation-delay: -495s;} |
| .mw-changeslist > h4:nth-child(2) + div > *:nth-child(6) {animation-delay: -493s;} | | .mw-changeslist > div > *:nth-child(6) {animation-delay: -493s;} |
| .mw-changeslist > h4:nth-child(2) + div > *:nth-child(7) {animation-delay: -491s;} | | .mw-changeslist > div > *:nth-child(7) {animation-delay: -491s;} |
| .mw-changeslist > h4:nth-child(2) + div > *:nth-child(8) {animation-delay: -489s;} | | .mw-changeslist > div > *:nth-child(8) {animation-delay: -489s;} |
| .mw-changeslist > h4:nth-child(2) + div > *:nth-child(9) {animation-delay: -487s;} | | .mw-changeslist > div > *:nth-child(9) {animation-delay: -487s;} |
| .mw-changeslist > h4:nth-child(2) + div > *:nth-child(10) {animation-delay: -485s;} | | .mw-changeslist > div > *:nth-child(10) {animation-delay: -485s;} |
| .mw-changeslist > h4:nth-child(2) + div > *:nth-child(11) {animation-delay: -483s;} | | .mw-changeslist > div > *:nth-child(11) {animation-delay: -483s;} |
| .mw-changeslist > h4:nth-child(2) + div > *:nth-child(12) {animation-delay: -481s;} | | .mw-changeslist > 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;}
| |