2024 Old Reddit Dark by bostiq

/* ==UserStyle==
@name         2024 Old Reddit Dark
@namespace    USO Archive
@author       Bob Proctor
@description  Old reddit style Variation based off 2020 Reddit Dark by PersonalPi
@version      20240427.15.57
@license      NONE
@preprocessor uso
==/UserStyle== */
@-moz-document domain("old.reddit.com") {
/*== GENERAL ==*/
	
	html,
	body,
	body .content,
	.modal-body,
	.side,
	.icon-menu a,
	.side .leavemoderator,
	.side .leavecontributor-button,
	.side .titlebox,
	.side .spacer .titlebox .redditname,
	.side .titlebox .flairtoggle,
	.side .usertext-body .md ol,
	.side .usertext-body .md ol ol,
	.side .usertext-body .md ol ol li,
	.modactionlisting table *,
	.side .recommend-box .rec-item,
	.crosspost-preview,
	.crosspost-thing-preview {
		background-color: #262626 !important;
		border-color: #777 !important;
	}
	
	/* Created by /u/PersonalPi @ Reddit */
	/* Version 1.12 */
	
	/************** CONFIGURATION **************/
	/* Chat is disabled by default. */
	/* (UNTESTED) Comment out to enable chat (UNTESTED). */
/* 	#chat,
	a[target="chat-app"],
	img[src="//www.redditstatic.com/start_chat.png"],
	#header-bottom-right>span:nth-child(4) {
		display: none !important;
	}
	 */
	/* This disables the tooltip when you hover your mouse over an author for a post. */
	/* Comment out to enable the tooltip. */

	/* 	.author-tooltip {
		display: none !important;
	}
	 */
	/* This disables the large pane that shows on the top of the search page. */
	/* Uncomment to show the pane. */
	

	/* 	.searchpane {
		display: none !important;
	} */
	
	/* This will capitalize the words in titles so that everything looks more uniform. */
	/* Comment out to disable. */
	.entry a.title {
		text-transform: capitalize !important;
	}
	
	/* This will remove the domain part next to the title, such as (i.imgur.com). */
	/* Uncomment to hide domains. */
	
/* 	.domain {
		display: none !important;
	} */
	
	/* This will display a red line (or any color you want using the "background:" property) */
	/* between parent comments. */
	/* Comment out to disable the line */
	.nestedlisting>.comment+.clearleft {
		height: 2px !important;
		margin-bottom: 5px !important;
/* 		background: #8b0000 !important; */
	}
	
	/* This will display a border around comments.
		 * Adjust the color to whatever you want using border-color.
		 * Comment out to disable. */
	.comment:hover {
		border-color: #555 !important;
	}
}

@-moz-document domain("old.reddit.com") {
/*== USER INFO ==*/
	
	/* This controls the header section that displays your username,
	   karma, inbox, preferences, and logout. By default it is on top.
	   To move it to the bottom, comment out this section */
	#header #header-bottom-right {
		font: normal small verdana, arial, helvetica, sans-serif !important;
		color: rgb(204, 204, 204) !important;
		margin: 0 !important;
		position: absolute !important;
		right: 0px !important;
		padding: 8px !important;
		line-height: 12px !important;
		background: rgb(41, 41, 41) !important;
		top: 19px !important;
		bottom: auto !important;
		border-radius: 0px 0px 0px 3px !important;
		display: block !important;
	}
	
	/************** END CONFIGURATION **************/
}
@-moz-document domain("old.reddit.com") {
	/* Remove annoying stuff */
	div.giftgold,
	#redesign-beta-optin-btn,
	.initialized,
	.listing-chooser li.selected,
	.grippy:after,
	body>div.side>div:nth-child(5)>div>.spacer,
	.give-gold-button,
	.quarantine-stamp,
	div.nub,
	a[class="premium-banner-outer"],
	div[class="quarantine-notice"],
	div.sidebox.create>div.spacer {
		display: none !important;
	}
	
}
@-moz-document domain("old.reddit.com") {
	
	/* Upvote/Downvote Arrows */
	.arrow.up, .arrow.upmod, .arrow.down, .arrow.downmod {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAcCAMAAADC4sagAAABFFBMVEUjJCQiIiIjIyMkIiIkJCQlJSUlJicmJiYnIyEnJycnKCsoKCgpLC8rIyErKyssMDUvLy8wJCAwMDAxMTEyMjI0NDQ2NjY3JR83Nzc5OTk7Ozs8PDw9PT0+Pj4/Pz9AQEBBQUFCQkJDQ0NGRkZISEhKSkpKV2tLS0tMTExOTk5PT09QYHdSUlJTU1NVVVVWVlZXV1dXaINYWFhaWlpabYlbW1tecpBgYGBhYWFid5dkZGRle5xlfJ1pgKRrhKhshKlshapuLhZwirFyjbV0j7h4lL97mcZ9MBR/nsyCo9OOMxGcNQ+eNg+kNw6sOA2vOAy0OQy7Ogq/OwrBOwrDPAnLPQjPPQfTPgfbPwXjQQTrQgPzQwLKxGgxAAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAVlJREFUOMu9lF1TwjAQRTcMvmeQOi1QPmxFBQTxW1ERUUFEUVRU/P//w9yGmBTFyZPnpXNmbju76W6IJM8Uw49rLa6Tz4mpq/mCqY3Gvqnj6XQ61lp0mGd8favCwx2tow8wUlpwGWOZrNJKjXO+UVc6fJcMZzV7IswSOU/qej0l0rwyq33wphhAM1kWkcy70GB7mUfUNqG9V02PyPMTMs2Wig5RaTctwzxVXyPqvJh0VkJBIKJ4huncCRAvHOEZyGKegO4a6UDrIdLGCT4C6/QDsE7fA+v0HdAadWqk0SH9D3sgXkm4uJIDYKTFnwwXd3kMrNOnwDp9BmzS5QuTshN1iDRwfkxV9VJTJXLzSWYM+NzEEjWvFE2oGvCE7/2yDeL8riWzM8xmorRazLlNI2rdgNb3ZYLF1Es/t8VE7X6/39Yqlt4tLLwhiLq3XVNLfumP24fo3Opm+wLGCVa252Y8tQAAAABJRU5ErkJggg==) !important;
		background-repeat: no-repeat !important;
		width: 16px;
	}
	
  .beta-hint a {
		background: transparent url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2212%22%20height%3D%2212.545%22%20viewBox%3D%220%200%2066%2069%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3E%EF%83%83%3C%2Ftitle%3E%3Cpath%20d%3D%22M1.156%2065.88c-1.027-1.89-.707-4.16.96-6.81l22.455-35.4V5.857h-2.856c-.774%200-1.443-.283-2.01-.848-.564-.567-.847-1.236-.847-2.01%200-.774.283-1.443.848-2.01.566-.564%201.235-.847%202.01-.847H44.57c.775%200%201.445.283%202.01.848.566.567.85%201.236.85%202.01%200%20.774-.284%201.443-.85%202.01-.565.564-1.235.847-2.01.847h-2.856V23.67l22.456%2035.4c1.666%202.65%201.986%204.92.96%206.81-1.027%201.89-3.118%202.834-6.273%202.834H7.43c-3.156%200-5.247-.945-6.274-2.835zM17.25%2045.856h31.786L36.893%2026.705%2036%2025.32V5.858h-5.714V25.32l-.893%201.385L17.25%2045.857z%22%20fill%3D"%2372bff9%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') center left no-repeat !important;
		background-size: contain;
}
	
	.embedded-page .content>.sitetable,
	.embedded-page.helpcenter-page .content,
	.embedded-page.compose-page .content,
	.embedded-page .content>.sitetable>div:nth-of-type(4n + 1),
	.embedded-page.helpcenter-page .content>div:nth-of-type(4n + 1),
	.embedded-page.compose-page .content>div:nth-of-type(4n + 1) {
		background-color: #262626 !important;
		color: #aaa !important;
	}
	
/* 	.link,
	.helpcenter-form .section-content {
		background-color: #1a1a1a !important;
		padding-top:10px;
		padding-bottom:15px;
		border-radius: 5px;
		margin: 10px
	} */
	
	.helpcenter-form .helpcenter-bottom-panel .helpcenter-content-policy p {
		color: #aaa !important;
	}
	
	.popup,
	.guider,
	.guider p {
		background-color: #262626 !important;
		color: #aaa !important;
	}
	
	#login_login {
		background-color: #333333 !important;
		color: #bbb !important;
	}
	
	.message.new>.entry,
	.read-next,
	.drop-choices {
		border-color: #4d4d4d !important;
		background-color: #333333 !important;
	}
	
	.drop-choices {
		box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3) !important;
	}
	
	.read-next .read-next-header,
	.flairselector h2,
	.flairselector li:hover {
		border-color: transparent !important;
		background-color: #3e3e3e !important;
	}
	
	.flairselector li.selected {
		border-color: #787878 !important;
	}
	
	.liveupdate-app .content {
		background-color: #161616 !important;
	}
	
	.entry .morecomments .gray,
	.markdownEditor {
		color: rgba(221, 221, 221, 0.8) !important;
	}
	
	.trophy-info .trophy-name {
		color: #eee !important;
	}
	
	.sidecontentbox .content {
		border-color: rgba(234, 234, 234, 0.1) !important;
	}
	
	#progressIndicator,
	.hover-bubble,
	.side .side-message,
	#editShortcutDialog {
		color: #ddd !important;
		border-color: #4d4d4d !important;
		background-color: #333333 !important;
	}
	
	.login-form-side {
		background-color: #888 !important;
		color: #eee !important;
	}
	
	.login-form-side .error {
		color: #cd5a5a !important;
	}
	
	#header,
	.liveupdate-home .content {
		background-color: dimgray !important;
	}
	
	#jumpToContent {
		color: #ddd !important;
		border: 1px solid !important;
		padding: 0 2px !important;
	}
	
	#sr-header-area,
	#sr-more-link {
		background-color: #ccc !important;
		color: #000 !important;
	}
	
	.usertable tr .user .userkarma {
		color: #aa9 !important;
	}
	
	.thing.spam {
		background-color: #3d2929 !important;
	}
	
	.content .pretty-form * {
		box-shadow: none !important;
	}
	
	.new-comment .usertext-body {
		border-color: #242b3f !important;
		background-color: #1a2135 !important;
	}
	
	.wiki-page .pageactions .wikiaction-current {
		background-color: #777 !important;
	}
	
	.contact-us-page .button {
		background: #777 !important;
		color: #ddd !important;
	}
	
	.contact-us-page .button:hover {
		background: #666 !important;
	}
	
	.message .subject .correspondent {
		background: #212f46 !important;
		color: #1496dc !important;
	}
	
	.moderator .linefield {
		background: #1a1a1a !important;
	}
	
	.wiki-page .wiki-page-content .md.wiki>.toc ul,
/* 	.tabmenu li a, */
/* 	.tabmenu li.selected a, */
	#report form {
		background-color: #262626 !important;
	}
	
	.tabmenu li.selected a {
		color: #d25a32 !important;
		border-bottom-color: #262626 !important;
	}
	
	.tabmenu.formtab a {
		color: white !important;
		border-color: #505050 !important;
	}
	
	.tabmenu.formtab .selected a {
		color: white !important;
		background-color: #5f99cf !important;
	}
	
	.side .titlebox form.flairtoggle,
	.trophy-area .content,
	.side .md ol,
	.side .md ul {
		background-color: #262626 !important;
		color: #ddd !important;
	}
	
	.organic-listing {
		border-color: #505050 !important;
		background-color: transparent !important;
	}
	
	.organic-listing .nextprev {
		opacity: 0.5 !important;
	}
	
	.organic-listing .link,
	.link.promotedlink {
		background-color: transparent !important;
		border-color: #505050 !important;
	}
	
	.arrow.up {
		background-position: -15px 0 !important;
	}
	
	.arrow.up:hover {
		background-position: -30px 0 !important;
	}
	
	.arrow.upmod {
		background-position: 0 0 !important;
	}
	
	.arrow.down {
		background-position: -15px -14px !important;
	}
	
	.arrow.down:hover {
		background-position: -30px -14px !important;
	}
	
	....