User:Zai'Fai/minerva.css

.banner-container, .header, .page-header-bar, .overlay-header, .content, .overlay-content, .content-unstyled, .pre-content, .post-content, #mw-content-text > form, #mw-mf-page-center .pointer-overlay { width: 100%; max-width: 90%; }	.thumbimage { border-top-right-radius: 20px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 20px !important; border-bottom-left-radius: 0px !important; box-shadow: none !important; }	.overlay .header-container.header-chrome { top: 0 !important; z-index: 2; border: 0; padding: 0 !important; margin: 0 !important; left: 0; right: inherit; border-radius: 0px !important; }	.overlay.search-overlay .overlay-content { max-width: 90%; }	.header-container.header-chrome { background: var(--translucent-background); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); position: fixed !important; top: 0 !important; z-index: 2; padding: 5px !important; margin: 15px !important; border: 0; border-radius: 20px !important; right: 0; box-shadow !important: 3px 3px 6px rgba(0,0,0,0.20); }	.header-chrome.overlay-header-container + .overlay-content { padding-top: 0; margin-top: 3.375em !important; }	.thumbimage { border-top-right-radius: 20px; border-top-left-radius: 20px; }	.thumb { box-shadow: 3px 3px 6px rgba(0,0,0,0.20); border-radius: 20px; }	.content figcaption, .content .thumbcaption { padding-left: 15px !important; padding-right: 15px !important; padding-bottom: 15px !important; box-sizing: border-box; padding-top: 10px !important; color: var(--caption); }	.page-actions-menu__list-item > a { font-weight: 400; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Helvetica Neue",sans-serif; color: var(--grey-text-color); } }

/* Dark Mode */ html, body, #content, .mw-body, #mw-mf-page-center { background: var(--body-background); color: var(--text-color); } .toggle-list__list { background: var(--translucent-background); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); } .toggle-list-item:hover { background: var(--body-background); } .toggle-list-item__label { color: var(--text-color); }	background: #fff; } .mw-highlight { background: var(--translucent-background); border-radius: 20px; border: 0; } .wikitable, table { color: #000; background: #fff; } .page-summary h2, .page-summary h3, .overlay.search-overlay li.page-summary .wikidata-description { color: var(--text-color); } .unicode, .haudio { filter: var(--filter); } .branding-box img { filter: var(--filter); } .mw-ui-icon-element, .mw-ui-icon-before:before { filter: var(--filter); } .client-js .toc { background-color: var(--body-background); border-radius: 20px; }	opacity: 1; filter: var(--filter); } .minerva__tab-container .minerva__tab:visited, .minerva__tab-container .minerva__tab:hover, .minerva__tab-container .minerva__tab:active, .minerva__tab-container .minerva__tab.new, .minerva__tab-container .minerva__tab.new:visited, .minerva__tab-container .minerva__tab.new:active, .minerva__tab-container .minerva__tab.new:hover { color: var(--text-color); }	color: var(--text-color); } .content figure .thumbinner, .content .thumb .thumbinner { border-radius: 20px; border: var(--image-border); } .overlay { background: var(--translucent-background); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); } .hatnote { background: var(--translucent-background); color: var(--caption); } a { color: var(--link-color); } a:visited { color: var(--visited-link-color); } .infobox a, .wikitable a, table a { color: #3366cc; } .infobox a:visited, .wikitable a:visited, table a:visited { color: #6b4ba1; }
 * 1) mw-usercssyoucanpreview {
 * 1) 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 {
 * 1) mw-mf-page-left ul li a {
 * root {

--translucent-background: rgba(234, 236, 240, 0.8); --body-background: #ffffff; --text-color: #000000; --link-color: #3366cc; --visited-link-color: #6b4ba1; --filter: none; --caption: #54595d; --image-border: none; } @media (prefers-color-scheme: dark) { :root { --translucent-background: rgba(75, 75, 75, 0.8); --body-background: #000; --text-color: #fff; --link-color: #9eb6e7; --visited-link-color: #c0b0da; --filter: brightness(0) invert(1); --caption: #fff; --image-border: 2px solid #fff; } }

/* Banner */ border-radius: 10px; } @media screen and (min-width: 720px) { } .search-overlay { z-index: 3; }	padding-bottom: 0px; padding-top: 22px; }	z-index: 4; background: var(--translucent-background); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }	color: var(--text-color); }	background: transparent; border: none; } .header > div, .header > .navigation-drawer { width: 50px; } .overlay.search-overlay.visible { overflow: scroll; } .overlay.search-overlay .results, .overlay.search-overlay .search-feedback { background: transparent; box-shadow: none; } .overlay.search-overlay li.page-summary { margin-bottom: 20px; margin-top: 10px; border: 0; box-shadow: 3px 3px 6px rgba(0,0,0,0.20); border-radius: 20px; } .page-list, .topic-title-list, .site-link-list { overflow: visible; } .list-thumb.list-thumb-y { border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .overlay.search-overlay .search-content { border-bottom: 0; } .overlay.search-overlay { background: var(--translucent-background); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); } .header-container.header-chrome { background: var(--translucent-background); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); position: sticky; position: -webkit-sticky; top: 0; z-index: 2; border: 0; box-shadow: 3px 3px 6px rgba(0,0,0,0.20); } .header-chrome.overlay-header-container + .overlay-content { padding-top: 0; margin-top: 3.375em; } .overlay-content { z-index: 3; } .page-actions-menu { border-top: 0; border-bottom: 0; } /* Fonts */ .pre-content h1 { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Helvetica Neue",sans-serif; font-weight: 900; font-size: 2.5em; color: var(--text-color); } h2 .mw-headline { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Helvetica Neue",sans-serif; font-weight: 800; font-size: 1.5em; color: var(--text-color); } h3 .mw-headline{ font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Helvetica Neue",sans-serif; font-weight: 600; font-size: 25px; color: var(--text-color); } h4 .mw-headline{ font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Helvetica Neue",sans-serif; font-weight: 500; font-size: 18px; color: var(--text-color); } body, p { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Helvetica Neue",sans-serif; font-weight: 300; } /* Visual Tweaks */ footer .last-modified-bar, .minerva-footer, footer > .post-content > h2 { border-bottom: none; border-top: none; } table, .infobox { border-radius: 20px; box-shadow: 3px 3px 6px rgba(0,0,0,0.20); } input { border-radius: 10px; } .thumbimage { border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; box-shadow: 3px 3px 6px rgba(0,0,0,0.20); } .header { border-top: none; } .overlay.search-overlay .header input { border-radius: 10px; border: 0; } .client-js #searchIcon { display: block; }	display: none; } .skin-minerva-search-trigger { display: none; } .list-thumb.list-thumb-none { border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
 * 1) searchInput {
 * 1) mw-mf-page-left ul {
 * 1) mw-mf-page-left {
 * 1) mw-mf-page-left ul li a {
 * 1) mw-mf-page-left ul li {
 * 1) mw-clearyourcache {

/* VERSION 2.0
 * root {

color-scheme: light; --body-background: #fff; --opaque-background: rgba(255,255,255,0.95); --translucent-background: rgba(255,255,255,0.6); --text-color: #000; --search-background: rgba(255,255,255,0.8); --header-translucent-background: rgba(234, 236, 240,0.6); --header-opaque-background: rgba(234, 236, 240,0.95); --filter: brightness(100%); --link-color: #3366cc; --link-visited-color; #6b4ba1; --thumb-border: none; } @media (prefers-color-scheme: dark) { :root { color-scheme: dark; --body-background: #000; --opaque-background: rgba(80,80,80,0.95); --translucent-background: rgba(80,80,80,0.6); --text-color: #fff; --search-background: rgba(80,80,80,0.8); --header-translucent-background: rgba(80, 80, 80, 0.6); --header-opaque-background: rgba(80, 80, 80 ,0.95); --filter: brightness(0) invert(1); --link-color: #bfd6ff; --link-visited-color; #e5bfff; --thumb-border: 2px solid #fff; } }	background-color: var(--body-background); border-radius: 20px; } .ext-related-articles-card-list h3 a { color: var(--text-color); } .ext-related-articles-card-list h3:after { display: none; } .ext-related-articles-card-list .ext-related-articles-card { background-color: var(--translucent-background); } .page-actions-menu { border-top: none; } .hatnote, .dablink, .rellink { color: var(--text-color); } .wikitable > tr > th, .wikitable > * > tr > th { color: #000; } table body { color: #000; } .infobox a { color: var(--link-color) !important; } .infobox a:visited { color: var(--link-visited-color) !important; } table a { color: #3366cc; }	color: var(--text-color); } table a:visited { color: #6b4ba1; } footer .last-modified-bar { background-color: var(--translucent-background); } .minerva__tab-container .minerva__tab:visited, .minerva__tab-container .minerva__tab:hover, .minerva__tab-container .minerva__tab:active, .minerva__tab-container .minerva__tab.new, .minerva__tab-container .minerva__tab.new:visited, .minerva__tab-container .minerva__tab.new:active, .minerva__tab-container .minerva__tab.new:hover { color: var(--text-color); } .hatnote, .dablink, .rellink { background-color: var(--translucent-background); } .header .branding-box h1 img, .header .branding-box a img { filter: var(--filter); } .mw-ui-icon-element:focus, .mw-ui-icon-element:active, .mw-ui-icon-element:visited { filter: var(--filter); } th.mbox-text, td.mbox-text { color: #000; } .toggle-list__toggle { filter: var(--filter); } .mw-ui-icon:before { filter: var(--filter); } .minerva__tab-container .minerva__tab { var(--text-color); } .content table.infobox { border: var(--thumb-border); color: var(--text-color); background-color: var(--background-color); } a { color: var(--link-color); } a:visited { color: var(--link-visited-color); }
 * 1) toc {
 * 1) mw-mf-page-left ul li a, #mw-mf-page-left ul li a:visited, #mw-mf-page-left ul li a:active {

/* Header & Search .banner-container, .header, .page-header-bar, .overlay-header, .content, .overlay-content, .content-unstyled, .pre-content, .post-content, #mw-content-text > form, #mw-mf-page-center .pointer-overlay { max-width: none !important; } .header > div { width: 40px; } .header { display: table; width: 90%; margin-right: auto; margin-left: auto; border-spacing: 0; border-collapse: collapse; height: 3.375em; white-space: nowrap; border-top: none; margin-top: -1px; } .ve-ui-toolbar { position: sticky; top: 54px; z-index: 29; } .oo-ui-toolbar-bar { background-color: var(--opaque-background); } .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { position: sticky; top: 54px; z-index: 29; } .pre-content, #mw-content-text > form, .content, .post-content { max-width: none; margin: none; } .header-container.header-chrome { background-color: var(--header-opaque-background); border: 0; top: 0; z-index: 30; width: 100%; position: sticky; box-shadow: 0px 3px 5px rgba(0,0,0,0.15);; padding: 0; } @supports ((backdrop-filter: blur(30px))) or (-webkit-backdrop-filter: blur(30px)) { .header-container.header-chrome { background-color: var(--header-translucent-background); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }	#mw-mf-page-left { background-color: var(--translucent-background); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }	.oo-ui-toolbar-bar { background-color: var(--translucent-background); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); } .header .search-box .search { width: 100%; height: 38px; border-radius: 10px; } .search-box .search { background-color: var(--search-background); border: 0; } .animations .overlay.search-overlay.visible { z-index: 31; } .overlay.search-overlay li.page-summary { display: table; height: 100px; width: 100%; margin-bottom: 20px; background: var(--translucent-background); box-shadow: 0 3px 3px 0 rgba(117,117,117,0.3); border: 0; border-bottom: 0; border-radius: 20px; } .overlay.search-overlay { background: var(--translucent-background); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); } .overlay.search-overlay .results, .overlay.search-overlay .search-feedback { background: transparent; } .overlay.search-overlay .overlay-content { overflow-y: scroll; } .list-thumb.list-thumb-none { background-color: rgba(234, 236, 240, 0.7); background-size: 40px 40px; opacity: 0.51; border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .overlay.search-overlay .spinner-container, .overlay.search-overlay .search-content, .overlay.search-overlay .results { width: 70%; } .list-thumb.list-thumb-y { border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .list-thumb.list-thumb-x { border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .overlay.search-overlay .results { box-shadow: none; overflow: visible; } .page-list, .topic-title-list, .site-link-list { overflow: visible; } .overlay.search-overlay .search-content { border-bottom: none; }

/* Fonts .pre-content h1 { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Helvetica Neue",sans-serif;; font-weight: 900; font-size: 40px; color: var(--text-color); } h2 .mw-headline { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Helvetica Neue",sans-serif;; font-weight: 700; font-size: 30px; color: var(--text-color); } h3 .mw-headline{ font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Helvetica Neue",sans-serif;; font-weight: 400; font-size: 25px; color: var(--text-color); } h4 .mw-headline{ font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Helvetica Neue",sans-serif;; font-weight: 400; font-size: 18px; color: var(--text-color); } body, #content, #mw-mf-page-center { background: var(--body-background); color: var(--text-color); background-color: var(--body-background); }

/* Shadows/Roundedness table.fmbox { border: none !important; padding-top: 5px; padding-bottom: 5px; box-shadow: 0px 3px 6px rgba(0,0,0,0.20); border-radius: 20px; } .client-js .toc-mobile .collapsible-heading { padding: 10px; border-radius: 15px; box-shadow: 0px 2px 5px rgba(0,0,0,0.20); border-radius: 20px; } .content .mw-content-ltr table.infobox { box-shadow: 4px 4px 10px rgba(0,0,0,0.25); border-radius: 20px; } .content figure .thumbinner, .content .thumb .thumbinner { box-shadow: 0px 2px 5px rgba(0,0,0,0.20); border-radius: 20px; box-sizing: border-box; border: var(--thumb-border); } .content figcaption, .content .thumbcaption { font-size: 0.8em; line-height: 1.5; padding: 10px; color: var(--text-color); } .content noscript > img, .content a > img { height: auto !important; border-top-right-radius: 20px; border-top-left-radius: 20px; } .content figcaption, .content .thumbcaption { padding: 10px !important; margin: 0; }

/* Sidebar background-color: transparent; }	background-color: var(--opaque-background); z-index: 29; padding-top: 70px; }
 * 1) mw-mf-page-left ul li {
 * 1) mw-mf-page-left {