User:Thomas K.R. Rettig/timeless.css

/*@charset "UTF-8";*/

/*Inter Display font files*/ /*Link: https://rsms.me/inter/ or https://github.com/rsms/inter*/

/*@import url('https://rsms.me/inter/inter-display.css');*/

/*Source Serif 4 font files*/ /*Link: https://github.com/adobe-fonts/source-serif*/

/*@font-face {*/ /*	font-family: 'Source Serif 4';*/ /*	font-style: normal;*/ /*	font-weight: 200 900;*/ /*	font-display: swap;*/ /*	src: url('https://res.cloudinary.com/cloudinary-sucks-so-fucking-much/raw/upload/v1635924897/SourceSerif4VariableRoman.ttf') format('truetype-variations');*/ /*}*/

/*@font-face {*/ /*	font-family: 'Source Serif 4';*/ /*	font-style: italic;*/ /*	font-weight: 200 900;*/ /*	font-display: swap;*/ /*	src: url('https://res.cloudinary.com/cloudinary-sucks-so-fucking-much/raw/upload/v1635924897/SourceSerif4VariableItalic.ttf') format('truetype-variations');*/ /*}*/

/*iA Writer Duo font files*/ /*Link: https://github.com/iaolo/iA-Fonts*/

/*@font-face {*/ /*	font-family: 'iA Writer Duo';*/ /*	font-style: normal;*/ /*	font-weight: 400 700;*/ /*	font-display: swap;*/ /*	src: url('https://res.cloudinary.com/cloudinary-sucks-so-fucking-much/raw/upload/v1635946718/iAWriterDuoV.ttf') format('truetype-variations');*/ /*}*/

/*@font-face {*/ /*	font-family: 'iA Writer Duo';*/ /*	font-style: italic;*/ /*	font-weight: 400 700;*/ /*	font-display: swap;*/ /*	src: url('https://res.cloudinary.com/cloudinary-sucks-so-fucking-much/raw/upload/v1635946720/iAWriterDuoV-Italic.ttf') format('truetype-variations');*/ /*}*/

/*css variables*/

/*:root {*/ /*	--accent-color: #fff;*/ /*	--link-color: #0b31b9;*/ /*	--accent-font: 'InterDisplay var';*/ /*	--body-font: 'Source Serif 4';*/ /*	--mono-font: 'iA Writer Duo';*/ /*}*/

/* scrollbar */

/*::-webkit-scrollbar {*/ /*	background: white;*/ /*	border-radius: 10px;*/ /*}*/

/*::-webkit-scrollbar-thumb {*/ /*	background: #ddd;*/ /*	border: 3px solid transparent;*/ /*	border-radius: 100px;*/ /*	background-clip: content-box;*/ /*}*/

/*::-webkit-scrollbar-thumb:hover {*/ /*	background: grey;*/ /*	border: 3px solid transparent;*/ /*	border-radius: 150px;*/ /*	background-clip: content-box;*/ /*}*/

/*::selection {*/ /*	background: #d2ecff;*/ /*	color: inherit;*/ /*}*/

/*#mw-related-navigation,*/ /*#site-navigation {*/ /*	user-select: none;*/ /*}*/

/*#articlecount {*/ /*	font-variation-settings: "wght" 450, "opsz" 8;*/ /*	 #articlecount has 85% font-size, so lower the optical size and beef up the weight by 50 units for legibility*/ /*}*/

/*table.ambox {*/ /*	margin: 0;*/ /*}*/

/*#mw-header-hack {*/ /*	display: none;*/ /*	it’s ugly*/ /*}*/

/*#mw-header-container {*/ /*	box-shadow: 0 0 30px #ccc;*/ /*	 give the top nav bar some depth and color contrast */ /*}*/

/*.dropdown .mw-portlet-body {*/ /*	font-family: var(--mono-font), Consolas, monospace;*/ /*	font-variation-settings: "wght" 450;*/ /*}*/

/*.timeless-logo img {*/ /*	width: 60px;*/ /*	margin: 0;*/ /*	transition: 0.3s;*/ /*	will-change: contents;*/ /*}*/

/*.timeless-logo img:hover {*/ /*	filter: drop-shadow(0px 0px 5px #bbb);*/ /*	give a "glowing" effect*/ /*	 use "filter" instead of "box shadow" because this image has an alpha channel so shadows will wrap along the contours nicely */ /*}*/

/*form:not(.oo-ui-layout) input[type='submit']:hover {*/ /*	color: white;*/ /*}*/

/*.dropdown h3 {*/ /*	border-bottom: none !important;*/ /*	padding-bottom: 0 !important;*/ /*	margin: 0.25em 0 0.5em 0 !important;*/ /*}*/

/*#mw-content {*/ /*	border: none !important;*/ /*}*/

/*#mp-welcome {*/ /*	font-variation-settings: "opsz" 30;*/ /*	since this is a heading, increase the optical sizing for readability*/ /*	text-align: left;*/ /*	padding: 0 !important;*/ /*}*/

/*#mp-welcomecount {*/ /*	text-align: left !important;*/ /*}*/

/*.sidebar-chunk li:hover {*/ /*	font-variation-settings: "wght" 700;*/ /*}*/

/*#siteSub {*/ /*	font-family: var(--body-font), 'Georgia', serif;*/ /*	font-variation-settings: "wght" 550, "opsz" 8;*/ /*	opacity: 0.7;*/ /*	letter-spacing: 0.6px;*/ /*	font-style: normal;*/ /*	font-variant: all-small-caps;*/ /*}*/

/*pre,*/ /*code,*/ /*kbd,*/ /*samp {*/ /*	font-family: var(--mono-font), Consolas, monospace;*/ /*	font-variation-settings: "wght" 450;*/ /*	 the iA Quattro Font is a bit light by default, so bump up the weight by 50 units */ /*}*/

/*h1,*/ /*h2,*/ /*h3,*/ /*h4,*/ /*h5,*/ /*h6 {*/ /*	font-family: var(--accent-font), sans-serif !important;*/ /*}*/

/*h3,*/ /*h4,*/ /*h5,*/ /*h6 {*/ /*	letter-spacing: 0.4px;*/ /*	 improve legibility */ /*}*/

/*table {*/ /*	border: none !important;*/ /*	border-radius: 10px;*/ /*	margin-bottom: 10px !important;*/ /*}*/

/*.hatnote {*/ /*	padding-left: 0px !important;*/ /*}*/

/*.mw-body h1 {*/ /*	font-variation-settings: "wght" 750;*/ /*	font-size: 35px;*/ /*	border-bottom: none !important;*/ /*}*/

/*.mw-body h2 {*/ /*	font-variation-settings: "wght" 700;*/ /*}*/

/*.mw-parser-output .hatnote {*/ /*	font-variation-settings: "opsz" 12;*/ /*}*/

/*.toc {*/ /*	border-radius: 5px;*/ /*	box-shadow: none !important;*/ /*	border-width: 0;*/ /*}*/

/*.toctitle {*/ /*	border-bottom: 0 !important;*/ /*	margin-bottom: -5px;*/ /*}*/

/*.toctitle h2 {*/ /*	font-variation-settings: "wght" 500;*/ /*	letter-spacing: 0.6px;*/ /*}*/

/*a:focus {*/ /*	background-color: yellow;*/ /*	improve accessibility of links*/ /*}*/

/*body {*/ /*	font-family: var(--body-font), sans-serif;*/ /*	font-variation-settings: "opsz" 12;*/ /*	background: var(--accent-color);*/ /*	font-variant: oldstyle-nums;*/ -webkit-font-smoothing: antialiased; /* when I’m on macOS }

strong, b { font-weight: normal; font-variation-settings: "wght" 700, "opsz" 12; }

i { font-variation-settings: "opsz" 12; }

a { color: var(--link-color) !important; }

a:hover { text-decoration: none; }

.infobox-caption { margin-top: 10px; margin-bottom: 6px; }

t .sidebar-chunk h3 { font-variation-settings: "wght" 700; font-family: var(--mono-font), Consolas, monospace !important; font-feature-settings: "ss02"; double-story "g" margin: 0px 0px 5px 0px; border-bottom: none !important; }

.sidebar-chunk { border-radius: 10px; background: white !important; font-family: var(--mono-font), Consolas monospace; use a multiplexed font for UI text font-variation-settings: "wght" 500; font-feature-settings: "ss02"; double-story "g" border: none !important; padding: 1.5em 1.5em 1.5em 1.5em !important; opacity: 0.3; fade the sidebar nav slightly to reduce reading distraction }

.sidebar-chunk:hover { opacity: 1; unfade the sidebar on hover }

background-color: var(--accent-color); }
 * 1) mw-content-block {

.infobox { border: 2px solid #a2a9b1; border-radius: 10px; padding-left: 10px; padding-right: 10px; }

input.oo-ui-buttonElement-button { border-radius: 10px; }

.tools-inline li { border-bottom: 0; }

.mw-footer-container { border-top: none; box-shadow: none; color: black; }

border-radius: 10px; }
 * 1) mw-wrapper .dropdown-active .pokey,
 * 2) mw-wrapper .dropdown-active .dropdown,
 * 3) mw-wrapper .dropdown-active .sidebar-inner {

display: none; remove annoying images from footer }
 * 1) footer-icons {

.mw-ui-button.mw-ui-progressive:not(:disabled) { color: white !important; border: none; }

.mw-mmv-title { font-family: 'InterDisplay var'; font-variation-settings: "wght" 650; font-size: 20px; line-height: calc(20px * 1.2); }

.mw-mmv-stripe-button.mw-mmv-description-page-button { border-radius: 10px; }

.mw-mmv-stripe-button:before { optimise the size of the icon width: 0.7em; height: 0.7em; top: 0.08em; margin-right: 0.4em; }

.mw-ui-button:not(:disabled) { border-radius: 10px !important; margin-right: 10px; }

font-variant: all-petite-caps; letter-spacing: 0.6px; font-variation-settings: "wght" 600, "opsz" 8; opacity: 0.6; padding: 0; padding-left: 30px; }
 * 1) searchInput {

outline: none; opacity: 1; font-variant: normal; letter-spacing: 0px; }
 * 1) searchInput:focus {

box-shadow: none; border: none; }
 * 1) simpleSearch {

.mw-footer ul { font-variation-settings: "wght" 450, "opsz" 12; }

.ra-read-more h2 { font-family: 'Source Serif 4' !important; font-variant: all-small-caps; font-variation-settings: "wght" 600, "opsz" 12; padding-bottom: 0; }

.ext-related-articles-card-list .ext-related-articles-card-thumb { filter: grayscale(1); border-radius: 10px; }

.ext-related-articles-card-list .ext-related-articles-card-thumb:hover { filter: grayscale(0); }

.ext-related-articles-card-list .ext-related-articles-card, .ext-related-articles-card-list .ext-related-articles-card:first-child, .ext-related-articles-card-list .ext-related-articles-card:last-child { border-radius: 10px; }

.ext-related-articles-card-list .ext-related-articles-card>a:hover { box-shadow: none; }

.mw-parser-output .mp-bordered { border-style: none !important; border-width: 0 !important; }

background-color: transparent !important; }
 * 1) mp-topbanner {

.mw-parser-output .module-shortcutboxplain>ul { font-variant: all-small-caps; use built-in small caps rather than resorting to faux small caps font-size: initial; revert the font size }

.mw-parser-output .module-shortcutboxplain>ul, table.cmbox { margin: 0; expand info boxes to full width }

.tools-inline li a { background-image: none !important; remove the ugly icons padding: 0 !important; remove the padding which was originally declared to accomadate the icons }