DarkNightAO3.user.css

/* ==UserStyle==
@name			Dark/Night Archive of Our Own
@namespace		cicerakes
@version		2.2.9
@description	A dark/night theme for archiveofourown.org.
@author			cicerakes
@license		CC-BY-SA-4.0
@homepageURL	https://github.com/cicerakes/DarkNight-AO3/
@supportURL		https://github.com/cicerakes/DarkNight-AO3/issues
@updateURL		https://raw.githubusercontent.com/cicerakes/DarkNight-AO3/master/DarkNightAO3.user.css
@preprocessor	uso
@var text		fSize	"Font Size (Can be %, px, etc.)" 100%
@var text		tFont	"Font" "Lucida Sans Unicode"
@var select		fCom	"Apply Font & Font Size settings to comments" {
	"Yes": ", .comment .userstuff",
	"No": ""
}
@var select		fSum	"Apply Font & Font Size settings to summaries" {
	"Yes": ".userstuff.summary blockquote{font-family: '/*[[tFont]]*\/', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, sans-serif;} .userstuff.summary, .news .userstuff, ",
	"No": ""
}
@var color		fCol	"Font Colour" #CECECE
@var color		bgCol	"Background Colour" #1A1A1A
@var color		lCol	"Link Colour" #CECECE
@var color		lHCol	"Link Hover Colour" #444444
@var color		bCol	"Button Text Colour" #CECECE
@var color		bHCol	"Button Hover Text Colour" #DD1919
@var color		vLCol	"Visited Link Colour" #777777
@var color		tALCol	"Title/Author(s) Link Colour" #C53131
@var number		wWidth	"Work Width (%)" [100, 1, 100, 1, "%"]
@var select		sTA		"Summary Text Alignment" {
	"Justify (AO3 default)": "",
	"Left": ".blurb blockquote{text-align:left}"
}
@var select		cSb		"Custom Scrollbar" {
	"Enabled": "::-webkit-scrollbar{background-color:/*[[sbBgCol]]*\/;width: 15px}::-webkit-scrollbar-thumb{background-color:/*[[sbBCol]]*\/}::-webkit-scrollbar-thumb:hover{background-color:/*[[sbBHCol]]*\/}textarea::-webkit-scrollbar:vertical{border-left:1px solid #5a5a5a}textarea::-webkit-scrollbar-thumb:vertical{border-left:1px solid #5a5a5a}textarea::-webkit-scrollbar:horizontal{border-top:1px solid #5a5a5a}textarea::-webkit-scrollbar-thumb:horizontal{border-top:1px solid #5a5a5a}::-webkit-scrollbar-corner{background-color:/*[[sbBgCol]]*\/}",
	"Disabled": ""
}
@var color		sbBgCol	"Scrollbar Background Colour" #222222
@var color		sbBCol	"Scrollbar Bar Colour" rgba(86,86,86,0.4)
@var color		sbBHCol	"Scrollbar Bar Hover Colour" rgba(102,102,102,0.4)
==/UserStyle== */

@-moz-document domain("archiveofourown.org") {
	:root {
		--bg-color: /*[[bgCol]]*/;
		--font-size: /*[[fSize]]*/;
		--link-color: /*[[lCol]]*/;
		--text-color: /*[[fCol]]*/;
		--button-text-color: /*[[bCol]]*/;
		--button-hover-text-color: /*[[bHCol]]*/;
		--red-link-color: /*[[tALCol]]*/;
		--red-text-color: #aa1818;
		--color-888: #8a8a8a;
		--color-999: #7a7a7a;
		--color-aaa: #6a6a6a;
		--color-bbb: #5a5a5a;
		--color-c2d2df: #2e5c84;
		--color-ccc: #4a4a4a;
		--color-d1e1ef: #1b374f;
		--color-d1f0d1: #214121;
		--color-ddd: #3a3a3a;
		--color-eee: #2a2a2a;
		--color-efd1d1: #4b1a1a;
		--color-fff: #1a1a1a;
		--color-rgb-255: 26, 26, 26;
	}

	body, .toggled form, .dynamic form, .secondary, .dropdown {
		background: var(--bg-color);
		color: var(--text-color);
	}

	/*[[cSb]]*/

	textarea::-webkit-scrollbar:vertical {
		border-left: 1px solid #3e3e3e;
	}

	textarea::-webkit-scrollbar-thumb:vertical {
		border-left: 1px solid #3e3e3e;
	}

	textarea::-webkit-scrollbar:horizontal {
		border-top: 1px solid #3e3e3e;
	}

	textarea::-webkit-scrollbar-thumb:horizontal {
		border-top: 1px solid #3e3e3e;
	}

	a, a:link {
		color: var(--link-color);
	}

	a:visited {
		color: /*[[vLCol]]*/;
	}

	a:hover {
		color: /*[[lHCol]]*/;
	}

	li.blurb, fieldset, form dl {
		border-color: var(--color-ddd);
	}

	/*[[fSum]]*/#chapters .userstuff/*[[fCom]]*/ {
		font-family: '/*[[tFont]]*/', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, sans-serif;
		font-size: var(--font-size);
	}

	.preface.group .summary.module .userstuff, .notes .userstuff, #chapters .userstuff blockquote, .preface .userstuff blockquote {
		font-family: '/*[[tFont]]*/', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, sans-serif;
	}

	.preface.group .summary.module .userstuff, .notes .userstuff, .summary.module .heading, .chapter.preface.group .title, .notes .heading {
		font-size: var(--font-size);
	}

	#chapters .userstuff {
		width: /*[[wWidth]]*/;
		margin: auto;
	}

	table {
		background: var(--color-ddd);
	}

	thead, tfoot {
		border-bottom-color: var(--color-bbb);
	}

	tfoot td {
		border-top-color: var(--color-bbb);
	}

	tbody tr {
		border-bottom-color: var(--color-fff);
	}

	thead td {
		background: var(--color-ddd);
		border-bottom-color: var(--color-fff);
	}

	th, tr:hover, col.name {
		background: var(--color-fff);
		border-color: var(--color-bbb);
	}

	#header a, #header a:visited, #header .current, #header .primary .open a, #header .primary .dropdown:hover a, #header .primary .dropdown a:focus {
		color: var(--link-color);
	}

	#header .actions a:hover, #header .actions a:focus, #header .dropdown:hover a, #header .open a {
		background: var(--color-ddd);
	}

	#header .dropdown:hover a {
		z-index: 56;
	}

	#header .current {
		background: var(--color-ccc);
	}

	#header .heading a {
		color: #900;
	}

	#header .menu, #small_login, #header .dropdown:hover .current+.menu {
		background: var(--color-ddd);
		box-shadow: 1px 1px 3px -1px #000;
	}

	#header .menu li {
		border-bottom-color: var(--color-888);
	}

	#header .dropdown .menu a:hover, #header .dropdown .menu a:focus {
		background: rgba(26, 26, 26, .25);
	}

	#header .menu .current {
		color: var(--link-color);
	}

	#header .user a:hover, #header .user a:focus, #header .user .current {
		color: #DD1919;
	}

	#login .open a:hover, #login .open a:focus {
		background: var(--color-eee);
	}

	#greeting .menu {
		box-shadow: -1px 1px 3px -1px #000;
	}

	#small_login {
		border-color: var(--color-fff);
		box-shadow: none;
	}

	#small_login .actions input[type="checkbox"] {
		box-shadow: none;
	}

	.dropdown #small_login .footnote a {
		background: transparent;
	}

	#header .primary .menu a, #header .primary .menu .current {
		color: var(--link-color);
	}

	#header .search, #header #search input:focus {
		color: var(--text-color);
	}

	#header h2 {
		border-top-color: var(--bg-color);
	}

	#dashboard a, #dashboard span {
		color: var(--link-color);
	}

	#dashboard a:hover {
		background: var(--color-ddd);
		color: var(--button-hover-text-color);
	}

	#dashboard ul {
		border-top-color: var(--color-ddd);
	}

	#dashboard .current {
		background: var(--color-ccc);
	}

	#footer {
		border-top-color: var(--bg-color);
	}

	fieldset, form dl, fieldset dl dl, fieldset fieldset fieldset, fieldset fieldset dl dl, dd.hideme, form blockquote.userstuff {
		background: var(--color-ddd);
		border-color: var(--color-eee);
		box-shadow: inset 1px 0 5px #000;
	}

	fieldset dl, fieldset.actions, fieldset dl fieldset dl {
		background: transparent;
		box-shadow: none;
	}

	fieldset fieldset, fieldset dl dl, form blockquote.userstuff {
		background: var(--bg-color);
	}

	input, textarea {
		background-color: var(--color-fff);
		color: var(--text-color);
		border-color: var(--color-bbb);
		box-shadow: inset 0 1px 2px #000;
	}

	input:focus, select:focus, textarea:focus {
		background: var(--color-eee);
	}

	select {
		background-color: var(--color-fff);
		color: var(--text-color);
	}

	form dt {
		border-bottom-color: var(--color-eee);
	}

	form dd.required {
		color: var(--text-color);
	}

	.LV_invalid {
		background: var(--color-efd1d1);
		border-color: #900;
		color: var(--text-color);
		box-shadow: 1px 1px 2px #900;
	}

	.autocomplete div.dropdown ul {
		background: rgba(var(--color-rgb-255), .9);
		border-color: var(--color-eee);
		color: var(--text-color);
	}

	.autocomplete .dropdown ul li:hover, li.selected {
		background: #900;
	}

	.required .autocomplete, .autocomplete .notice {
		color: #cecece;
	}

	.post .required .warnings, dd.required {
		color: var(--text-color);
	}

	#modal {
		background: var(--bg-color);
		border-color: var(--color-eee);
	}

	#modal .content {
		border-bottom-color: var(--color-ccc);
	}

	#symbols-key dl {
		border-color: var(--color-ddd);
	}

	div.dynamic {
		background: var(--bg-color);
	}

	form.verbose legend, .verbose form legend {
		background: var(--bg-color);
		border-color: var(--color-ddd);
		box-shadow: 1px 2px 3px #000;
	}

	.toggled form, .dynamic form {
		border-color: var(--color-ccc);
		background: var(--bg-color);
		box-shadow: 1px 2px 5px #000;
	}

	.actions a, .actions a:link, .action, .action:link, .actions input, input[type="submit"], button, .current, .actions label {
		background: var(--color-eee);
		color: var(--button-text-color);
		border-color: var(--color-bbb);
		background-image: -moz-linear-gradient(#3a3a3a 2%, #202020 95%, #1a1a1a 100%);
		background-image: -webkit-linear-gradient(#3a3a3a 2%, #202020 95%, #1a1a1a 100%);
		background-image: -o-linear-gradient(#3a3a3a 2%, #202020 95%, #1a1a1a 100%);
		background-image: -ms-linear-gradient(#3a3a3a 2%, #202020 95%, #1a1a1a 100%);
		background-image: linear-gradient(#3a3a3a 2%, #202020 95%, #1a1a1a 100%);
	}

	.actions a:hover, .actions input:hover, .actions a:focus, .actions input:focus, label.action:hover, .action:hover, .action:focus {
		color: var(--button-hover-text-color);
		border-top-color: var(--color-ccc);
		border-left-color: var(--color-ccc);
		box-shadow: inset 2px 2px 2px #111;
	}

	.actions a:visited, .action:visited, .action a:link, .action a:visited {
		color: var(--button-text-color);
	}

	.actions a:active, .current, a.current, a:link.current, .current a:visited {
		color: var(--button-text-color);
		background: var(--bg-color);
		border-color: var(--color-ddd);
		box-shadow: inset 1px 1px 3px #000;
	}

	.actions label.disabled {
		background: var(--color-ccc);
	}

	.delete a, span.delete {
		color: #900;
	}

	.secondary {
		border: 2px solid var(--color-bbb);
		box-shadow: 2px 2px 5px #000;
	}

	.own, .draft, .draft .wrapper, .unread, .child, .unwrangled, .unreviewed {
		background: var(--color-eee);
	}

	.draft {
		border-color: var(--color-aaa);
	}

	span.unread, .replied, span.claimed, .actions span.defaulted {
		background: var(--color-ccc);
		color: #900;
		border-color: var(--color-bbb);
		border-bottom-color: var(--color-aaa);
	}

	.actions span.defaulted {
		color: #cecece;
	}

	.draggable, .droppable, span.requested, .nominations .rejected {
		color: var(--red-text-color);
	}

	.nominations .approved {
		background: var(--color-d1f0d1);
	}

	.nominations .rejected {
		background: var(--color-efd1d1);
	}

	a.tag {
		color: #cecece;
		line-height: 1.6;
	}

	.wrapper {
		box-shadow: 1px 1px 5px #000;
	}

	dl.index dd {
		background: var(--color-eee);
	}

	dl.meta {
		border-color: var(--color-ccc);
	}

	li.relationships a {
		background: var(--color-eee);
	}

	.statistics .index li:nth-of-type(even) {
		background: var(--color-eee);
	}

	.listbox, fieldset fieldset.listbox {
		background: var(--color-ddd);
		border-color: var(--color-ccc);
		box-shadow: 0 0 0 1px var(--bg-color);
	}

	.listbox>.heading, .listbox .heading a:visited {
		color: #cecece;
	}

	.listbox .index {
		background: var(--bg-color);
		box-shadow: inset 1px 1px 3px #000;
	}

	.listbox li .tags.tree.index {
		padding: 0 .643em;
		border: 1px solid var(--color-eee);
		margin-top: .3em;
	}

	.blurb h4 a:link, .blurb h4 img {
		color: var(--red-link-color);
	}

	/*[[sTA]]*/

	.required-tags .rating-notrated, .required-tags .category-none, .required-tags .warning-no {
		filter: invert(89%);
	}

	.status .count {
		filter: invert(89%) hue-rotate(180deg);
	}

	.status .public {
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAIAAABLixI0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAKxSURBVEhLpVRNaxNRFL13ZjrNJKQG0bRq/KgUKyoFG1fu3OsfcOm+YNcuFNGFiBZxIYgfqEgWVRA3btyJiNbiRhQVUXFT7KbSNiGTefd5bjJpOs0UaXo4mTfv3bwz9+s9zk4+8bM5MYbSwERVLzBfZ/IL3/0/36T6NzYkwUx1v8CFcy8yA0UT1RkLXXDIzoXZU4svhxpzzz7NZ37NOOFybEui1l9w4BGExIQmSiHWyYS/l+q3b1wd3RZUdx+TviDenYSJjIOh6VGKU03ouhXB81Xl1ujQQK101Hp+05QAk1Wt/0DV4i+9fnxzpDSoco7bWunAChJiyeINhHQ34X3z2cabR1PDe0q10rhdEwq0oCRirF2PQrZBvEqM6O3Da/uG99d3jSXkLGK0rP9UQjYmWwz6EZEIA0nSBaJ3D66UDhwJBw/Gc0CMg12WGvh+h6QahI6zwkaoIZL0q4X39y/vPFwOt4/Ec+ReNxuBCx1iChVGdIIGI0dcSe/k2XuXdowdb2zdqxNB7rFDw1L3VsiQ1A+oc/hFeFsHs3cvFsdPRANDbBGj7okQLelTyRIZlcL+hpoik+tPaagVfLhzoXzytLOlyLnJp16QtcnziGy75CJJDpsFyR/6+fzj9TM/5qtq00gwxBnEkPM8/K18fpqDs9N9XVp6FOAaETrS8fyF5Rp9/kLc7k+VS3QDwfGcz5mJSl82b00UG2Ig881GQJ8a6/o+OQjT6IXQcspZdWCw4rpmaZGDiYqbCdb6lQLsYBSrrRLHqECtoFWvoSfM2p5IJ/oEBdcGbk/bBHQBzdMydyy9EIDPqIC+ofYWp7J3RggOZxtCYUt9E4wQPnpVK9Vl2yD1ToFfbNS1ZPwbJhQYdzQqioZAsTdBVUAdCYmLz3bv0GYxuAtxN2nOmjdM7zTE9h+EDdaz/l4vZQAAAABJRU5ErkJggg==");
	}

	.status .private .text {
		filter: invert(89%);
	}

	.picture .header {
		border-bottom-color: var(--color-ccc);
	}

	.item dl.visibility {
		background: var(--color-eee);
	}

	.bookmark .user {
		border-color: var(--color-ccc);
	}

	.bookmark > .user.module.group > .heading, .bookmark .user .userstuff {
		padding-left: 10px;
	}

	.bookmark .user .datetime, .bookmark .work .datetime {
		margin: .5em;
	}

	.reading h4.viewed {
		background: var(--bg-color);
	}

	div.comment, li.comment {
		border-color: var(--color-ddd);
	}

	.comment div.icon {
		border-bottom-color: var(--color-ddd);
	}

	.comment h4.byline {
		background: var(--color-ddd);
	}

	.thread .even {
		background: var(--color-eee);
	}

	.splash .module h3 {
		border-bottom-color: #454545;
		color: var(--red-text-color);
	}

	.splash .browse li a:before {
		color: var(--red-text-color);
	}

	.splash .favorite li:nth-of-type(odd) a {
		background: var(--color-eee);
	}

	.splash .module div.account {
		background: #262626;
		border-color: var(--color-ccc);
	}

	.splash .news li {
		border-bottom-color: var(--color-eee);
	}

	.faq .categories h3 {
		border-bottom-color: #bbb;
	}

	#tos_prompt {
		background: var(--bg-color);
	}

	#tos_prompt [disabled] {
		background: var(--color-ccc);
	}

	.home .header h2 {
		border-bottom: none;
	}

	form.search input[type="text"] {
		border-top-color: var(--color-999);
	}

	.search [role="tooltip"] {
		background: var(--color-ddd);
		border: var(--bg-color);
	}

	.filters .expander {
		color: #cecece;
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTCtCgrAAAAAOElEQVQoU2OgGPT19f2HMokD586d+0+SJpAGkjTBNBCtCVkDUZoo0kCSk0jyNNGKQYAkxYQBAwMAMBpez8qRxMUAAAAASUVORK5CYII=");
	}

	.filters .expanded .expander {
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAAA0SURBVChTYxikoK+v7/+5c+fwYpAaqHIIwKcJQzEMYNOEUzEMIGsiqBgGQAqJVjzkAAMDAP7MXs9/r5qvAAAAAElFTkSuQmCC");
	}

	.filters .group dt.bookmarker {
		border-top-color: var(--color-eee);
	}

	.filters span.indicator {
		filter: invert(89%) hue-rotate(180deg) saturate(2);
	}

	.nomination dt {
		background: var(--bg-color);
	}

	.userstuff h2 {
		color: #aaa;
	}

	.userstuff h3 {
		border-bottom-color: #aaa;
	}

	.required, .error, .alert.flash {
		color: #cecece;
	}

	.notice, .comment_notice, ul.notes, .caution, .error, .comment_error, .alert.flash {
		background: var(--color-d1e1ef);
		border-color: var(--color-c2d2df);
		box-shadow: inset 1px 1px 2px #111;
	}

	.caution, .alert .userstuff {
		background: #443900;
		border-color: #726000;
		color: #cecece;
	}

	.error, .comment_error, .kudos_error, .alert.flash {
		background: var(--color-efd1d1);
		border-color: #712727;
		box-shadow: 1px 1px 2px #712727;
	}

	form .notice, form ul.notes {
		box-shadow: 0 0 3px var(--bg-color);
	}

	.announcement .userstuff {
		background: var(--color-d1e1ef);
		border-color: var(--color-c2d2df);
		color: #cecece;
	}

	.announcement input[type="submit"], .announcement .action {
		background: var(--color-fff);
		border-color: var(--color-bbb);
	}

	#stat_chart {
		filter: invert(90%) hue-rotate(180deg) saturate(4);
	}

	.icon img[src="/images/skins/iconsets/default/icon_user.png"], .comment .icon .visitor {
		filter: invert(90%);
	}

	/* Userscripts */

	.kudoshits[style="background-color: rgb(253, 242, 163);"] {
		background-color: #4C4408 !important;
		color: #cecece;
	}

	.kudoshits[style="background-color: rgb(196, 234, 195);"] {
		background-color: #214121 !important;
		color: #cecece;
	}

	.kudoshits[style="background-color: rgb(255, 222, 222);"] {
		background-color: #731414 !important;
		color: #cecece;
	}

	.marked-seen {
		background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAKCAIAAABJ+IsHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxEAAAsRAX9kX5EAAAAhSURBVDhPY7SysmIYCMAEpekORi2mGxi1mG5gpFnMwAAAaTsAwpQoHdQAAAAASUVORK5CYII=") left repeat-y !important;
	}

	.is-bookmarked, dl.is-bookmarked {
		background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAKCAIAAABJ+IsHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxEAAAsRAX9kX5EAAABYSURBVDhPvc87CsAwDATRfDq1uo3uf529Q8Y4ECLchewUMkLFw3tVbaskMTNzrq3v12Murb9VrgvYoDI77FHpBdtUemCnSjdsVmnAfpXOiOAxqzR+7FclXYctdeE8S4IHAAAAAElFTkSuQmCC") right repeat-y !important;
	}

	.marked-seen.is-bookmarked, dl.marked-seen.is-bookmarked {
		background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAKCAIAAABJ+IsHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxEAAAsRAX9kX5EAAAAhSURBVDhPY7SysmIYCMAEpekORi2mGxi1mG5gpFnMwAAAaTsAwpQoHdQAAAAASUVORK5CYII=") left repeat-y, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAKCAIAAABJ+IsHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxEAAAsRAX9kX5EAAABYSURBVDhPvc87CsAwDATRfDq1uo3uf529Q8Y4ECLchewUMkLFw3tVbaskMTNzrq3v12Murb9VrgvYoDI77FHpBdtUemCnSjdsVmnAfpXOiOAxqzR+7FclXYctdeE8S4IHAAAAAElFTkSuQmCC") right repeat-y !important;
	}

	.has-kudos, .has-kudos.marked-seen {
		background: url("data:image/png;base64,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") left no-repeat, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAKCAIAAABJ+IsHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxEAAAsRAX9kX5EAAAAhSURBVDhPY7SysmIYCMAEpekORi2mGxi1mG5gpFnMwAAAaTsAwpQoHdQAAAAASUVORK5CYII=") left repeat-y !important;
	}

	.has-kudos.is-bookmarked, .has-kudos.marked-seen.is-bookmarked, dl.has-kudos.is-bookmarked, dl.has-kudos.marked-seen.is-bookmarked {
		background: url("data:image/png;base64,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") left no-repeat, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAKCAIAAABJ+IsHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxEAAAsRAX9kX5EAAAAhSURBVDhPY7SysmIYCMAEpekORi2mGxi1mG5gpFnMwAAAaTsAwpQoHdQAAAAASUVORK5CYII=") left repeat-y, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAKCAIAAABJ+IsHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxEAAAsRAX9kX5EAAABYSURBVDhPvc87CsAwDATRfDq1uo3uf529Q8Y4ECLchewUMkLFw3tVbaskMTNzrq3v12Murb9VrgvYoDI77FHpBdtUemCnSjdsVmnAfpXOiOAxqzR+7FclXYctdeE8S4IHAAAAAElFTkSuQmCC") right repeat-y !important;
	}

	#header .primary .menu a {
		color: #cecece;
	}

	#importexport-box {
		background-color: var(--bg-color);
		border-color: #2e2e2e;
	}

	.chapter div[style="font-size: 1em; color: inherit; text-align: center; margin: 2em 0 .6em;"] {
		font-family: '/*[[tFont]]*/', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, sans-serif;
		font-size: var(--font-size) !important;
	}

	@media only screen and (max-width: 42em), handheld {
		#outer {
			background: var(--bg-color);
		}

		#header .dropdown a:focus, #header .dropdown .menu a:focus, #header .user .open a:focus {
			color: #DD1919;
		}

		#header .primary .dropdown a:focus {
			color: var(--link-color);
		}

		#dashboard .secondary {
			background: var(--color-eee);
			box-shadow: inset 2px 2px 5px #000;
		}

		.javascript {
			background: var(--color-ddd);
		}
	}
}