Difference between revisions of "MediaWiki:Common.css"
From Cognitive Liberty MediaWiki 1.27.4
| Line 24: | Line 24: | ||
transform: translate(500px,0px) ; | transform: translate(500px,0px) ; | ||
} | } | ||
| − | + | 6% { | |
| − | opacity:0. | + | opacity:0.12; |
| + | transform: translate(500px,0px) ; | ||
| + | } | ||
| + | 9% { | ||
| + | opacity:1; | ||
| + | transform: translate(500px,0px) ; | ||
| + | } | ||
| + | 13% { | ||
| + | opacity:1; | ||
transform: translate(500px,0px) ; | transform: translate(500px,0px) ; | ||
} | } | ||
| Line 39: | Line 47: | ||
-moz-transform: translate(500px,0px) ; | -moz-transform: translate(500px,0px) ; | ||
} | } | ||
| − | + | 6% { | |
| − | opacity:0. | + | opacity:0.12; |
| + | -moz-transform: translate(500px,0px) ; | ||
| + | } | ||
| + | 9% { | ||
| + | opacity:1; | ||
| + | -moz-transform: translate(500px,0px) ; | ||
| + | } | ||
| + | 13% { | ||
| + | opacity:1; | ||
-moz-transform: translate(500px,0px) ; | -moz-transform: translate(500px,0px) ; | ||
} | } | ||
| Line 54: | Line 70: | ||
-webkit-transform: translate(500px,0px) ; | -webkit-transform: translate(500px,0px) ; | ||
} | } | ||
| − | + | 6% { | |
| − | opacity:0. | + | opacity:0.12; |
| + | -webkit-transform: translate(500px,0px) ; | ||
| + | } | ||
| + | 9% { | ||
| + | opacity:1; | ||
| + | -webkit-transform: translate(500px,0px) ; | ||
| + | } | ||
| + | 13% { | ||
| + | opacity:1; | ||
-webkit-transform: translate(500px,0px) ; | -webkit-transform: translate(500px,0px) ; | ||
} | } | ||
| Line 69: | Line 93: | ||
-o-transform: translate(500px,0px) ; | -o-transform: translate(500px,0px) ; | ||
} | } | ||
| − | + | 6% { | |
| − | opacity:0. | + | opacity:0.12; |
| + | -o-transform: translate(500px,0px) ; | ||
| + | } | ||
| + | 9% { | ||
| + | opacity:1; | ||
| + | -o-transform: translate(500px,0px) ; | ||
| + | } | ||
| + | 13% { | ||
| + | opacity:1; | ||
-o-transform: translate(500px,0px) ; | -o-transform: translate(500px,0px) ; | ||
} | } | ||
| Line 84: | Line 116: | ||
-ms-transform: translate(500px,0px) ; | -ms-transform: translate(500px,0px) ; | ||
} | } | ||
| − | + | 6% { | |
| − | opacity:0. | + | opacity:0.12; |
| + | -ms-transform: translate(500px,0px) ; | ||
| + | } | ||
| + | 9% { | ||
| + | opacity:1; | ||
| + | -ms-transform: translate(500px,0px) ; | ||
| + | } | ||
| + | 13% { | ||
| + | opacity:1; | ||
-ms-transform: translate(500px,0px) ; | -ms-transform: translate(500px,0px) ; | ||
} | } | ||
Latest revision as of 05:45, 11 November 2018
/* CSS placed here will be applied to all skins */
@import url("http://cognitive-liberty.online/wiki/animate.css");
.mw-wiki-logo{
animation: animationFrames linear 1.2s;
animation-iteration-count: 1;
transform-origin: 50% 50%;
-webkit-animation: animationFrames linear 1.2s;
-webkit-animation-iteration-count: 1;
-webkit-transform-origin: 50% 50%;
-moz-animation: animationFrames linear 1.2s;
-moz-animation-iteration-count: 1;
-moz-transform-origin: 50% 50%;
-o-animation: animationFrames linear 1.2s;
-o-animation-iteration-count: 1;
-o-transform-origin: 50% 50%;
-ms-animation: animationFrames linear 1.2s;
-ms-animation-iteration-count: 1;
-ms-transform-origin: 50% 50%;
}
@keyframes animationFrames{
0% {
opacity:0;
transform: translate(500px,0px) ;
}
6% {
opacity:0.12;
transform: translate(500px,0px) ;
}
9% {
opacity:1;
transform: translate(500px,0px) ;
}
13% {
opacity:1;
transform: translate(500px,0px) ;
}
100% {
opacity:1;
transform: translate(0px,0px) ;
}
}
@-moz-keyframes animationFrames{
0% {
opacity:0;
-moz-transform: translate(500px,0px) ;
}
6% {
opacity:0.12;
-moz-transform: translate(500px,0px) ;
}
9% {
opacity:1;
-moz-transform: translate(500px,0px) ;
}
13% {
opacity:1;
-moz-transform: translate(500px,0px) ;
}
100% {
opacity:1;
-moz-transform: translate(0px,0px) ;
}
}
@-webkit-keyframes animationFrames {
0% {
opacity:0;
-webkit-transform: translate(500px,0px) ;
}
6% {
opacity:0.12;
-webkit-transform: translate(500px,0px) ;
}
9% {
opacity:1;
-webkit-transform: translate(500px,0px) ;
}
13% {
opacity:1;
-webkit-transform: translate(500px,0px) ;
}
100% {
opacity:1;
-webkit-transform: translate(0px,0px) ;
}
}
@-o-keyframes animationFrames {
0% {
opacity:0;
-o-transform: translate(500px,0px) ;
}
6% {
opacity:0.12;
-o-transform: translate(500px,0px) ;
}
9% {
opacity:1;
-o-transform: translate(500px,0px) ;
}
13% {
opacity:1;
-o-transform: translate(500px,0px) ;
}
100% {
opacity:1;
-o-transform: translate(0px,0px) ;
}
}
@-ms-keyframes animationFrames {
0% {
opacity:0;
-ms-transform: translate(500px,0px) ;
}
6% {
opacity:0.12;
-ms-transform: translate(500px,0px) ;
}
9% {
opacity:1;
-ms-transform: translate(500px,0px) ;
}
13% {
opacity:1;
-ms-transform: translate(500px,0px) ;
}
100% {
opacity:1;
-ms-transform: translate(0px,0px) ;
}
}
