User:TheWeirdOrange/minerva.css

html { font-family: "SF Pro Display","Helvetica Neue",sans-serif; font-weight: 400; }

/* Links */ a { color: #d96; } a:visited { color: #a72; }

/* Header bar */ .branding-box { border-radius: 0px; } .branding-box img { filter: brightness(5); } .header .branding-box a { color: #fff; font-weight: 700 } .heading-holder { padding-bottom: none; margin: none; padding-top: 20px; } .header #mw-mf-main-menu-button { color: #fff !important; } .header #mw-mf-main-menu-button:before { background: transparent; text-indent: 0; text-align: center; content: '☰'; transform: scaleX(1.5); } .mw-ui-icon-minerva-notifications:before { filter: invert(1) brightness(1); } .navigation-enabled .transparent-shield { opacity: 1; background: #0004; transition: 0.3s; }	width: 100%; background-color: #0004; border: none; box-shadow: none; }	padding-top: 60px; transition: 0.5s; background-color: #333; } .header-container.header-chrome { position: fixed; width: 100%; z-index: 30; background-color: rgba(234,236,240,1); } .header-container.header-chrome { background-color: #2224; backdrop-filter: blur(20px); background-image: url('theme/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAA…RwvrKF5G0wbJs+t9+Zgeral8zinvX779u3pf6Ar4821qINrAAAAAElFTkSuQmCC?1545676363'), linear-gradient(rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%); } .navigation-enabled .transparent-shield { backdrop-filter: blur(20px); opacity: 1; background: rgba(0,0,0,0.2); transition: 0.3s; } .header-container .header-chrome { position: fixed; width: 100%; z-index: 30; } .header { margin-left: auto; margin-right: auto; width: 90%; max-width: none; } .search-box { width: 100%; border-radius: 8px; }
 * 1) searchInput {
 * 1) content {

/* Front page */ .header_icon .image img { filter: invert(1) brightness(0.8); }

/* Images and Captions */ .content .thumbcaption { color: #aaa; }

/* General Styles */ table { border-radius: 8px; } img, label, legend, button { border-radius: 8px; } .infobox { border-radius: 8px; } .header img { border-radius: 0; } body { font-family: -apple-system,"SF Pro Text","Helvetica Neue",sans-serif; font-weight: 300; background: #333; color: #ccc; }

/* body of everything */ background-color: #222; }
 * 1) mw-mf-page-center {

/* most icons */ .mw-ui-icon.mw-ui-icon-element::before { filter: brightness(2); } .mw-ui-icon-mf-arrow:before { filter: invert(1) brightness(0.8); }

/* Table of contents */ .content .toc-mobile { background: #444; border: none; border-radius: 8px; box-shadow: #0004 0 2px 4px; }

/* Note boxes */ .hatnote, .dablink, .rellink { background: transparent; border-left: solid; color: #ccc; } .hatnote a, .dablink a, .rellink a { color: #d96; }

/* Tables */ .wikitable > tr > th, .wikitable > * > tr > th { background-color: #444; }

/* headers and content */ .pre-content h1 { font-family: -apple-system,"SF Pro Display","Helvetica Neue",sans-serif; font-weight: 900; font-size: 40px; } h2 .mw-headline { font-family: -apple-system,"SF Pro Display","Helvetica Neue",sans-serif; font-weight: 700; font-size: 30px; } h3 .mw-headline{ font-family: -apple-system,"SF Pro Display","Helvetica Neue",sans-serif; font-weight: 400; font-size: 25px; } h4 .mw-headline{ font-family: -apple-system,"SF Pro Display","Helvetica Neue",sans-serif; font-weight: 400; font-size: 18px; } .content .sidebar, .content .navbox { border-radius: 8px; } .pre-content { margin-right: auto; margin-left: auto; width: 90%; max-width: none; }	margin-left: auto; width: 90%; max-width: none; }
 * 1) bodyContent {

/* Footer */ .minerva-footer { border-top-color: #555; } footer > .post-content > h2:first-child { border-bottom-color: #444; text-align: center; } footer > .post-content > h2:first-child > img { border-bottom-color: #444; filter: brightness(2); width: 140px; } .last-modified-bar.active { background: #444; border: solid #0b9; }

/*	The media queries to make this work better on desktop.

@media (min-width: 940px) { .primary-navigation-enabled #mw-mf-page-left { width: 300px; }	.primary-navigation-enabled.animations .drawer .position-fixed, .primary-navigation-enabled.animations #mw-mf-page-center { transform: translate(300px,0); } }