User:Jak86/vector-2022.css

/* Shrink white space in the Vector 2022 skin */ /* ☃ */

/* White space on the left-most and right-most edges of the screen */ .mw-page-container { padding-left: 2.25em; padding-right: 24px; }

/* White space to the right of the header */ .mw-header { margin-right: 24px; /* Change the color of the header when not scrolling (redundant) background-color: rgb(248, 249, 250); */ }

/* Horizontal white space at the top of the page */ margin:0 }
 * 1) siteNotice {

/* White space on the left edge of the main content */ .mw-page-container-inner { grid-template-columns: 98px !important; }

/* White space to the right of the main content */ .mw-body { margin-right: 24px; }

/* Width, color, and border for the side menu on the left */ .vector-main-menu { width: 170px !important; background-color: rgb(248, 249, 250) !important; border-right-style: solid; border-right-color: rgb(167, 215, 249); border-right-width: 1px; }

/* Background color and width for the table of contents */ width: 170px !important; background-color: rgb(248, 249, 250) !important; }
 * 1) vector-toc {

/* Color everything light grayish blue */ .mw-page-container { background-color: rgb(248, 249, 250); }

/* Color the main content white */ .mw-content-container { background-color: white; padding-left: 24px; }

/* Color of the header when scrolling */ .vector-sticky-header { background-color: rgb(248, 249, 250) !important; }

/* Get rid of gradient at the bottom of the table of contents */ .vector-toc-pinned #vector-toc-pinned-container .vector-toc::after { background: none; }

/* * The next four declaration blocks are redundant when you uncheck * "Enable limited width mode" in your user preferences. I think only the first * one is needed. This removes the extra white space on the right. .mw-content-container, .mw-table-of-contents-container { max-width:none !important; width:100% !important; }

/* .mw-page-container { max-width:none; }

.vector-sticky-header{ max-width:none; }

.mw-body { grid-template-columns:minmax(0,1fr) min-content; }