/* ==UserStyle==
@name         Userstyles Inspired Dark
@namespace    Style-it Themes
@homepageURL  https://github.com/style-it/userstyles-inspired-dark
@version      1.2.7
@updateURL    https://raw.githubusercontent.com/style-it-themes/userstyles-inspired-dark/master/userstyles-inspired-dark.user.css
@description  A userstyles website/forums dark style, that attempts refine styling throughout the website and forums.
@author       Style-it Themes by: the-j0k3r
@license      CC-BY-SA-4.0
==/UserStyle== */
@-moz-document domain("userstyles.org") {
	/*! Name    : Userstyles Inspired Dark */
	/*! Author  : Style-it Themes by: the-j0k3r */
	/*! Version : 1.2.7 beta */
	/*! Repo    : https://github.com/style-it/userstyles-inspired-dark */
	/*! License : CC-BY-SA-4.0 https://github.com/style-it/userstyles-inspired-dark/LICENSE */
	/*! Type    : Forum */
	body, #nav-view-responsive {
		color: #aaa !important;
		background: #222 !important;
	}

	.header.button.no-select {
		color: #ccc !important;
	}

	a {
		color: #5c81ba !important;
	}

	a:hover, a.TextColor:hover, a:hover .TextColor {
		color: #6b9ae2 !important;
		cursor: pointer !important;
	}

	.text_style_page > a:visited {
		color: #a6b !important;
	}

	.text_style_page > a:visited:hover {
		color: #ba70cd !important;
	}

	.header_button.no-select a:hover {
		color: #ddd !important;
	}
	/*
	.ConnectLabel.TextColor and a .TextColor
	are same selector but without I keep seeing a red color.
	*/
	.ConnectLabel.TextColor, a.TextColor, a .TextColor {
		color: #888 !important;
	}

	h1, h2, h3, h4, h5, h6, p, .P {
		color: #aaa !important;
	}

	input.DateBox, input.InputBox, input.SmallInput, textarea {
		color: #eee !important;
		background: #000 !important;
		border: 1px solid #444 !important;
		padding: 3px !important;
	}

	.ui-datepicker {
		background: #222 !important;
		border: 1px solid #999 !important;
	}

	#new-setting {
		border: none !important;
		box-shadow: none !important;
	}

	#user_name, #user_email, #user_homepage, #user_paypal_email,
	td:first-child > input:first-child, #style_pledgie_id, #openid,
	#style_short_description, #example-url, #listing-url,
	#widget-title, #user_login, #password, #password_confirmation,
	#login-existing, #password-existing, #obsoleting-style-id,
	#edit-style-settings input:not([type]),
	#edit-style-settings input[type="text"], #login-new, #email-new,
	#password-new, #password-new-confirm, #user_password,
	#user_password_confirmation, .edit-option-value-url {
		background: #000 !important;
		border: 1px solid #555 !important;
		color: #ccc !important;
	}

	#user_name:focus, #user_email:focus, #user_homepage:focus,
	#user_paypal_email:focus, #issue_full_name:focus, #issue_email:focus,
	#issue_user_name:focus, #openid:focus, #style_short_description:focus,
	#style_pledgie_id:focus, #example-url:focus, input.DateBox:focus,
	input.InputBox:focus, input.SmallInput:focus, #style_short_description:focus,
	input.SmallInput:focus, input.InputBox:focus, textarea:focus,
	td:first-child > input:first-child:focus, #listing-url:focus,
	#widget-title:focus, #user_login:focus, #password:focus,
	#password_confirmation:focus, #login-existing:focus,
	#password-existing:focus, #obsoleting-style-id:focus,
	#edit-style-settings input:not([type]):focus,
	#edit-style-settings input[type="text"]:focus, #login-new:focus,
	#email-new:focus, #password-new:focus, #password-new-confirm:focus,
	#user_password:focus, #user_password_confirmation:focus,
	.edit-option-value-url:focus {
		background: #191919 !important;
	}

	.Button {
		background: #333 !important;
		border: 1px solid #ccc !important;
		box-shadow:none !important;
		-moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
		border-color: #666 !important;
		color: #ccc !important;
		text-shadow: none !important;
	}

	.Button:hover {
		background: #444 !important;
		color: #eee !important;
		border-color: #777 !important;
	}

	.Button.Active, .ButtonGroup.Open .Button.Handle,
	.Button:focus, .Button:active {
		border-color: #aaa !important;
		background: #555 !important;
		box-shadow: none !important;
		-moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
	}
	/*
	Fix widget listing.
	*/
	.form-controls td, .form-controls th {
		border: none !important;
	}

	#Form_PostDiscussion, #Form_SaveDraft, #Form_Preview,
	#Form_PostComment, #Form_StartConversation {
		height: 25px !important;
		padding: 5px 6px 7px 6px !important;
	}

	#Form_Add {
		height: 25px !important;
		padding-top: 6px !important;
		margin-right: -1px !important;
	}

	#Form_Flagthis, #Form_SaveComment, #Form_SendMessage {
		height: 27px !important;
		padding-top: 5px !important;
		padding-bottom: 5px !important;
		margin-right: -1px !important;
	}

	#Form_Save {
		height: 25px !important;
		padding-top: 5px !important;
		margin-left: -1px !important;
	}

	#Form_SavePreferences, #Form_Upload {
		height: 25px !important;
		padding-top: 3px !important;
	}

	.Button.Cancel {
		height: auto !important;
		padding: 5px 6px 5px 6px !important;
	}

	.Button.Primary.Okay, #password-login > input:nth-child(7) {
		height: 25px !important;
		padding: 0 6px 0 6px !important;
	}

	#login td {
		border: 0 !important;
	}

	#Form_Search1, #Form_Go {
		margin: 0 !important;
		height: 16px !important;
		width: 16px !important;
	}

	.remove-option, .edit-setting-buttons > input:nth-child(3) {
		width: 28px !important;
		height: 28px !important;
		margin-right: 0 !important;
		margin-bottom: 0 !important;
	}

	.move-setting-down, .move-setting-up,
	.move-option-up, .move-option-down {
		width: 27px !important;
		height: 27px !important;
	}

	.move-setting-down, .move-option-down {
		font-weight: 900 !important;
		font-stretch: condensed !important;
	}

	.move-setting-up, .move-option-up {
		font-weight: 900 !important;
	}

	input[type="reset"], input[type="button"], input[type="submit"] {
		color: #ccc !important;
		padding: 1px 6px 6px 6px !important;
		background: #333 !important;
		border: 1px solid #555 !important;
		border-radius: 3px !important;
		height: 30px !important;
		margin: -2px 5px 8px 2px !important;
		font-family: sans-serif !important;
	}

	input[type="reset"]:hover, input[type="button"]:hover,
	input[type="submit"]:hover {
		color: #eee !important;
		background: #444 !important;
	}

	input[type="reset"]:focus, input[type="button"]:focus,
	input[type="submit"]:focus {
		color: #eee !important;
		background: #444 !important;
		border: 1px solid #555 !important;
	}

	.edit-option-value-url, #edit-style-settings textarea {
		margin-bottom: 6px !important;
	}

	.form-controls > tbody > tr > th, table.form-controls,
	.form-controls > tbody > tr > td, textarea {
		border-color: #444 !important;
	}

	.NavButton {
		color: #eee !important;
		text-shadow: 0 0 1px #000 !important;
		background: #444 !important;
		border: 1px solid #555 !important;
		box-shadow: 0 1px 1px #222 !important;
	}

	.ButtonGroup.Open .NavButton.Handle {
		background: #eee !important;
	}

	.NavButton.Handle .Sprite, .Button.Handle .Sprite {
		border-color: #fff transparent transparent transparent !important;
	}

	.ActivateSlider {
		display: inline-block;
		background: #bbb;
		/*background: rgba(0, 0, 0, .2);*/
		box-shadow: 0 10px 30px rgba(0, 0, 0, .5) inset;
		border: solid 1px #ccc;
	}

	.Deleted {
		background: #333 !important;
		border: 1px solid #555 !important;
	}

	/*
	Note: Warning, Alert & Info are simple boxes that can be used to wrap message
	strings & imply importance.
	*/
	span.Warning, div.Warning {
		background: #300 !important;
		border: 1px solid #b00 !important;
		color: #f44 !important;
	}

	.Count {
		background: #444 !important;
		color: #eee !important;
	}

	.Alert {
		background: #300 !important;
		border: 1px solid #b00 !important;
		color: #ddd !important;
	}

	.Alert a {
		color: #f44 !important;
	}

	.Alert a:hover {
		text-decoration: underline !important;
	}

	.Info {
		background: #292929 !important;
		border: 1px solid #555 !important;
		color: #aaa !important;
	}

	.Pager span {
		color: #777 !important;
	}

	.Pager .Highlight {
		color: #eee !important;
	}

	/* Small UserPhoto() images */
	a.Small:hover {
		text-decoration: none !important;
	}

	a.Small img {
		background: #333 !important;
	}

	/* # Messages

	Note: The MessageModule (in /applications/dashboard/modules) wraps all messages
	that it renders in a div with this DismissMessage class.
	*/
	.DismissMessage a.Dismiss {
		color: #aaa !important;
	}

	.DismissMessage a.Dismiss:hover {
		background: #333 !important;
		color: #eee !important;
	}

	.DismissMessage {
		color: #fff !important;
	}

	.DismissMessage.Info {
		background: #444 !important;
		border: 1px solid #aaa !important;
	}

	.DismissMessage.Warning {
		background: #300 !important;
		border: 1px solid #b00 !important;
	}

	.DismissMessage.Box {
		background: #fff8ce !important;
		border: 1px solid #c5bea4 !important;
	}

	.CasualMessage {
		background: #182030 !important;
		border: 1px solid #6b9ae2 !important;
		color: #ddd !important;
	}

	.CasualMessage a {
		color: #5c81ba !important;
	}

	.CasualMessage a:hover {
		color: #6b9ae2 !important;
	}

	.InfoMessage {
		background: #444 !important;
		border: 1px solid #555 !important;
	}

	.AlertMessage {
		background-color: #261d07 !important;
		border-color: #542 !important;
	}

	.WarningMessage {
		background: #300 !important;
		border: 1px solid #b00 !important;
		color: #ddd !important;
	}

	/* Header */
	#Head {
		background: #4f638b !important;
		box-shadow: 0 7px 12px 0 rgba(22, 22, 22, .75), 1px 0 0 0 #222 !important;
	}

	#Head a {
		color: #ccc !important;
	}

	.SiteSearch .Button {
		background: url('https://forum.userstyles.org/applications/dashboard/design/images/sprites.png') 0 -196px no-repeat transparent !important;
		top: 7px !important;
		filter: invert(100%) !important;
		border: none !important;
	}

	.SiteSearch .Button:hover {
		background: url('https://forum.userstyles.org/applications/dashboard/design/images/sprites.png') 0 -196px no-repeat transparent !important;
		filter: invert(100%) brightness(150%) !important;
	}

	/*
	Option (dropdown) Menus, Bookmark stars, admin checkboxes.
	*/
	.CategoryLink {
		background: #333 !important;
	}

	.category_title {
		font-size: 14px !important;
		font-weight: 600 !important;
		color: #ccc !important;
		margin-top: 20px !important;
	}

	div.Discussion .OptionsTitle, .Item .OptionsTitle {
		filter: invert(50%) !important;
	}

	div.Discussion:hover .OptionsTitle:hover, .Item:hover .OptionsTitle:hover {
		filter: invert(70%) !important;
	}

	.Open > .OptionsTitle {
		filter: invert(50%) !important;
	}

	.Flyout:before, .Flyout:after {
		border-bottom: 7px solid #777 !important;
		border-left: 7px solid transparent !important;
		border-right: 7px solid transparent !important;
	}

	.Flyout:after {
		border-bottom: 7px solid #222 !important;
	}

	.MenuItems {
		border: 1px solid #777 !important;
		background: #222 !important;
	}

	.MenuItems a, .MenuItems a:link, .MenuItems a:visited, .MenuItems a:active {
		color: #ccc !Important;
	}

	.MenuItems a:hover {
		color: #eee !Important;
		background-color: #4f638b !Important;
	}

	.MenuItems a:hover .Gloss {
		color: #ddd !important;
	}

	.MenuItems hr, hr {
		border: 1px solid #444 !important;
	}

	.MenuItems.Up:before, .MenuItems.Up:after {
		border-top: 7px solid #777 !important;
		border-left: 7px solid transparent !important;
		border-right: 7px solid transparent !important;
	}

	.MenuItems.Up:after {
		border-top: 7px solid #999 !important;
		bottom: -6px !important;
	}

	.FlyoutMenu {
		width: 300px !important;
		background: #222 !important;
		color: #ccc !important;
		border: solid 1px #666 !important;
	}

	.FlyoutMenu a {
		color: #5c81ba !important;
	}

	.FlyoutMenu a:hover {
		color: #6b9ae2 !important;
	}


	.FlyoutMenu li:hover {
		background: #292929 !important;
	}

	.DropHandle {
		border-width: 4px !important;
		border-color: #000 transparent transparent transparent !important;
	}

	.Box {
		margin: 10px 0 !important;
		white-space: nowrap !important;
	}

	/*
	The white-space: nowrap is a fix for the Notification Preferences
	when option is selected to prevent it from breaking the words, however
	this broke the private message wrapping of the Add People to this Conversation,
	so adding a hack to wrap that part
	*/
	.Box.GuestBox p, .ConnectLabel.TextColor {
		white-space: pre-wrap !important;
	}

	.ConnectLabel.TextColor {
		padding-bottom: 15px !important;
	}

	.Box.GuestBox {
		margin-top: -5px !important;
	}

	.Box p {
		margin-bottom: -10px !important;
	}

	.Box h4 {
		white-space: pre-wrap !important;
	}

	.Box dl dt {
		font-size: 12px !important;
		float: left !important;
		width: 80px !important;
		color: #555 !important;
		overflow: hidden !important;
		white-space: nowrap !important;
	}

	/* Hiding until we figure out what to do with GuestWelcomeModule */
	.MeButton {
		border: solid 1px transparent !important;
	}

	.MeButton:hover {
		background: #444 !important;
	}
	/*
	Targeting sprite instead of MeButton fixes:
	accidental inverted notification counter overlay
	*/
	.Sprite {
		filter: invert(100%) !important;
	}

	.Sprite:hover {
		filter: invert(100%) brightness(110%) !important;
	}

	.PanelActivity {
		border-top: 1px solid #555 !important;
	}

	.PanelActivity li {
		background: #333 !important;
		border-bottom: 1px solid #555 !important;
		color: #aaa !important;
	}

	.PanelActivity li a {
		font-size: 13px !important;
	}

	.PanelActivity li em {
		padding-left: 5px !important;
		color: #777 !important;
		font-size: 80% !important;
	}

	/*
	Compatibility for old custom themes that overrode this value.
	*/
	#Panel .FilterMenu li, .PanelInfo li {
		border-bottom: 1px solid #333 !important;
	}

	.BoxCategories .PanelInfo li:first-child, .BoxCategories .PanelInfo li:nth-child(5) {
		border-bottom: 2px solid #454545 !important;
	}

	#Panel .FilterMenu li:first-child, .PanelInfo li:first-child {
		border-top: 1px solid #333 !important;
	}

	/*
	Make standard items a bit more condensed when in the panel.
	*/
	.PanelInfo .Meta strong {
		display: inline !important;
		border-radius: 2px !important;
		-moz-border-radius: 2px !important;
		-webkit-border-radius: 2px !important;
		background: #ffc400 !important;
		color: #111 !important;
		font-size: 9px !important;
		font-weight: bold !important;
		padding: 3px !important;
		line-height: 1 !important;
	}

	.PanelInfo .Parent {
		text-align: left !important;
		font-weight: bold !important;
		background: none !important;
		color: #333 !important;
		padding: 2px 0 !important;
	}

	#Panel .FilterMenu .Active, .PanelInfo .Active {
		background: rgba(51, 51, 51, .69) !important;
		font-weight: bold !important;
	}

	#Content .FilterMenu li.Active a {
		border-bottom: 2px solid #555 !important;
	}

	#Content .BoxFilter .Active a {
		color: #5c81ba !important;
		border-bottom: 2px solid #555 !important;
	}

	#Content .FilterMenu li.Active a {
		border-bottom: 2px solid #555 !important;
	}

	.Icons img {
		background: #c4cde0 !important;
		color: #c4cde0 !important;
		text-indent: 50px !important;
	}

	/* # DataList

	Note: DataList is used in search results, vanilla discussions & drafts.
	*/
	.SearchForm .InputBox {
		border: solid 1px #666 !important;
	}

	.DataList .Item, .NarrowList .Item {
		border-bottom: 1px solid #444 !important;
	}

	.ItemDiscussion .Meta,
	.DataList .Meta {
		color: #888 !important;
	}

	.HasNew {
		background: #ffc800 !important;
		color: #000 !important;
		/* top | right | bottom | left */
		padding: 0px 4px 0px 3px !important;
		border-radius: 2px !important;
	}

	.Item.Read {
		background: #292929 !important;
	}

	.Item.Read:hover {
		filter: brightness(120%) !important;
	}

	.Item.Checked {
		background: #444 !important;
	}

	.DataList a.Delete {
		color: #c01f1f !important;
	}

	.DataList a.Delete:hover {
		background: #444 !important;
		color: #eb0909 !important;
	}

	/*
	Condensed datalists make the main link & excerpt inline.
	*/
	.DataList .Unfollow {
		background: #444 !important;
	}

	.DataList .Unfollow a {
		color: #888 !important;
	}

	.Item .Inset {
		border-top: 1px solid #bec8cc !important;
		padding: 5px 0 !important;
	}

	.PopList .Item {
		border-bottom: 1px solid #444 !important;
	}
	/*
	Fix both border and hover background its empty, decorate nothing.
	*/
	.PopList .Empty, .PopList .Empty:hover {
		background: transparent !important;
		border: none !important;
	}

	/* /me actions */
	.Hero {
		background: #333 !important;
	}

	.Activities li.Condensed .Excerpt {
		color: #eee !important;
	}

	.Activities .DataList li {
		background: #333 !important;
		margin-bottom: 2px !important;
		padding: 6px !important;
	}

	.Activities a.CommentLink, .Activities a.CommentLink:hover {
		background: #222 !important;
		color: #bbb !important;
		border: 1px solid #aaa !important;
	}

	.Comment {
		background: #222 !important;
	}

	body.Post .Popup a.Close {
		color: #aaa !important;
	}

	.emoji {
		margin-top: -2px;
		margin-bottom: -3px;
		/* account for image padding */
	}
	/* Fix the .EmotifyDropdown visibility/style/size IDK if its UHD resolution or what.*/
	.EmotifyDropdown {
		filter: invert(100%) brightness(250%) !important;
		width: 24px !important;
		height: 16px !important;
		margin-right: 4px !important;
	}
	/*
	Fix prevent the .EmotifyWrapper from showing inside the text area,
	If you type until the textarea end a portion of your text ends up behind
	the .EmotifyDropdown and you cant read it very well.
	*/
	.EmotifyWrapper {
		top: -27px !important;
	}

	.EmotifyDropdown {
		transform: scale(1.1) !important;
	}

	.EmoticonContainer, .EmoticonBox {
		background-color: #222 !important;
		border: 1px solid #555 !important;
		box-shadow: none !important;
		-moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
		padding: 3px !important
	}

	.Emoticon:hover {
		transform: scale(1.2) !important;
		image-rendering: crisp-edges !important;
	}

	blockquote.Quote, blockQuote.UserQuote {
		background: #313131 !important;
		border-left: 4px solid #666 !important;
	}

	.Message small {
		color: #aaa !important;
	}

	code, pre {
		background: #523b17 !important;
		color: #ddd !important;
	}

	pre code {
		background: transparent !important;
		white-space: pre-wrap !important;
	}
	/*
	The code blocks wrap when theres a code block just before
	The end of a sentence and its ugly and hard to read.
	*/
	code {
		border: none !important;
		padding: 2px 6px 2px 6px
	}

	pre {
		border: 1px dashed #a98956 !important;
		overflow: auto !important;
	}

	mark {
		background: #cf9900 !important;
		color: #000 !important;
	}

	/* Categories */
	.ChildCategories {
		border-top: 1px dotted #666 !important;
		display: block !important;
	}

	.RssButton {
		color: transparent !important;
	}

	/* Profile Page */
	.PhotoWrap:hover a.ChangePicture {
		display: block !important;
	}

	a.ChangePicture {
		background: #333 !important;
		color: #ddd !important;
	}
	/*
	Fix typo in selector from the default css
	a.ChangePicuture:hover -> a.ChangePicture:hover
	*/
	a.ChangePicture:hover {
		color: #eee !important;
		text-decoration: underline !important;
	}

	/* BGColor on profile forms */
	body.Profile.EditMode #Content form {
		background: #202020 !important;
	}

	.PreferenceGroup > thead > tr > td {
		background-color: #222 !important;
		color: #ccc !important;
	}

	/* Include invitations Form and fix .PreferenceGroup hover */
	.PreferenceGroup > tbody > tr:hover > td,
	#Form_Invitation table th:hover {
		background-color: #333 !important;
		color: #eee !important;
	}

	table.PreferenceGroup th, table.PreferenceGroup td,
	#Form_Invitation th, #Form_Invitation td {
		background-color: #202020 !important;
		border-bottom: 1px solid #333 !important;
		border-top: none !important;
		border-right: none !important;
		border-left: none !important;
	}

	.CurrentPicture table td, form.Thumbnail table td {
		border: none !important;
	}

	/* About in content area */
	.ContentColumn .About h2 {
		display: none !important;
	}
	/*
	Fix for being too far up this normally is 0px no breathing room.
	Also the breadcrumbwrapper was removed by default, this causes mis-alingments.
	*/
	.ContentColumn {
		margin-top: 18px !important;
	}
	.UserBox .WhoIs {
		margin-top: -10px !important;
	}

	dl.About dt {
		color: #666 !important;
		background: url('https://forum.userstyles.org/applications/dashboard/design/images/profile-sprites.png') 2px -139px no-repeat transparent !important;
	}

	/* Thumbnail Cropper */
	.jcropper-holder {
		border: 1px #fff solid !important;
	}

	.jcrop-vline, .jcrop-hline {
		font-size: 0 !important;
		position: absolute !important;
		background: #fff url('https://forum.userstyles.org/applications/dashboard/design/images/jcrop.gif') top left repeat !important;
	}

	.jcrop-handle {
		border: 1px #fff solid !important;
		background-color: #333 !important;
	}

	.jcrop-tracker {
		background-color: #000 !important;
		opacity: .1 !important;
	}

	.custom .jcrop-vline, .custom .jcrop-hline {
		background: #ff0 !important;
	}

	.custom .jcrop-handle {
		border-color: black !important;
		background-color: #C7BB00 !important;
	}

	/* CommentForm */
	.Preview {
		background: none !important;
		color: #ccc !important;
	}

	/* Popups */
	div.Popup .Body {
		background: #191919 !important;
		padding: 10px !important;
		float: left !important;
		/* Put this here b/c background of form was not descending to bottom of popup. */
	}

	a.Close {
		color: #aaa !important;
	}

	a.Close:hover {
		color: #ccc !important;
	}

	#Foot {
		color: #ddd !important;
	}

	#Foot a {
		color: #ccc !important;
	}

	#Foot a:hover {
		color: #aaa !important;
	}

	/* Vanilla Forums logo */
	.PoweredByVanilla {
		filter: brightness(120%) !important;
		background-image: url("https://cdn.rawgit.com/the-j0k3r/c7faf51a3076eea7e4ab0ae9dabea084/raw/aa794f5d843da1d876af2753531d8d5dfffb7a63/vanilla-forums.svg") !important;
		height: 45px !important;
		width: 75px !important;
	}

	/* Added shake that spice */
	@keyframes shake-it {
		from {
			transform: scale3d(1, 1, 1);
		}

		10%, 20% {
			transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		}

		30%, 50% ,70% ,90% {
			transform: scale3d(1.1 ,1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		}

		40%, 60%, 80% {
			transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		}

		to {
			transform: scale3d(1.1, 1.1 ,1.1) rotate3d(0, 0, 1, 4deg)
		}
	}

	.PoweredByVanilla:hover {
		animation-name: shake-it !important;
		animation-duration: 1s !important;
	}

	/* # Discussions

	Note: The Vanilla Discussion List has the following classes applied to
		  individual list elements and can be styled:
		  + Bookmarked: the user has bookmarked that topic
		  + Announcement: the discussion has been announced
		  + Mine: the user created the discussion
		  + New: there are new comments since the last viewed the discussion
	*/
	a.Bookmark:hover {
		filter: grayscale(100%) brightness(400%) !important;
	}

	a.Bookmarked {
		filter: invert(100%) hue-rotate(15deg) contrast(20%) brightness(150%) !important;
	}

	a.Bookmarked:hover {
		filter: grayscale(100%) invert(80%) !important;
	}

	a.Bookmarking, a.Bookmarking:hover {
		filter: grayscale(100%) brightness(500%) !important;
	}

	/* Match the style base color */
	.Tag {
		background: #5c81ba !important;
		color: #eee !important;
	}

	.Tag a {
		color: #eee !important;
	}

	.Tag.Closed, .Tag.Tag-Closed {
		background: #315d80 !important;
	}

	.Tag.Category {
		background: #726b3e !important;
		font-weight: normal !important;
	}

	.Tag.Category a {
		color: #ddd !important;
	}

	.Tag.Tag-Banned {
		background-color: #780000 !important;
	}

	/* Category & Discussions Table Views */
	.DataTable {
		background: #292929 !important;
	}

	.DataTable td {
		border-bottom: 1px solid #ddd !important;
	}

	.MiniPager {
		display: inline-block !important;
		margin-left: 3px !important;
		font-size: 11px !important;
		color: #eee !important;
	}

	tr.CategoryHeading td {
		font-weight: bold !important;
		background: #222 !important;
	}

	/* Discussion Sorter */
	.DiscussionSorter:hover {
		cursor: pointer !important;
		background: #444 !important;
	}

	.DiscussionSorter .Selected {
		border: 1px solid rgba(169, 38, 38, 0) !important;
	}

	.DiscussionSorter .Open .Selected {
		border: 1px solid #999 !important;
		border-bottom: none !important;
	}

	#single_discussion {
		box-shadow: 0 1px 0 0 #444, 0 0 0 0 #444 !important;
	}

	.SpRSS {
		background: url("https://forum.userstyles.org/applications/dashboard/design/images/sprites.png") no-repeat -27px -46px transparent !important;
		display: inline-block !important;
		height: 14px !important;
		vertical-align: middle !important;
		width: 14px !important;
	}

	.DiscussionForm label {
		color: #777 !important;
	}

	.P > label:first-child, .Category label:first-child, .List > label:first-child {
		color: #aaa !important;
	}

	.FormWrapper {
		background: #191919 !important;
		border: 1px solid #444 !important;
	}

	.StructuredForm input.hasDatepicker, .StructuredForm input.hasDatepicker:focus {
		background-image: url('https://forum.userstyles.org/applications/dashboard/design/images/calendar.png') !important;
		background-repeat: no-repeat !important;
		background-position: center right !important;
		padding-right: 24px !important;
	}

	/* Conversations */
	.ac_results {
		padding: 0 !important;
		border: 1px solid #555 !important;
		border-top: 0 !important;
		background-color: #333 !important;
		overflow: hidden !important;
		z-index: 99999 !important;
	}

	.ac_results li {
		margin: 0 !important;
		padding: 5px !important;
		cursor: default !important;
		display: block !important;
		/*
		If width will be 100% horizontal scrollbar will appear
		when scroll mode will be used.
		*/
		/*width: 100%;*/
		font-size: 12px !important;
		/*
		It is very important, if line-height is not set or set
		in relative units scroll will be broken in Firefox.
		*/
		line-height: 16px !important;
		overflow: hidden !important;
		border-bottom: 1px solid #555 !important;
		text-align: left !important;
	}

	.ac_lastitem {
		border-bottom: 0 !important;
	}

	.ac_results strong {
		font-weight: bold !important;
		background: #333 !important;
	}

	.ac_over strong {
		font-weight: bold !important;
		background: #216ebf !important;
	}

	.ac_over {
		background: #004D9F !important;
		color: #eee !important;
	}

	/* New Conversation Form */
	#ConversationForm label {
		color: #999 !important;
	}

	/* Upload Progress Bar */
	.UploadProgress {
		color: #333 !important;
		text-shadow: 0 1px 1px #fff !important;
		border: 1px solid #5c81ba !important;
	}

	/* Container */
	.Border {
		border-radius: 8px !important;
		-moz-border-radius: 8px !important;
		-webkit-border-radius: 8px !important;
		background: #333 !important;
		padding: 10px !important;
	}

	/* Tabs */
	ul.Tabs li a {
		border: 1px solid #555 !important;
		background: #333 !important;
		color: #aaa !important;
	}

	ul.Tabs li a:hover {
		background: #444 !important;
		color: #eee !important;
	}

	ul.Tabs li a.Active {
		padding: 2px 8px !important;
		background: #222 !important;
		color: #eee !important;
	}

	/* Entry Screens */
	span.Incorrect {
		color: #c81818 !important;
	}

	/*
	Reminder: need to verify these password strength selectors
	*/
	.PasswordStrength .Background {
		background-color: #000 !important;
	}

	.PasswordStrength .Strength {
		background-color: #c81818 !important;
	}

	.PasswordStrength .Separator {
		background-color: #555 !important;
	}

	.PasswordStrength.Score-0 .StrengthText {
		color: #aaa !important;
	}

	.PasswordStrength.Score-1 .Strength {
		background-color: #C81818 !important;
		width: 20% !important;
	}

	.PasswordStrength.Score-1 .StrengthText {
		color: #C81818 !important;
	}

	.PasswordStrength.Score-2 .Strength {
		background-color: #FF891D !important;
		width: 40% !important;
	}

	.PasswordStrength.Score-2 .StrengthText {
		color: #FF891D !important;
	}

	.PasswordStrength.Score-3 .Strength {
		background-color: #FFAC1D !important;
		width: 60% !important;
	}

	.PasswordStrength.Score-3 .StrengthText {
		color: #FFAC1D !important;
	}

	.PasswordStrength.Score-4 .Strength {
		background-color: #A6C060 !important;
		width: 80% !important;
	}

	.PasswordStrength.Score-4 .StrengthText {
		color: #A6C060 !important;
	}

	.PasswordStrength.Score-5 .Strength {
		background-color: #27B30F !important;
		width: 100% !important;
	}

	.PasswordStrength.Score-5 .StrengthText {
		color: #27B30F !important;
	}

	/* Handshake */
	body#dashboard_entry_handshake ul.NewAccount {
		float: left !important;
		width: 315px !important;
		margin-right: 44px !important;
		border-right: 1px solid #555 !important;
	}

	body#dashboard_entry_handshake .Info {
		border: 1px solid #555 !important;
		background: #333 !important;
		color: #ccc !important;
	}

	body#dashboard_entry_handshake #Content h2 {
		color: #ccc !important;
	}

	/* Leaving Page */
	.FinePrint {
		color: #ccc !important;
	}
	/*
	Do not customize these unless you enjoy pain, or they don't work as nicely
	on a dark background like Userstyles Inspired Dark (awesome) theme.

	Error messages that get displayed on forms throughout the application.
	*/
	.Errors ul {
		background: #300 !important;
		border: 1px solid #b00 !important;
	}

	.Errors a {
		color: #ddd !important;
	}

	.error {
		color: #f44 !important;
	}

	.Errors ul li {
		color: #ddd !important;
		background: #300 !important;
	}

	div.Popup .Errors ul {
		border: 1px solid #f44 !important;
	}

	.Errors pre, .Errors pre * {
		background: #949000 !important;
		color: #333 !important;
	}
	/*
	Note: InformMessages are "growl" style messages that appear in a fixed
	position on the page to notify users of things like drafts being saved, etc.
	*/
	.InformMessages .InformMessage {
		color: #eee !important;
		text-shadow: 0 1px 1px #000 !important;
		background: #191919 !important;
		border: 1px solid #555 !important;
		white-space: pre-wrap !important;
	}

	.InformMessages .InformMessage:hover {
		background: #292929 !important;
	}

	.InformMessages .InformMessage a {
		color: #eee !important;
	}

	.InformMessages .InformMessage a:hover {
		color: #fff !important;
		text-decoration: underline !important;
	}

	.InformMessages .InformMessage a.Close {
		background: transparent !important;
		color: #ddd !important;
	}

	.InformMessages .InformMessage a.Close span {
		display: inline !important;
	}

	.InformMessages .InformMessage a.Close:hover {
		background: #292929 !important;
		color: #fff !important;
	}

	/* iPad/iPhone */
	@media only screen and (device-width: 768px), only screen and (max-device-width: 480px) {
		.InformMessages .InformMessage a.Close {
			color: #eee !important;
			display: block !important;
		}

		.Item .OptionsTitle {
			visibility: visible !important;
		}
	}

	/* Small screens */
	.InformMessages .Actions a.CancelAction {
		color: #aaa !important;
	}

	/* # Inform Sprites

	Embedded Discussion & Comment Customizations
	*/
	.EmbedCommentForm {
		border-top: 1px solid #555 !important;
	}

	.EmbedCommentForm .Author {
		display: inline-block !important;
		font-size: 11px !important;
		color: #777 !important;
		padding: 0 8px 0 0 !important;
	}

	/* Regarding */

	.RegardingEvent {
		padding: 10px !important;
		padding-left: 38px !important;
		color: #eee !important;
		text-shadow: 0 1px 1px #000 !important;
		background: #111 !important;
	}

	.RegardingEvent a.ReportedUser,
	.RegardingEvent a.ReportingUser {
		color: #eee !important;
	}

	.RegardingEvent .RegardingTime {
		font-size: 9px !important;
		text-transform: uppercase !important;
		color: #B1B1B1 !important;
	}

	.RegardingActions .ActionButton {
		color: #eee !important;
		text-shadow: 0 1px 1px #000 !important;
		background: #111 !important;
	}

	.RegardingActions .ActionButton a {
		color: #eee !important;
	}

	.SpEditProfile {
		filter: invert(100%) !important;
	}

	.ButtonGroup.Open .NavButton.Handle {
		background: #444 !important;
	}

	/* Reaction Sprites */
	.ReactSprite {
		background-image: url("http://cdn.vanillaforums.com/images/sprites-14-000000.png") !important;
		filter: invert(100%) !important;
	}
	/*
	Switch to the white icons when hovering over a menuitem sprite.
	*/
	.MenuItems a:hover .ReactSprite, .MenuItems a:hover .Sprite {
		background-image: url('http://cdn.vanillaforums.com/images/sprites-14-fff.png') !important;
	}
	/*
	Switch to bordered icons for user reaction overlays.
	*/
	.UserReactionWrap .ReactSprite {
		background-image: url('http://cdn.vanillaforums.com/images/sprites-14-000-bordered.png') !important;
	}
	/*
	Embedded Video Preview Hide/Reveal.
	*/
	.Video.YouTube .VideoPreview:after {
		background: url('http://cdn.vanillaforums.com/images/youtube-overlay-button.png') 0 -44px no-repeat transparent !important;
	}

	/* Token input */
	ul.token-input-list {
		border: 1px solid #444 !important;
		color: #eee !important;
		background-color: #191919 !important;
	}

	ul.token-input-list-focus, ul.token-input-list-focus input {
		background: #dc1a1a !important;
	}

	li.token-input-input-token, .token-input-highlighted-token {
		outline: none !important;
	}

	input {
		-moz-appearance: none !important;
		-webkit-appearance: none !important;
		border: none !important;
		background-color: #191919 !important;
		color: #eee !important;
		box-shadow: none !important;

	}

	li.token-input-token {
		border: 1px solid #777 !important;
		background-color: #444 !important;
		color: #aaa !important;
	}

	li.token-input-token:hover {
		color: #eee !important;
	}

	li.token-input-token p {
		color: #ddd !important;
	}

	li.token-input-token.not-allowed {
		background: #300 !important;
		border: 1px solid #b00 !important;
		color: #ddd !important;
	}

	li.token-input-token.not-allowed span {
		color: #C91313 !important;
	}

	li.token-input-selected-token {
		background-color: #777 !important;
	}

	li.token-input-selected-token.not-allowed {
		background: #300 !important;
		border: 1px solid #b00 !important;
		color: #ddd !important;
	}

	li.token-input-selected-token.not-allowed span {
		color: #ddd !important;
	}

	div.token-input-dropdown {
		background-color: #333 !important;
		border: 1px solid #777 !important;
	}

	div.token-input-dropdown ul li {
		background-color: #333 !important;
	}

	div.token-input-dropdown ul li.token-input-dropdown-item {
		background-color: #333 !important;
		color: #999 !important;
	}

	div.token-input-dropdown ul li.token-input-dropdown-item2 {
		background-color: #333 !important;
		color: #999 !important;
	}

	div.token-input-dropdown ul li.token-input-selected-dropdown-item {
		background-color: #555 !important;
		color: #eee !important;
	}
	/*
	At mentions in core, moved from advanced editor.
	*/
	.atwho-view {
		font: normal 14px/1.7em 'lucida grande', 'Lucida Sans Unicode', tahoma, sans-serif;
		background: #333 !important;
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) !important;
	}

	.atwho-view .cur {
		background: #5c81ba !important;
		color: #fff !important;
	}

	.atwho-view .cur small {
		color: #fff !important;
	}

	.atwho-view strong {
		color: #6b9ae2 !important;
	}

	.atwho-view .cur strong {
		color: #fff !important;
		font-weight: bold !important;
	}

	.atwho-view ul li {
		border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
	}

	.atwho-view small {
		color: #fff !important;
	}

	/* Socialcons*/
	.SocialIcon {
		color: #fff !important;
	}

	.SocialIcon .Text {
		padding: 0 15px 0 10px !important;
		border-left: 1px solid #555 !important;
	}

	.SocialIcon-Facebook, .SocialIcon-Facebook.HasText .Icon {
		background-color: #36609e !important;
	}

	.SocialIcon-Facebook:hover {
		background-color: #294978 !important;
	}

	.SocialIcon-Twitter, .SocialIcon-Twitter.HasText .Icon {
		background-color: #2aa8df !important;
	}

	.SocialIcon-Twitter:hover {
		background-color: #1c8aba !important;
	}

	.SocialIcon-Google, .SocialIcon-Google.HasText .Icon {
		background-color: #da5442 !important;
	}

	.SocialIcon-Google:hover {
		background-color: #c33926 !important;
	}

	.SocialIcon-OpenID, .SocialIcon-OpenID.HasText .Icon {
		background-color: #f7921c !important;
	}

	.SocialIcon-OpenID:hover {
		background-color: #d87808 !important;
	}

	.SocialIcon-LinkedIn, .SocialIcon-LinkedIn.HasText .Icon {
		background-color: #066c9a !important;
	}

	.SocialIcon-LinkedIn:hover {
		background-color: #044a69 !important;
	}

	.SocialIcon-Disqus, .SocialIcon-Disqus.HasText .Icon {
		background-color: #2e9fff !important;
	}

	.SocialIcon-Disqus:hover {
		background-color: #0087fa !important;
	}

	.SocialIcon-GitHub, .SocialIcon-GitHub.HasText .Icon {
		background-color: #6b9ecf !important;
	}

	.SocialIcon-GitHub:hover {
		background-color: #4485c3 !important;
	}

	/* # Alerts

	.alert-info    - Informative alert
	.alert-warning - Warning alert
	.alert-danger  - Danger alert

	Styleguide Alerts
	*/
	.item-attachment .alert {
		background: #182030 !important;
		border: 1px solid #6b9ae2 !important;
		color: #ddd !important;
	}

	.item-attachment .alert a {
		color: #6b9ae2 !important;
	}

	.item-attachment .alert hr {
		border-top-color: #6b9ae2 !important;
	}

	/* Informative alert */
	.item-attachment .alert-info {
		background-color: #261d08 !important;
		border-color: #542 !important;
		color: #ddd !important;
	}

	.item-attachment .alert-info a {
		color: #ffc000 !important;
	}

	.item-attachment .alert-info hr {
		border-top-color: #542 !important;
	}

	/* Warning alert */
	.item-attachment .alert-warning {
		background-color: #261d08 !important;
		border-color: #542 !important;
		color: #ddd !important;
	}

	.item-attachment .alert-warning a {
		color: #ffc000 !important;
	}

	.item-attachment .alert-warning hr {
		border-top-color: #542 !important;
	}

	/* Danger alert */
	.item-attachment .alert-danger {
		background-color: #300 !important;
		border-color: #b00 !important;
		color: #ddd !important;
	}

	.item-attachment .alert-danger a {
		color: #f44 !important;
	}

	.item-attachment .alert-danger hr {
		border-top-color: #b00 !important;
	}
	/* # Base item

	Styleguide Item
	*/
	.item-attachment .item-meta {
		font-size: 12px !important;
		line-height: 20px !important;
		color: #999 !important;
	}

	select {
		border: 1px solid #888 !important;
		background-color: #000 !important;
		color: #ccc !important;
	}

	:focus {
		outline-style: none !important;
		outline: 1px solid #555 !important;
	}

	option {
		color: #eee !important;
		background-color: #191919 !important;
	}

	#notes_textarea {
		background-color: #111 !important;
		color: #ccc !important;
	}

	.Attachment:hover .FileHover {
		background: #333 !important;
		border: 1px solid #555 !important;
	}

	.Attachment:hover .DeleteFile {
		cursor: pointer !important;
	}

	/*
	Note: I don't really use mobile, but here is a couple of glaring issues.
	Enter some Mobile fixes.
	*/
	.Banner ul li a {
		font-weight: bold !important;
		color: #ccc !important;
		display: block !important;
	}

	.Banner ul li a:hover {
		background: #6b9ae2 !important;
	}

	ul.Discussions {
		background: #222 !important;
	}

	.MItem.Category:before {
		content:'' !important;
		width: 0 !important;
		display: block !important;
	}

	.DataList > .Item {
		padding-bottom: 2px !important;
	}
	/*
	Excerpts are being pushed ontop of each other
	fix line height and increase font size a bit.
	*/
	.DataList .Excerpt {
		font-size: 14px !important;
		line-height: 1.9 !important;
		margin: 5px 0 !important;
	}
}

@-moz-document domain("userstyles.org") {
	/*! Name    : Userstyles Inspired Dark */
	/*! Author  : Style-it Themes by: the-j0k3r */
	/*! Repo    : https://github.com/style-it/userstyles-inspired-dark */
	/*! License : CC-BY-SA-4.0 https://github.com/style-it/userstyles-inspired-dark/LICENSE */
	/*! Type    : Website */
	#title_long a, #title_long a:active, #title_long a:hover,
	#title_long a:visited, #title_long a:visited {
		color: #aaa !important;
	}

	.us-stylecard--long .us-username, .us-stylecard--short .us-username {
		color: #ccc !important;
	}

	.us-stylecard--long .us-username a:before, .us-stylecard--short .us-username a:before {
		content: ": " !important;
		color: #ccc !important;
		margin-left: -2px !important;
	}

	.us-stylecard--long .us-username a, .us-stylecard--short .us-username a {
		color: #5c81ba !important;
		filter: brightness(120%) !important;
		font-weight: 700 !important;
	}

	.us-stylecard--short .us-stencil {
		background-color: #181818 !important;
		box-shadow: 0 1px 0 0 #444 !important;
	}

	.us-stylecard--long, .us-stylecard--short {
		box-shadow: none !important;
		background: #181818 !important;
		outline: 1px solid #383838 !important;
		border-radius: 0 !important;
	}

	.us-container .us-updated {
		color: #eee !important;
	}

	.us-container .ckfDBv, .us-stencil .fzKkUK {
		background-color: #555 !important;
		color: #eee !important;
	}

	.us-stencil .fzKkUK {
		border-radius: 2px !important;
		font-size: 0.8em !important;
		height: 16px !important;
		border: 0 !important;
	}

	.us-container .us-downloads, .us-container .us-rating,
	.us-container .us-discussions {
		filter: grayscale(100%) brightness(130%)
	}

	.us-container .us-title a {
		color: #5c81ba !important;
	}

	.k {
		font-size: 13px !important;
		color: #aaa !important;
		margin-right: 6px !important;
	}

	.screenshot_wrapper.downloads-icon, .screenshot_wrapper {
		border-bottom: 1px solid #666 !important;
	}

	.downloads-icon {
		filter: grayscale(100%) brightness(130%) !important;
	}

	h4:first-child > a:first-child {
		color: #ccc !important;
		font-weight: bold !important;
	}

	h4:first-child > a:first-child:hover {
		color: #eee !important;
	}

	.view_details, .css_button, .see_more {
		background-color: #444 !important;
		border: 1px solid #555 !important;
		color: #ddd !important;
	}

	.view_details:hover, .css_button:hover, .see_more:hover {
		background-color: #444 !important;
		border: 1px solid #555 !important;
		filter: brightness(95%) !important;
		color: #bbb !important;
	}

	.advancedsettings_shown {
		background-color: #292929 !important;
		color: #ccc !important;
	}

	/* Base color scheme bg */
	.setting_div > div > div {
		background: #292929 !important;
	}

	.text_setting_input, .option-user-url {
		background: #111 !important;
		border: 1px solid #555 !important;
		color: #ccc !important;
	}

	.style-setting-option {
		border: 1px solid #aaa !important;
	}

	.edit-setting {
		background-color: #191919 !important;
	}

	.title_setting {
		color: #ccc !important;
		font-weight: bold !important;
	}

	.option-user-upload.upload_image_label {
		color: #ccc !important;
	}

	.eye_image {
		background: url("https://userstyles.org/ui/images/icons/eye.svg") !important;
		filter: invert(80%) !important;
	}

	#not_available_chrome {
		color: #aaa !important;
	}

	#install_style_button, .personal-page .light-blue-button {
		background-color: #4f638b !important;
		border: solid 1px #5c81ba !important;
		color: #ddd !important;
		box-shadow: none !important;
		margin-left: auto !important;
	}

	#install_button:hover, #install_button:active,
	#install_style_button:hover, 	#install_style_button:active,
	.personal-page .light-blue-button:hover {
		background-color: #4f638b !important;
		border: solid 1px #5c81ba !important;
		color: #eee !important;
		filter: brightness(88%) !important;
		box-shadow: none !important;
	}

	.us-button, #install_button_homepage {
		background-color: #6b9ae2 !important;
		border: 1px solid #8fbbff !important;
		color: #eee !important;
		box-shadow: none !important;
		margin-left: auto !important;
	}

	.choose_editor .boxesContainer .box .cta {
		background-color: #6b9ae2 !important;
		border: 1px solid #8fbbff !important;
		color: #eee !important;
		box-shadow: none !important;
	}

	.choose_editor .close  {
		filter: invert(100%) brightness(180%) !important;
	}

	.android_editor .title {
		color: #eee !important;
	}

	.styleSettings .dropdowns .selectContainer .select {
		background-color: #111 !important;
		border: solid 1px #444 !important;
		color: #eee !important;
	}

	.styleSettings .dropdowns .selectContainer .dropdown_view {
		background-color: #111 !important;
		border: solid 1px rgba(255, 255, 255, 0.13) !important;
	}

	.styleSettings .dropdowns .selectContainer .dropdown_view .dropdownRow:hover:not(.disabled) {
		background-color: #5c81ba !important;
		color: #eee !important;
	}

	.selectContainer .dropdown_view .dropdownRow:hover:not(.disabled) {
		background-color: #5c81ba;
		color: #eee !important;
	}

	.styleSettings .inputs .inputZone input {
		background-color: #111 !important;
		border: solid 1px #444 !important;
		color: #eee !important;
	}

	.styleSettings .inputs .inputZone .top_of_input .instructions,
	.android_editor .instructions, .android_editor .note,
	.choose_editor .boxesContainer .box .subtitle {
		color: #999 !important;
	}

	.android_editor .menu .menuItem.selected {
		border-bottom: 2px solid #5c81ba !important;
		color: #5c81ba !important;
	}

	.visualEditor .parametersMenuButton, .license .options .option .checker.checked,
	.opacityController .control .slider .fill,
	.visualEditor .widgetsMenu .parameterOptions .parameterOption .checkbox.selected {
		background-color: #5c81ba !important;
	}

	.visualEditor .widgetsMenu .title {
		background-color: #5c81ba !important;
		color: #eee !important;
	}

	.visualEditor .widgetsMenu .parameterOptions .parameterOption {
		border-top: solid 1px #555 !important;
		border-bottom: solid 1px #555 !important;
	}

	.visualEditor .widgetsMenu {
		background-color: #222 !important;
		box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.25) !important;
	}

	.visualEditor .widgetsMenu .parameterOptions .parameterOption .text {
		color: #aaa !important;
	}

	.license .options .option .checker,
	.visualEditor .widgetsMenu .parameterOptions .parameterOption .checkbox {
		background-color: #eee !important;
		border: solid 1px #444 !important;
	}

	.visualEditor .topPart .previewBackgroundButtons .previewBackgroundButton.selected {
		border: solid 2px #5c81ba !important;
	}

	.android_editor .link {
		color: #5c81ba !important;
	}

	.android_editor .header .faqButton {
		color: #5c81ba !important;
		background-color: #333 !important;
		border: 1px solid #444 !important;
		filter: brightness(120%) !important;
	}

	.sketch-picker {
		background: #333 none repeat scroll 0% 0% !important;
		box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px,
			rgba(255, 255, 255, 0.15) 0px 2px 12px !important;
	}

	.sketch-picker span {
		color: #eee !important
	}

	.sketch-picker .flexbox-fix {
		border-top: 1px solid #555 !important;
	}

	.sketch-picker input {
		background: #111 !important;
		color: #eee !important;
		box-shadow: #444 0px 0px 0px 1px inset !important;
	}

	.sketch-picker input:focus {
		box-shadow: #555 0px 0px 0px 1px inset !important;
	}

	.styleSettings .dropdowns .selectContainer .dropdown_view .dropdownRow.disabled {
		color: #666 !important;
	}

	.weatherIcons .iconsWrapper .overIconImageHandler:hover {
		background-color: #444 !important;
	}

	.imageHandler .nameAndActions .imageName,
	.license .subtitle, .license .options .option .text {
		color: #aaa !important;
	}

	.visualEditor .topPart .previewBackgroundButtons .previewBackgroundButton .inner {
		border: solid 1px #999 !important;
	}

	.android_editor .menu .menuItem {
		color: #95a5a6 !important;
		border-bottom: 2px solid #444 !important;
	}

	.us-button:hover, .us-button:active,
	#install_button_homepage:hover {
		background-color: #5c81ba !important;
		border: 1px solid #6b9ae2 !important;
		box-shadow: none !important;
		color: #ddd !important;
	}

	#style_installed_button, #update_style_button {
		background-color: #1b8b35 !important;
		box-shadow: none !important;
		border: solid 1px #27ba49 !important;
		color: #ddd !important;
		margin-right: 11px !important;
		margin-left: auto !important;
	}

	.android_editor .bottom_buttons .button.saveButton{
		background-color: #1b8b35 !important;
		box-shadow: none !important;
		border: solid 1px #27ba49 !important;
		color: #fff !important;
	}

	#style_installed_button:hover, #update_style_button:hover {
		background-color: #19762f !important;
		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) !important;
		border: solid 1px #28a645 !important;
		color: #bbb !important;
	}

	#archive_style_button {
		box-shadow: none !important;
		border: solid 1px #c14430 !important;
		background: #56170e !important;
		color: #eee !important;
	}

	#archive_style_button:hover {
		border: solid 1px #913425 !important;
		background: #50140b !important;
		color: #ccc !important;
	}

	[href$="/edit"] .white_button, .customize_button, #donation_button {
		margin-right: 11px !important;
	}

	.customize_button {
		margin-left: auto !important;
	}

	#send_feedback_button, .white_button, .customize_button,
	.android_editor .bottom_buttons .button.resetButton {
		background: #404040 !important;
		border: 1px solid #555 !important;
		box-shadow: none !important;
		color: #ddd !important;
	}

	#send_feedback_button:hover, .white_button:hover, .customize_button:hover {
		box-shadow: none !important;
		background: #323232 !important;
		color: #bbb !important;
	}

	.customize_button .customize_button_text {
		color: #ddd !important;
	}

	.customize_button .customize_button_text:hover {
		color: #bbb !important;
	}

	.navigation {
		background: #222 !important;
		border-right: 1px solid #444 !important;
	}

	.navigation-title {
		color: #ccc !important;
	}

	.navigation-category {
		color: #aaa !important;
	}

	.navigation-link:hover {
		background: #363636 !important;
		color: #ddd !important;
		border-left: 3px solid #5c81ba !important;
	}

	.navigation .links-box .navigation-link {
		box-shadow: 0 -1px 0 0 #555, 0 0 0 0 #555 !important;
	}

	.navigation-link {
		border-left: 3px solid transparent !important;
	}

	.navigation .links-box .navigation-link-active {
		border-left: 3px solid #5c81ba !important;
	}

	.navigation .links-box {
		box-shadow: 0 -1px 0 0 #555, 0 1px 0 0 #555 !important;
	}

	/* fix broken capitaliztion of brand name */
	a[href$="/bbc"] .navigation-title {
		text-transform: uppercase !important;
		font-size: 14px !important;
	}

	div.links-box:nth-child(5) > a:nth-child(1) > div:nth-child(1) > img:nth-child(1),
	div.links-box:nth-child(5) > a:nth-child(2) > div:nth-child(1) > img:nth-child(1),
	.navigation .links-box:first-child .logo-navigation-link,
	.navigation .links-box:last-child .logo-navigation-link {
		filter: grayscale(100%) brightness(400%) !important;
	}

	.links-box .navigation-link:last-child, #title_div {
		box-shadow: 0 1px 0 0 #333 !important;
	}

	.links-box {
		color: #ccc !important;
		border-bottom: none !important
	}

	.us-header {
		background-color: #4f638b !important;
		box-shadow: 0 7px 12px 0 rgba(22, 22, 22, .75), 1px 0 0 0 #222 !important;
	}

	.header-search .type_search {
		background-color: #2b3955 !important;
	}

	.input_text_search::-webkit-input-placeholder, .input_text_search:-moz-placeholder,
	.input_text_search::-moz-placeholder {
		color: #ccc !important;
	}

	.search_input {
		background-color: #111 !important;
	}

	.search_input input {
		color: #aaa !important;
		background-color: #111 !important;
	}

	.search_image {
		filter: grayscale(100%) !important;
	}

	.header-search .type_search .type_search_select .type_search_option {
		background-color: #4f638b !important;
		color: #eee !important;
		border-left: 1px solid #5c81ba !important;
	}

	.header-search .type_search .type_search_select .type_search_option:hover {
		color: #fff !important;
		background-color: #5c81ba !important;
	}

	.header-search .type_search .type_search_select .selected::before {
		background: url("https://userstyles.org/ui/images/icons/v-blue-icon.svg") no-repeat center center !important;
		filter: grayscale(100%) brightness(180%)!important;
	}

	#create_new_style {
		background-color: #2b3955 !important;
		border: 1px solid #5c81ba !important;
	}

	#create_new_style {
		color: #eee !important;
	}

	#create_new_style:hover {
		background: #182030 !important;
		border: 1px solid #5c81ba !important;
	}

	.choose_editor {
		background-color: rgba(34, 34, 34, .89);
	}

	.choose_editor .boxesContainer .box {
		background-color: #333 !important;
		box-shadow: 0 30px 100px 0 rgba(0, 0, 0, 0.4) !important;
	}

	/* Carousel */
	#left-arrow-carousel, #right-arrow-carousel {
		filter: invert(100%) brightness(230%) !important;
		opacity: 0.7 !important;
	}

	#left-arrow-carousel:hover, #right-arrow-carousel:hover {
		filter: invert(100%) contrast(80%) brightness(250%) !important;
		opacity: 0.7 !important;
	}

	#overlay-info {
		background-color: rgba(36, 36, 36, .98) !important;
		border-radius: 0px !important;
	}

	#style-info-title-carousel {
		color: #6b9ae2;
	}

	#style-info-title-carousel a {
		color: #5c81ba !important;
	}

	#style-info-title-carousel a:visited {
		color: #4f638b !important;
	}

	#style-info-title-carousel a:hover {
		color: #6b9ae2 !important;
	}

	#style-info-title-carousel a:active {
		color: #5c81ba !important;
	}

	#style-info-author-carousel {
		color: #ddd !important;
	}

	#style-info-author-carousel a {
		color: #bbb !important;
	}

	#style-info-author-carousel a:visited {
		color: #aaa !important;
	}

	#style-info-author-carousel a:hover {
		color: #ccc !important;
		text-decoration: underline !important;
	}

	#style-info-author-carousel a:active {
		color: #aaa !important;
	}

	.oval-active {
		background-color: #6b9ae2 !important;
		box-shadow: 0 6px 16px 0 #6b9ae2 !important;
	}

	.oval {
		background-color: #ddd !important;
		border-radius: 4px !important;
		margin-right: 10px !important;
	}

	.style_category_card_wrapper {
		background-color: #191919 !important;
		box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08) !important;
	}

	.style_category_card_wrapper:hover {
		box-shadow: 0 12px 20px 0 rgba(255, 255, 255, .2) !important;
		transform: translate(0, -4px) !important;
	}

	#category_style_card_title:hover, #category_style_card_title {
		color: #ccc !important;
		font-weight: bold !important;
	}

	#styles {
		color: #777 !important;
	}

	.btn-auth {
		border: 1px solid #999 !important;
		color: #ccc !important;
		background: #111 !important;
	}

	a.btn-auth:visited {
		color: #999 !important;
	}

	.btn-auth:hover, .btn-auth:focus, .btn-auth:active {
		color: #ccc !important;
		text-decoration: none !important;
	}

	.btn-facebook {
		border-color: #29447e !important;
		border-bottom-color: #1a356e !important;
		color: #fff !important;
		background-color: #5872a7 !important;
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#637bad), to(#5872a7)) !important;
		background-image: -webkit-linear-gradient(#637bad, #5872a7) !important;
		background-image: -moz-linear-gradient(#637bad, #5872a7) !important;
		background-image: -ms-linear-gradient(#637bad, #5872a7) !important;
		background-image: -o-linear-gradient(#637bad, #5872a7) !important;
		background-image: linear-gradient(#637bad, #5872a7) !important;
		-webkit-box-shadow: inset 0 1px 0 #879ac0 !important;
		box-shadow: inset 0 1px 0 #879ac0 !important;
	}

	.btn-facebook:hover, .btn-facebook:focus {
		color: #fff !important;
		background-color: #3b5998 !important;
	}

	.btn-facebook:active {
		color: #fff !important;
		background: #4f6aa3 !important;
		-webkit-box-shadow: inset 0 1px 0 #45619d !important;
		box-shadow: inset 0 1px 0 #45619d !important;
	}

	.btn-facebook:before {
		border-right: 1px solid #465f94 !important;
		margin: 0 1em 0 -1em !important;
		background-position: 0 0 !important;
	}

	.btn-github {
		border-color: #d4d4d4 !important;
		background: #ececec !important;
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec)) !important;
		background-image: -webkit-linear-gradient(#f4f4f4, #ececec) !important;
		background-image: -moz-linear-gradient(#f4f4f4, #ececec) !important;
		background-image: -ms-linear-gradient(#f4f4f4, #ececec) !important;
		background-image: -o-linear-gradient(#f4f4f4, #ececec) !important;
		background-image: linear-gradient(#f4f4f4, #ececec) !important;
	}

	.btn-github:hover, .btn-github:focus {
		border-color: #518cc6 !important;
		border-bottom-color: #2a65a0 !important;
		color: #fff !important;
		background-color: #599bdc !important;
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3)) !important;
		background-image: -webkit-linear-gradient(#599bdc, #3072b3) !important;
		background-image: -moz-linear-gradient(#599bdc, #3072b3) !important;
		background-image: -ms-linear-gradient(#599bdc, #3072b3) !important;
		background-image: -o-linear-gradient(#599bdc, #3072b3) !important;
		background-image: linear-gradient(#599bdc, #3072b3) !important;
	}

	.btn-github:active {
		border-color: #2a65a0 !important;
		border-bottom-color: #518cc6 !important;
		color: #fff !important;
		background: #3072b3 !important;
		background: -webkit-gradient(linear, 0 0, 0 100%, from(#3072b3), to(#599bdc)) !important;
		background: -webkit-linear-gradient(#3072b3, #599bdc) !important;
		background: -moz-linear-gradient(#3072b3, #599bdc) !important;
		background: -ms-linear-gradient(#3072b3, #599bdc) !important;
		background: -o-linear-gradient(#3072b3, #599bdc) !important;
		background: linear-gradient(#3072b3, #599bdc) !important;
	}

	.btn-google {
		border-color: #3079ed !important;
		color: #fff !important;
		background: #4787ed !important;
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#4787ed)) !important;
		background-image: -webkit-linear-gradient(#4d90fe, #4787ed) !important;
		background-image: -moz-linear-gradient(#4d90fe, #4787ed) !important;
		background-image: -ms-linear-gradient(#4d90fe, #4787ed) !important;
		background-image: -o-linear-gradient(#4d90fe, #4787ed) !important;
		background-image: linear-gradient(#4d90fe, #4787ed) !important;
	}

	.btn-google:hover, .btn-google:focus, .btn-google:active {
		color: #fff !important;
		background-color: #3375e0 !important;
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#357ae8)) !important;
		background-image: -webkit-linear-gradient(#4d90fe, #357ae8) !important;
		background-image: -moz-linear-gradient(#4d90fe, #357ae8) !important;
		background-image: -ms-linear-gradient(#4d90fe, #357ae8) !important;
		background-image: -o-linear-gradient(#4d90fe, #357ae8) !important;
		background-image: linear-gradient(#4d90fe, #357ae8) !important;
	}

	.btn-google:active {
		-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3) !important;
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3) !important;
	}

	.btn-google:before {
		background-color: #e6e6e6 !important;
	}

	.btn-openid {
		background: #f5f5f5 !important;
		color: #333 !important;
	}

	.btn-openid:hover, .btn-openid:focus {
		border-color: #777 !important;
		background: #fcfcfc !important;
		color: #333 !important;
	}

	.btn-openid:active {
		background: #f5f5f5 !important;
	}

	.btn-twitter {
		border-color: #a6cde6 !important;
		color: #327695 !important;
		background: #cfe4f0 !important;
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f5f7), to(rgba(255, 255, 255, 0))) !important;
		background-image: -webkit-linear-gradient(#f1f5f7, rgba(255, 255, 255, 0)) !important;
		background-image: -moz-linear-gradient(#f1f5f7, rgba(255, 255, 255, 0)) !important;
		background-image: -ms-linear-gradient(#f1f5f7, rgba(255, 255, 255, 0)) !important;
		background-image: -o-linear-gradient(#f1f5f7, rgba(255, 255, 255, 0)) !important;
		background-image: linear-gradient(#f1f5f7, rgba(255, 255, 255, 0)) !important;
		-webkit-box-shadow: inset 0 1px 0 #fff !important;
		box-shadow: inset 0 1px 0 #fff !important;
	}

	.btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active {
		color: #327695 !important;
		border-color: #8dc2e4 !important;
		background-color: #cadde9 !important;
	}

	.btn-twitter:active {
		background: #cadde9 !important;
		-webkit-box-shadow: inset 0 1px 0 #bbd6e7 !important;
		box-shadow: inset 0 1px 0 #bbd6e7 !important;
	}

	.btn-windows:hover, .btn-windows:focus {
		border-color: #777 !important;
		background: #fcfcfc !important;
	}

	.btn-windows:active {
		background: #f5f5f5 !important;
	}

	.btn-yahoo {
		border-color: #ffb305 !important;
		background: #ffc426 !important;
		color: #222 !important;
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))) !important;
		background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) !important;
		background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) !important;
		background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) !important;
		background-image: -o-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) !important;
		background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) !important;
	}

	.btn-yahoo:visited, .btn-yahoo:hover, .btn-yahoo:focus {
		background-color: #fabf20 !important;
		color: #333 !important;
	}

	.btn-yahoo:active {
		border-color: #f09700 !important;
		background-image: none !important;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3) !important;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3) !important;
	}

	.btn-auth:before {
		background-image: url(https://userstyles.org/assets/buttons/auth-icons-cb2522baf5ba2231dd9e21545772f72544378a415f6744fa6b423ed0baa43565.png) !important;
	}

	.sub-title {
		color: #ccc !important;
	}

	#headline, #applies_link, #information_key_left, #infomation_value_left,
	#information_key, #information_value, .text_style_page, #share_div {
		color: #ccc !important;
	}

	/*
	More or less the main link color? no? :)
	*/
	.rectangle_view_img, .view_mode_img {
		/*filter: invert(20%) brightness(105%) !important*/
		filter: grayscale(100%) Brightness(130%) !important;
	}

	#pages a, #pages a:active, #pages a:visited {
		color: #bbb !important;
		text-decoration: none !important;
	}

	/*
	Fix selector .current -> .pageNumber.current
	so not to add background when in user view
	*/
	.pageNumber.current {
		border-radius: 4px !important;
		background-color: #5c81ba !important;
		color: #fff !important;
	}

	/*
	Now re-add one just to set the text color for user pages
	*/
	.current {
		color: #fff !important;
	}

	.previous_page.disabled {
		color: #eee !important
	}

	.arrow-icon {
		filter: grayscale(100%) brightness(150%) !important
	}

	.div-arrow {
		background-color: #444 !important;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08) !important;
		border: solid 1px #555 !important;
	}

	.div-arrow:hover {
		background-color: #555 !important;
		border: solid 1px #666 !important;
	}

	.pageNumber {
		color: #ddd !important;
	}

	table {
		border-collapse: collapse !important;
	}

	#screenshots {
		border: 1px solid #DDD !important;
	}

	.no-screenshots {
		margin-top: 35px;
		color: gray;
		text-align: center
	}

	.install-status {
		color: white !important;
	}

	.install-status a, .install-status a:visited, .install-status a:active {
		color: white !important;
	}

	.install {
		background-color: #489615 !important;
		background-image: -moz-linear-gradient(#84c63c, #489615) !important;
		background-image: -webkit-linear-gradient(#84c63c, #489615) !important;
		background-image: -o-linear-gradient(#84c63c, #489615) !important;
		background-image: linear-gradient(#84c63c, #489615) !important;
		cursor: pointer !important
	}

	.install:hover {
		background-color: #5caa29 !important;
		background-image: -moz-linear-gradient(#98da50, #5caa29) !important;
		background-image: -webkit-linear-gradient(#98da50, #5caa29) !important;
		background-image: -o-linear-gradient(#98da50, #5caa29) !important;
		background-image: linear-gradient(#98da50, #5caa29) !important;
	}

	.no-install {
		background-color: #e63e33 !important;
		background-image: -moz-linear-gradient(#e63e33, #c82015) !important;
		background-image: -webkit-linear-gradient(#e63e33, #c82015) !important;
		background-image: -o-linear-gradient(#e63e33, #c82015) !important;
		background-image: linear-gradient(#e63e33, #c82015) !important;
		cursor: default !important;
	}

	.install-info {
		background-color: blue !important;
		background-image: -moz-linear-gradient(#008bc7, #0064aa) !important;
		background-image: -webkit-linear-gradient(#008bc7, #0064aa) !important;
		background-image: -o-linear-gradient(#008bc7, #0064aa) !important;
		background-image: linear-gradient(#008bc7, #0064aa) !important;
		cursor: default !important
	}

	#left-sidebar > * {
		background-color: #181818 !important;
	}

	#advanced-search {
		border-bottom: 1px solid #555 !important;
	}

	section#obsoletion-message {
		background-color: #ff6347 !important;
		border-radius: 3px !important;
		margin-bottom: 2em !important;
		padding-right: 15px !important;
	}

	label.rating {
		border-color: #DDD !important;
	}

	label.rating:hover {
		background-color: #FF7 !important;
	}

	#account-link {
		color: white !important;
		margin-right: 1em !important;
	}

	.data-table th, .data-table td {
		border: 1px solid black !important;
	}

	.ad-note span {
		background-color: #eeeed2 !important;
		padding: 2px !important;
		border-radius: 7px 7px 0 0 !important
	}

	#left-sidebar .ad {
		background-color: transparent !important;
	}

	a.btn-facebook:visited, a.btn-google:visited {
		color: #fff !important;
	}

	a.btn-twitter:visited {
		color: #327695 !important;
	}

	/*
	Hack to center text, I know default style doesn't do this but hey.
	*/
	.btn-password:before {
		width: 2px !important;
	}

	.btn-password {
		border-color: #777 !important;
		background: #191919 !important;
	}

	.btn-password:hover, .btn-password:focus {
		border-color: #777 !important;
		background: #333 !important;
	}

	.btn-password:active {
		background: #333 !important;
	}

	.author-name a, .style_author a {
		color: #5c81ba !important;
		font-size: 16px !important;
	}

	.author-name a:hover, .style_author a:active,
	.style_author a:visited {
		color: #6b9ae2 !important;
		font-size: 16px !important;
	}

	#discussions .good-rating {
		list-style-image: url("https://userstyles.org/assets/reviews/good-df758b70add644e2f557e9dc75a592b69deb03ca3136de7b2cc3b5f1695bcf09.gif") !important;
	}

	#discussions .bad-rating {
		list-style-image: url("https://userstyles.org/assets/reviews/bad-3be76cde5b6257834ef094aa948693862feb4a608da7dad3fad7939ff628d66c.gif") !important;
	}

	#discussions .ok-rating {
		list-style-image: url("https://userstyles.org/assets/reviews/ok-126eec5cb6a11c6e195e55892a82630072ff46dc707f71b378b2b8d679f5ced0.png") !important;
	}

	#discussions .no-rating {
		list-style-image: url("https://userstyles.org/assets/reviews/question-b26b16a0770515533db6ed7104e367c6de9c2fe4e66ecd2a7c6074451de055ae.png") !important;
	}

	#as_userscript a {
		color: #5c81ba !important;
		text-decoration: none !important;
	}

	#as_userscript a:hover, #as_userscript a:visited, #as_userscript a:visited:hover {
		color: #6b9ae2 !important;
		text-decoration: underline !important;
	}

	#discussion_author {
		color: #5c81ba !important;
	}

	#discussion_author a:hover, #discussion_author a:visited:hover,
	#discussion_author a, #discussion_author a:visited {
		color: #5a7fcb !important;
	}

	#discussion_date {
		color: #aaa !important;
	}

	.more {
		border-top: 1px solid #555 !important;
	}

	.listing-no-screenshot {
		background-color: #292929 !important;
		border-radius: 5px !important;
	}

	.style-brief-text > a, .style-brief-text > a:visited, .style-brief-text > a:active {
		color: #5c81ba !important;
		text-decoration: none !important;
	}

	.notice, .style-warning {
		background-color: #413100 !important;
		border: 1px solid #b88900 !important;
	}

	.notice p, .style-warning p {
		color: #ddd !important;
	}

	.errorExplanation {
		border: 1px solid #b00 !important;
		background: #300 !important;
	}

	.deletion-reason {
		color: red !important;
	}

	.style1 {
		color: #eee !important;
	}

	.install-bg {
		background-color: #000 !important;
	}

	@media(max-width:900px) {
		#left-sidebar {
			float: none !important;
			width: auto !important;
			margin-left: 5px !important;
			margin-top: 1em !important;
		}

		#content-wrapper {
			float: none !important;
			width: auto !important;
		}

		#main-article {
			margin-left: 5px !important;
			margin-right: 5px !important;
		}

		#left-sidebar .ad {
			display: none !important;
		}

		#search-terms, #search-submit, #show-advanced-search {
			float: none !important;
		}

		#search-terms {
			width: 85% !important
		}

		#show-advanced-search {
			text-align: left !important
		}

		nav form {
			margin-bottom: .5em !important;
		}
	}

	@media(max-width:600px) {
		.listing-left-info {
			float: none !important;
			width: auto !important;
		}

		.screenshot-thumbnail {
			text-align: left !important;
		}

		.style-brief-text {
			margin-left: 0 !important
		}

		.style-brief, #browse-middle-ad {
			padding-top: 15px !important;
			border-bottom: 2px solid #555 !important;
			padding-bottom: 2em !important;
		}

		.style-brief:last-of-type {
			padding-bottom: 5px !important;
		}

		.style-brief-stats span {
			display: inline !important
		}

		.style-brief-stats span::after {
			content: "|" !important
		}

		.style-brief-stats span:last-child::after {
			content: "" !important
		}

		#style-author-info {
			margin-left: 0 !important
		}

		#left-info {
			float: none !important;
			width: auto !important
		}

		#main-style-info-area {
			margin-left: 0 !important
		}

		#info-tables th {
			min-width: 150px !important
		}

		#social {
			height: auto !important
		}

		h1 {
			font-size: 1.25em !important
		}
	}

	.welcome-logo {
		height: 105px !important;
		border-radius: 4px !important;
		background-color: #2b7fb7 !important;
		background-image: url("https://userstyles.org/assets/welcome-logo-43ae76249135f00c9fbc9cc7ba6d199f7bac494f89e45fdcc2ec30eaeb34d4e2.svg") !important;
	}

	.welcome-logo-text {
		color: #eee !important;
	}

	.welcome-paragraph {
		color: #333 !important;
	}

	.welcome-video-text {
		color: #aaa !important;
	}

	.uninstall-main-text, .uninstall-additional-text {
		color: #eee !important;
	}

	.uninstall-reinstall-button {
		background-color: #5c81ba !important;
	}

	.uninstall-reinstall-button-text {
		color: #fff !important;
	}

	#reinstall-link a {
		color: #fff !important;
		text-decoration: none !important;
	}

	.uninstall-link {
		color: #5c81ba !important;
	}

	#uninstall-link a {
		color: #5c81ba !important;
		text-decoration: none !important;
	}

	a.selected {
		color: #eee !important;
		z-index: 100 !important;
	}

	.popup-message {
		background-color: #333 !important;
		border: 1px solid #444 !important;
	}

	.popup-message p, .popup-message.div {
		border-bottom: 1px solid #555 !important;
	}

	.contact-input {
		background-color: #000 !important;
		border: solid 1px #555 !important;
	}

	.contact-font {
		color: #ccc !important;
	}

	.contact-bold-font {
		color: #ccc !important;
	}

	.contact-input-large {
		background-color: #000 !important;
		border: solid 1px #555 !important;
	}

	.contact-submit-button {
		color: #eee !important;
		/* background-color: #ffed84 !important; */
		height: 30px !important;
		margin-top: -3px !important;
	}

	.statistic table, th, td {
		border: 1px solid #444 !important;
	}

	.us-stylecard--short:hover {
		box-shadow: 0 2px 5px 0 rgba(111, 111, 111, .2) !important;
		filter: brightness(120%) !important;
	}

	.installStyleButtonTooltip, .customizeButtonTooltip,
	.__react_component_tooltip.type-dark {
		background-color: #333 !important;
		color: #eee !important;
		font-weight: normal !important;
		opacity: 0.8 !important;
	}
	/*
	fix .installStyleButtonTooltip display coordinates uso devs are numb.
	*/
	.__react_component_tooltip.show {
		left: auto !important;
		top: 100% !important;
	}

	.us-tooltip-downloads .text,
	.us-tooltip-ratings .text,
	.us-tooltip .text {
		background-color: #333 !important;
		color: #eee !important;
		border-radius: 2px !important;
	}

	.us-tooltip-downloads .text:after,
	.us-tooltip-ratings .text:after,
	.us-tooltip .text:after {
		border-color: #333 transparent transparent transparent !important;
	}

	.__react_component_tooltip.type-dark.place-bottom:after {
		border-bottom-color: #333 !important;
		opacity: 0.9 !important;
	}

	.us-tooltip-downloads:hover .text,
	.us-tooltip-ratings:hover .text,
	.us-tooltip:hover .text {
		visibility: visible !important;
		opacity: 0.8 !important;
	}
	/*
	Could be removed optionally in future
	*/
	#top_android_button {
		background-color: #222 !important;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.43) !important;
		border: 1px solid #444 !important;
	}

	#top_android_button .android_button_text {
		color: #ddd !important;
	}

	#top_android_button:hover, #top_android_button:active {
		background-color: #111 !important;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.43) !important;
		border: 1px solid #333 !important;
	}

	.android_button_banner, .android_button_button, .walking {
		background-color: #444 !important;
		display: none !important;
	}

	.overlay_background, .fallbackDiv .fallbackImg, .flags {
		display: none !important;
	}

	#landing_page_div .top_landing_page_div {
		background-color: #222 !important;
	}

	#landing_page_div .bottom_landing_page_div {
		background-color: #1e1e1e !important;
	}

	#landing_page_div .overlay_background .typeform_container {
		filter: invert(100%) hue-rotate(180deg) brightness(120%) !important;
	}

	#landing_page_div .overlay_background {
		background-color: rgba(23, 23, 23, .9) !important;
	}

	#landing_page_div .top_landing_page_div .coming_soon_div .coming_soon_seperator {
		border-bottom: solid 1px #555 !important;
	}

	#landing_page_div .top_landing_page_div .coming_soon_div .coming_soon_subtitle,
	#landing_page_div .top_landing_page_div .coming_soon_div .coming_soon_text,
	#landing_page_div .top_landing_page_div .coming_soon_div .coming_soon_helpus,
	.android_feature_title, div.android_feature_div > div > div {
		color: #aaa !important;
	}

	#landing_page_div .top_landing_page_div .coming_soon_div .get_it_now,
	.android_button_banner .android_button_banner_right .android_button_banner_cta {
		background-color: #6b9ae2 !important;
		box-shadow: none !important;
	}

	#landing_page_div .top_landing_page_div .coming_soon_div .get_it_now:hover,
	.android_button_banner .android_button_banner_right .android_button_banner_cta:hover {
		background-color: #5c81ba !important;
		box-shadow: none !important;
	}

	img[src$="lp_1.svg"], img[src$="lp_2.svg"], img[src$="lp_3.svg"],
	img[src$="globe.svg"], img[src$="screen.svg"] {
		filter: grayscale(100%) brightness(130%) !important;
	}

	/* Footer */
	#footer {
		background-color: #191919 !important;
	}

	.footer_link a {
		color: #5c81ba !important;
	}

	.footer_link a:hover {
		color: #6b9ae2 !important;
	}

	#bottomLinks {
		color: #5c81ba !important;
	}

	#copyrights {
		color: #ddd !important;
	}

	#rightFooter {
		filter: contrast(80%) brightness(130%) !important;
	}

	.NotificationLine {
		background: #182030 !important;
		color: #ddd !important;
		box-shadow: 0 6px 16px 0 rgba(92, 128, 185, .15) !important;
	}

	.NotificationLine-ActionButton {
		background: #6b9ae2 !important;
		border: 1px solid #74a7f7 !important;
		color: #eee !important;
	}

	.NotificationLine-ActionButton:hover {
		background: #5c81ba !important;
		border: 1px solid #6b9ae2 !important;
	}
	/*
	Fix canvas for stats viewing, numbers are brighter and collumns more subtle.
	*/
	canvas {
		filter: invert(70%) contrast(50%) !important;
	}
}

@-moz-document domain("userstyles.org") {
	/*! Name    : Userstyles Inspired Dark */
	/*! Author  : Style-it Themes by: the-j0k3r */
	/*! Repo    : https://github.com/style-it/userstyles-inspired-dark */
	/*! Remix   : https://github.com/StylishThemes/GitHub-Dark/blob/master/themes/codemirror/twilight.min.css */
	/*! License : CC-BY-SA-4.0 https://github.com/style-it/userstyles-inspired-dark/LICENSE */
	/*! Type    : CodeMirror Twilight Theme */
	.CodeMirror {
		background: #141414 !important;
		color: #ccc !important;
		border: 1px solid #444 !important;
	}

	.CodeMirror-focused {
		border: 1px solid #888 !important;
	}

	.CodeMirror-scrollbar-filler {
		background: #ededed !important;
	}

	.CodeMirror-code {
		margin-bottom: 1.4em !important;
		outline: none !important;
	}

	.CodeMirror-selected {
		background: #4d4d4d !important;
		color: #eee !important;
	}

	.CodeMirror-focused .CodeMirror-selected {
		background: #4d4d4d !important;
	}

	.CodeMirror-crosshair {
		cursor: crosshair !important;
	}

	.CodeMirror ::selection {
		background: #4d4d4d !important;
	}

	.CodeMirror ::-moz-selection {
		background: #4d4d4d !important;
	}

	.cm-force-border {
		padding-right: .1px !important;
	}

	.CodeMirror pre {
		border: none !important;
		background: transparent !important;
	}

	.CodeMirror-wrap pre {
		word-wrap: break-word !important;
		white-space: pre-wrap !important;
		word-break: normal !important;
	}

	.CodeMirror-gutters {
		background: #222  !important;
		border-right: 1px solid #777 !important;
	}

	.CodeMirror-guttermarker {
		color: #fff !important;
	}

	.CodeMirror-guttermarker-subtle {
		color: #aaa !important;
	}

	.CodeMirror-linenumber {
		color: #aaa !important;
	}

	.CodeMirror-linenumber:hover {
		color: #eee !important;
	}

	.CodeMirror-cursor {
		border-left: 7px solid #07ce00 !important;
	}

	.CodeMirror-activeline-background {
		background: #555 !important;
	}

	.CodeMirror-matchingbracket {
		outline: 1px solid #888 !important;
		color: #fff !important;
	}

	.CodeMirror-sizer {
		position: relative !important;
		border-right: 30px solid transparent !important;
	}

	.CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-gutter,
	.CodeMirror-gutters, .CodeMirror-linenumber {
		-moz-box-sizing: content-box !important;
		box-sizing: content-box !important;
	}

	.CodeMirror-measure {
		position: absolute !important;
		width: 100% !important;
		height: 0 !important;
		overflow: hidden !important;
		visibility: hidden !important;
	}

	.CodeMirror-measure pre {
		position: static !important;
	}

	.CodeMirror-ruler {
		border-left: 1px solid #ccc !important;
		position: absolute !important;
	}

	.CodeMirror-vscrollbar {
		right: 0 !important;
		top: 0 !important;
		overflow-x: hidden !important;
		overflow-y: scroll !important;
	}

	.CodeMirror-hscrollbar {
		bottom: 0 !important;
		left: 0 !important;
		overflow-y: hidden !important;
		overflow-x: scroll !important;
	}

	.CodeMirror-scrollbar-filler {
		right: 0 !important;
		bottom: 0 !important;
	}

	.CodeMirror-gutter-filler {
		left: 0 !important;
		bottom: 0 !important;
	}

	.CodeMirror div.CodeMirror-cursor {
		position: absolute !important;
		border-right: none !important;
		width: 0 !important;
	}

	.blob-code, .blob-code-inner {
		color: #d51c1c !important;
	}

	.cm-s-default .cm-qualifier {
		color: #ccc !important;
	}

	.cm-tab-wrap-hack:after {
		content: '' !important;
	}

	.CodeMirror-linewidget {
		position: relative !important;
		z-index: 2 !important;
		padding: 0.1px !important;
		/* Force widget margins to stay inside of the container */
	}

	span.CodeMirror-selectedtext {
		background: none !important;
	}

	.pl-c, .pl-c span {
		color: #5F5A60 !important;
		font-style: italic !important
	}

	.pl-c1 {
		color: #CF6A4C !important;
	}

	.pl-cce {
		color: #CF6A4C !important;
		font-weight: 400 !important;
	}

	.pl-cn {
		color: #CF6A4C !important;
	}

	.pl-coc {
		color: #CF6A4C !important;
	}

	.pl-cos {
		color: #8F9D6A !important;
	}

	.pl-e {
		color: #AC885B !important;
	}

	.pl-ef {
		color: #AC885B !important;
	}

	.pl-en {
		color: #AC885B !important;
	}

	.pl-enc {
		color: #CF6A4C !important;
	}

	.pl-enf {
		color: #AC885B !important;
	}

	.pl-enm {
		color: #AC885B !important;
	}

	.pl-ens {
		color: #CF6A4C !important;
	}

	.pl-ent {
		color: #CDA869 !important;
	}

	.pl-entc {
		color: #AC885B !important;
	}

	.pl-enti {
		color: #AC885B !important;
		font-weight: 700 !important;
	}

	.pl-entm {
		color: #7587A6 !important;
	}

	.pl-eoa {
		color: #CDA869 !important;
	}

	.pl-eoac {
		color: #7587A6 !important;
	}

	.pl-eoac .pl-pde {
		color: #7587A6 !important;
	}

	.pl-eoai {
		color: #CDA869 !important;
	}

	.pl-eoai .pl-pde {
		color: #CDA869 !important;
	}

	.pl-eoi {
		color: #AC885B !important;
	}

	.pl-k {
		color: #CDA869 !important;
	}

	.pl-ko {
		color: #CDA869 !important;
	}

	.pl-kolp {
		color: #CDA869 !important;
	}

	.pl-kos {
		color: #CF6A4C !important;
	}

	.pl-kou {
		color: #CF6A4C !important;
	}

	.pl-mai .pl-sf {
		color: #7587A6 !important;
	}

	.pl-mb {
		color: #8F9D6A !important;
		font-weight: 700 !important;
	}

	.pl-mc {
		color: #CDA869 !important;
	}

	.pl-mh {
		color: #CF6A4C !important;
		font-weight: 400 !important;
	}

	.pl-mh .pl-pdh {
		color: #CF6A4C !important;
	}

	.pl-mi {
		color: #CDA869 !important;
		font-style: italic !important;
	}

	.pl-ml {
		color: #8F9D6A !important;
	}

	.pl-mm {
		color: #7587A6 !important;
	}

	.pl-mp {
		color: #C5AF75 !important;
	}

	.pl-mp1 .pl-sf {
		color: #DAD085 !important;
	}

	.pl-mq {
		color: #CF6A4C !important;
	}

	.pl-mr {
		color: #CDA869 !important;
	}

	.pl-ms {
		color: #CDA869 !important;
	}

	.pl-pdb {
		color: #8F9D6A !important;
		font-weight: 700 !important;
	}

	.pl-pdc {
		color: #5F5A60 !important;
		font-style: italic !important;
	}

	.pl-pdc1 {
		color: #CF6A4C !important;
	}

	.pl-pde {
		color: #CF6A4C !important;
	}

	.pl-pdi {
		color: #CDA869 !important;
		font-style: italic !important;
	}

	.pl-pds {
		color: #8F9D6A !important;
	}

	.pl-pdv {
		color: #7587A6 !important;
	}

	.pl-pse {
		color: #CF6A4C !important;
	}

	.pl-pse .pl-s2 {
		color: #CF6A4C !important;
	}

	.pl-s {
		color: #F9EE98 !important;
	}

	.pl-s1 {
		color: #8F9D6A !important;
	}

	.pl-s2 {
		color: #ccc !important;
	}

	.pl-mp .pl-s3 {
		color: #CDA869 !important;
	}

	.pl-s3 {
		color: #DAD085 !important;
	}

	.pl-sc {
		color: #DAD085 !important;
	}

	.pl-scp {
		color: #CF6A4C !important;
	}

	.pl-sf {
		color: #DAD085 !important;
	}

	.pl-smc {
		color: #AC885B !important;
	}

	.pl-smi {
		color: #ccc !important;
	}

	.pl-smp {
		color: #ccc !important;
	}

	.pl-sok {
		color: #CDA869 !important;
	}

	.pl-sol {
		color: #8F9D6A !important;
	}

	.pl-som {
		color: #7587A6 !important;
	}

	.pl-sr {
		color: #7587A6 !important;
	}

	.pl-sra {
		color: #CDA869 !important;
	}

	.pl-src {
		color: #CDA869 !important;
	}

	.pl-sre {
		color: #CDA869 !important;
	}

	.pl-st {
		color: #CDA869 !important;
	}

	.pl-stj {
		color: #7587A6 !important;
	}

	.pl-stp {
		color: #9B859D !important;
	}

	.pl-sv {
		color: #9B859D !important;
	}

	.pl-v {
		color: #9B859D !important;
	}

	.pl-vi {
		color: #CF6A4C !important;
	}

	.pl-vo {
		color: #AC885B !important;
	}

	.pl-vpf {
		color: #7587A6 !important;
	}

	.pl-mi1 {
		color: #55A532 !important;
		background: #020 !important;
	}

	.pl-mdht {
		color: #55A532 !important;
		background: #020 !important;
	}

	.pl-md {
		color: #BD2C00 !important;
		background: #200 !important;
	}

	.pl-mdhf {
		color: #BD2C00 !important;
		background: #200 !important;
	}

	.pl-mdr {
		color: #CF6A4C !important;
		font-weight: 400 !important;
	}

	.pl-mdh {
		color: #7587A6 !important;
		font-weight: 400 !important;
	}

	.pl-mdi {
		color: #7587A6 !important;
		font-weight: 400 !important;
	}

	.pl-ib {
		background-color: #f93 !important;
	}

	.pl-id {
		background-color: #a31515 !important;
		color: #fff !important;
	}

	.pl-ii {
		background-color: #df5000 !important;
		color: #fff !important;
	}

	.pl-iu {
		background-color: #b4b7b4 !important;
	}

	.pl-mo {
		color: #969896 !important;
	}

	.pl-mri {
		color: teal !important;
	}

	.pl-ms1 {
		background-color: #f5f5f5 !important;
	}

	.pl-va {
		color: teal !important;
	}

	.pl-vpu {
		color: teal !important;
	}

	.pl-entl {
		color: #ccc !important;
	}

	.cm-keyword {
		color: #f9ee98 !important;
	}

	.cm-atom {
		color: #FC0 !important;
	}

	.cm-number {
		color: #ca7841 !important;
	}

	.cm-def {
		color: #8DA6CE !important;
	}

	.cm-variable-2, span.cm-tag {
		color: #607392 !important;
	}

	.cm-variable-3, span.cm-def {
		color: #607392 !important;
	}

	.cm-operator {
		color: #cda869 !important;
	}

	.cm-comment {
		color: #777 !important;
		font-style: italic !important;
		font-weight: 400 !important;
	}

	.cm-string {
		color: #8f9d6a !important;
	}

	.cm-string-2 {
		color: #bd6b18 !important;
	}

	.cm-meta {
		background-color: #141414 !important;
		color: #f7f7f7 !important;
	}

	.cm-builtin {
		color: #cda869 !important;
	}

	.cm-tag {
		color: #997643 !important;
	}

	.cm-attribute {
		color: #d6bb6d !important;
	}

	.cm-header {
		color: #FF6400 !important;
	}

	.cm-hr {
		color: #AEAEAE !important;
	}

	.cm-link {
		color: #ad9361 !important;
		font-style: italic !important;
		text-decoration: none !important;
	}

	.cm-error {
		border-bottom: 1px solid red !important;
	}

	.highlight .hll {
		background-color: #ffc !important;
	}

	.highlight .c {
		color: #5F5A60 !important;
		font-style: italic !important;
	}

	.highlight .err {
		border: #B22518 !important;
	}

	.highlight .k {
		color: #CDA869 !important;
	}

	.highlight .cm {
		color: #5F5A60 !important;
		font-style: italic !important;
	}

	.highlight .cp {
		color: #5F5A60 !important;
	}

	.highlight .c1 {
		color: #5F5A60 !important;
		font-style: italic !important;
	}

	.highlight .cs {
		color: #5F5A60 !important;
		font-style: italic !important;
	}

	.highlight .gd {
		background: #420E09 !important;
	}

	.highlight .ge {
		font-style: italic !important;
	}

	.highlight .gr {
		background: #B22518 !important;
	}

	.highlight .gh {
		color: navy !important;
		font-weight: 700 !important;
	}

	.highlight .gi {
		background: #253B22 !important;
	}

	.highlight .gp {
		font-weight: 700 !important;
	}

	.highlight .gs {
		font-weight: 700 !important;
	}

	.highlight .gu {
		color: purple !important;
		font-weight: 700 !important;
	}

	.highlight .kd {
		color: #e9df8f !important;
	}

	.highlight .kp {
		color: #9B703F !important;
	}

	.highlight .na {
		color: #F9EE98 !important;
	}

	.highlight .nb {
		color: #CDA869 !important;
	}

	.highlight .nc {
		color: #9B859D !important;
		font-weight: 700 !important;
	}

	.highlight .no {
		color: #9B859D !important;
	}

	.highlight .nd {
		color: #7587A6 !important;
	}

	.highlight .ni {
		color: #CF6A4C !important;
		font-weight: 700 !important;
	}

	.highlight .nf {
		color: #9B703F !important;
		font-weight: 700 !important;
	}

	.highlight .nn {
		color: #9B859D !important;
		font-weight: 700 !important;
	}

	.highlight .nt {
		color: #CDA869 !important;
		font-weight: 700 !important;
	}

	.highlight .nv {
		color: #7587A6 !important;
	}

	.highlight .ow {
		color: #a2f !important;
		font-weight: 700 !important;
	}

	.highlight .w {
		color: #141414 !important;
	}

	.highlight .mf {
		color: #CF6A4C !important;
	}

	.highlight .mh {
		color: #CF6A4C !important;
	}

	.highlight .mi {
		color: #CF6A4C !important;
	}

	.highlight .mo {
		color: #CF6A4C !important;
	}

	.highlight .sb {
		color: #8F9D6A !important;
	}

	.highlight .sc {
		color: #8F9D6A !important;
	}

	.highlight .sd {
		color: #8F9D6A !important;
		font-style: italic !important;
	}

	.highlight .s2 {
		color: #8F9D6A !important;
	}

	.highlight .se {
		color: #F9EE98 !important;
		font-weight: 700 !important;
	}

	.highlight .sh {
		color: #8F9D6A !important;
	}

	.highlight .si {
		color: #DAEFA3 !important;
		font-weight: 700 !important;
	}

	.highlight .sx {
		color: #8F9D6A !important;
	}

	.highlight .sr {
		color: #E9C062 !important;
	}

	.highlight .s1 {
		color: #8F9D6A !important;
	}

	.highlight .ss {
		color: #CF6A4C !important;
	}

	.highlight .bp {
		color: #0aa !important;
	}

	.highlight .vc {
		color: #7587A6 !important;
	}

	.highlight .vg {
		color: #7587A6 !important;
	}

	.highlight .vi {
		color: #7587A6 !important;
	}

	.highlight .il {
		color: #099 !important;
	}
}