User:Thomas K.R. Rettig/timeless.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.

/*@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 
}

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

.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;
}

#mw-wrapper .dropdown-active .pokey,
#mw-wrapper .dropdown-active .dropdown,
#mw-wrapper .dropdown-active .sidebar-inner {
	border-radius: 10px;
}

#footer-icons {
	display: none;
	remove annoying images from footer
}

.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;
}

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

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

#simpleSearch {
	box-shadow: none;
	border: none;
}

.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;
}

#mp-topbanner {
	background-color: transparent !important;
}

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