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

m CSS test
No edit summary
 
(40 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;
}
 
.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(180px);
    }
}
}


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