User:Tali64³/vector-2022.css

/* Width-dependent styling */ @media screen and (min-width: 767px) { .mw-footer-container { padding-bottom: 40px; } } @media screen and (min-width: 1000px) { .mw-content-container { margin-right: 25px; }	.mw-footer-container { padding-bottom: 0; }	.vector-feature-page-tools-enabled .mw-body { grid-template: unset; grid-template-areas: 'titlebar-cx .' 'titlebar columnEnd' 'toolbar columnEnd' 'content columnEnd'; }	.vector-feature-page-tools-enabled.vector-feature-toc-pinned-enabled #mw-panel-toc { margin-left: 0; }	.vector-feature-page-tools-pinned-enabled.vector-feature-page-tools-enabled .mw-body { column-gap: 10px; }	#vector-toc-pinned-container .vector-toc:after { background: none; } } @media screen and (min-width: 1200px) { .sidebar-toc, .sidebar-toc:after { margin-left: 0.75em; overflow: hidden; } } /* Sets various MediaWiki items to the right color */ a.mw-logo, a:visited.mw-logo, a.vector-menu-portal, a:visited.vector-menu-portal, .mw-footer li, .mw-footer ul a, .mw-message-box, .vector-feature-page-tools-enabled .vector-pinnable-element .mw-list-item a, .vector-feature-page-tools-enabled .vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited, .vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited, .vector-dropdown-content .mw-list-item a, .vector-feature-page-tools-enabled .vector-pinnable-element .vector-menu-heading, .vector-dropdown-content .vector-menu-heading, .vector-main-menu-action-content a, .vector-pinnable-header-label, .vector-pinnable-header-toggle-button, .vector-user-menu-logout a, .vector-user-menu-create-account a, .vector-user-menu-login a, .vector-dropdown .mw-list-item a:not(.mw-selflink), .vector-menu-dropdown .mw-list-item a:visited, .vector-toc .vector-toc-link, .uls-trigger.mw-ui-button.mw-ui-quiet, .vector-menu-portal, .vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited, .vector-menu-portal .vector-menu-heading, .vector-sticky-header, .vector-toc-collapse-button, .vector-toc-uncollapse-button, #pt-userpage-2 a:not(.mw-selflink) { color: #ffffff; } .uls-trigger, .vector-sticky-header-icon-start, .vector-sticky-header-icons, #mw-sidebar-button, #p-lang-btn-sticky-header, #p-personal-label-sticky-header, #pt-notifications-alert, #pt-notifications-notice, #pt-watchlist-2, #p-personal-label, #vector-user-links-dropdown-label, #vector-user-links-dropdown-label-sticky-header { filter: invert(1); } /* Blurs */ .mw-content-container, .mw-footer-container, .mw-header, .mw-sidebar, .vector-menu-dropdown .vector-menu-content, .vector-sticky-header, .vector-toc { backdrop-filter: blur(4px); } /* Box shadows */ .mw-content-container, .mw-sidebar, .vector-dropdown .vector-dropdown-content, .vector-dropdown > .vector-menu-content, .vector-main-menu, .vector-toc { box-shadow: #000000 0 0 10px; } /* Border radii */ .cdx-button, .cdx-search-input--has-end-button, .cdx-text-input__input, .mw-sidebar, .vector-main-menu, .vector-menu-content.vector-dropdown-content, .vector-page-tools, .vector-search-box-input, .vector-toc { border-radius: 5px; } /* No backgrounds where there shouldn't be */ .vector-dropdown .vector-dropdown-content, .vector-dropdown > .vector-menu-content, .vector-feature-page-tools-enabled #vector-main-menu-pinned-container .vector-main-menu, .vector-toc > .vector-pinnable-header, .vector-toc-not-collapsed .sidebar-toc:after, #p-vector-user-menu-overflow > .vector-menu-content, #vector-page-tools-pinned-container .vector-page-tools:after { background: none; } /* Add glassy look to various menus */ .vector-main-menu-action-heading, .vector-menu-content, .vector-menu-heading, .vector-pinnable-header, .vector-toc { background-color: #00000060; } .vector-feature-limited-width-disabled .mw-content-container, .vector-feature-limited-width-disabled .mw-table-of-contents-container, .vector-feature-limited-width-content-disabled .mw-content-container, .vector-feature-limited-width-content-disabled .mw-table-of-contents-container { width: auto !important; } .mw-header, .vector-sticky-header { background: linear-gradient(180deg, #002585a8 50%, #ffffff66 100%); } /* No extra padding on the user menu */ .vector-feature-page-tools-enabled .vector-dropdown .vector-dropdown-content, .vector-feature-page-tools-enabled .vector-dropdown > .vector-menu-content { padding: 0; } /* Search bar improvements */ .cdx-button--framed:enabled { background-color: #f8f9fa80; } .cdx-search-input--has-end-button { background-color: #ffffff80; padding-top: 0.3px; } .cdx-text-input__input:enabled { background: none; } .client-js .vector-search-box-vue .cdx-typeahead-search .cdx-text-input__input:not(:hover):not(:focus) { border-right: 0; } .mw-content-container { border-radius: 10px; max-width: none; padding: 10px; } .mw-footer-container { background: linear-gradient(0deg, #002585a8 50%, #ffffff66 100%); margin-top: 10px; padding-top: 0; } /* Miscellaneous changes */ .mw-header { padding: 8px; } .mw-message-box { background: none; border: none; } .mw-message-box-warning { color: #000000; } .mw-page-container { background: url(https://upload.wikimedia.org/wikipedia/en/2/27/Bliss_%28Windows_XP%29.png); /* Used with permission from Microsoft, per their copyright guidelines */ background-attachment: fixed; background-size: 100vw; max-width: none; padding: 0; } .mw-page-container-inner { min-height: 100vh; } .mw-sidebar-action-content.vector-menu-content { filter: brightness(5); } /* Neat trick that changes the color of the ULS to white by setting it to black, which the invert filter changes into its opposite (white)! */ .uls-trigger.mw-ui-button.mw-ui-quiet, #p-lang-btn-sticky-header { color: #000000; } /* Left padding on sidebar header/page tools */ .vector-pinnable-header.vector-main-menu-pinnable-header.vector-pinnable-header-pinned, .vector-pinned-container .vector-pinnable-element .vector-menu-heading { padding-left: 5px; } .vector-body { background-color: #ffffff; padding: 5px; } .vector-column-end .vector-page-tools-landmark { margin-top: 0; } .vector-feature-limited-width-enabled #wikiPreview { max-width: none; } .vector-feature-page-tools-enabled #vector-main-menu-pinned-container .vector-main-menu { margin-left: 0.75em; margin-top: 0; } /* Hide limited width toggle */ .vector-limited-width-toggle { visibility: hidden; } .vector-feature-page-tools-enabled .vector-pinned-container .vector-page-tools .vector-pinnable-header, .vector-feature-page-tools-enabled .vector-pinned-container .vector-toc .vector-pinnable-header, .vector-menu-content { padding: 5px; } .vector-feature-page-tools-enabled #vector-main-menu-pinned-container .vector-main-menu { padding: 0; } /* No padding on page tabs */ .vector-menu-tabs > .vector-menu-content { padding: 0; } .vector-toc { margin-left: 0.75em; } /* Fix page tools */ margin: 0; padding: 10px; }
 * 1) vector-page-tools-pinned-container .vector-page-tools {