User:Thorn969/vector-2022.css

/* CSS to improve content page width in new 2022 vector skin. This is an improvement over deselecting the "Enable limited width" checkbox in preferences.

/* left sidebar content background-color to grey */ background-color: #F8F9FA; }
 * 1) vector-toc-pinned-container .sidebar-toc, #vector-toc-pinned-container .sidebar-toc:after, #vector-toc-pinned-container .vector-toc:after, #vector-toc-pinned-container .vector-toc {

/* readded left blue border - set panel width and color */ margin-left: -27px; width: 242px; background-color: #F8F9FA; border-right-width: 1px; border-right-style: solid; border-right-color: #A8D9FA; }
 * 1) mw-panel-toc {

/* readded top blue border - set grey gradient */ .mw-header { background-color: #F8F9FA; background-image: linear-gradient(to bottom,#ffffff 50%,#f6f6f6 100%); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #A8D9FA; }

/* Set border on menu and matched width */ .vector-feature-page-tools-disabled .vector-main-menu, .vector-main-menu-container .vector-main-menu { width: 200px; border-right-width: 1px; border-right-style: solid; border-right-color: #A8D9FA; }

/* reduce left and right white space */ /* 200px (was 284) moves the left edge of the content nearer to the right edge of left panel */ /* set margins and width for dynamic toc */ @media screen and (min-width: 1200px) { .mw-page-container { padding-left: 1em; padding-right: 1em; } .mw-page-container-inner { grid-template-columns: 200px minmax(0,1fr); } .vector-feature-page-tools-disabled #vector-toc-pinned-container .vector-toc:after, .vector-feature-page-tools-disabled #vector-toc-pinned-container .vector-toc { width: 220px; } } @media screen and (min-width: 1000px) { .mw-page-container { padding-left: 1em; padding-right: 1em; } .mw-page-container-inner { grid-template-columns: 200px minmax(0,1fr); } .vector-toc-pinned #vector-toc-pinned-container .vector-toc:after { background: linear-gradient(rgba(255,255,255,0),#f8f9fa); } .vector-feature-page-tools-disabled #vector-toc-pinned-container .vector-toc:after, .vector-feature-page-tools-disabled #vector-toc-pinned-container .vector-toc { margin-left: 4px; } }

/* maximum width of content (was 60em) */ .vector-feature-page-tools-disabled .mw-content-container, .vector-feature-page-tools-disabled .mw-table-of-contents-container { max-width: 100em; }