User:Apoeylaut/global.css

From Meta, a Wikimedia project coordination wiki

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
:root {
	--backgroundColor: #121212;
	--color: hwb(0deg 100% 0% / 87%);
}

@media (min-width: 5in) {
.mw-content-container
, .vector-feature-zebra-design-disabled .mw-content-container {
	/*grid-column: mainMenu / pageContent;*/
	grid-column: siteNotice / pageContent;
	/*grid-area: unset;*/
}

.vector-feature-zebra-design-enabled .mw-page-container-inner {
	display: initial;
}
body
, .mw-page-container
, .vector-feature-zebra-design-disabled .vector-header-container
, .vector-feature-zebra-design-enabled .vector-header-container
, .vector-feature-zebra-design-disabled .mw-page-container
, .vector-feature-zebra-design-enabled .mw-page-container
, .vector-menu-content .vector-dropdown-content
, .vector-feature-zebra-design-disabled body
, table.infobox
, table.infobox_v2
, nav.vector-article-toolbar
, div#left-navigation
, .vector-article-toolbar
, nav#mw-panel
, nav#mw-panel-toc
, div.catlinks
, div.navbox
, div.thumbinner
, div.vector-header-container
, .vector-header-container .mw-header
, .vector-header-container .vector-sticky-header
, table.sortable td
, td
, figure[typeof*='mw:File']
, figure[typeof*='mw:File'] figcaption
, .mw-content-container p 
, .mw-content-container pre
, .vector-sticky-header
, .mw-parser-output blockquote.flexquote
, .mwe-popups .mwe-popups-container
, .hlist.navbox-inner th
, .mw-parser-output .navbox th
, .navbox td.navbox-abovebelow
, .navbox td.navbox-odd
, .navbox td.navbox-even
, .navbox th.navbox-group
, .navbox .navbox-subgroup th.navbox-group
, div.mw-parser-output .side-box
, div.mw-parser-output .main-box
, div.mw-parser-output .main-top
, .vector-feature-zebra-design-enabled .vector-header-container
, .vector-feature-zebra-design-enabled .vector-header-container .mw-header
, .vector-feature-zebra-design-enabled .vector-header-container .vector-sticky-header
, .vector-feature-zebra-design-enabled .vector-page-titlebar
, .vector-feature-zebra-design-enabled .vector-page-toolbar
, .vector-feature-zebra-design-enabled .vector-body
, .vector-feature-zebra-design-enabled body
, ol.references li:target
, ol.references > li:target
, div.oo-ui-popupWidget-popup
, .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
	background-color: var(--backgroundColor);
}

body, .mw-page-container
, table.infobox
, nav.vector-article-toolbar
, div#left-navigation
, .vector-article-toolbar .mw-article-toolbar-container .vector-menu-tabs li.selected
, nav#mw-panel
, nav#mw-panel-toc
, div.catlinks
, div.navbox
, div.thumbinner
, table.sortable td
, td
, .mw-content-container p
, .mw-content-container pre
, .vector-sticky-header
, .vector-sticky-header-end span
, h1
, h2
, h3
, h4
, h5
, .infobox th[scope="row"]
, .biography th[scope="row"]
, .vcard th[scope="row"]
, ul li::marker
, .mwe-popups .mwe-popups-container
, .mwe-popups .mwe-popups-extract
, .hlist.navbox-inner th
, .mw-footer li
, .mw-ui-button.mw-ui-quiet
, .vector-menu-tabs .mw-list-item.selected a
, .vector-menu-tabs .mw-list-item.selected a:visited {
	color: var(--color);
}

img[src*="api/rest_v1/media/math/render/svg"]
, .mw-ui-icon-small.mw-ui-icon-element {
	/*background-color: var(--color);*/
}

.wikitable > tr > th
, .wikitable > * > tr > th
, th.headerSort
, table[style*="background"] th
, table[style*="background"] th a
, .wikitable > caption {
	color: #121212 !important;
	background-color: #eaecf0 !important;
}
a {
	color: #8cb4ff;
}
a:visited {
	color: #4269b2;
}

*::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	/*background-color: #f1f1f1;*/
	/*background-color: var(--primary-container);*/
	background-color: #686868;
}
/*::-webkit-scrollbar-track — the track (progress bar) of the scrollbar, where there is a gray bar on top of a white bar.*/
*::-webkit-scrollbar-track {
	/*border: var(--on-primary-container);*/
	/*border: #c1c1c1;*/
	/*background-color: #f1f1f1;*/
	/*background-color: var(--primary-container);*/
	/*background-color: #686868;*/
}
/*::-webkit-scrollbar-thumb — the draggable scrolling handle.*/
*::-webkit-scrollbar-thumb {
	/*background: #c1c1c1;*/
	/*background: var(--primary-container);*/
	background: #c1c1c1;
}
.vector-feature-zebra-design-enabled .vector-page-titlebar
, .vector-feature-zebra-design-enabled .vector-page-toolbar
, .vector-feature-zebra-design-enabled .vector-body {
	border: none;
}

ol.references > li:target {
	border-style: solid;
    border-width: 0.1px;
    border-color: var(--color);
    border-radius: 4px;
    padding: 12px;
}

.vector-body
, .vector-feature-zebra-design-enabled .vector-body {
	font-size: calc(1em * 1);
	line-height: 1.5;
	padding-left: 0px;
	padding-right: 0px;
}
.thumbcaption {
	font-size: 100%;
}

ul li::marker
, ul {
	list-style-image: none;
}

li.mw-list-item {
	background-image: unset;
}

.vector-menu-tabs .selected a
, .vector-menu-tabs .selected a:visited {
	background-color: unset;
	color: unset;
}
.vector-user-links .vector-user-menu .mw-list-item > a {
	color: unset;
}
div.mw-header-content a
, div.mw-portlet.mw-portlet-personal
, a.mw-ui-button
, img[src*=".svg"]
, img[src*="api/rest_v1/media/math/render/svg"]
, img[src*="signature"][src*=".svg"]
, small img[src*="wikimedia"].mw-file-element
, span img.mwe-math-fallback-image-inline
, span.vector-icon
, a.vector-icon
, .mw-ui-icon-wikimedia-userAvatar:before
, .mw-ui-icon-wikimedia-menu:before
, .mw-ui-icon-settings:before
, .mw-ui-icon-wikimedia-search::before
, .mw-ui-icon-wikimedia-language::before {
	filter: invert(100%);
}
img[src*="Ensign"]
, img[src*="Public_Seal"]
, img[src*="Flag"]
, img[src*="flag"]
, img[src*="Map"]
, img[src*="Coat_of_"]
, img[src*="orthographic"]
, img[src*="Bandera"]
, img[src*="Escudo"]
, img[src*="_map"]
, map ~ img[src*=".svg"]
, img[src*="wikimedia"]
, a.image img.thumbimage {
	filter: unset;
}

.vector-feature-zebra-design-enabled.vector-feature-toc-pinned-enabled #mw-panel-toc
, #mw-panel-toc
, .vector-sitenotice-container {
	visibility: hidden;
	display: none;
}
.vector-column-end
, .vector-main-menu-container
, .vector-sitenotice-container
, .vector-sticky-pinned-container {
	display: none;
}
.mw-content-container {
	/*grid-column: mainMenu / pageContent;*/
	grid-column: siteNotice / pageContent;
	margin-left: auto;
	margin-right: auto;
	max-width: 1180px;
}


.vector-feature-zebra-design-enabled .mw-content-container
, .mw-page-container {
	padding-left: 4px;
	padding-right: 4px;
	width: calc(100% - 24px);
	max-width: 1180px;
}
html.ve-available #content {
	display: unset;
}
.mwe-popups .mwe-popups-extract[dir='ltr']:after {
	background-image: none;
}
}