Dark Royals by NerZu by Savage

/* ==UserStyle==
@name           Dark Royals by NerZu
@namespace      github.com/openstyles/stylus
@version        1.7.26
@description    Flatter MR Forum style
@author         NerZu of MapleRoyals
==/UserStyle== */
@-moz-document url-prefix("https://royals.ms/") {

	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	a,
	span,
	body {
		Font-family: Arial, 'Segoe UI', 'Helvetica Neue', Helvetica, Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', sans-serif;
		color: #bababa;
	}

	/* Style */
	.background-light {
		background: #f1f7fc;
	}

	.bg-pleasing-white {
		background-color: #fcfcff;
	}

	.border-pleasing-red {
		border: none;
	}
	.rounded-2xl {
		border-radius: .375rem;
	}
}
@-moz-document url-prefix("https://royals.ms/forum/") {
	/* Forum */
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	a,
	span,
	body {
		Font-family: Arial, \'Segoe UI\', \'Helvetica Neue\', Helvetica, Roboto, Oxygen, Ubuntu, Cantarell, \'Fira Sans\', \'Droid Sans\', sans-serif;
 color: #bababa;
	}
	a.callToAction span {
		font-weight: 500;
		font-size: 14px;
		color: #fcfcff;
		background: #0899ae;
		padding: 4px 15px;
		border-radius: 6px;
	}
	a.callToAction:hover span {
		background-color: #176093;
	}

	a.callToAction {
		background: #f1f7fc;
		height: auto;
		border-radius: 8px;
		margin-top: 12px;
	}
	html {
		background: #18191a;
		scrollbar-color: dark;
	}
	nav {
		display: flex;
		flex-direction: row;
		width: -webkit-fill-available;
	}

	.Popup.PopupContainerControl.PopupOpen {
		background: #6cb2e4;
	}
	.sidebar .visitorPanel .avatar img {
		background: none;
		padding: 0px;
		border: 1px solid #3a3b3c;
		border-radius: 12px;
	}
	.breadBoxTop {
		display: flex;
		width: 100%;
		flex-direction: column-reverse;
		justify-content: flex-start;
		align-items: flex-end;
		flex-wrap: nowrap
	}
	.breadcrumb .crust .arrow {
		border-left-color: #3a3b3c;
	}
	.breadcrumb .crust .arrow span {
		border-left-color: #242526;
	}
	.breadcrumb .crust a.crumb {
		background-color: #242526;
		border: none;
	}
	.breadcrumb {
		font-size: 11px;
		background: #242526;
		border: 1px solid #3a3b3c;
		width: -webkit-fill-available;
	}
	.button {
		font-family: \'Trebuchet MS\', Arial, Helvetica, sans-serif;
 font-size: 14px;
		font-weight: 4;
		color: #30475b;
		background: none;
		padding: 4px 12px;
		border: 1px solid #a4c5e1;
		border-radius: 4px;
		box-shadow: 0px 0px 0px 0px;
		outline: none;
		line-height: 22px;
		height: 32px;
		-webkit-transition: all .25s ease, -xf-opacity .25s ease;
		transition: all .25s ease, -xf-opacity .25s ease;
		display: flex;
		align-items: center;
		flex-direction: row;
		align-content: center;
		justify-content: center;
		flex-wrap: wrap
	}
	.button.primary {
		color: #fcfcff;
		border: 1px solid #ffffff61;
		background-color: #0899ae;
	}
	.button:hover,
	.button[href]:hover,
	.buttonProxy:hover .button {
		color: #fcfcff;
		text-decoration: none;
		background-color: #2b5f92;
		border: 1px solid #2b5f92;
	}
	.discussionList .sectionHeaders a span {
		padding: 2px 10px;
	}
	.discussionListItem {
		background: #333;
		border: none;
	}
	.discussionListItem .posterAvatar,
	.discussionListItem .stats {
		background: none;
	}
	.discussionListItem .posterAvatar .avatar img {
		background: none;
		padding: 0px;
		border: 1px solid #3a3b3c;
		border-radius: 24px;
	}
	.discussionListItem .stats dl {
		border: none;
	}
	.discussionList .sectionHeaders {
		font-size: 12px;
		color: #d7edfc;
		padding: 6px 0px;
		background: #333;
		border: none;
		border-radius: 0px;
	}
	.footer .pageContent {
		background: #242526;
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;
		padding: 10px;
	}

	.formPopup .controlsWrapper {
		background: #d7edfc;
		outline: 1px solid #a4c5e1;
		margin: 10px 0px 5px 0px;
	}
	.formPopup .ctrlUnit {
		margin-bottom: 0px;
	}

	.formPopup .primaryControls input.textCtrl {
		width: -webkit-fill-available;
		border: 1px solid #a4c5e1;
	}
	.formPopup .primaryControls {
		padding: 0px;
	}
	.formPopup .submitUnit dd {
		display: flex;
		text-align: center;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: flex-start;
		align-items: center;
		flex-direction: row;
	}
	.formPopup {
		width: 250px;
		border-radius: 0px;
		padding: 10px 20px 10px 20px;
		margin: 0px;
		background-color: #242526;
	}
	.larger.textHeading,
	.xenForm .sectionHeader {
		color: #191919;
		font-size: 8pt;
		font-weight: 300;
		margin-bottom: 6px;
	}
	.messageList .message {
		padding-top: 10px;
		padding-bottom: 30px;
		border-top: 1px solid #a4c5e1;
	}

	/* Style */
	.messageText {
		font-family: sans-serif;
	}

	/* Components */
	.messageUserBlock .extraUserInfo {
		border-radius: 0px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
	}
	.messageUserBlock div.avatarHolder {
		border-radius: 0px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}

	/* Divs */
	.navTabs .navLink {
		height: auto;
		line-height: normal;
	}
	.navTabs .visitorTabs .navLink {
		padding: 6px 15px;
	}
	.navTabs .publicTabs .navLink {
		padding: 6px 15px;
	}
	.navTabs .navTab {
		border-radius: 4px;
		height: auto;
		width: fit-content;
		overflow: hidden;
		margin: 2px;
		border: none;
	}
	.navTabs .navTab.PopupClosed .navLink {
		color: #f1f7fc;
	}
	.navTabs .navTab.PopupOpen .navLink {
		color: #f1f7fc;
		text-shadow: none;
	}

	.navTabs .navTab.selected .navLink {
		font-weight: 600;
		color: #ffd000;
		border: none;
		border-radius: 0px;
		text-shadow: none;
		height: auto;
		padding: 6px 15px 6px 15px;
		margin: 0px;
		background: #30475b;
	}
	.navTabs .navTab.selected .tabLinks a {
		line-height: normal;
		border: none;
		color: #d7edfc;
		text-shadow: none;
		font-size: 12px;
		padding: 4px 8px 4px 8px;
	}

	.navTabs .navTab.selected .tabLinks a:hover,
	.navTabs .navTab.selected .tabLinks a:focus {
		padding: 4px 8px 4px 8px;
		border-radius: 3px;
		color: #f1f7fc;
		background: #0899ae;
		border: none;
		text-shadow: none;
	}
	.navTabs .navTab.selected .tabLinks {
		position: relative;
		top: 0px;
		background: #30475b;
		height: auto;
		width: auto;
		border: none;
	}
	.navTabs .navTab.selected {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: flex-start;
		align-items: center;
	}
	.navTabs .publicTabs {
		height: auto;
		padding: 0px 8px 0px 8px;
	}
	.navTabs .visitorTabs {
		padding: 0px 8px 0px 8px;
		display: flex;
		height: auto;
		width: auto;
		flex-direction: row-reverse;
		justify-content: flex-start;
		align-items: center;
	}
	.navTabs {
		background-color: #242526;
		display: inline-block;
		height: auto;
		width: -webkit-fill-available;
		font-size: 12px;
		border: none;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		padding: 8px 0px 8px 0px;
	}
	.nodeList .categoryStrip .nodeTitle a {
		color: #a5cae4;
		font-size: 16px;
		font-weight: 500;
	}

	.nodeList .categoryStrip {
		border: none;
		background: #333;
		padding: 8px 16px;
		border-radius: 0px;
	}
	.pageNavLinkGroup {
		border: none;
		border-radius: 4px;
		padding-top: 5px;
		padding-bottom: 5px;
		/* padding-left: 15px;
        padding-right: 15px; */
	}
	.threadListItem {
		border: none;
	}
	/* Layout */
	.pageWidth {
		width: 100%;
		min-width: 600px;
		max-width: 1200px;
		padding-right: 15px;
		padding-left: 15px;
		margin: 0 auto;
	}

	.prefix {
		border-radius: 16px;
		background: none;
	}

	.prefix.prefixGray {
		color: #191919;
		background-color: #f1f7fc;
		border-color: #a4c5e1;
	}

	.quickReply {
		border: 0px;
	}

	.secondaryContent {
		background: #333;
		padding: 10px;
		border-radius: 5px;
		border: 1px solid #333;
	}

	.sectionFooter {
		font-size: 10px;
		color: #ffd000;
		background: #333;
		border-bottom: 0px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}

	.sectionMain {
		background: none;
		border: 1px solid #3a3b3c;
	}
	.submitUnit .button {
		margin-left: 8px;
	}

	.tagBlock {
		height: 20px;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: center
	}
	.tagList {
		padding: 0px 4px;
	}



	.textCtrl,
	.textCtrl:focus,
	.textCtrl.Focus {
		background: #fcfcff;
		border: 1px solid #f1f7fc;
		border-radius: 4px;
		outline: 0;
	}
	.withSearch .navTabs .navTab.selected .blockLinksList {
		height: auto;
		padding: 0px 2px 0px 2px;
		margin: auto;
	}
	.xenForm .ctrlUnit.submitUnit dd {
		Display: flex;
	}

	.xenOverlay .section,
	.xenOverlay .sectionMain {
		padding: 0px;
		border: 1px solid #30475b;
		border-radius: 0px;
		box-shadow: none;
	}
	.xenOverlay .sectionFooter .button,
	.xenOverlay .sectionFooter .buttonContainer {
		display: flex;
		min-width: auto;
		flex-direction: row-reverse;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: center;
	}
	.xenOverlay .sectionFooter .buttonContainer .button {
		margin: 6px 0px 6px 8px;
	}
	#QuickReply .submitUnit {
		display: flex;
		margin-top: 16px;
		flex-direction: row-reverse;
		align-content: center;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
	}
	.messageList .message {
		border-top: 1px solid #30475b;
	}
	.messageUserBlock {
		background: #333;
		border: none;
	}
	.messageUserBlock .arrow span {
		border: none;
	}
	.messageUserBlock .arrow {
		border: none;
	}
	.messageUserBlock div.avatarHolder {
		background: none
	}
	.messageUserBlock .extraUserInfo {
		background: none
	}
	.message .likesSummary {
		border: none;
		border-radius: 0px;
	}
	.nodeList .categoryForumNodeInfo,
	.nodeList .forumNodeInfo,
	.nodeList .pageNodeInfo,
	.nodeList .linkNodeInfo {
		background-color: #333;
		padding: 10px;
		border-bottom: 1px solid #3a3b3c;
	}
	.node .nodeLastPost {
		background: #444;
		border: none;
	}
	.sidebar .section .primaryContent h3,
	.sidebar .section .secondaryContent h3,
	.profilePage .mast .section.infoBlock h3 #QuickSearch #commonSearches .arrowWidget {
		border-bottom: none;
	}
	.primaryContent {
		background: none;
	}
	.bbCodeQuote {
		border: none;
	}...