User:Nonissue/vector-2022.css

body { /*font-size: 1.1em;*/ font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; }

.vector-menu-portal { margin: 0 0.6rem 0 0.7rem; }

font-size: 1.15rem !important; letter-spacing: -0.01em;
 * 1) p-navigation,
 * 2) p-navigation+.mw-sidebar-action {

font-weight: 500; font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; }

margin: 8px 0 8px 1em; }
 * 1) p-navigation+.mw-sidebar-action {

.mw-sidebar { box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(226, 232, 240, 0.5) 0px 15px 20px -5px, rgba(226, 232, 240, 0.5) 0px 8px 10px -6px; border: 1px solid rgba(0, 0, 50, 0.1); width: 13.5em; }

table .infobox .hproduct .vevent { margin: 1em; }

@media (min-width: 1500px) {

}

@media (min-width: 1900px) { .ns-0:not(.page-Main_Page) .mw-body-content .mw-parser-output>* { margin-left: 0 !important; } }

@media (min-width: 1000px) {

.mw-content-container { max-width: 95ch !important; } }

/** To prevent 'jumping' effect within #p-personal in Vector/Monobook. Overrides MediaWiki:Gadget-dark-mode-toggle-pagestyles.css **/ body.skin-vector-legacy :not(#pt-darkmode)+#pt-watchlist::before, body.skin-monobook :not(#pt-darkmode)+#pt-watchlist::before { content: "Light mode"; }

@media screen {

/* set height for monobook and timeless, because the filter in FF needs dimensions to get it to apply */ html.client-dark-mode { height: 100%; }

/* Filter needs to reside on `html.client-dark-mode`, see https://phabricator.wikimedia.org/T221425#5153917 */ html.client-dark-mode, /* All other selectors have `filter` double-applied to turn back to “normal” by inheritance */ html.client-dark-mode img, html.client-dark-mode video, html.client-dark-mode ogvjs, html.client-dark-mode svg, html.client-dark-mode iframe, html.client-dark-mode .mw-no-invert, html.client-dark-mode td .diffchange, html.client-dark-mode .mwe-math-element, html.client-dark-mode .wvui-typeahead-suggestion__thumbnail, html.client-dark-mode .skin-minerva .mw-notification-visible .mw-notification-content, /* Extensions */ html.client-dark-mode .cdx-menu-item__thumbnail, /* T311835 */ html.client-dark-mode .cx-slitem__image, html.client-dark-mode .mw-mmv-overlay, html.client-dark-mode .mw-mmv-pre-image, html.client-dark-mode .media-viewer .image img, html.client-dark-mode .media-viewer .mw-file-description img, html.client-dark-mode .mw-kartographer-map, html.client-dark-mode .mw-kartographer-mapDialog-map, html.client-dark-mode .list-thumb, html.client-dark-mode .ext-related-articles-card-list .ext-related-articles-card-thumb { filter: invert(0.92) hue-rotate(180deg); }

/* Reset overrides, needed where double application above isn't working. */	/* Vector modern */ html.client-dark-mode .skin-vector .mw-logo-wordmark, html.client-dark-mode .skin-vector .mw-logo-tagline, html.client-dark-mode .skin-timeless .mw-wiki-title>img, html.client-dark-mode .wvui-icon svg { filter: none; }

/* Backgrounds */ html.client-dark-mode table, html.client-dark-mode table.ambox-content, html.client-dark-mode table.toccolours, html.client-dark-mode .mw-notification, html.client-dark-mode .mwe-popups, html.client-dark-mode .infobox, html.client-dark-mode .toc, html.client-dark-mode .thumbinner, html.client-dark-mode figure[typeof~="mw:File/Thumb"], html.client-dark-mode figure[typeof~="mw:File/Frame"], html.client-dark-mode figure[typeof~="mw:File/Thumb"]>figcaption, html.client-dark-mode figure[typeof~="mw:File/Frame"]>figcaption, html.client-dark-mode .wikitable, html.client-dark-mode .cbnnr-main, html.client-dark-mode .cx-callout, html.client-dark-mode .overlay.media-viewer, html.client-dark-mode #simpleSearch, html.client-dark-mode #simpleSearch #searchInput, html.client-dark-mode #siteNotice #centralNotice .cnotice { background-color: #ddd; background-color: transparent; }

/* Borders */ html.client-dark-mode body, html.client-dark-mode h1, html.client-dark-mode h2, html.client-dark-mode h3, html.client-dark-mode h4, html.client-dark-mode h5, html.client-dark-mode h6, html.client-dark-mode table.ambox-content, html.client-dark-mode table.toccolours, html.client-dark-mode .mw-notification, html.client-dark-mode .infobox, html.client-dark-mode .toc, html.client-dark-mode .thumbinner, html.client-dark-mode figure[typeof~='mw:File/Thumb'], html.client-dark-mode figure[typeof~='mw:File/Frame'], html.client-dark-mode figure[typeof~='mw:File/Thumb']>figcaption, html.client-dark-mode figure[typeof~='mw:File/Frame']>figcaption, html.client-dark-mode #mw-head, html.client-dark-mode #mw-panel, /* Vector 2022 uses a transparent border for margin collapsing (T312822) so don't apply this rule there */ .skin-vector-legacy #content.mw-body, html.client-dark-mode #simpleSearch, html.client-dark-mode #simpleSearch #searchInput, html.client-dark-mode #siteNotice #centralNotice .cnotice { border-color: #cdcbc8; }

/* Links */ /* Links: normal */ html.client-dark-mode a,	html.client-dark-mode .vector-menu-tabs li a, /* Backwards compatible VectorTabs, deprecated in MW v1.35. */	html.client-dark-mode .vectorTabs li a,	html.client-dark-mode .toctogglelabel, html.client-dark-mode .mw-parser-output a.external, html.client-dark-mode .mw-parser-output a.extiw, html.client-dark-mode .mw-parser-output a.extiw:active, html.client-dark-mode #mw-panel .portal .body li a { /* color: #69f; Proposal below for level AA conformance, see also https://phabricator.wikimedia.org/T233266 `#36c` is transformed by :root `filter` to be closer to chosen `#69f`. */		color: #36c; }

/* Links: visited */ html.client-dark-mode a:visited, html.client-dark-mode .mw-parser-output a.extiw:visited, html.client-dark-mode #mw-panel .portal .body li a:visited { /* color: #709bbd; Proposal below uses to-be-standardized color from https://phabricator.wikimedia.org/T213778 */ color: #6b4ba1; }

/* Links: red */ html.client-dark-mode a.new, html.client-dark-mode .vector-menu-tabs li.new a,	html.client-dark-mode .vectorTabs li.new a { color: #ff6e6e; }

/* ::: Special Element Treatments ::: */ /* Image thumbnails */ html.client-dark-mode .thumbimage, html.client-dark-mode figure[typeof~="mw:File/Thumb"]>*:first-child>*:first-child:not(.mw-broken-media), html.client-dark-mode figure[typeof~="mw:File/Frame"]>*:first-child>*:first-child:not(.mw-broken-media) { border: 0; }

/* Content image (thumbnail) SVGs */ /* `*not( .mbox-image )` exception doesn't work for unclear reasons */ html.client-dark-mode .image img[src*="svg"], html.client-dark-mode .mw-file-description img[src*="svg"], html.client-dark-mode img[src*="Wiktionary-logo"] { background-color: #fff; border-radius: 1px; }

/* Dealing with false positives from selector above */ html.client-dark-mode .mw-echo-ui-notificationItemWidget-icon img[ src*='svg'], html.client-dark-mode .mbox-image .image img[ src*='svg'], html.client-dark-mode .mbox-image .mw-file-description img[ src*='svg'], /* Emoji generated by Template:Emoji */ html.client-dark-mode .emoji .image img, html.client-dark-mode .emoji .mw-file-description img, /* Vote symbols on Talk pages */ html.client-dark-mode .image img[ alt^="Symbol"], html.client-dark-mode .mw-file-description img[ alt^="Symbol"] { background-color: transparent; }

/* Page previews */ html.client-dark-mode .mwe-popups { box-shadow: 0 30px 90px -20px rgba(0, 0, 0, 0.3), 0 0 1px #000; }

html.client-dark-mode .mwe-popups.flipped-y:after, html.client-dark-mode .mwe-popups.flipped-x-y:after { border-top: 11px solid #ddd; }

html.client-dark-mode .mwe-popups.mwe-popups-no-image-pointer:after { border-bottom: 11px solid #ddd; }

/* Contributions menu */ html.client-dark-mode .cx-callout-1:after { border-bottom-color: #ddd; }

/* Mobile Wikipedia logo mobile header */ html.client-dark-mode .branding-box img { filter: brightness(0); } }