User:Lacancancan/common.css

/* DARK MODE */
 * 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 {