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: @@
-.mw-page-container {
+/* Animation CSS for the Animated Sprites of the Crafting UI */
-	max-width: 1400px;
-}
-.vector-header-container .mw-header {
-	max-width: 1400px;
-}
-@media screen and (min-width: 1200px) {
+.mw-body-content .animated > *:not(.animated-active),.mw-body-content .animated > .animated-subframe > *:not(.animated-active) {
-	.vector-feature-limited-width-clientpref1 #mw-panel {
+    display: none;
-		left: unset;
-	}
 }
-@media screen and (min-width: 1120px) {
+.mw-body-content span.animated,.mw-body-content span.animated.animated-visible > *,.mw-body-content span.animated.animated-visible > .animated-subframe > * {
-    .mw-page-container-inner {
+    display: inline-block;
-        display: grid;
-        column-gap: 0px;
-        grid-template: min-content 1fr min-content / 11.25rem minmax(0, 1fr);
-        grid-template-areas:
-        'siteNotice siteNotice'
-        'columnStart pageContent'
-        'footer footer';
-    }
-    .vector-feature-limit-width-clientpref-0 .mw-body, .vector-feature-limited-width-content-disabled .mw-body {
-    	grid-template-columns: minmax(0, 1fr) max(160px);
-    }
-    .vector-feature-page-tools-pinned-enabled .vector-column-end, .vector-feature-appearance-pinned-clientpref-1 .vector-column-end {
-    	width: 10.25rem;
-    }
 }
-#mw-panel {
+.mw-body-content div.animated.animated-visible > *,.mw-body-content div.animated.animated-visible > .animated-subframe > * {
-	position: absolute;
+    display: block;
-	top: 0;
-	width: 11em;
-	left: 0;
 }