User:B10111/minerva.css

Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.

: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
}

#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)
}

.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 {
    padding: 0 0 .8em!important
}

.content .infobox tbody>tr>th {
    flex: 0 1 30%!important;
    white-space: normal!important;
    min-width: 30%!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;
    padding: 0 3%;
    display: flex!important;
    flex-flow: row nowrap!important
}

.infobox img {
    padding: 0!important;
    margin: 0;
    top: 0;
    left: 0;
    display: inline-block!important
}

.content .infobox {
    margin: .5em 0 1em 35px!important;
    max-width: 24vw!important
}

.infobox a.image:first-child {
    display: block;
    margin-left: -3%;
    width: 108%;
    margin-bottom: .1em
}

.infobox tr:first-child td,.infobox tr:nth-child(2) td {
    border-bottom: none
}

.page-actions-menu__list {
    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
}

.page-actions-menu__list-item:not(:last-child) a {
    margin-right: 12px!important
}

.content .infobox th {
    padding: 0 4px 0 0!important
}

.content .infobox tbody>tr>td {
    flex: 0 auto!important;
    min-width: 70%!important
}

.content .mw-image-border,.content .thumbborder {
    border: 1px solid transparent!important
}

.infobox ul {
    padding-left: 0!important;
    margin-bottom: 8px!important
}

.infobox li {
    margin-bottom: unset!important
}

.hatnote {
    background: var(--menu-background);
    color: var(--caption);
    border-radius: 4px;
    padding: 2px 8px!important;
    font-style: normal;
    margin-bottom: 0;
    width: -moz-fit-content;
    width: -webkit-fit-content
}


.reference{
    color: var(--text-color)!important;
    padding-right: 3px!important;
}
.reference a {
    color: var(--text-color)!important;
}

.page-heading {
    flex: 1 auto
}

.heading-holder {
    display: flex;
    align-items: flex-end
}

.page-actions-menu * {
    display: unset
}

.page-actions-menu {
    border: 0
}

.page-actions-menu .toggle-list {
    display: contents
}

.page-actions-menu__list {
    zoom: unset;
    display: inline-flex
}

.page-actions-menu {
    margin-right: 16px;
    flex: 0 auto;
    display: unset;
    margin-bottom: 13px
}

.minerva__tab-container {
    float: right;
    order: 1;
    flex: 0 auto;
    margin-bottom: 6px
}