Difference between revisions of "MediaWiki:Common.css"
From Cognitive Liberty MediaWiki 1.27.4
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
@import url("http://cognitive-liberty.online/wiki/animate.css"); | @import url("http://cognitive-liberty.online/wiki/animate.css"); | ||
− | |||
.mw-wiki-logo{ | .mw-wiki-logo{ | ||
− | animation: animationFrames | + | animation: animationFrames linear 2s; |
animation-iteration-count: 1; | animation-iteration-count: 1; | ||
transform-origin: 50% 50%; | transform-origin: 50% 50%; | ||
animation-fill-mode:forwards; /*when the spec is finished*/ | animation-fill-mode:forwards; /*when the spec is finished*/ | ||
− | -webkit-animation: animationFrames | + | -webkit-animation: animationFrames linear 2s; |
-webkit-animation-iteration-count: 1; | -webkit-animation-iteration-count: 1; | ||
-webkit-transform-origin: 50% 50%; | -webkit-transform-origin: 50% 50%; | ||
-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ | -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ | ||
− | -moz-animation: animationFrames | + | -moz-animation: animationFrames linear 2s; |
-moz-animation-iteration-count: 1; | -moz-animation-iteration-count: 1; | ||
-moz-transform-origin: 50% 50%; | -moz-transform-origin: 50% 50%; | ||
-moz-animation-fill-mode:forwards; /*FF 5+*/ | -moz-animation-fill-mode:forwards; /*FF 5+*/ | ||
− | -o-animation: animationFrames | + | -o-animation: animationFrames linear 2s; |
-o-animation-iteration-count: 1; | -o-animation-iteration-count: 1; | ||
-o-transform-origin: 50% 50%; | -o-transform-origin: 50% 50%; | ||
-o-animation-fill-mode:forwards; /*Not implemented yet*/ | -o-animation-fill-mode:forwards; /*Not implemented yet*/ | ||
− | -ms-animation: animationFrames | + | -ms-animation: animationFrames linear 2s; |
-ms-animation-iteration-count: 1; | -ms-animation-iteration-count: 1; | ||
-ms-transform-origin: 50% 50%; | -ms-transform-origin: 50% 50%; | ||
Line 28: | Line 27: | ||
@keyframes animationFrames{ | @keyframes animationFrames{ | ||
0% { | 0% { | ||
− | + | transform: translate(1000px,0px) ; | |
− | transform: translate( | ||
} | } | ||
86% { | 86% { | ||
− | |||
transform: translate(0px,0px) ; | transform: translate(0px,0px) ; | ||
} | } | ||
100% { | 100% { | ||
− | |||
transform: translate(0px,0px) ; | transform: translate(0px,0px) ; | ||
} | } | ||
Line 43: | Line 39: | ||
@-moz-keyframes animationFrames{ | @-moz-keyframes animationFrames{ | ||
0% { | 0% { | ||
− | + | -moz-transform: translate(1000px,0px) ; | |
− | -moz-transform: translate( | ||
} | } | ||
86% { | 86% { | ||
− | |||
-moz-transform: translate(0px,0px) ; | -moz-transform: translate(0px,0px) ; | ||
} | } | ||
100% { | 100% { | ||
− | |||
-moz-transform: translate(0px,0px) ; | -moz-transform: translate(0px,0px) ; | ||
} | } | ||
Line 58: | Line 51: | ||
@-webkit-keyframes animationFrames { | @-webkit-keyframes animationFrames { | ||
0% { | 0% { | ||
− | + | -webkit-transform: translate(1000px,0px) ; | |
− | -webkit-transform: translate( | ||
} | } | ||
86% { | 86% { | ||
− | |||
-webkit-transform: translate(0px,0px) ; | -webkit-transform: translate(0px,0px) ; | ||
} | } | ||
100% { | 100% { | ||
− | |||
-webkit-transform: translate(0px,0px) ; | -webkit-transform: translate(0px,0px) ; | ||
} | } | ||
Line 73: | Line 63: | ||
@-o-keyframes animationFrames { | @-o-keyframes animationFrames { | ||
0% { | 0% { | ||
− | + | -o-transform: translate(1000px,0px) ; | |
− | -o-transform: translate( | ||
} | } | ||
86% { | 86% { | ||
− | |||
-o-transform: translate(0px,0px) ; | -o-transform: translate(0px,0px) ; | ||
} | } | ||
100% { | 100% { | ||
− | |||
-o-transform: translate(0px,0px) ; | -o-transform: translate(0px,0px) ; | ||
} | } | ||
Line 88: | Line 75: | ||
@-ms-keyframes animationFrames { | @-ms-keyframes animationFrames { | ||
0% { | 0% { | ||
− | + | -ms-transform: translate(1000px,0px) ; | |
− | -ms-transform: translate( | ||
} | } | ||
86% { | 86% { | ||
− | |||
-ms-transform: translate(0px,0px) ; | -ms-transform: translate(0px,0px) ; | ||
} | } | ||
100% { | 100% { | ||
− | |||
-ms-transform: translate(0px,0px) ; | -ms-transform: translate(0px,0px) ; | ||
} | } | ||
} | } |
Revision as of 05:35, 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 2s; animation-iteration-count: 1; transform-origin: 50% 50%; animation-fill-mode:forwards; /*when the spec is finished*/ -webkit-animation: animationFrames linear 2s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ -moz-animation: animationFrames linear 2s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -moz-animation-fill-mode:forwards; /*FF 5+*/ -o-animation: animationFrames linear 2s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -o-animation-fill-mode:forwards; /*Not implemented yet*/ -ms-animation: animationFrames linear 2s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; -ms-animation-fill-mode:forwards; /*IE 10+*/ } @keyframes animationFrames{ 0% { transform: translate(1000px,0px) ; } 86% { transform: translate(0px,0px) ; } 100% { transform: translate(0px,0px) ; } } @-moz-keyframes animationFrames{ 0% { -moz-transform: translate(1000px,0px) ; } 86% { -moz-transform: translate(0px,0px) ; } 100% { -moz-transform: translate(0px,0px) ; } } @-webkit-keyframes animationFrames { 0% { -webkit-transform: translate(1000px,0px) ; } 86% { -webkit-transform: translate(0px,0px) ; } 100% { -webkit-transform: translate(0px,0px) ; } } @-o-keyframes animationFrames { 0% { -o-transform: translate(1000px,0px) ; } 86% { -o-transform: translate(0px,0px) ; } 100% { -o-transform: translate(0px,0px) ; } } @-ms-keyframes animationFrames { 0% { -ms-transform: translate(1000px,0px) ; } 86% { -ms-transform: translate(0px,0px) ; } 100% { -ms-transform: translate(0px,0px) ; } }