User:Vipz/vector-2022.css

/* HIDING (PERSONAL) */

.mw-sidebar-action [href*='mw-prefsection-rendering-skin'], .vector-main-menu-action-opt-out, .vector-main-menu-action-lang-alert, .wb-langlinks-link, display: none; }
 * 1) siteSub {

/* NEW VECTOR WITH GRAY BACKGROUND AND WHITE PAGE */ /* Preview: https://commons.wikimedia.org/wiki/File:New_Vector_Customisation_1_-_TOC_only.png */

.skin-vector-2022 { --background: 248, 249, 250; background-color: rgb(var(--background)) !important; }

.mw-page-container, .vector-toc, .cbnnr { background-color: transparent !important; }
 * 1) vector-main-menu-pinned-container .vector-main-menu,

.vector-toc-pinned .vector-toc::after, background: linear-gradient(rgba(var(--background),0),rgb(var(--background))) !important; }
 * 1) vector-toc-pinned-container .vector-toc::after,
 * 2) vector-page-tools-pinned-container .vector-page-tools::after {

.vector-body { background: white !important; border: solid #c8ccd1 !important; border-width: 0px 1px 1px 1px !important; padding: 3em !important; padding-top: 2.5em !important; }

.vector-page-titlebar { box-shadow: none; }

.vector-body #coordinates { top: 4em !important; right: 4em !important; }

.vector-body { box-shadow: 0 8px 16px 0 rgba( 0, 0, 0, 0.05 ); }

/* .skin-vector-2022 { background-image: url(//upload.wikimedia.org/wikipedia/commons/f/fb/Monobook_skin_background.svg); background-repeat: no-repeat; background-position: top left; background-size: 100%; background-attachment: fixed; }

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

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

/* 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: 80em; }

/* https://www.mediawiki.org/wiki/User:Quiddity/Vector-2022-condensed.css */ /* Remove whitespace at edges */ .mw-page-container { padding-left: 25px; padding-right: 15px; } .vector-feature-zebra-design-disabled .mw-page-container { padding-left: 25px; padding-right: 15px; } .mw-portlet .mw-portlet-navigation .vector-menu .vector-menu-portal .portal { margin-left: 5px; } .vector-sticky-header { padding: 0; } /* width: 170px; } .vector-feature-zebra-design-disabled #vector-page-tools-pinned-container .vector-page-tools { width: 170px; }
 * 1) vector-page-tools-pinned-container {