User:B10111/minerva.css

:root {
    --translucent-background: transparent;
    --infobox-background: rgba(255, 255, 255, 1);
    --menu-background: rgba(234, 236, 240, 1);
    --hatnote-background: rgba(234, 236, 240, 0.8);
    --body-background: #ffffff;
    --text-color: #000000;
    --link-color: #3366cc;
    --visited-link-color: #6684df;
    --filter: none;
    --caption: #54595d;
    --image-border: none
}

@media (prefers-color-scheme:dark) {
    :root {
        --translucent-background: #ffffff20;
        --infobox-background: rgba(75, 75, 75, 0.8);
        --menu-background: rgba(75, 75, 75, 1);
        --hatnote-background: rgba(75, 75, 75, 0.5);
        --body-background: #2C2C2C;
        --text-color: #eaeaea;
        --link-color: #6684df;
        --visited-link-color: #9933cc;
        --filter: brightness(0) invert(1);
        --caption: #eaeaea;
        --image-border: none
    }
}
#mw-mf-page-left ul.hlist li a, .content table.infobox a, a { color: var(--link-color) }
#mw-mf-page-left, .overlay-footer-container, .overlay-header-container { background: var(--body-background) }
.content table.infobox { background: #ffffff10 !important; border: 0; background: var(--menu-background) !important; color: var(--text-color); border-radius: 4px; font-size: .85em !important; padding: 0 !important; line-height: normal !important }
#mw-mf-page-left { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0) }
#main-menu-input:checked~.main-menu-mask { opacity: 1 }
.mw-searchresults-has-iw .iw-resultset { background: var(--infobox-background) }
#main-menu-input:checked~body { overflow: hidden !important }
.main-menu-mask { background: rgba(0, 0, 0, .2) }
#content, #mw-mf-page-center, .mw-body, body, html { background: var(--body-background); color: var(--text-color) }
.toggle-list-item:hover, .toggle-list__list { background: var(--body-background) }
#mw-mf-page-left ul li a, .minerva__tab-container .minerva__tab.new, .minerva__tab-container .minerva__tab.new:active, .minerva__tab-container .minerva__tab.new:hover, .minerva__tab-container .minerva__tab.new:visited, .minerva__tab-container .minerva__tab:active, .minerva__tab-container .minerva__tab:hover, .minerva__tab-container .minerva__tab:visited, .overlay.search-overlay li.page-summary .wikidata-description, .page-summary h2, .page-summary h3, .toggle-list-item__label { color: var(--text-color) }
.mw-highlight { background: var(--translucent-background); border-radius: 0; border: 0 }
#mw-usercssyoucanpreview, .wikitable, table { background: #fff }
.branding-box img, .haudio, .mw-ui-icon-before:before, .mw-ui-icon-element, .unicode { filter: var(--filter) }
.header .branding-box { width: 0; transition: none; opacity: 1 }
.header .branding-box a img, .header .branding-box h1 img { transition: none; vertical-align: middle; filter: invert(1) !important; filter: none !important }
.client-js .toc { background-color: var(--body-background); border-radius: 0 }
#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read { opacity: 1; filter: var(--filter) }
.content .thumb .thumbinner, .content figure .thumbinner { border-radius: 0; border: 0; background: var(--infobox-background); box-shadow: none }
.content table caption { background: 0 0 }
.infobox img { background: rgba(255, 255, 255, .7); border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important }
.overlay { background: var(--translucent-background) }
.content table.infobox a:visited, .infobox a:visited, .wikitable a:visited, a:visited, table a:visited { color: var(--visited-link-color) }
.content .infobox td, .content .infobox th { border-bottom: none }
.infobox.geography td, .infobox.geography th { border-top: none }
.infobox a, .wikitable a, table a { color: #36c }
.content .infobox td:only-child, .content .infobox th:only-child { flex: 1 !important; background: 0 0 !important; padding: .2em 0 .3em !important }
.content .infobox tbody>tr>td, .content .infobox tbody>tr>th { background: 0 0 !important }
.infobox .thumb, .infobox .thumbimage { border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important }
#searchInput { border-radius: 0 }
.search-overlay { z-index: 3 }
#mw-mf-page-left ul { padding-bottom: 0; padding-top: 22px }
#mw-mf-page-left ul li { background: 0 0; border: 0 }
.overlay.search-overlay.visible { overflow: scroll }
.overlay.search-overlay .results, .overlay.search-overlay .search-feedback { background: 0 0; box-shadow: none }
.overlay.search-overlay li.page-summary { margin-bottom: 20px; margin-top: 10px }
.page-list, .site-link-list, .topic-title-list { overflow: visible }
.list-thumb.list-thumb-y, .results-list-container div { border-top-left-radius: 0; border-bottom-left-radius: 0 }
.overlay.search-overlay .search-content { border-bottom: 0 }
.overlay.search-overlay { background: var(--translucent-background) }
.header-container.header-chrome { background: var(--body-background); top: 0; box-sizing: border-box; border: 0; height: auto; box-shadow: none; transition: none }
@media screen and (max-width:768px) {
    #mw-mf-viewport { padding-top: initial }
    .header-container.header-chrome { width: 100%; height: auto }
    .content .thumbcaption, .content figcaption { color: var(--text-color); padding: initial }
    .notifications-overlay.navigation-drawer { top: initial }
}
.header-chrome.overlay-header-container+.overlay-content { padding-top: 0; margin-top: initial }
.overlay-content { z-index: 1 }
.page-actions-menu { border-top: 0; border-bottom: 0 }
#bodyContent { margin-top: initial }
h2 .mw-headline, h3 .mw-headline { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif }
.pre-content h1, h2 .mw-headline { color: var(--text-color) }
.thumbinner img { width: 100% }
.thumbinner { display: contents }
.content .thumbcaption, .content figcaption { background: var(--background-color); margin: 2px 0 0; font-size: 85% !important; line-height: 1.5; padding: 0 !important; color: var(--caption); text-align: center }
.content .mw-parser-output>h2, .content .section-heading { border-bottom: none }
h3 .mw-headline { font-weight: 600; font-size: 25px }
h3 .mw-headline, h4 .mw-headline { color: var(--text-color) }
.content h1, .pre-content h1, body, h1, h4 .mw-headline, p { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif }
.minerva-footer, footer .last-modified-bar, footer>.post-content>h2 { border-bottom: none; border-top: none }
.overlay.media-viewer .cancel { top: initial }
.infobox { padding: 0 }
.infobox, table { border-radius: 0; box-shadow: none }
input { border-radius: 4px }
.thumbimage { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; box-shadow: none }
.header { border-top: none; height: 100% }
.overlay.search-overlay .header input, .overlay.search-overlay li.page-summary { border-radius: 0; border: 0; box-shadow: none }
.client-js #searchIcon { display: block }
#mw-clearyourcache, .skin-minerva-search-trigger { display: none }
.list-thumb.list-thumb-none { border-top-left-radius: 0; border-bottom-left-radius: 0 }
table.infobox { max-width: 500px }
thead { border: 1px solid #54595d; border-color: rgba(84, 89, 93, .3) }
thead th { background-color: rgba(234, 236, 240, .8) !important }
.dablink a, .hatnote a, .rellink a { color: var(--link-color) }
.oo-ui-toolbar-bar { background-color: var(--body-background); color: var(--text-color) }
.oo-ui-iconElement-icon, .oo-ui-popupToolGroup.oo-ui-widget-enabled>.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon, .oo-ui-popupToolGroup.oo-ui-widget-enabled>.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator { filter: var(--filter) }
.client-js .mw-edittools-section input[type=button] { color: var(--text-color) }
.hatnote { background: var(--body-background); color: var(--caption); border-radius: 4px; padding: 3px 6px; font-style: normal; margin-bottom: .5em }
.heading-holder { padding: 0; position: relative }
header { font-size: 85% }
#content { font-size: 90% }
.navigation-drawer { max-width: 30px !important }
.branding-box { margin-left: -30px !important; margin-right: 10px !important }
#mw-mf-main-menu-button, nav.navigation-drawer.toggle-list.view-border-box { width: 30px !important; max-width: 30px !important }
.branding-box img { width: 100px !important }
.header .search-box .search { width: 45em; max-width: 45em }
.wikitable, table { color: unset; background: unset; width: auto !important; margin: 0 !important; padding: .5em .5em 1em 0 !important }
dl { margin-left: 0 }
body { zoom: .8 }
.content h1, .pre-content h1, h1 { display: block !important; font-size: 2.15em !important; font-weight: 700 !important; margin: .67em 0 .1em; padding: 0 !important }
.content h3, .pre-content h3, h3 { font-size: 1.75em !important; margin: 1em 0 .1em }
.content h1, .content h2, .content h3, .pre-content h1, .pre-content h2, .pre-content h3, h1, h2, h3 { page-break-after: avoid !important }
.content h2, .pre-content h2, h2 { font-size: 1.9em !important; margin: .83em 0 .1em }
.content h2, .content h3, .content h4, .content h5, .pre-content h2, .pre-content h3, .pre-content h4, .pre-content h5 { font-weight: 400 !important }
.content h2, .content h3, .content h4, .content h5, .content h6, .pre-content h2, .pre-content h3, .pre-content h4, .pre-content h5, .pre-content h6, h2, h3, h4, h5, h6 { display: block !important; padding: 0 !important; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif }
h2, h3, h4, h5 { font-weight: 400 !important }
.content h6, .pre-content h6, h6 { page-break-after: avoid !important; font-size: 1em !important; font-weight: 700 !important; margin: 2em 0 .1em }
.content h4, .pre-content h4, h4 { font-size: 1.5em !important; margin: 1.33em 0 .1em; page-break-after: avoid !important }
.content h5, .pre-content h5, h5 { font-size: 1.25em !important; margin: 1.67em 0 .1em; page-break-after: avoid }
.content h1+.content h2, .content h2+.content h3, .content h3+.content h4, .content h4+.content h5, .content h5+.content h6, .pre-content h1+.pre-content h2, .pre-content h2+.pre-content h3, .pre-content h3+.pre-content h4, .pre-content h4+.pre-content h5, .pre-content h5+.pre-content h6, h1+h2, h2+h3, h3+h4, h4+h5, h5+h6 { margin-top: .1em !important }
.content p+h3 { margin-top: 0 }
.content .infobox td, .content .infobox th { padding: 0 0 .8em !important }
.content .infobox tbody>tr>th { flex: .5 0 !important }
#mw-content-text>form, .banner-container, .content, .content-unstyled, .header, .overlay-content, .overlay-header, .page-header-bar, .post-content, .pre-content { width: 100%; max-width: 80vw; margin: 0 auto }
#mw-mf-page-left, .header, .header-container.header-chrome { background: var(--menu-background); padding: 0 }
.header, .header-container.header-chrome { max-width: unset }
.header-container { max-width: unset; background: var(--menu-background); padding: 0 1em !important }
@media (prefers-color-scheme:dark) {
    .header .branding-box a img, .header .branding-box h1 img { filter: invert(1) !important }
}
.header-container, header { opacity: 0; top: -35px !important }
.header-container:hover, header:hover { opacity: 1; top: 0 !important }
.header-container.header-chrome { position: absolute; left: 0; right: unset !important; z-index: 200 !important; width: 100% }
* { transition: none !important; animation: none !important }
#mw-mf-page-left { top: 45px; right: unset; left: -1em !important; z-index: 100 !important; position: absolute; height: 100vh; margin: 0; box-shadow: none !important; min-width: none !important; min-width: 20vw !important }
.main-menu-mask, a[title="Wikipedia:Citation needed"] span { display: none }
.header .branding-box a img, .header .branding-box h1 img { margin-left: 10px !important }
.page-actions-menu { float: right }
.page-actions-menu__list { height: 1em; vertical-align: sub }
.page-actions-menu__list-item { display: inline-block; align-items: unset; overflow: unset }
.page-actions-menu__list-item>a, .toggle-list__toggle { min-width: unset; min-height: unset; font-size: .85em }
.minerva__tab-container { white-space: normal; overflow-x: unset; display: inline-block; vertical-align: sub }
.page-actions-menu__list-item>a:nth-child(1) { margin-left: 15px }
.mw-ui-icon-with-label-desktop::before { min-width: 0 !important; min-height: 0 !important; width: 18px; height: 18px; background-size: 16px 16px !important }
.mw-editsection { opacity: 0 }
.mw-editsection:hover { opacity: 1 }
.content .mw-ref, sub, sup { font-size: .65em !important; line-height: normal; opacity: 1 }
.content .mw-ref a span, sub a span, sup a span { text-decoration: none; color: unset !important; margin: 0 1px }
a[title="Wikipedia:Citation needed"]:before { content: '?'; font-style: normal !important; margin: 0 1px }
.content .infobox>tbody>tr { min-width: unset; display: flex; flex-flow: row nowrap; padding: 0 5% }
.infobox img { padding: 0 !important; margin: 0; top: 0; left: 0; display: block }
.content .infobox { margin: .5em 0 1em 35px !important; max-width: 24vw !important }
.infobox a.image { display: block; margin-left: -5%; width: 110%; margin-bottom: .1em }
.infobox tr:first-child td, .infobox tr:nth-child(2) td { border-bottom: none }
.page-actions-menu__list { zoom: unset; display: contents; padding: 0; margin: -.6em 0 0 }
.page-actions-menu__list-item { display: contents }
.mw-ui-icon::before, mw-ui-icon-with-label-desktop::before { min-width: 0 !important; min-height: 0 !important; width: 16px; height: 16px; background-size: 70% !important; margin: 0 }
.mw-ui-icon:before { margin-right: 2px !important }
.page-actions-menu__list-item>a, .toggle-list__toggle { padding: 0; margin: 0 !important }
#page-actions-overflow-toggle { padding: 0; margin: 0; display: inline-flex !important }
.minerva__tab-container { float: right }
.page-actions-menu__list-item:not(:last-child) a { margin-right: 12px !important }