<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://hardware.hacks.guide/w/index.php?action=history&amp;feed=atom&amp;title=MediaWiki%3AGadget-TimelessDarkMode.css</id>
	<title>MediaWiki:Gadget-TimelessDarkMode.css - Revision history</title>
	<link rel="self" type="application/atom+xml" href="https://hardware.hacks.guide/w/index.php?action=history&amp;feed=atom&amp;title=MediaWiki%3AGadget-TimelessDarkMode.css"/>
	<link rel="alternate" type="text/html" href="https://hardware.hacks.guide/w/index.php?title=MediaWiki:Gadget-TimelessDarkMode.css&amp;action=history"/>
	<updated>2026-05-14T15:35:19Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.43.8</generator>
	<entry>
		<id>https://hardware.hacks.guide/w/index.php?title=MediaWiki:Gadget-TimelessDarkMode.css&amp;diff=6831&amp;oldid=prev</id>
		<title>Haxbot: Syncing contents from hacksguidewiki:MediaWiki:Gadget-TimelessDarkMode.css hacksguidewiki:Special:PermanentLink/942</title>
		<link rel="alternate" type="text/html" href="https://hardware.hacks.guide/w/index.php?title=MediaWiki:Gadget-TimelessDarkMode.css&amp;diff=6831&amp;oldid=prev"/>
		<updated>2024-10-28T01:13:34Z</updated>

		<summary type="html">&lt;p&gt;Syncing contents from &lt;a href=&quot;https://wiki.hacks.guide/wiki/MediaWiki:Gadget-TimelessDarkMode.css&quot; class=&quot;extiw&quot; title=&quot;hacksguidewiki:MediaWiki:Gadget-TimelessDarkMode.css&quot;&gt;hacksguidewiki:MediaWiki:Gadget-TimelessDarkMode.css&lt;/a&gt; &lt;a href=&quot;https://wiki.hacks.guide/wiki/Special:PermanentLink/942&quot; class=&quot;extiw&quot; title=&quot;hacksguidewiki:Special:PermanentLink/942&quot;&gt;hacksguidewiki:Special:PermanentLink/942&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;/* Dark mode for the Timeless skin. */&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) and (max-width: 1099px) {&lt;br /&gt;
	/* in this case having a background interferes with #mw-header-nav-hack */&lt;br /&gt;
	.skin-timeless #mw-site-navigation .sidebar-chunk,&lt;br /&gt;
	.skin-timeless #mw-related-navigation .sidebar-chunk {&lt;br /&gt;
		background: none!important;&lt;br /&gt;
	}&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (prefers-color-scheme: dark) and (max-width: 850px) {&lt;br /&gt;
	.skin-timeless #ca-more span {&lt;br /&gt;
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/gear-grey.svg);&lt;br /&gt;
	}&lt;br /&gt;
	&lt;br /&gt;
	.skin-timeless #site-tools h2 {&lt;br /&gt;
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/gear-large-grey.svg);&lt;br /&gt;
	}&lt;br /&gt;
	&lt;br /&gt;
	.skin-timeless #user-tools h2:after,&lt;br /&gt;
	.skin-timeless .sidebar-chunk h2:after {&lt;br /&gt;
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/arrow-down-grey.svg);&lt;br /&gt;
	}&lt;br /&gt;
	&lt;br /&gt;
	.skin-timeless #site-navigation h2 {&lt;br /&gt;
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/menu-large-grey.svg);&lt;br /&gt;
	}&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (prefers-color-scheme: dark) and (max-width: 1099px) {&lt;br /&gt;
	.skin-timeless #mw-related-navigation .sidebar-inner,&lt;br /&gt;
	.skin-timeless #mw-site-navigation .sidebar-inner {&lt;br /&gt;
		background-color: #262e39;&lt;br /&gt;
		border-color: #2f394d;&lt;br /&gt;
	}&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (prefers-color-scheme: dark) and (min-width: 851px) and (max-width: 1099px) {&lt;br /&gt;
	.skin-timeless #mw-site-navigation h2:after,&lt;br /&gt;
	.skin-timeless #mw-related-navigation h2:after {&lt;br /&gt;
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/arrow-down-grey.svg);&lt;br /&gt;
	}&lt;br /&gt;
	&lt;br /&gt;
	.skin-timeless #mw-site-navigation .sidebar-chunk h2 span:after,&lt;br /&gt;
	.skin-timeless #mw-related-navigation .sidebar-inner:after {&lt;br /&gt;
		border-bottom-color: #262e39;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless #mw-site-navigation .sidebar-chunk h2 span:before,&lt;br /&gt;
	.skin-timeless #mw-related-navigation .sidebar-inner:before {&lt;br /&gt;
		border-bottom-color: #2f394d;&lt;br /&gt;
	}&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (prefers-color-scheme: dark) {&lt;br /&gt;
	.skin-timeless {&lt;br /&gt;
		background-color: #12161b;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless,&lt;br /&gt;
	.tools-inline li.selected a {&lt;br /&gt;
		color: #fff;&lt;br /&gt;
	}&lt;br /&gt;
	&lt;br /&gt;
	.skin-timeless #mw-content-container {&lt;br /&gt;
		background: #1e2129;&lt;br /&gt;
	}&lt;br /&gt;
	&lt;br /&gt;
	.skin-timeless #menus-cover {&lt;br /&gt;
		background-color: #1e2129;&lt;br /&gt;
	}&lt;br /&gt;
	&lt;br /&gt;
	/* mobile stuff */&lt;br /&gt;
	.skin-timeless #mw-header-nav-hack {&lt;br /&gt;
		background-color: #232730;&lt;br /&gt;
		border-top-color: #2f394d;&lt;br /&gt;
	}&lt;br /&gt;
	&lt;br /&gt;
	/* some stuff needs more complicated styles, so these will be reset to black text */&lt;br /&gt;
	.skin-timeless .mw-echo-ui-overlay,&lt;br /&gt;
	.skin-timeless .oo-ui-dialog,&lt;br /&gt;
	.oo-ui-popupWidget-popup {&lt;br /&gt;
		color: #000;&lt;br /&gt;
	}&lt;br /&gt;
	&lt;br /&gt;
	/* header (with site name, search box, Notifications icons and username) */&lt;br /&gt;
	.skin-timeless #mw-header-container {&lt;br /&gt;
		background: #364057;&lt;br /&gt;
		color: #fff;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless #mw-content {&lt;br /&gt;
		background: #262e39;&lt;br /&gt;
		border: solid #2f394d;&lt;br /&gt;
		border-width: 1px 1px 0.2em;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless #p-logo-text a {&lt;br /&gt;
		color: #fff;&lt;br /&gt;
	}&lt;br /&gt;
	&lt;br /&gt;
	/* search input box */&lt;br /&gt;
	.skin-timeless #simpleSearch { &lt;br /&gt;
		background: #364057;&lt;br /&gt;
		border: solid 1px #252a30;&lt;br /&gt;
		box-shadow: inset 0 2px 4px 0 rgba(0,0,0,0.1);&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless #searchButton,&lt;br /&gt;
	.skin-timeless #mw-searchButton {&lt;br /&gt;
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/search-ltr.svg);&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless #searchInput {&lt;br /&gt;
		color: #fff;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless .suggestions {&lt;br /&gt;
		/* while i test things... */&lt;br /&gt;
		display: block!important;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless .suggestions-special,&lt;br /&gt;
	.skin-timeless .suggestions .suggestions-results {&lt;br /&gt;
		background-color: #262e39;&lt;br /&gt;
		border-color: #2f394d;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless .suggestions-special .special-label {&lt;br /&gt;
		color: #c5d1df;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless .suggestions-special .special-query,&lt;br /&gt;
	.skin-timeless .suggestions .suggestions-result {&lt;br /&gt;
		color: #fff;&lt;br /&gt;
	}&lt;br /&gt;
	&lt;br /&gt;
	/* user icon */&lt;br /&gt;
	.skin-timeless #personal h2 {&lt;br /&gt;
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/user-grey.svg);&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless #personal h2:after {&lt;br /&gt;
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/arrow-down-grey.svg);&lt;br /&gt;
	}&lt;br /&gt;
	&lt;br /&gt;
	/* icons from [[mw:Extension:Notifications]] (formerly called Echo, hence why this says echo) */&lt;br /&gt;
	.skin-timeless #personal-extra .mw-echo-notifications-badge { &lt;br /&gt;
		filter: invert(1)!important;&lt;br /&gt;
	}&lt;br /&gt;
	&lt;br /&gt;
	/* code */&lt;br /&gt;
	.skin-timeless code,&lt;br /&gt;
	.skin-timeless pre,&lt;br /&gt;
	.skin-timeless .mw-code {&lt;br /&gt;
		background-color: #1a1f28;&lt;br /&gt;
		border-color: #252a30;&lt;br /&gt;
		color: #fff;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless .mw-highlight {&lt;br /&gt;
		background-color: #1a1f28;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless .mw-content-ltr.mw-highlight-lines pre,&lt;br /&gt;
	.skin-timeless .mw-content-ltr.content .mw-highlight-lines pre {&lt;br /&gt;
		box-shadow: inset 2.75em 0 0 #202730;&lt;br /&gt;
	}&lt;br /&gt;
	/* lots of syntax colors, this is likely incomplete */&lt;br /&gt;
	.skin-timeless .mw-highlight .c  { color: #4ab5b5; }&lt;br /&gt;
	.skin-timeless .mw-highlight .c1 { color: #4ab5b5; }&lt;br /&gt;
	.skin-timeless .mw-highlight .k  { color: #00ff00; }&lt;br /&gt;
	.skin-timeless .mw-highlight .kc { color: #00ff00; }&lt;br /&gt;
	.skin-timeless .mw-highlight .bp { color: #00ff00; }&lt;br /&gt;
	.skin-timeless .mw-highlight .nb { color: #00ff00; }&lt;br /&gt;
	.skin-timeless .mw-highlight .nb { color: #00ff00; }&lt;br /&gt;
	.skin-timeless .mw-highlight .nt { color: #00ff00; }&lt;br /&gt;
	.skin-timeless .mw-highlight .nf { color: #c7c7ff; }&lt;br /&gt;
	.skin-timeless .mw-highlight .nn { color: #9191ff; }&lt;br /&gt;
	.skin-timeless .mw-highlight .nc { color: #9191ff; }&lt;br /&gt;
	.skin-timeless .mw-highlight .nv { color: #9391ec; }&lt;br /&gt;
	.skin-timeless .mw-highlight .o  { color: #adadad; }&lt;br /&gt;
	.skin-timeless .mw-highlight .s1 { color: #e77f7f; }&lt;br /&gt;
	.skin-timeless .mw-highlight .s2 { color: #e77f7f; }&lt;br /&gt;
	.skin-timeless .mw-highlight .sa { color: #e77f7f; }&lt;br /&gt;
	.skin-timeless .mw-highlight .ne { color: #f1a29e; }&lt;br /&gt;
	.skin-timeless .mw-highlight .mi { color: #e6af0f; }&lt;br /&gt;
	.skin-timeless .mw-highlight .mh { color: #e6af0f; }&lt;br /&gt;
	.skin-timeless .mw-highlight .mo { color: #e6af0f; }&lt;br /&gt;
	.skin-timeless .mw-highlight .kt { color: #ec4e87; }&lt;br /&gt;
	.skin-timeless .mw-highlight .sx { color: #00ff00; }&lt;br /&gt;
&lt;br /&gt;
	/* history */&lt;br /&gt;
	.skin-timeless #pagehistory li.selected {&lt;br /&gt;
		background-color: #20262f;&lt;br /&gt;
		color: #b1b1b1;&lt;br /&gt;
		outline: 1px dashed #2f394d;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.skin-timeless .diff-addedline .diffchange {&lt;br /&gt;
		background: #597998;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless .diff-deletedline .diffchange {&lt;br /&gt;
		background: #695d42;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.skin-timeless .diff-context {&lt;br /&gt;
		color: #dfdedd;&lt;br /&gt;
		background-color: #20262f;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.skin-timeless .oo-ui-panelLayout-framed {&lt;br /&gt;
		border-color: #43506a;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.skin-timeless .mw-plusminus-pos {&lt;br /&gt;
		color: #00e000;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless .mw-plusminus-neg {&lt;br /&gt;
		color: #eb0000;&lt;br /&gt;
	}&lt;br /&gt;
	&lt;br /&gt;
	.skin-timeless .ext-cc-language-selector__trigger {&lt;br /&gt;
		color: #95b8ff;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless .ext-cc-language-selector__trigger:after {&lt;br /&gt;
		border-top-color: #95b8ff;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	/*&lt;br /&gt;
	wikitables, infoboxes, the recent changes legend, image thumbnails,&lt;br /&gt;
	sitenotice, notification&lt;br /&gt;
	*/&lt;br /&gt;
	.skin-timeless .infobox,&lt;br /&gt;
	.skin-timeless .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,&lt;br /&gt;
	.skin-timeless .mw-changeslist-legend,&lt;br /&gt;
	.skin-timeless .mw-body .mw-search-profile-tabs,&lt;br /&gt;
	.skin-timeless .mw-body fieldset#mw-searchoptions,&lt;br /&gt;
	.skin-timeless .mw-pt-languages,&lt;br /&gt;
	.skin-timeless .mw_meta,&lt;br /&gt;
	.skin-timeless .mw-datatable,&lt;br /&gt;
	.skin-timeless .wikitable,&lt;br /&gt;
	.skin-timeless .thumbinner,&lt;br /&gt;
	.skin-timeless #localNotice,&lt;br /&gt;
	.skin-timeless .mw-notification {&lt;br /&gt;
		color: #fff;&lt;br /&gt;
		background: #20262f;&lt;br /&gt;
		border-color: #2f394d;&lt;br /&gt;
	}&lt;br /&gt;
	&lt;br /&gt;
	/* this mess brought to you by..... idk, it was was appeared in my style editor from load.php */&lt;br /&gt;
	.skin-timeless .mw_metadata &amp;gt; tr &amp;gt; th,&lt;br /&gt;
	.skin-timeless .mw-datatable &amp;gt; tr &amp;gt; th,&lt;br /&gt;
	.skin-timeless .wikitable &amp;gt; tr &amp;gt; th,&lt;br /&gt;
	.skin-timeless .mw_metadata &amp;gt; tr &amp;gt; td,&lt;br /&gt;
	.skin-timeless .mw-datatable &amp;gt; tr &amp;gt; td,&lt;br /&gt;
	.skin-timeless .wikitable &amp;gt; tr &amp;gt; td,&lt;br /&gt;
	.skin-timeless .mw_metadata &amp;gt; * &amp;gt; tr &amp;gt; th,&lt;br /&gt;
	.skin-timeless .mw-datatable &amp;gt; * &amp;gt; tr &amp;gt; th,&lt;br /&gt;
	.skin-timeless .wikitable &amp;gt; * &amp;gt; tr &amp;gt; th,&lt;br /&gt;
	.skin-timeless .mw_metadata &amp;gt; * &amp;gt; tr &amp;gt; td,&lt;br /&gt;
	.skin-timeless .mw-datatable &amp;gt; * &amp;gt; tr &amp;gt; td,&lt;br /&gt;
	.skin-timeless .wikitable &amp;gt; * &amp;gt; tr &amp;gt; td {&lt;br /&gt;
		border: 1px solid #2f394d;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless .mw-pt-languages-label,&lt;br /&gt;
	.skin-timeless .wikitable &amp;gt; tr &amp;gt; th,&lt;br /&gt;
	.skin-timeless .wikitable &amp;gt; * &amp;gt; tr &amp;gt; th {&lt;br /&gt;
		background-color: #424f69;&lt;br /&gt;
	}&lt;br /&gt;
	&lt;br /&gt;
	.skin-timeless .mw-datatable th {&lt;br /&gt;
		background: #424f69;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless .mw-datatable td {&lt;br /&gt;
		background: #20262f;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless .mw-datatable tr:hover td {&lt;br /&gt;
		background-color: #2f3c4e;&lt;br /&gt;
	}&lt;br /&gt;
	&lt;br /&gt;
	/* Special:AllMessages table */&lt;br /&gt;
	/* default message */&lt;br /&gt;
	.skin-timeless #mw-allmessagestable .am_default {&lt;br /&gt;
		background-color: #4e4f36;&lt;br /&gt;
	}&lt;br /&gt;
	/* current/custom message */&lt;br /&gt;
	.skin-timeless #mw-allmessagestable .am_actual {&lt;br /&gt;
		background-color: #3a4f3a;&lt;br /&gt;
	}&lt;br /&gt;
	&lt;br /&gt;
	/* toc */&lt;br /&gt;
	.skin-timeless ul#filetoc,&lt;br /&gt;
	.skin-timeless .toc,&lt;br /&gt;
	.skin-timeless .toccolours,&lt;br /&gt;
	.skin-timeless .mw-warning {&lt;br /&gt;
		background-color: #424f69;&lt;br /&gt;
		border-color: #2f394d;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless .tocnumber {&lt;br /&gt;
		color: #c1d5e4;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless .toctogglelabel {&lt;br /&gt;
		cursor: pointer;&lt;br /&gt;
		color: #87adeb;&lt;br /&gt;
	}&lt;br /&gt;
	&lt;br /&gt;
	/* other icons */&lt;br /&gt;
	.skin-timeless .mw-editsection,&lt;br /&gt;
	.skin-timeless #ca-ve-edit a {&lt;br /&gt;
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/pencil-grey.svg);&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless #ca-edit a {&lt;br /&gt;
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/pencil-source-grey.svg);&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless #ca-viewsource a {&lt;br /&gt;
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/brackets-grey.svg);&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless .tools-inline li[id^=&amp;#039;ca-nstab-&amp;#039;] a {&lt;br /&gt;
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/page-grey.svg);&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless #ca-talk a {&lt;br /&gt;
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/talk-grey.svg);&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless #ca-history a {&lt;br /&gt;
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/clock-grey.svg);&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless #t-contributions a {&lt;br /&gt;
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/puzzle-grey.svg);&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless #ca-addsection a {&lt;br /&gt;
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/plus-grey.svg);&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless #ca-watch a {&lt;br /&gt;
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/star.svg);&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless .dropdown-toggle:after {&lt;br /&gt;
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/arrow-down-grey.svg);&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless .tools-inline li a {&lt;br /&gt;
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/page-misc-grey.svg);&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless div.magnify a {&lt;br /&gt;
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/magnify-ltr.svg);&lt;br /&gt;
	}&lt;br /&gt;
	/* using an alternate icon here instead of just an inverted version */&lt;br /&gt;
	.skin-timeless #mw-indicator-mw-helplink a {&lt;br /&gt;
		background-image: url(https://upload.wikimedia.org/wikipedia/commons/c/c0/OOjs_UI_icon_help-ltr-invert.svg);&lt;br /&gt;
	}&lt;br /&gt;
	&lt;br /&gt;
	/* personal menu */&lt;br /&gt;
	.skin-timeless #personal .dropdown {&lt;br /&gt;
		background-color: #20262f;&lt;br /&gt;
		border-color: #2f394d;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless #pt-uls .uls-trigger:before {&lt;br /&gt;
		background-image: url(https://upload.wikimedia.org/wikipedia/commons/3/32/OOjs_UI_icon_language-ltr-invert.svg);&lt;br /&gt;
	}&lt;br /&gt;
	&lt;br /&gt;
	/* links */&lt;br /&gt;
	.skin-timeless a {&lt;br /&gt;
		color: #95b8ff;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless a:visited {&lt;br /&gt;
		color: #a6b9e2;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless a:hover,&lt;br /&gt;
	.skin-timeless a:visited:hover { &lt;br /&gt;
		color: #688cd4;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless a.new,&lt;br /&gt;
	.skin-timeless .new a {&lt;br /&gt;
		color: #ff6969;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless a.new:visited,&lt;br /&gt;
	.skin-timeless .new a:visited {&lt;br /&gt;
		color: #d66767;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless .mw-parser-output a.extiw:visited,&lt;br /&gt;
	.skin-timeless .mw-parser-output a.extiw:active:visited,&lt;br /&gt;
	.skin-timeless .mw-parser-output a.external:visited {&lt;br /&gt;
		color: #6cb3e7;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless .mw-parser-output a.extiw,&lt;br /&gt;
	.skin-timeless .mw-parser-output a.extiw:active,&lt;br /&gt;
	.skin-timeless .mw-parser-output a.external {&lt;br /&gt;
		color: #3295df;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless .mw-parser-output a.extiw:visited:hover,&lt;br /&gt;
	.skin-timeless .mw-parser-output a.extiw:active:visited:hover,&lt;br /&gt;
	.skin-timeless .mw-parser-output a.external:visited:hover {&lt;br /&gt;
		color: #216da7;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless .mw-parser-output a.extiw:hover,&lt;br /&gt;
	.skin-timeless .mw-parser-output a.extiw:active:hover,&lt;br /&gt;
	.skin-timeless .mw-parser-output a.external:hover {&lt;br /&gt;
		color: #3473a2;&lt;br /&gt;
	}&lt;br /&gt;
	&lt;br /&gt;
	/* sidebars */&lt;br /&gt;
	.skin-timeless #mw-site-navigation .sidebar-chunk,&lt;br /&gt;
	.skin-timeless #mw-related-navigation .sidebar-chunk {&lt;br /&gt;
		background-color: #232730;&lt;br /&gt;
		border-color: #2f394d;&lt;br /&gt;
	}&lt;br /&gt;
	&lt;br /&gt;
	/* message boxes */&lt;br /&gt;
	.skin-timeless table.ambox,&lt;br /&gt;
	.skin-timeless table.imbox {&lt;br /&gt;
		background-color: #36415b /*#fbfbfb*/;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless table.fmbox-system,&lt;br /&gt;
	.skin-timeless table.ombox {&lt;br /&gt;
		background-color: #343e57 /*#f8f9fa*/;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless table.ambox {&lt;br /&gt;
		/* this box puts a 10px border on the left with a special color that should be preserved */&lt;br /&gt;
		border-top-color: #5e7288;&lt;br /&gt;
		border-right-color: #5e7288;&lt;br /&gt;
		border-bottom-color: #5e7288;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless table.tmbox {&lt;br /&gt;
		background-color: #5d5848;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless table.fmbox-editnotice,&lt;br /&gt;
	.skin-timeless table.fmbox-system,&lt;br /&gt;
	.skin-timeless table.ombox-protection,&lt;br /&gt;
	.skin-timeless table.imbox-protection,&lt;br /&gt;
	.skin-timeless table.ombox-notice,&lt;br /&gt;
	.skin-timeless table.cmbox-delete,&lt;br /&gt;
	.skin-timeless table.cmbox-content,&lt;br /&gt;
	.skin-timeless table.cmbox-style,&lt;br /&gt;
	.skin-timeless table.cmbox-notice,&lt;br /&gt;
	.skin-timeless table.cmbox-move,&lt;br /&gt;
	.skin-timeless table.cmbox-protection {&lt;br /&gt;
		border-color: #5e7288;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless table.ambox-speedy,&lt;br /&gt;
	.skin-timeless table.cmbox-speedy,&lt;br /&gt;
	.skin-timeless table.cmbox-delete,&lt;br /&gt;
	.skin-timeless table.imbox-speedy,&lt;br /&gt;
	.skin-timeless table.tmbox-speedy,&lt;br /&gt;
	.skin-timeless table.fmbox-warning,&lt;br /&gt;
	.skin-timeless table.ombox-speedy {&lt;br /&gt;
		background-color: #6c4543;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless table.cmbox-content {&lt;br /&gt;
		background-color: #504438;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless table.cmbox-style {&lt;br /&gt;
		background-color: #635f46;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless table.cmbox-notice {&lt;br /&gt;
		background-color: #3a4759;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless table.cmbox-move {&lt;br /&gt;
		background-color: #453b5c;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless table.cmbox-protection {&lt;br /&gt;
		background-color: #4a4a36;&lt;br /&gt;
	}&lt;br /&gt;
	&lt;br /&gt;
	/* documentation template */&lt;br /&gt;
	/* this is using TemplateStyles, so I need to remember to move this over some day... */&lt;br /&gt;
	.skin-timeless .mw-parser-output .documentation,&lt;br /&gt;
	.skin-timeless .mw-parser-output .documentation-metadata {&lt;br /&gt;
		border: 1px solid #909090!important;&lt;br /&gt;
		background-color: #2a3932!important;&lt;br /&gt;
	}&lt;br /&gt;
	&lt;br /&gt;
	/* babel */&lt;br /&gt;
	.skin-timeless .mw-babel-wrapper {&lt;br /&gt;
		background-color: #262e39;&lt;br /&gt;
	}&lt;br /&gt;
	&lt;br /&gt;
	.skin-timeless .mw-babel-box-N { border: 1px solid #58a176; }&lt;br /&gt;
	.skin-timeless .mw-babel-box-N table th { background-color: #58a176; }&lt;br /&gt;
	.skin-timeless .mw-babel-box-N table { background-color: #39624b; }&lt;br /&gt;
&lt;br /&gt;
	.skin-timeless .mw-babel-box-5 { border: 1px solid #b19549; }&lt;br /&gt;
	.skin-timeless .mw-babel-box-5 table th { background-color: #b19549; }&lt;br /&gt;
	.skin-timeless .mw-babel-box-5 table { background-color: #756d45; }&lt;br /&gt;
&lt;br /&gt;
	.skin-timeless .mw-babel-box-4 { border: 1px solid #4e9a9f; }&lt;br /&gt;
	.skin-timeless .mw-babel-box-4 table th { background-color: #4e9a9f; }&lt;br /&gt;
	.skin-timeless .mw-babel-box-4 table { background-color: #3f6167; }&lt;br /&gt;
&lt;br /&gt;
	.skin-timeless .mw-babel-box-3 { border: 1px solid #6c84c9; }&lt;br /&gt;
	.skin-timeless .mw-babel-box-3 table th { background-color: #6c84c9; }&lt;br /&gt;
	.skin-timeless .mw-babel-box-3 table { background-color: #4d566f; }&lt;br /&gt;
&lt;br /&gt;
	.skin-timeless .mw-babel-box-2 { border: 1px solid #7571c1; }&lt;br /&gt;
	.skin-timeless .mw-babel-box-2 table th { background-color: #7571c1; }&lt;br /&gt;
	.skin-timeless .mw-babel-box-2 table { background-color: #554c79; }&lt;br /&gt;
&lt;br /&gt;
	.skin-timeless .mw-babel-box-1 { border: 1px solid #ab7dab; }&lt;br /&gt;
	.skin-timeless .mw-babel-box-1 table th { background-color: #ab7dab; }&lt;br /&gt;
	.skin-timeless .mw-babel-box-1 table { background-color: #704b70; }&lt;br /&gt;
&lt;br /&gt;
	.skin-timeless .mw-babel-box-0 { border: 1px solid #ab4b4b; }&lt;br /&gt;
	.skin-timeless .mw-babel-box-0 table th { background-color: #ab4b4b; }&lt;br /&gt;
	.skin-timeless .mw-babel-box-0 table { background-color: #784545; }&lt;br /&gt;
	&lt;br /&gt;
	/* misc */&lt;br /&gt;
	.skin-timeless #contentSub {&lt;br /&gt;
		color: #b4babe;&lt;br /&gt;
	}&lt;br /&gt;
	&lt;br /&gt;
	.skin-timeless body td.mw-abusefilter-history-changed {&lt;br /&gt;
		background: #875656;&lt;br /&gt;
	}&lt;br /&gt;
	&lt;br /&gt;
	/* recentchanges stuff */&lt;br /&gt;
	/* good god */&lt;br /&gt;
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1,&lt;br /&gt;
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child,&lt;br /&gt;
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),&lt;br /&gt;
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {&lt;br /&gt;
		background-color: #424c61;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2,&lt;br /&gt;
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child,&lt;br /&gt;
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),&lt;br /&gt;
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {&lt;br /&gt;
		background-color: #325951;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3,&lt;br /&gt;
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child,&lt;br /&gt;
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),&lt;br /&gt;
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {&lt;br /&gt;
		background-color: #5d5847;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4,&lt;br /&gt;
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child,&lt;br /&gt;
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),&lt;br /&gt;
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {&lt;br /&gt;
		background-color: #6a4c3d;&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5,&lt;br /&gt;
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child,&lt;br /&gt;
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),&lt;br /&gt;
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {&lt;br /&gt;
		background-color: #6a4747;&lt;br /&gt;
	}&lt;br /&gt;
	&lt;br /&gt;
	.skin-timeless .oo-ui-icon-clock,&lt;br /&gt;
	.skin-timeless .mw-ui-icon-clock:before {&lt;br /&gt;
		background-image: linear-gradient(transparent,transparent),url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eclock%3C/title%3E%3Cpath d=%22M10 0a10 10 0 1010 10A10 10 0 0010 0zm2.5 14.5L9 11V4h2v6l3 3z%22/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless .oo-ui-icon-expand,&lt;br /&gt;
	.skin-timeless .mw-ui-icon-expand:before {&lt;br /&gt;
		background-image: linear-gradient(transparent,transparent),url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eexpand%3C/title%3E%3Cpath d=%22M17.5 4.75l-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z%22/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
	}&lt;br /&gt;
	.skin-timeless .oo-ui-icon-collapse,&lt;br /&gt;
	.skin-timeless .mw-ui-icon-collapse:before {&lt;br /&gt;
		background-image: linear-gradient(transparent,transparent),url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ecollapse%3C/title%3E%3Cpath d=%22M2.5 15.25l7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z%22/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
	}&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Haxbot</name></author>
	</entry>
</feed>