User:4erospace/common.css: Difference between revisions

← Older edit

@@ Line 1: / Line 1: @@
-/* Core functionality */
+/* Animation CSS for the Animated Sprites of the Crafting UI */
-#animated-text-strip{
-  display: flex;
+.mw-body-content .animated > *:not(.animated-active),.mw-body-content .animated > .animated-subframe > *:not(.animated-active) {
-  flex-flow: row nowrap;
+    display: none;
-  align-items: center;
-  overflow: hidden;
-}
-#animated-text-strip .marquee {
-  white-space: nowrap;
-  animation: marquee 5s linear infinite;
-  max-width: none;
 }
-@keyframes marquee {
+.mw-body-content span.animated,.mw-body-content span.animated.animated-visible > *,.mw-body-content span.animated.animated-visible > .animated-subframe > * {
-% {
+     display: inline-block;
-    transform: translate(0, 0);
-  }
-% {
-     transform: translate(-100%, 0);
-  }
 }
-/* Styles for the sake of the demonstration */
+.mw-body-content div.animated.animated-visible > *,.mw-body-content div.animated.animated-visible > .animated-subframe > * {
-#animated-text-strip{
+    display: block;
-  background:black;
-  padding: 1rem 0;
-}
-.marquee{
-  font-family: 'Open Sans', sans-serif;
-  font-size: 2rem;
-  font-weight: 900;
-  text-transform: uppercase;
-  color: white;
 }