mtness touchup: metallicman.com by mtness

/* ==UserStyle==
@name         mtness touchup: metallicman.com
@version      20240325.09.45
@namespace    https://userstyles.world/user/mtness
@description  dark mode for MM site, plus some css fixes.
@author       mtness
@license      No License
==/UserStyle== */

@-moz-document domain("metallicman.com") {
/* mtness debugging */
.wp-block-quote {
	font-size: 1.5rem
}
.wp-block-image img {
	width: 100% !important;
	height: auto !important;
}

@media screen and (max-width: 600px) {
	.entry-content, .entry-summary {
		padding-left:  2rem !important;
		padding-right: 2rem !important;

	}
	#comments, #respond {
		padding-left:  2rem !important;
		padding-right: 2rem !important;
	}
	#comments, .wpd-comments-open {
		margin-bottom: 0 !important;
	}
	.post-navigation a {
		padding: 2rem 4rem 2rem 7rem;	
	}
}

/* dark mode styles  */
.secondary.toggled-on {
	background-color: #111;
}
.secondary-toggle::before {
	color: #ccc;
}

.post-navigation {
	background-color: unset;
}

.widget.sfsi_plus {
	display: none;
}


#site-navigation,
#pdfprnt_buttons-2,
#sfsiplus_subscriber_widget-2,
#wpp-2,
#tag_cloud-2,
#text-2,
#text-3,
#custom_html-3,
#colophon,
.pdfprnt-buttons {
	display: none;
}

/* dark mode by mtness 2021-12-22 */

body,
body::before {
	background-color: #333;
	color: #ccc;
}

.hentry,
.comments-area,
#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-wrap,
.entry-footer {
	background-color: #222;
}

.sidebar,
.site-header {
	background-color: #282828;	
}

.content .entry-content,
.content .entry-header {
	padding: 0 0 10%;
}
.content .entry-content article.hentry {
	margin: 0;
}

.content .entry-content article.hentry .mejs-video {
	margin: 0 auto;
}

pre span span {
	font-size: inherit !important;
	line-height: 1.5;
}
.has-medium-font-size {
	font-size: inherit;
}

span[style="color: #000000;"] {
	color: #fff !important;
}


.wp-caption-text,
.widget-title {
	color: #bbb;
}

.widget {
	color:#444;
}

.page-content,
.page-header,
pre {
	background-color: #282828;
}

a,
.entry-footer a {
	color: #999;
	border-color: #777 !important;
}
a:hover {
	color: #fcfcfc;
	background-color: rgba(255,255,255,0.05)
}
a:visited {
	color: #5e5e5e;
}
.entry-content a {
	color: #08f;
	border-color: #07f !important;
}
.entry-content a:hover {
	color: #0bf;
	border-bottom: 1px solid #0ef;
}
.entry-content a:visited {
	color: #888;
	border-color: #888 !important;
}
.entry-content a:visited:hover {
	color: #08f;
	border-color: #08f !important;
}


blockquote {
	color: inherit;
}

.entry-content ul, .entry-content ol {
	margin-left: 1.5em;
}

.asgarosforum-widget .widget-element {
	border-color: #333;
}

.tnp-widget-minimal input.tnp-email,
.widget input[type="text"], .widget input[type="email"], .widget input[type="url"], .widget input[type="password"], .widget input[type="search"], .widget textarea {
	background-color: #222;
	color: #888;
	border-color: #555;
}
::placeholder {
	color: #777;	
}

input, textarea {
    background-image: unset;
	background-color: #111 !important;
	color: inherit !important;
}

.wp-block-table th, .wp-block-table td {
	border-color: #343434;
}

#wpdcom .wpd-comment-text {
	color: #aaa;
}
#wpdcom .wpd-comment-text * {
	line-height: 1.75;
}

#wpdcom .ql-container,
#wpdcom .ql-toolbar {
	background-color: #3f3f3f;
}

#wpdcom .ql-container,
#wpdcom .ql-toolbar,
#wpdcom .wpd-form-row .wpdiscuz-item input[type="text"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="email"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="url"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="color"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="date"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="datetime"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="datetime-local"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="month"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="number"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="time"], #wpdcom textarea, #wpdcom select {
	border-color: #737373;
	color: #999999 !important;
}

#wpdcom .ql-editor,
#wpdcom .ql-editor > * {
	color: #eee;
}

#wpdcom .wpd-form-head,
#wpdcom .wpd-thread-head {
	border-bottom-color: #555;
}

#wpd-bubble-wrapper > div {
	box-shadow: unset;
}

ul li span[style*="color"] {
	color: #e00 !important
}

#wpdcom.wpd-layout-2 .wpd-form .wpd-avatar img, #wpdcom.wpd-layout-2 .wpd-form .wpd-avatar img.avatar,
#wpdcom.wpd-layout-2 .wpd-comment .wpd-avatar img, #wpdcom.wpd-layout-2 .wpd-comment .wpd-avatar img.avatar{
	background-color: #444;
	border-bottom: 2px solid #333;
}

#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-wrap {
	border-left: 3px solid #4e4e4e;
}

#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-wrap {
	background-color: #2c2c2c !important;
}

#wpdcom .wmu-attached-images .attachment-thumbnail, #wpdcom .wmu-attached-images .wmu-attached-image {
	border: 3px solid #3c3c3c;
}

:root .has-white-background-color {
	background-color: #444;
}

.wp-block-preformatted {
	border-color: #555;
}


.comment-meta .comment-author {
	color: rgba(192,192,192,0.5);	
}

.has-yellow-background-color {
	color: #333
}

.has-light-gray-background-color {
	background-color: #101010;
}

p.has-background {
	margin-left: -4rem;
	margin-right: -4rem;
}

.su-service-title {
	color: #777
}

.has-light-blue-background-color {
	background-color: #293239;
}

}

@-moz-document url-prefix("https://metallicman.com/forum") {
.site-main {
	padding-top: 0;
}
.site {
	max-width: 100%;
}
@media screen and (min-width: 601px) {
	.site-content {
		margin-left: 350px;
		width: calc(100% - 350px);
	}
}
.post-thumbnail,
.pf-content > *:not(#af-wrapper) {
	display:none;
}
.pf-content > #af-wrapper {
	display: block;
}

.page-header, pre {
	color: #bbb;
}

#af-wrapper  {
	color: #aaa;
}
#af-wrapper .main-title {
	color: #256db3;
}
#af-wrapper .post-element {
	background-color: #333;
	border: 0;
	box-shadow: unset;
}
#af-wrapper .post-wrapper {
	background-color: #444;
	border: 0;
}
#af-wrapper .forum-post-header,
#af-wrapper .signature {
	border-color: #777;
}
#af-wrapper #forum-search {
	background-color: unset;
}

#af-wrapper .button {
	border: 0;
}

#af-wrapper .post-reactions-summary .reaction-names {
	background-color: #333;
	border: 0;
}

#af-wrapper #forum-search input {
	line-height: 2.5;
	padding: 4px;
}

#af-wrapper .pages {
	background-color: unset;
	border: 0;
}
#af-wrapper .pages strong {
		background-color: #111;
}
#af-wrapper .pages a:hover, #af-wrapper .topic .pages a:hover {
			background-color: #333;
}

#af-wrapper .content-element {
  background-color: #383838;
}
#af-wrapper .content-element:nth-child(2n) {
  background-color: #303030;
}
#af-wrapper .content-container, #af-wrapper .editor-element,
#af-wrapper .forum, #af-wrapper .topic, #af-wrapper .member, #af-wrapper .unread-topic, #af-wrapper .unapproved-topic {
	border: 0;
}
#af-wrapper .forum-poster, #af-wrapper .topic-poster {
	border-color: #222;
}
#af-wrapper .editor-element {
	background-color: #454545;
}
#af-wrapper .editor-row, #af-wrapper .editor-row-subject,
#af-wrapper .editor-subject-input {
	border-color: #222;
}
div.mce-panel {
	background-color: inherit;
}	
.mce-toolbar .mce-ico {
	color: #282828
}
.mce-panel .mce-btn i.mce-caret {
	border-top-color: #282828;
}
div.mce-toolbar-grp {
	border-bottom-color: #282828;
}
#af-wrapper #poll-options {
	border-color: #282828;
}

#af-wrapper input,
div.mce-statusbar {
	border: 0;
}

#af-wrapper #profile-header .user-info {
	color: #f6f6f6;
}

#af-wrapper #profile-layer, #af-wrapper #profile-content {
	background-color: #444;
	border: 0;
}
#af-wrapper #profile-content .profile-row,
#af-wrapper #profile-content .profile-section-header,
#af-wrapper .statistics-element {
	border-color: #777;
}

#af-wrapper #forum-navigation a, #af-wrapper #forum-navigation-mobile a {
	border-left: 0;
}

#af-wrapper #statistics {
	background-color: #333;
}
#af-wrapper #statistics-body {
	border-color: #444;
}
#af-wrapper #statistics-online-users {
	background-color: #333;
	border-color: #444;
}

#af-wrapper blockquote {
	background: rgba(0, 0, 0, 0.1);
}
#af-wrapper .post-message > blockquote::after {
	background: linear-gradient(rgba(32, 32, 32, 0), rgba(32, 32, 32, 1));
}

#af-wrapper .forum-post-header-container {
	background-color: #333;
	border-color: #222;
}

#af-wrapper #poll-panel {
	background-color: #444;
	border: 0;
}
}