Skip to content

MobileRead.com Black Blue by Daviteusz

Screenshot of MobileRead.com Black Blue

Details

AuthorDaviteusz

LicenseGNU GPLv3

Categorywww.mobileread.com

Created

Updated

Size14 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Almost perfect black blue theme for MobileRead.com

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         MobileRead.com Black Blue
@author       Daviteusz
@description  Almost perfect black blue theme for MobileRead.com
@namespace    https://userstyles.world/style/13484/mobileread-com-dark
@version      1.0.3
@license      GNU GPLv3
@preprocessor stylus

==/UserStyle== */
@-moz-document domain("www.mobileread.com") {
	/* Mobileread.com Dark CSS */
	/*========================*/
	/*=== HTML Color sheme ===*/
	html {
		color-scheme: dark !important;
		background-color: #000 !important;
	}

	/*=== Webkit scrollbars ===*/
	*::-webkit-scrollbar {
		width: 12px !important;
		background: #333 !important;
		border-radius: 2px
	}

	*::-webkit-scrollbar-track {
		background: #222 !important;
	}

	*::-webkit-scrollbar-thumb {
		background: #444;
		border-radius: 2px;
	}

	*::-webkit-scrollbar-corner {
		background-color: #333 !important;
		border-radius: 2px
	}






	/* Page related */
	/*=== Top left navigation ===*/
	.top_menu_left li {
		border-right: 1px solid #444
	}

	/*=== RSS icon ===*/
	[src = "https://www2.mobileread.com/i/mr/misc/rss.gif"] {
		clip-path: inset(2px 3px 2px 3px round 2px);
		height: 16px;
		width: 18px;
		position: relative;
		top: 2px;
		transform: scale(1.4)
	}

	/*=== Global table layout colors and backgrounds=== */
	/*==== right ====*/
	.alt1,
	.alt1Active {
		background: #000 !important;
		color: #ccc !important;
		border-color: #182435 !important;
	}

	/*==== left ====*/
	.alt2,
	.alt2Active {
		background: #080E17 !important;
		color: #ccc !important;
		border-color: #182435 !important;
	}

	/*=== Theards tree icon ===*/
	[src = "https://www2.mobileread.com/i/mr/misc/navbits_finallink_ltr.gif"] {
		filter: invert(1) hue-rotate(180deg);
		position: relative;
		bottom: 1px;
		height: 17px
	}

	/*=== "Threads in Forum" header bar color ===*/
	.tcat {
		color: #718bd3;
		background: #172436 !important;
	}

	/*=== "Showing threads" bar color */
	.thead {
		background: #0f1825 !important;
		color: #ccc !important;
		border-color: #182435 !important;
	}

	/*=== bottom bar ===*/
	.tfoot {
		background: #172436 !important;
	}

	/*=== background color ===*/
	.page,
	.tborder,
	body {
		background: #000 !important;
		color: #ccc;
	}

	/*=== external border colors ===*/
	.tborder,
	[valign = "bottom"] td.smallfont a::after,
	[valign = "top"] td.smallfont a::after {
		border: 1px solid #182435;
	}

	/*=== Logo image & header background ===*/
	.header {
		background: #000 !important;
	}

	#logo_image {
		filter: invert(1) hue-rotate(180deg) brightness(1.5) !important;
		content: url(/forums/attachment.php?attachmentid=206314&d=1707676303);
		left: 10px;
		position: absolute;
		top: 45px;
		display: block;
		max-width: 220px;
		max-height: 100px;
		width: auto;
		height: auto;
	}

	/* === Hyperlinks color ===*/
	a:link,
	a:visited,
	body_alink,
	body_avisited {
		color: #718bd3 !important;
		text-decoration: none;
	}

	a:hover,
	a:active,
	body_ahover {
		color: #8AA4EA !important;
		text-decoration: underline;
	}

	/*=== vBulletin related ===*/
	.vbmenu_popup {
		background: #182435;
		color: #172436;
		border: 1px solid #222;
	}

	.vbmenu_control {
		background: #172436 !important;
		color: #fff !important;
	}

	.vbmenu_option {
		background: #000;
		color: #ccc;
	}

	.vbmenu_hilite {
		background: #172436;
	}

	/*=== Post font color ===*/
	.vb_postbit {
		font-size: 14px;
		line-height: 1.3;
		color: #ccc !important;
	}

	/*=== Alternative post layout ===*/
	.postbit_box {
		background: #080E17;
		color: #B9B9B9;
		border: none;
		border-right: 5px solid #444;
	}

	/*=== Threaded mode tree color ===*/
	[src ^= "https://www2.mobileread.com/i/mr/misc/tree_"] {
		filter: invert(1) contrast(0)
	}

	/*=== Page navigation ===*/
	div.pagenav table.tborder tbody tr td * {
		font-size: 14px !important;
		text-transform: uppercase !important;
	}

	div.pagenav table.tborder tbody tr td.vbmenu_control {
		height: 19px !important;
		text-transform: uppercase !important;
		font-size: 14px !important;
		font-weight: 500 !important;
		background-color: #080E17 !important;
	}

	/*=== Active page font color ===*/
	.pagenav strong,
	td.alt1 a.smallfont[rel = "prev"],
	td.alt1 a.smallfont[rel = "next"] {
		color: #fe7575 !important;
		font-weight: bold !important;
	}







	/* vBulletin Message Editor/Creator */
	div:first-child .vBulletin_editor {
		background: #000;
		border: 1px solid #2E5A88;
	}

	/*=== Buttons ===*/
	div:first-child .imagebutton {
		background: #b9b9b9 !important;
		border-radius: 4px;
		margin: 1px;
	}

	/*=== Font & color picker buttons ===*/
	.popup_feedback {
		background: #B9B9B9 !important;
		height: 20px;
	}

	.popup_feedback div {
		background: #B9B9B9 !important;
	}

	.popup_pickbutton {
		border-color: #B9B9B9 !important;
	}

	.alt_pickbutton {
		padding-left: 1px !important;
		border-left: 1px solid #E1E1E2 !important
	}

	/*=== Selected color bar ===*/
	td [id *= "_color_bar"] {
		border-radius: 1em;
	}

	/*=== Message editor options text color=== */
	fieldset.fieldset:nth-child(3) > legend:nth-child(1) {
		color: #CCC;
	}

	/*=== Buttons separator ===*/
	[src = "https://www2.mobileread.com/i/mr/editor/separator.gif"] {
		height: 10px;
	}
	
	/*=== Text editor outline background color */
	.panel {
		background: #000 !important;
		color: #ccc !important;
		border: 2px;
		border-color: #222 !important;
		padding: 10px;
	}

	.panelsurround {
		background: #000 repeat-x top left;
		color: #000;
	}





	/* Blog related */
	/*=== Blog post date color ===*/
	#content h3 {
		clear: both;
		color: #ccc;
	}

	/*=== Blog quote text color */
	#content div.entry blockquote p,
	#content div.entry blockquote ul,
	#content div.entry blockquote ol {
		color: #b9b9b9;
	}







	/* Thread related */
	/*=== Left panel padding ===*/
	[id ^= "post"] > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) {
		padding: 5px 12px 0px 12px;
		width: 163px !important;
	}

	/*=== Online/Offline status icon ===*/
	[src ^= "https://www2.mobileread.com/i/mr/statusicon/user_"] {
		filter: saturate(40%) brightness(70%) contrast(200%);
		height: 24px !important;
		outline: 8px solid #6082ad;
		outline-offset: -5px;
		image-rendering: pixelated;
		clip-path: inset(0px round 20px);
	}

	[id ^= post].tborder tbody tr td.alt2 img[src ^= "https://www2.mobileread.com/i/mr/statusicon/user_"] {
		height: 24px !important;
		margin-top: 4px
	}

	/*=== Karma/Reputation level baner ===*/
	img[src ^= "https://www2.mobileread.com/i/mr/reputation/reputation_"] {
		position: relative;
		left: -2px;
		filter: invert(1) hue-rotate(180deg) contrast(120%);
		height: 20px;
		margin: -2px;
		image-rendering: pixelated;
		clip-path: inset(4px);
	}

	/*=== Reputation/Report buttons ===*/
	img[src ^= "https://www2.mobileread.com/i/mr/buttons/rep"] {
		filter: saturate(40%) brightness(70%) contrast(200%);
		image-rendering: pixelated;
		height: 36px;
		clip-path: inset(7px 6px 5px 6px round 4px);
		margin: 2px -6px 0px -2px;
	}

	/*=== Quote/Reply buttons ===*/
	[src = "https://www2.mobileread.com/i/mr/buttons/sendpm.gif"],
	[src = "https://www2.mobileread.com/i/mr/buttons/quote.gif"],
	[src = "https://www2.mobileread.com/i/mr/buttons/quickreply.gif"],
	[src = "https://www2.mobileread.com/i/mr/buttons/multiquote_off.gif"],
	[src = "https://www2.mobileread.com/i/mr/buttons/multiquote_on.gif"], 
	[src="https://www2.mobileread.com/i/mr/buttons/edit.gif"] {
		filter: saturate(40%) brightness(70%) contrast(200%);
		image-rendering: pixelated;
		height: 36px;
		clip-path: inset(6px round 2px);
		margin: 8px -5px 0px 0px
	}

	/*=== Reply button, New Thread buttons ===*/
	[valign = "bottom"] td.smallfont a img,
	[valign = "top"] td.smallfont a img {
		filter: saturate(40%) brightness(70%) contrast(1000%);
		image-rendering: pixelated;
		height: 35px;
		clip-path: inset(6px 14px 6px 6px);
		position: relative;
		z-index: 1;
		margin-left: -5px !important;
		margin-top: -5px !important;
		margin-bottom: -5px !important;
	}

	/*===  Reply button, New Thread border ===*/
	[valign = "bottom"] td.smallfont a,
	[valign = "top"] td.smallfont a {
		position: relative;
		display: inline-block;
		padding: 1px;
	}

	[valign = "bottom"] td.smallfont a::after,
	[valign = "top"] td.smallfont a::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 190px;
		height: 100%;
		box-sizing: border-box;
		z-index: 2;
	}

	/* Thread closed button */
	[src = "https://www2.mobileread.com/i/mr/buttons/threadclosed.gif"] {
		filter: hue-rotate(130deg) saturate(20) !important
	}

	/*=== Thread table icons background ===*/
	[src ^= "https://www2.mobileread.com/i/mr/misc/f-"] {
		background-color: #fff;
		padding: 4px;
		border-radius: 8px;
		filter: invert(1) hue-rotate(180deg)
	}

	/*=== Theard table emoji icons background ===*/
	[src ^= "https://www2.mobileread.com/i/icons/icon"] {
		background: #FFF;
		padding: 1px;
		border-radius: 4px;
		filter: invert(1) hue-rotate(180deg)
	}

	/*=== Bulb icon ===*/
	[src = "https://www2.mobileread.com/i/icons/icon3.gif"] {
		padding-left: 2px;
		padding-right: 2px;
	}

	/*=== Thread rating ===*/
	[src^="https://www2.mobileread.com/i/mr/rating/rating_"] {
		filter: saturate(40%) brightness(55%) contrast(1000%)
	}
	
	#threadrating.vbmenu_control a span#threadrating_current > img {
		border-radius: 1em;
		padding: 2px 4px;
		background-color: #d0dce3
	}

	/*=== Thread prefix ===*/
	span.prefix {
		border: 1px solid #333;
		border-radius: 4px;
		text-transform: uppercase !important;
		filter: invert(1) hue-rotate(180deg)
	}
		
	/*=== Threads rating fix padding ===*/
	[id ^= "td_threadtitle_"] > div.smallfont {
		padding-top: 4px;
	}

	/*=== Threads status indicator ===*/
	[src ^= "https://www2.mobileread.com/i/mr/statusicon/subforum_"],
	[src ^= "https://www2.mobileread.com/i/mr/statusicon/post_"] {
		padding-bottom: 2px
	}







	/* Post related */
	/*=== Top and bottom separator === */
	.smallfont hr,
	[id ^= "td_post_"] hr,
	hr[size = "1"] {
		background-color: #182435 !important;
		height: ...

Reviews

No reviews yet.