Actions

MediaWiki

Difference between revisions of "Common.css"

From Sonic Retro

Line 4: Line 4:
  
 
@keyframes animate2 {
 
@keyframes animate2 {
     0% {width: auto;}
+
     0% {width: 100%;}
     49.99% {width: auto;}
+
     49.99% {width: 100%;}
 
     50% {width: 0px;}
 
     50% {width: 0px;}
 
     100% {width: 0px;}
 
     100% {width: 0px;}
 
}
 
}
 
@keyframes animate3 {
 
@keyframes animate3 {
     0% {width: auto;}
+
     0% {width: 100%;}
     33.33% {width: auto;}
+
     33.33% {width: 100%;}
 
     33.34% {width: 0px;}
 
     33.34% {width: 0px;}
 
     100% {width: 0px;}
 
     100% {width: 0px;}
 
}
 
}
 
@keyframes animate4 {
 
@keyframes animate4 {
     0% {width: auto;}
+
     0% {width: 100%;}
     24.99% {width: auto;}
+
     24.99% {width: 100%;}
 
     25% {width: 0px;}
 
     25% {width: 0px;}
 
     100% {width: 0px;}
 
     100% {width: 0px;}
 
}
 
}
 
@keyframes animate5 {
 
@keyframes animate5 {
     0% {width: auto;}
+
     0% {width: 100%;}
     19.99% {width: auto;}
+
     19.99% {width: 100%;}
 
     20% {width: 0px;}
 
     20% {width: 0px;}
 
     100% {width: 0px;}
 
     100% {width: 0px;}
 
}
 
}
 
@keyframes animate6 {
 
@keyframes animate6 {
     0% {width: auto;}
+
     0% {width: 100%;}
     16.66% {width: auto;}
+
     16.66% {width: 100%;}
 
     16.67% {width: 0px;}
 
     16.67% {width: 0px;}
 
     100% {width: 0px;}
 
     100% {width: 0px;}
 
}
 
}
 
@keyframes animate7 {
 
@keyframes animate7 {
     0% {width: auto;}
+
     0% {width: 100%;}
     14.28% {width: auto;}
+
     14.28% {width: 100%;}
 
     14.29% {width: 0px;}
 
     14.29% {width: 0px;}
 
     100% {width: 0px;}
 
     100% {width: 0px;}
 
}
 
}
 
@keyframes animate8 {
 
@keyframes animate8 {
     0% {width: auto;}
+
     0% {width: 100%;}
    12.49% {width: auto;}
+
     12.49% {width: 100%;}
     12.5% {width: 0px;}
 
    100% {width: 0px;}
 
}
 
 
 
@-webkit-keyframes animate2 {
 
    0% {width: auto;}
 
    49.99% {width: auto;}
 
    50% {width: 0px;}
 
    100% {width: 0px;}
 
}
 
@-webkit-keyframes animate3 {
 
    0% {width: auto;}
 
    33.33% {width: auto;}
 
    33.34% {width: 0px;}
 
    100% {width: 0px;}
 
}
 
@-webkit-keyframes animate4 {
 
    0% {width: auto;}
 
    24.99% {width: auto;}
 
    25% {width: 0px;}
 
    100% {width: 0px;}
 
}
 
@-webkit-keyframes animate5 {
 
    0% {width: auto;}
 
    19.99% {width: auto;}
 
    20% {width: 0px;}
 
    100% {width: 0px;}
 
}
 
@-webkit-keyframes animate6 {
 
    0% {width: auto;}
 
    16.66% {width: auto;}
 
    16.67% {width: 0px;}
 
    100% {width: 0px;}
 
}
 
@-webkit-keyframes animate7 {
 
    0% {width: auto;}
 
    14.28% {width: auto;}
 
    14.29% {width: 0px;}
 
    100% {width: 0px;}
 
}
 
@-webkit-keyframes animate8 {
 
    0% {width: auto;}
 
    12.49% {width: auto;}
 
 
     12.5% {width: 0px;}
 
     12.5% {width: 0px;}
 
     100% {width: 0px;}
 
     100% {width: 0px;}
 
}
 
}

Revision as of 18:59, 22 April 2018

/** CSS placed here will be applied to all skins */

.hidebtn .play-btn-large { display: none; }

@keyframes animate2 {
    0% {width: 100%;}
    49.99% {width: 100%;}
    50% {width: 0px;}
    100% {width: 0px;}
}
@keyframes animate3 {
    0% {width: 100%;}
    33.33% {width: 100%;}
    33.34% {width: 0px;}
    100% {width: 0px;}
}
@keyframes animate4 {
    0% {width: 100%;}
    24.99% {width: 100%;}
    25% {width: 0px;}
    100% {width: 0px;}
}
@keyframes animate5 {
    0% {width: 100%;}
    19.99% {width: 100%;}
    20% {width: 0px;}
    100% {width: 0px;}
}
@keyframes animate6 {
    0% {width: 100%;}
    16.66% {width: 100%;}
    16.67% {width: 0px;}
    100% {width: 0px;}
}
@keyframes animate7 {
    0% {width: 100%;}
    14.28% {width: 100%;}
    14.29% {width: 0px;}
    100% {width: 0px;}
}
@keyframes animate8 {
    0% {width: 100%;}
    12.49% {width: 100%;}
    12.5% {width: 0px;}
    100% {width: 0px;}
}