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

m CSS test
No edit summary
 
(36 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-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 {
.mw-body-content .animated > *:not(.animated-active),.mw-body-content .animated > .animated-subframe > *:not(.animated-active) {
background-color: #fbfbfb;
    display: none;
}
}


@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;
    }
   
    .vector-column-start {
    margin-top: 5.8rem;
    }
}
}


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