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

Latest revision as of 03:49, 13 July 2025

/* Animation CSS for the Animated Sprites of the Crafting UI */

.mw-body-content .animated > *:not(.animated-active),.mw-body-content .animated > .animated-subframe > *:not(.animated-active) {
    display: none;
}

.mw-body-content span.animated,.mw-body-content span.animated.animated-visible > *,.mw-body-content span.animated.animated-visible > .animated-subframe > * {
    display: inline-block;
}

.mw-body-content div.animated.animated-visible > *,.mw-body-content div.animated.animated-visible > .animated-subframe > * {
    display: block;
}

@@ Line 1: / Line 1: @@
-.marquee {
+/* Animation CSS for the Animated Sprites of the Crafting UI */
-  margin: 0 auto;
-  white-space: nowrap;
-  overflow: hidden;
-  position: absolute;
-}
-.marquee span {
-  display: inline-block;
-  padding-left: 100%;
-  animation: marquee 40s linear infinite;
-}
-.marquee2 span {
-  animation-delay: 20s;
-}
-@keyframes marquee {
-% {
-    transform: translate(0, 0);
-  }
-% {
-    transform: translate(-100%, 0);
-  }
-}
-.newswrapper {
-  max-width: 100%;
-  overflow: hidden;
-}
-.newsmarquee {
+.mw-body-content .animated > *:not(.animated-active),.mw-body-content .animated > .animated-subframe > *:not(.animated-active) {
-  white-space: nowrap;
+    display: none;
-  overflow: hidden;
-  display: inline-block;
-  animation: marquee 10s linear infinite;
 }
-.newsmarquee p {
+.mw-body-content span.animated,.mw-body-content span.animated.animated-visible > *,.mw-body-content span.animated.animated-visible > .animated-subframe > * {
-  display: inline-block;
+    display: inline-block;
 }
-@keyframes newsmarquee {
+.mw-body-content div.animated.animated-visible > *,.mw-body-content div.animated.animated-visible > .animated-subframe > * {
-% {
+     display: block;
-    transform: translate3d(0, 0, 0);
-  }
-% {
-     transform: translate3d(-50%, 0, 0);
-  }
 }