User:GuyPerfect/timeless1.css

From Inkipedia, the Splatoon wiki

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* To use this in your own timeless.css, include the following line:
@import url("https://splatoonwiki.org/wiki/User:GuyPerfect/timeless1.css?action=raw&ctype=text/css");
*/

/* Light mode palette */
:root {
	--action       : #000000ab; /* Page action links */
	--article      : #e7e6e7  ; /* Article table */
	--border       : #c8ccd1  ; /* Border and horizontal rule */
	--config       : #000000ab; /* User menus icons */
	--diff-add     : #a3d3ff  ; /* Diff added contents box border */
	--diff-add-word: #d8ecff  ; /* Diff added word background */
	--diff-context : #eaecf0  ; /* Diff context box border */
	--diff-del     : #ffe49c  ; /* Diff deleted contents box border */
	--diff-del-word: #feeec8  ; /* Diff deleted word background */
	--footer       : #333333  ; /* Footer background */
	--footer-text  : #e4e4e4  ; /* Footer text */
	--hdr-left     : #b32424  ; /* Header left color */
	--hdr-middle   : #2a4b8d  ; /* Header middle color */
	--hdr-right    : #14866d  ; /* Header right color */
	--hdr-shadow-1 : #00000013; /* Header shadow 1 */
	--hdr-shadow-2 : #00000033; /* Header shadow 2 */
	--history-diff : #f8f9fa  ; /* Selected diff in history */
	--input        : #ffffff  ; /* Text box background */
	--input-text   : #202122  ; /* Text box text */
	--link-external: #366ac4  ; /* Destination is other website */
	--link-internal: #358500  ; /* Destination is on the wiki */
	--link-missing : #db0000  ; /* Destination does not exist */
	--nav-border   : #eaecf0  ; /* Navigation chunk border */
	--notify       : #0000007d; /* Notification icons */
	--page         : #ffffff  ; /* Main content background */
	--page-text    : #202122  ; /* Main content text */
	--table-header : #eeeeee  ; /* Table header background */
	--table-shadow : #00000040; /* Table shadow */
	--toc-number   : #54595d  ; /* Number within table of contents */
	--void         : #eaecf0  ; /* Non-content page background */
	--void-1       : #383838  ; /* Page background stripe color 1 */
	--void-2       : #414141  ; /* Page background stripe color 2 */
	--warn         : #fef6e7  ; /* Warning box background */
	--warn-border  : #ffcc33  ; /* Warning box border */
}

/* Dark mode palette */
@media screen and (prefers-color-scheme: dark) { :root {
	--action       : #e4e4e4ab; /* Page action links */
	--article      : #222222  ; /* Article table */
	--border       : #999999  ; /* Border and horizontal rule */
	--config       : #e4e4e4ab; /* User menus icons */
	--diff-add     : #0064C2  ; /* Diff added contents box border */
	--diff-add-word: #0063C7  ; /* Diff added word background */
	--diff-context : #616670  ; /* Diff context box border */
	--diff-del     : #805e00  ; /* Diff deleted contents box border */
	--diff-del-word: #7e5901  ; /* Diff deleted word background */
	--footer       : #333333  ; /* Footer background */
	--footer-text  : #e4e4e4  ; /* Footer text */
	--hdr-left     : #e06161  ; /* Header left color */
	--hdr-middle   : #3966c0  ; /* Header middle color */
	--hdr-right    : #20d9b1  ; /* Header right color */
	--hdr-shadow-1 : #ffffff13; /* Header shadow 1 */
	--hdr-shadow-2 : #ffffff33; /* Header shadow 2 */
	--history-diff : #181818  ; /* Selected diff in history */
	--input        : #111111  ; /* Text box background */
	--input-text   : #e4e4e4  ; /* Text box text */
	--link         : #50c700  ; /* Hyperlink */
	--link-external: #4b7bce  ; /* Destination is other website */
	--link-internal: #3b9400  ; /* Destination is on the wiki */
	--link-missing : #e15151  ; /* Destination does not exist */
	--nav-border   : #666666  ; /* Navigation chunk border */
	--notify       : #e4e4e4cc; /* Notification icons */
	--page         : #111111  ; /* Main content background */
	--page-text    : #e4e4e4  ; /* Main content text */
	--table-header : #222222  ; /* Table header background */
	--table-shadow : #ffffff60; /* Table shadow */
	--toc-number   : #999999  ; /* Number within table of contents */
	--void         : #000000  ; /* Non-content page background */
	--void-1       : #111111  ; /* Page background stripe color 1 */
	--void-2       : #181818  ; /* Page background stripe color 2 */
	--warn         : #413201  ; /* Warning box background */
	--warn-border  : #a77801  ; /* Warning box border */
}}

/*********************** Timeless color theme support ************************/

#p-banner {
	color: var(--page-text) !important;
}
#mw-header-container {
	background: var(--page);
	color     : var(--page-text);
}
#simpleSearch {
	border-color: var(--border);
	opacity: 1;
}
#searchButton {
	background: var(--config);
	mask-image: var(--search-icon);
	mask-position: center 40%;
	mask-repeat: no-repeat;
	-webkit-mask-image: var(--search-icon);
	-webkit-mask-position: center 40%;
	-webkit-mask-repeat: no-repeat;
}
.oo-ui-icon-bell,
.oo-ui-icon-bookmark,
.oo-ui-icon-menu,
.oo-ui-icon-trash,
.oo-ui-icon-tray {
	background: var(--notify);
	display: block;
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
	min-height: 20px;
	opacity: 1 !important;
	width: 20px;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
}
.oo-ui-icon-bell {
	mask-image: var(--bell-icon);
	-webkit-mask-image: var(--bell-icon);
}
.oo-ui-buttonElement-button .oo-ui-icon-bookmark {
	mask-image: var(--bookmark-icon);
	-webkit-mask-image: var(--bookmark-icon);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button .oo-ui-icon-bookmark {
	background: currentcolor;
}
.oo-ui-icon-menu {
	mask-image: var(--menu-icon);
	-webkit-mask-image: var(--menu-icon);
}
.oo-ui-icon-trash {
	height: 100%;
	width: 1.5em;
	mask-image: var(--trash-icon);
	-webkit-mask-image: var(--trash-icon);
}
.oo-ui-icon-tray {
	mask-image: var(--tray-icon);
	-webkit-mask-image: var(--tray-icon);
}
#personal h2,
#site-navigation h2,
#site-tools h2 {
	background: none;
}
@media screen and (min-width: 851px) {
	#personal h2,
	#site-tools h2 {
		position: relative;
	}
}
#personal h2::before,
#site-navigation h2::before,
#site-tools h2::before,
#page-tools h2::before {
	background: var(--config);
	content: "";
	height: 20px;
	left: 0;
	position: absolute;
	top: 7px;
	width: 20px;
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 20px 20px;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 20px 20px;
}
#personal h2::before {
	mask-image: var(--user-icon);
	-webkit-mask-image: var(--user-icon);
}
#site-navigation h2::before {
	height: 30px;
	mask-image: var(--menu-icon);
	mask-size: 30px 30px;
	top: 0;
	width: 30px;
	-webkit-mask-image: var(--menu-icon);
	-webkit-mask-size: 30px 30px;
}
#site-tools h2::before {
	mask-image: var(--tool-icon);
	-webkit-mask-image: var(--tool-icon);
}
@media screen and (min-width: 851px) and (max-width: 1099px) {
	#site-navigation h2::before,
	#site-tools h2::before,
	#page-tools h2::before {
		background: #00000000;
	}
	#mw-header-nav-hack {
		background: var(--page);
		border-color: transparent;
	}
}
#personal h2::after,
#site-navigation h2::after,
#site-tools h2::after,
#page-tools h2::after {
	background: var(--config);
	mask-image: var(--chevron);
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: 22px 16px;
	-webkit-mask-image: var(--chevron);
	-webkit-mask-position: center center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 22px 16px;
}
#mw-header-hack {
	box-shadow: 0 3px 3px 2px var(--hdr-shadow-1),0 0 2px var(--hdr-shadow-2);
}
#personal .dropdown,
.sidebar-inner {
	background: var(--page) !important;
	border-color: var(--border) !important;
}
.sidebar-chunk h2 span::before,
.sidebar-chunk h2 span::after,
#personal-inner::before,
#personal-inner::after,
#page-tools .sidebar-inner::before,
#page-tools .sidebar-inner::after {
	border-bottom-color: var(--border) !important;
}
.color-left {
	background: var(--hdr-left);
}
.color-middle {
	background: var(--hdr-middle);
}
.color-right {
	background: var(--hdr-right);
}
.editOptions {
	background: var(--void) !important;
}
.mw-editsection {
	background: transparent;
	position: relative;
}
#mw-page-header-links li a {
    background: none;
    position: relative;
}
#mw-page-header-links li a:before,
.mw-editsection:before {
	background: var(--action);
    content: "";
	display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px;
}
#mw-indicator-mw-helplink a {
	background: transparent;
	position: relative;
}
#mw-indicator-mw-helplink a::before {
	background: var(--action);
	content: "";
	display: "block";
	height: 20px;
	left: 0;
	mask-image: var(--help-icon);
	position: absolute;
	top: 0;
	width: 20px;
	-webkit-mask-image: var(--help-icon);
}
[id^="ca-nstab-"] a:before {
    mask-image: var(--page-icon);
    -webkit-mask-image: var(--page-icon);
}
#ca-talk a:before {
    mask-image: var(--talk-icon);
    -webkit-mask-image: var(--talk-icon);
}
#ca-watch a:before {
    mask-image: var(--watch-icon);
    -webkit-mask-image: var(--watch-icon);
}
#ca-unwatch a:before {
    mask-image: var(--unwatch-icon);
    -webkit-mask-image: var(--unwatch-icon);
}
#ca-view a:before {
    mask-image: var(--view-icon);
    -webkit-mask-image: var(--view-icon);
}
#ca-edit a:before,
#ca-ve-edit a:before
{
    mask-image: var(--edit-icon);
    -webkit-mask-image: var(--edit-icon);
}
#ca-history a:before {
    mask-image: var(--history-icon);
    -webkit-mask-image: var(--history-icon);
}
#ca-cargo-purge a:before {
    mask-image: var(--purge-icon);
    -webkit-mask-image: var(--purge-icon);
}
#t-contributions a:before {
    mask-image: var(--contribs-icon);
    -webkit-mask-image: var(--contribs-icon);
}
.mw-editsection:before {
    mask-image: var(--edit-icon-2);
    top: 4px;
    -webkit-mask-image: var(--edit-icon-2);
}
#mw-content,
.sidebar-chunk {
	background: var(--page) !important;
	border-color: var(--nav-border) !important;
	color: var(--page-text) !important;
}
#toc {
	background: var(--page) !important;
	border-color: var(--border) !important;
	color: var(--page-text) !important;
}
.sidebar-chunk h3 {
	border-bottom-color: var(--nav-border) !important;
}
.tocnumber {
	color: var(--toc-number);
}
.toctitle {
	border-bottom-color: var(--border) !important;
}
.toctogglelabel {
	color: var(--link-internal) !important;
}
code, pre, .mw-code {
  background: var(--page);
  border-color: var(--border);
  color: var(--page-text);
}
.thumb {
	background: var(--page) !important;
	border-color: var(--border) !important;
}
.thumbinner {
	background: transparent;
	border-color: var(--border);
}
.thumb a.internal {
	background: transparent;
	position: relative;
}
.thumb a.internal::before {
	background: var(--border);
	content: "";
	display: block;
	height: 20px;
	mask-image: var(--thumb-icon);
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	-webkit-mask-image: var(--thumb-icon);
}
.wikiEditor-ui {
	color: #000000;
}
.wikitable {
	background: transparent !important;
	border-color: var(--border) !important;
	box-shadow: 0 0 0.8em var(--table-shadow) !important;
}
.wikitable th {
	background: var(--table-header) !important;
}
.wikitable th,
.wikitable td {
	border-color: var(--border) !important;
	color: var(--page-text) !important;
}
#filetoc {
	background: transparent !important;
	border-color: var(--border) !important;
}
@media (min-height: 600px) and (min-width: 1400px) {
	#mw-related-navigation {
		top: 0;
	}
}
.diff-context {
	background: transparent;
	border-color: var(--diff-context);
	color: var(--page-text);
}
.diff-addedline {
	border-color: var(--diff-add);
}
.diff-addedline .diffchange {
	background: var(--diff-add-word);
}
.diff-deletedline {
	border-color: var(--diff-del);
}
.diff-deletedline .diffchange {
	background: var(--diff-del-word);
}
:root,
.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4,
.mw-body h5 {
	font-family: sans-serif;
}
.mw-body h1::after,
.mw-body h2::after,
.mw-body h3::after,
.mw-body h4::after,
.mw-body h5::after {
	border-color: var(--border) !important;
}
body {
	background: var(--void-1);
}
@media (min-width: 1100px) {
	#mw-content-container {
		background: transparent !important;
		overflow: hidden;
		padding: 0 2px;
		position: relative;
	}
}
#mw-content-container::before {
	background: var(--void-2);
	content: "";
	display:  block;
	height: 100%;
	left: 0;
	mask-image: var(--void-image);
	mask-repeat: repeat;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
	-webkit-mask-image: var(--void-image);
	-webkit-mask-repeat: repeat;
}
#mw-content {
	border: none !important;
	box-shadow: 0 0 0 2px var(--nav-border);
}
.sidebar-chunk,
.sidebar-inner,
#personal-inner
{
	border-radius: 2px;
	border-width: 2px 2px 2px 10px !important;
}
input[type="text"],
input[type="search"] {
	background: var(--input) !important;
	color     : var(--input-text) !important;
}
input[type="text"]::placeholder,
input[type="search"]::placeholder {
	color  : var(--border);
	opacity: 1;
}
a,
a:hover,
a:visited {
	color: var(--link-internal);
    text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a.external,
a.extiw {
	color: var(--link-external) !important;
}
a.new,
a.new:hover,
.new a,
.new a:hover {
	color: var(--link-missing);
}
#mw-page-header-links li.selected a {
    color: var(--page-text);
}
#mw-footer-container {
	background: var(--footer);
}
#mw-footer li,
#mw-footer li a {
	color: var(--footer-text);
}
.warningbox {
	background: var(--warn);
	border-color: var(--warn-border);
	color: var(--page-text);
}
#pagehistory li.selected,
.mw-widget-dateInputWidget-handle {
	background: var(--history-diff);
	border-color: var(--nav-border);
	color: var(--page-text);
}
.mw-widget-dateInputWidget-handle {
	background: var(--page);
}
.oo-ui-icon-expand,
.mw-ui-icon-expand::before,
.oo-ui-icon-collapse,
.mw-ui-icon-collapse::before {
	background: currentcolor;
	height: 20px;
	width: 20px;
}
.oo-ui-icon-expand,
.mw-ui-icon-expand::before {
	mask-image: var(--expand-icon);
	-webkit-mask-image: var(--expand-icon);
}
.oo-ui-icon-collapse,
.mw-ui-icon-collapse::before {
	mask-image: var(--collapse-icon);
	-webkit-mask-image: var(--collapse-icon);
}
.mw-history-subtitle {
	color: var(--page-text);
}
.oo-ui-tagMultiselectWidget-handle,
.mw-changeslist-legend {
	background: var(--page) !important;
	border-color: var(--border) !important;
	color: var(--page-text) !important;
}
.article-table {
	background: var(--article);
	border: 1px solid var(--border);
}

/* Embedded icons */
:root {
	--bell-icon    : url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ebell%3C/title%3E%3Cpath d=%22M16 7a5.38 5.38 0 00-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 004 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 003-3H7a3 3 0 003 3z%22/%3E%3C/svg%3E");
	--bookmark-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+Ym9va21hcms8L3RpdGxlPjxwYXRoIGQ9Ik01IDFhMiAyIDAgMDAtMiAydjE2bDctNSA3IDVWM2EyIDIgMCAwMC0yLTJ6Ii8+PC9zdmc+");
	--chevron      : url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIxNiI+PHBhdGggb3BhY2l0eT0iMSIgZD0iTTE1LjUgNmwtNSA1LTUtNXoiLz48L3N2Zz4=");
	--collapse-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+Y29sbGFwc2U8L3RpdGxlPjxwYXRoIGQ9Ik0yLjUgMTUuMjVsNy41LTcuNSA3LjUgNy41IDEuNS0xLjUtOS05LTkgOXoiLz48L3N2Zz4=");
	--contribs-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgb3BhY2l0eT0iMSI+PHBhdGggZD0iTTQgNXYzLjI3MkEyIDIgMCAwIDEgNSA4YTIgMiAwIDAgMSAyIDIgMiAyIDAgMCAxLTIgMiAyIDIgMCAwIDEtMS0uMjdWMTVoMTBWNUg0eiIvPjxjaXJjbGUgY3g9IjE1LjAwMSIgY3k9IjEwIiByPSIyIi8+PGNpcmNsZSBjeD0iOSIgY3k9IjQiIHI9IjIiLz48Y2lyY2xlIGN4PSI5IiBjeT0iMTYiIHI9IjIiLz48L2c+PC9zdmc+Cg==");
	--edit-icon    : url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCI+PGcgb3BhY2l0eT0iMSI+PHBhdGggZD0iTTE1LjY1NiAxMGwtMSAxSDE1djVoLS41djFIMTd2LTd6TTEzIDEyLjY1NmwtMiAyVjE3aDIuNXYtMUgxM3oiLz48cGF0aCBkPSJNMTIuODc5IDIuMTY1bC05LjQ2NSA5LjQ3MSA0Ljk1IDQuOTUgOS40NjUtOS40NzF6bTAgMi44MjlMMTUgNy4xMTVsLTYuNjM2IDYuNjQzLTIuMTIxLTIuMTIyek02Ljk1IDE4SDJ2LTQuOTV6Ii8+PC9nPjwvc3ZnPgo=");
	--edit-icon-2  : url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCI+PHBhdGggZD0iTTEyLjg3OSAyLjE2NWwtOS40NjUgOS40NzEgNC45NSA0Ljk1IDkuNDY1LTkuNDcxem0wIDIuODI5TDE1IDcuMTE1bC02LjYzNiA2LjY0My0yLjEyMS0yLjEyMnpNNi45NSAxOEgydi00Ljk1eiIgb3BhY2l0eT0iMSIvPjwvc3ZnPgo=");
	--expand-icon  : url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+ZXhwYW5kPC90aXRsZT48cGF0aCBkPSJNMTcuNSA0Ljc1bC03LjUgNy41LTcuNS03LjVMMSA2LjI1bDkgOSA5LTl6Ii8+PC9zdmc+");
	--help-icon    : url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KCTx0aXRsZT4KCQloZWxwCgk8L3RpdGxlPgoJPHBhdGggZD0iTTEwIDBhMTAgMTAgMCAxIDAgMTAgMTBBMTAgMTAgMCAwIDAgMTAgMHptMSAxNkg5di0yaDJ6bTIuNzEtNy42YTIuNjQgMi42NCAwIDAgMS0uMzMuNzQgMy4xNiAzLjE2IDAgMCAxLS40OC41NWwtLjU0LjQ4Yy0uMjEuMTgtLjQxLjM1LS41OC41MmEyLjU0IDIuNTQgMCAwIDAtLjQ3LjU2QTIuMyAyLjMgMCAwIDAgMTEgMTJhMy43OSAzLjc5IDAgMCAwLS4xMSAxSDkuMDhhOC45IDguOSAwIDAgMSAuMDctMS4yNSAzLjI4IDMuMjggMCAwIDEgLjI1LS45IDIuNzkgMi43OSAwIDAgMSAuNDEtLjY3IDQgNCAwIDAgMSAuNTgtLjU4Yy4xNy0uMTYuMzQtLjMuNTEtLjQ0YTMgMyAwIDAgMCAuNDMtLjQ0IDEuODMgMS44MyAwIDAgMCAuMy0uNTUgMiAyIDAgMCAwIC4xMS0uNzIgMi4wNiAyLjA2IDAgMCAwLS4xNy0uODYgMS43MSAxLjcxIDAgMCAwLTEtLjkgMS43IDEuNyAwIDAgMC0uNS0uMSAxLjc3IDEuNzcgMCAwIDAtMS41My42OCAzIDMgMCAwIDAtLjUgMS44Mkg2LjE2YTQuNzQgNC43NCAwIDAgMSAuMjgtMS42OCAzLjU2IDMuNTYgMCAwIDEgLjgtMS4yOSAzLjg4IDMuODggMCAwIDEgMS4yOC0uODNBNC41OSA0LjU5IDAgMCAxIDEwLjE4IDRhNC40NCA0LjQ0IDAgMCAxIDEuNDQuMjMgMy41MSAzLjUxIDAgMCAxIDEuMTUuNjUgMy4wOCAzLjA4IDAgMCAxIC43OCAxLjA2IDMuNTQgMy41NCAwIDAgMSAuMjkgMS40NSAzLjM5IDMuMzkgMCAwIDEtLjEzIDEuMDF6Ii8+Cjwvc3ZnPgo=");
	--history-icon : url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggb3BhY2l0eT0iMSIgZD0iTTEwIDJhOCA4IDAgMCAwLTggOCA4IDggMCAwIDAgOCA4IDggOCAwIDAgMCA4LTggOCA4IDAgMCAwLTgtOHptMCAyYTYgNiAwIDAgMSA2IDYgNiA2IDAgMCAxLTYgNiA2IDYgMCAwIDEtNi02IDYgNiAwIDAgMSA2LTZ6Ii8+PHBhdGggZD0iTTkuOTg0IDQuOTg2QTEgMSAwIDAgMCA5IDZ2NWgzYTEgMSAwIDEgMCAwLTJoLTFWNmExIDEgMCAwIDAtMS4wMTYtMS4wMTR6IiBvcGFjaXR5PSIxIi8+PC9zdmc+Cg==");
	--menu-icon    : url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDI4LjE0NyAyOC4xNDciPjxnIG9wYWNpdHk9IjEiPjxyZWN0IHJ4PSIxLjQ2NSIgcnk9IjEuNDY1IiB5PSIyLjgxNSIgeD0iMi44MTUiIGhlaWdodD0iNC42OTEiIHdpZHRoPSIyMi41MTgiLz48cmVjdCByeD0iMS40NjUiIHJ5PSIxLjQ2NSIgeT0iMTIuMTk3IiB4PSIyLjgxNSIgaGVpZ2h0PSI0LjY5MSIgd2lkdGg9IjIyLjUxOCIvPjxyZWN0IHJ4PSIxLjQ2NSIgcnk9IjEuNDY1IiB5PSIyMS41OCIgeD0iMi44MTUiIGhlaWdodD0iNC42OTEiIHdpZHRoPSIyMi41MTgiLz48L2c+PC9zdmc+Cg==");
	--page-icon    : url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0iTTQgMnYxNmgxMlY3LjAxTDExIDJ6bTIgMmgzLjk5NHY0SDE0djhINnoiIG9wYWNpdHk9IjEiLz48L3N2Zz4=");
	--purge-icon   : url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0iTTQgMnYxNmg0di0ySDZWNGgzLjk5NHY0SDE0djFoMlY3LjAxTDExIDJ6IiBvcGFjaXR5PSIxIi8+PHBhdGggZD0iTTEzLjMzOSAxMGEuNjQxLjY0MSAwIDAgMC0uNjQzLjY0M3YuNDE4YTMuNTM2IDMuNTM2IDAgMCAwLTEuMDY0LjQ0bC0uMjkxLS4yOTFhLjY0LjY0IDAgMCAwLS45MSAwbC0uMjI2LjIyOGEuNjQxLjY0MSAwIDAgMCAwIC45MDlsLjI5My4yOTNhMy41MzYgMy41MzYgMCAwIDAtLjQzNyAxLjA1NmgtLjQxOEEuNjQxLjY0MSAwIDAgMCA5IDE0LjM0di4zMjJjMCAuMzU2LjI4Ni42NDMuNjQzLjY0M2guNDE4YTMuNTM2IDMuNTM2IDAgMCAwIC40NCAxLjA2NGwtLjI5Ni4yOTdhLjY0MS42NDEgMCAwIDAgMCAuOTFsLjIyNy4yMjdhLjY0Mi42NDIgMCAwIDAgLjkwOSAwbC4zLS4zYTMuNTM2IDMuNTM2IDAgMCAwIDEuMDU1LjQzN3YuNDE4YzAgLjM1Ny4yODcuNjQzLjY0My42NDNoLjMyMmEuNjQxLjY0MSAwIDAgMCAuNjQzLS42NDN2LS40MThhMy41MzYgMy41MzYgMCAwIDAgMS4wNTYtLjQzNmwuMy4yOTlhLjY0Mi42NDIgMCAwIDAgLjkwOCAwbC4yMjgtLjIyOGEuNjQxLjY0MSAwIDAgMCAwLS45MDlsLS4yOTgtLjI5OWEzLjUzNiAzLjUzNiAwIDAgMCAuNDQxLTEuMDYyaC40MThBLjY0MS42NDEgMCAwIDAgMTggMTQuNjZ2LS4zMjJhLjY0MS42NDEgMCAwIDAtLjY0My0uNjQzaC0uNDE4YTMuNTM2IDMuNTM2IDAgMCAwLS40MzYtMS4wNTZsLjI5My0uMjkzYS42NDEuNjQxIDAgMCAwIDAtLjkxbC0uMjI4LS4yMjdhLjY0Mi42NDIgMCAwIDAtLjkwOSAwbC0uMjkyLjI5MmEzLjUzNiAzLjUzNiAwIDAgMC0xLjA2My0uNDQxdi0uNDE4QS42NDEuNjQxIDAgMCAwIDEzLjY2IDEwem0uMTYxIDIuNWEyIDIgMCAwIDEgMiAyIDIgMiAwIDAgMS0yIDIgMiAyIDAgMCAxLTItMiAyIDIgMCAwIDEgMi0yeiIgb3BhY2l0eT0iMSIvPjwvc3ZnPgo=");
	--search-icon  : url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoLTQ1IDguNTI1IDguMzg2KSIgb3BhY2l0eT0iMSI+PHBhdGggZD0iTTguNDM4LjkzOGE3LjUgNy41IDAgMCAwLTcuNSA3LjUgNy41IDcuNSAwIDAgMCA3LjUgNy41IDcuNSA3LjUgMCAwIDAgNy41LTcuNSA3LjUgNy41IDAgMCAwLTcuNS03LjV6bTAgMi44MTJhNC42ODggNC42ODggMCAwIDEgNC42ODcgNC42ODggNC42ODggNC42ODggMCAwIDEtNC42ODcgNC42ODdBNC42ODggNC42ODggMCAwIDEgMy43NSA4LjQzOCA0LjY4OCA0LjY4OCAwIDAgMSA4LjQzOCAzLjc1eiIvPjxyZWN0IHJ5PSIxLjMxOCIgeT0iMTMuMTI1IiB4PSI3LjAzMSIgaGVpZ2h0PSI5LjI2NSIgd2lkdGg9IjIuODEzIi8+PC9nPjwvc3ZnPg==");
	--talk-icon    : url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCI+PGcgb3BhY2l0eT0iMSI+PHBhdGggZD0iTTUuMzkxIDE1LjU3NWMuNTUzIDEuNTU2LS4wOTggMi41MzctLjk0MiAzLjQyNSAzLjI2Mi0uNzMxIDMuMjQzLTIuMTM0IDMuNzctMy40MjV6bTEwLjM2Ni0zLjkzM2MtLjU1MyAxLjU1Ny4wOTggMi41MzguOTQyIDMuNDI2LTMuMjYyLS43MzItMy4yNDItMi4xMzQtMy43NjktMy40MjZ6Ii8+PHBhdGggZD0iTTcuNzY4IDcuMTQ2Yy0zLjIwMiAwLTUuNzk4IDIuMDM1LTUuNzk3IDQuNTQ1IDAgMi41MSAyLjU5NiA0LjU0NCA1Ljc5NyA0LjU0MyAzLjIgMCA1Ljc5NC0yLjAzNCA1Ljc5NS00LjU0MyAwLTIuNTEtMi41OTUtNC41NDQtNS43OTUtNC41NDV6bS0uMDIyIDIuMjQ3YzIuMDEgMCAzLjY0IDEuMDM0IDMuNjM5IDIuMzA4LS4wMDEgMS4yNzQtMS42MyAyLjMwNi0zLjYzOSAyLjMwNy0yLjAxIDAtMy42NC0xLjAzMy0zLjY0LTIuMzA3LS4wMDEtMS4yNzUgMS42MjktMi4zMDkgMy42NC0yLjMwOHoiLz48cGF0aCBkPSJNMTIuNDczIDIuNzI3Yy0zLjYwNCAwLTYuNTI1IDIuMTQ5LTYuNTI2IDQuOGwyLjEwNC0uMDE3Yy4wMDEtMS4zOTIgMS45NzQtMi41MiA0LjQwNi0yLjUyIDIuNDMzIDAgNC40MDcgMS4xMjggNC40MDggMi41MiAwIDEuMzkzLTEuOTczIDIuNTIyLTQuNDA4IDIuNTIxbC4wMTYgMi4zYzMuNjAzLS4wMDEgNi41MjQtMi4xNTIgNi41MjMtNC44MDQgMC0yLjY1LTIuOTItNC44LTYuNTIzLTQuOHoiLz48L2c+PC9zdmc+Cg==");
	--thumb-icon   : url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgb3BhY2l0eT0iMSI+PHBhdGggZD0iTTE4IDR2MTFoLTh2LTJoNlY2SDd2Nkg1VjR6Ii8+PHBhdGggZD0iTTExIDExdjdIMnYtN3ptLTIgMkg0djNoNXoiLz48L2c+PC9zdmc+Cg==");
	--tool-icon    : url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDI4LjE0NyAyOC4xNDciPjxwYXRoIGQ9Ik0xMy42NCAyLjgxNGExLjczOCAxLjczOCAwIDAgMC0xLjc0MyAxLjc0M3YxLjEzNEE5LjU4NCA5LjU4NCAwIDAgMCA5LjAxIDYuODgzbC0uNzg5LS43ODhhMS43MzcgMS43MzcgMCAwIDAtMi40NjQgMGwtLjYxNS42MTdhMS43MzggMS43MzggMCAwIDAgMCAyLjQ2NGwuNzk1Ljc5NGE5LjU4NCA5LjU4NCAwIDAgMC0xLjE4NyAyLjg2NEgzLjYyYTEuNzM4IDEuNzM4IDAgMCAwLTEuNzQ1IDEuNzQydi44NzFjMCAuOTY1Ljc3NyAxLjc0MyAxLjc0MyAxLjc0M2gxLjEzNGE5LjU4NCA5LjU4NCAwIDAgMCAxLjE5MiAyLjg4NWwtLjgwMy44MDRhMS43NCAxLjc0IDAgMCAwIDAgMi40NjZsLjYxNS42MTVhMS43MzggMS43MzggMCAwIDAgMi40NjQgMGwuODEyLS44MTFhOS41ODQgOS41ODQgMCAwIDAgMi44NjIgMS4xODZ2MS4xMzJhMS43NCAxLjc0IDAgMCAwIDEuNzQzIDEuNzQyaC44NzFhMS43MzggMS43MzggMCAwIDAgMS43NDItMS43NDJ2LTEuMTM0YTkuNTg0IDkuNTg0IDAgMCAwIDIuODY2LTEuMTgxbC44MDkuODA5YTEuNzQgMS43NCAwIDAgMCAyLjQ2NSAwbC42MTYtLjYxNmExLjc0IDEuNzQgMCAwIDAgMC0yLjQ2NmwtLjgwOC0uODA5YTkuNTg0IDkuNTg0IDAgMCAwIDEuMTk4LTIuODhoMS4xMzFhMS43MzggMS43MzggMCAwIDAgMS43NDMtMS43NDN2LS44N2ExLjczOCAxLjczOCAwIDAgMC0xLjc0My0xLjc0M2gtMS4xMzRhOS41ODQgOS41ODQgMCAwIDAtMS4xOC0yLjg2NmwuNzkzLS43OTJhMS43MzggMS43MzggMCAwIDAgMC0yLjQ2NGwtLjYxNS0uNjE3YTEuNzQgMS43NCAwIDAgMC0yLjQ2NiAwbC0uNzkyLjc5MWE5LjU4NCA5LjU4NCAwIDAgMC0yLjg4My0xLjE5N1Y0LjU1N2ExLjczOCAxLjczOCAwIDAgMC0xLjc0LTEuNzQzem0uNTYgNi45N2E1LjEwMiA1LjIyNyAwIDAgMSA1LjEwMiA1LjIyOCA1LjEwMiA1LjIyNyAwIDAgMS01LjEwMSA1LjIyNyA1LjEwMiA1LjIyNyAwIDAgMS01LjEwMi01LjIyN0E1LjEwMiA1LjIyNyAwIDAgMSAxNC4yIDkuNzg0eiIgb3BhY2l0eT0iMSIvPjwvc3ZnPgo=");
	--trash-icon   : url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+dHJhc2g8L3RpdGxlPjxwYXRoIGQ9Ik0xNyAyaC0zLjVsLTEtMWgtNWwtMSAxSDN2MmgxNHpNNCAxN2EyIDIgMCAwMDIgMmg4YTIgMiAwIDAwMi0yVjVINHoiLz48L3N2Zz4=");
	--tray-icon    : url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Etray%3C/title%3E%3Cpath d=%22M3 1a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V3a2 2 0 00-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z%22/%3E%3C/svg%3E");
	--unwatch-icon : url("data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCI+PHBhdGggZD0iTTEwLjA0MSAxLjEyNUw3LjQwNyA2LjI0M2wtNS42NTQuOTUgNC4wMjUgNC4xMDItLjg0NiA1LjcwMyA1LjEyMy0yLjU4NyA1LjEzIDIuNTY3LS44NjItNS42ODkgNC4wMTQtNC4xMTMtNS42NTItLjkzNnoiIHN0eWxlPSJsaW5lLWhlaWdodDpub3JtYWw7Zm9udC12YXJpYW50LWxpZ2F0dXJlczpub3JtYWw7Zm9udC12YXJpYW50LXBvc2l0aW9uOm5vcm1hbDtmb250LXZhcmlhbnQtY2Fwczpub3JtYWw7Zm9udC12YXJpYW50LW51bWVyaWM6bm9ybWFsO2ZvbnQtdmFyaWFudC1hbHRlcm5hdGVzOm5vcm1hbDtmb250LWZlYXR1cmUtc2V0dGluZ3M6bm9ybWFsO3RleHQtaW5kZW50OjA7dGV4dC1hbGlnbjpzdGFydDt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDt0ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDt0ZXh0LXRyYW5zZm9ybTpub25lO3RleHQtb3JpZW50YXRpb246bWl4ZWQ7c2hhcGUtcGFkZGluZzowO2lzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2RlOm5vcm1hbCIgY29sb3I9IiMwMDAiIGZvbnQtd2VpZ2h0PSI0MDAiIGZvbnQtZmFtaWx5PSJzYW5zLXNlcmlmIiB3aGl0ZS1zcGFjZT0ibm9ybWFsIiBvdmVyZmxvdz0idmlzaWJsZSIgZmlsbD0iI2FhYSIvPjwvc3ZnPg==");
	--user-icon    : url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDI4LjE0NyAyOC4xNDciPjxwYXRoIGQ9Ik01LjEwNCAxMi45MTVjLTIuNDc3IDMuMzQ1LTIuNzU2IDYuOTk4LTEuNzI5IDkuNDIuNjg5IDEuNjUyIDEuNjYxIDIuNjIgMi44MDIgMy4yMDcgMS4xMTQuNiAyLjQ2Mi43MjcgMy42NTkuNzI5aDguOTExYzEuMjk3IDAgMi42MDYtLjI5IDMuNzMyLS45NDQgMS4xMjYtLjY1NSAyLjA1Ni0xLjY4IDIuNTM0LTMuMjA2LjY5LTIuMTcuMzc1LTUuNjQyLTIuMDgzLTkuMDQ1LS4wMS4wMTctLjAzLjAyNi0uMDQuMDQxYTEwLjU2OCAxMC41MSAwIDAgMS04LjgyNyA0Ljc0NiAxMC41NjggMTAuNTEgMCAwIDEtOC45Ni00Ljk0OHoiIG9wYWNpdHk9IjEiLz48cGF0aCBkPSJNMTQuMDczIDIuNzI4Yy0zLjEwOSAwLTUuNjI5IDIuNDQ5LTUuNjI5IDUuNDY3czIuNTIgNS40NjUgNS42MyA1LjQ2NWMzLjEwOCAwIDUuNjMtMi40NDcgNS42My01LjQ2NSAwLTMuMDE3LTIuNTIyLTUuNDY1LTUuNjMtNS40NjV6IiBvcGFjaXR5PSIxIi8+PC9zdmc+Cg==");
	--view-icon    : url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgb3BhY2l0eT0iMSI+PHBhdGggZD0iTTkuOTIgNC45MWMtMi43OCAwLTUuNDIgMS43Ny03LjUzIDQuOTVsLS4zNzEuNTU1LjM3MS41NTVjMi4xMiAzLjE3IDQuNzYgNC45NSA3LjUzIDQuOTUgMi43OCAwIDUuNDItMS43NyA3LjUzLTQuOTVsLjM3MS0uNTU1LS4zNzEtLjU1NWMtMi4xMi0zLjE3LTQuNzYtNC45NS03LjUzLTQuOTV6bTAgMmMxLjc1IDAgMy42IDEuMTkgNS4zNCAzLjUtMS43NCAyLjMxLTMuNTkgMy41LTUuMzQgMy41cy0zLjYtMS4xOS01LjM0LTMuNWMxLjc0LTIuMzEgMy41OS0zLjUgNS4zNC0zLjV6Ii8+PHBhdGggZD0iTTkuODQgNS4zMUM3LjcyIDUuMzEgNiA3LjA0IDYgOS4xNWMwIDIuMTIgMS43MyAzLjg0IDMuODQgMy44NCAyLjEyIDAgMy44NC0xLjczIDMuODQtMy44NCAwLTIuMTItMS43My0zLjg0LTMuODQtMy44NHptMCAxYzEuNTggMCAyLjg0IDEuMjcgMi44NCAyLjg0IDAgMS41OC0xLjI3IDIuODQtMi44NCAyLjg0QzguMjYgMTEuOTkgNyAxMC43MiA3IDkuMTVjMC0xLjU4IDEuMjctMi44NCAyLjg0LTIuODR6Ii8+PC9nPjwvc3ZnPgo=");
	--void-image   : url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNTAiIGhlaWdodD0iMTUwIiB2aWV3Qm94PSIwIDAgMzkuNjg3NDk5IDM5LjY4NzUwMSIgdmVyc2lvbj0iMS4xIj4KICA8Zz4KICAgIDxwYXRoIHN0eWxlPSJmaWxsOiMwMDAwMDA7c3Ryb2tlOm5vbmU7IiBkPSJNIDAsMCAzOS42ODc1LDM5LjY4NzUgViAxOS44NDM3NSBMIDE5Ljg0Mzc1LDAgWiIgLz4KICAgIDxwYXRoIHN0eWxlPSJmaWxsOiMwMDAwMDA7c3Ryb2tlOm5vbmU7IiBkPSJNIDAsMTkuODQzNzUgMTkuODQzNzUsMzkuNjg3NSBIIDAgWiIgLz4KICA8L2c+Cjwvc3ZnPgo=");
	--watch-icon   : url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0iTTEwLjA0MSAxLjEyNUw3LjQwNyA2LjI0M2wtNS42NTQuOTUgNC4wMjUgNC4xMDItLjg0NiA1LjcwMyA1LjEyMy0yLjU4NyA1LjEzIDIuNTY3LS44NjItNS42ODkgNC4wMTQtNC4xMTMtNS42NTItLjkzNnptLjAwMyA0LjM1NWwxLjMzMiAyLjU3OCAyLjg0Ny40Ny0yLjAyMiAyLjA3MS40MzUgMi44NjMtMi41ODctMS4yOTQtMi41NzggMS4zMDIuNDI2LTIuODcxLTIuMDIzLTIuMDY0IDIuODQ0LS40Nzd6IiBvcGFjaXR5PSIxIi8+PC9zdmc+Cg==");
}