Jump to content

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

m CSS test
No edit summary
 
(32 intermediate revisions by the same user not shown)
Line 1: Line 1:
.mw-page-container {
/* Animation CSS for the Animated Sprites of the Crafting UI */
max-width: 1400px;
background-color: transparent;
}
 
.vector-pinned-container {
background-color: transparent;
}
 
.vector-header-container .mw-header, .vector-header-container .vector-sticky-header {
max-width: 1400px;
}
 
.vector-header-container .mw-header {
background-color: transparent;
}
 
 
@media screen and (min-width: 1200px) {
.vector-feature-limited-width-clientpref1 #mw-panel {
left: unset;
}
}
 
body {
background: url(https://i.ibb.co/998k1PZg/2025-05-16-03-06-33-3.png) #f6f6f6 top left / 600px 200px no-repeat
}
 
.mw-body {
background-color: #fbfbfb;
}
 
@media screen and (min-width: 1120px) {
    .mw-page-container-inner {
        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;
    }
   
    .vector-column-start {
    margin-top: 5.8rem;
    }
}
 
#mw-panel {
position: absolute;
top: 0;
width: 11em;
left: 0;
}


.vector-feature-main-menu-pinned-disabled .vector-main-menu-container .vector-main-menu-landmark {
.mw-body-content .animated > *:not(.animated-active),.mw-body-content .animated > .animated-subframe > *:not(.animated-active) {
display: block;
    display: none;
}
}


.vector-main-menu-pinnable-header {
.mw-body-content span.animated,.mw-body-content span.animated.animated-visible > *,.mw-body-content span.animated.animated-visible > .animated-subframe > * {
display: none;
    display: inline-block;
}
}


.vector-pinnable-element .vector-menu-heading {
.mw-body-content div.animated.animated-visible > *,.mw-body-content div.animated.animated-visible > .animated-subframe > * {
border: none;
    display: block;
margin: 12px 0 0 0;
}
}

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;
}