HFBoards Mono v1 by jeffpeppers

/* ==UserStyle==
@name           HFBoards Mono v1
@namespace      USO Archive
@author         Jeff Peppers
@description    `I pulled sections from the other two hfboards userstyles and modified them to be various dark greys. I'd love to do a better job and make something more appealing, but this is what it is for now. :)`
@version        20190730.0.16
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("hfboards.mandatory.com") {
/* my edits  */
/* centered */
.mainContent {
  padding-right: 1%;
  padding-left: 1%;
  padding-bottom: 8px;
}

.discussionList {
  padding-left: 1%;
	padding-right: 1%;
}
  
.sectionMain {
  padding: 0 5%;
}  
  
.pageNavLinkGroup {
padding: 0 5%;
}

.quickReply {
  padding-left: 0;
}
/* global */
html {
  background-color: #111111;
}
  
body {
  color: white;
}

a:link, a:visited {
  color: white;
  font-weight: bold;
}  

.ugc a:link, .ugc a:visited
	{
		color: #E03030;
}
  
#QuickSearch.active {
  background: #202020;
}
  
#QuickSearch.active .primaryControls input.textCtrl {
  border: 1px solid black;
}  
  
#QuickSearch .formPopup .controlsWrapper {
  border: 1px solid black;
}
  
ul.autoCompleteList li:hover, ul.autoCompleteList li.selected {
  background-color: #333;
}
  
ul.autoCompleteList {
  background-color: #333;
  border: 1px solid black;
} 
  
body .itemPageNav a {
  color: white;
  background: #333;
}

/* sponsor title */  
.userBanner.bannerPrimary {
  color: black;
}
  
.userBanner.bannerPrimary {
  background-color: white;
  border-color: rgb(100, 100, 100);
}
  
.userBanner.bannerPrimary.wrapped span {
  border-color: grey;
}

.secondaryContent {
  background-color: #333;
}

.sectionMain {
  background-color: #444444;
}

/* Search */
.searchResult .snippet a {
  color: white;
}
  
.sectionFooter {
  color: white;
  background-color: #333;
  font-style: italic;
}
  
/* usernames */
/* #C41F2C */
.username .style18 {
  color:white;
  font-weight: bold;
	text-decoration: line-through;
}
  
.username .style5 {
  color:#b300b3;
}

.username .style43 {
  color: #f4f4f4;
}

.username .style23 {
  color: #f4f4f4;
}
  
.username .style2 {
  color: #f4f4f4;
}

/* list */
.baseHtml ol li {
  border: 1px solid black;
} 
/* alert */  
#StackAlerts .stackAlertContent {
  background: #111;
}  
.PanelScroller .panel, .PanelScrollerOff .panel {
  color: white;
	background-color: #111111;
} 
  
.PanelScroller .scrollContainer, .PanelScrollerOff .panel {
  background-color: #333333;
  border: 1px solid #333333;
}  
/* posts */
.messageText {
  color: white;
}
  
.pollBlock .pollOption label:hover {
	color: rgb(196, 31, 44);
}

.xenOverlay .section .subHeading,
.xenOverlay .sectionMain .subHeading {
  color: white;
}  
  
.PageNav a {		
background-color: #474747;
}
  
.PageNav a:focus {
    background-color: #888888;
}

a.callToAction:hover {
  background: transparent;
} 
  
.quickReply {	
  background-color: #333;
  border: 1px solid #C41F2C;
}  
  
.messageList .newMessagesNotice {
  background: #2e2e2e;
}
  
.mainContent {
  color: white;
}
  
.breadcrumb {
  color: white;
  background-color: #333333;
}
  
.breadcrumb .crust a.crumb {
  color: #FFFFFF;
}
  
.attachedFiles .attachedFilesHeader {
  color: #F4F4F4;
  background: #333333 !important;
  border: none;
}
  
.attachedFiles .attachmentList
	{
		background: none;
    border: none;
  }
  
.bbCodeQuote .attribution
  {
    color: #F4F4F4;
    border-top:    1px solid black;
    border-right:  1px solid black; 
    border-bottom: 0px solid yellow;
    border-left:   1px solid black;
    background: #2e2e2e !important;
  }
  
.bbCodeQuote .quoteContainer
  {
    border-top:    1px solid black;
    border-right:  1px solid black; 
    border-bottom: 1px solid black;
    border-left:   1px solid black;
    background-color: #474747;
  }
  
.bbCodeQuote .quoteContainer .quoteExpand
  {		
    background: none;
  }
  
.message .likesSummary
  {
    color: #969696;
    background-color: #333333;
  }
  
.LikeText a.username
  {
    color: white;
  }
  
.LikeText a.OverlayTrigger
  {
    color: white;
  }
  
.messageUserInfo
  {
    background-color: #333333;
  }
  
.messageList .message
  {
    background-color: #333333;
    border: 1px solid black;
    border-top: 3px solid black;
  }  
  
.bbCodeQuote .quoteContainer
  {
    border-radius: 0px;
  }
  
ol.messageList li .primaryContent 
  {
    background: #333333;
  }
  
.bbCodeBlock
  {
    border-radius: 0px;
  }  
  
.breadBoxTop, .breadBoxBottom
  {
    border-bottom: 1px black;
    background: none;
  }
/* main board and forums */

.nodeList .node.level_2 > div:hover
{
	background: #202020;
}

.node .nodeLastPost .lastThreadTitle a,
.node .nodeText .nodeTitle a
{
	color: white;
}

.previewTooltip blockquote {
  color: white;
}

a.PageNavPrev, a.PageNavNext {
  color: white;
  background-color: #474747;
  font-weight: bold;
}  
 
.discussionList .sectionHeaders {	
  margin: 0px 0px 0;
	padding: 0 0;
}  
.discussionListFilters
  {
    background-color: #333333;
  }
  
.emCtrl:hover,
.emCtrl:focus,
.ugc a:hover,
.ugc a:focus
  {
		box-shadow: none;
  }

.discussionList .sectionFooter
  {
    color: white;
    background-color: #888888;
  }
  
.DiscussionListOptions
  {
    margin: 0px;
    border: 1px solid #222222;
    border-radius: 0px;
    color: white;
    background-color: #222222;
  }

.DiscussionListOptions dl,
.DiscussionListOptions .controlGroup
  {
    color: white;
    background-color: #222222;
  }
  
.discussionList .sectionFooter
  {
    border: none;
    margin: 0px;
    margin-top: 0;
    border-radius: 0px;
  }

.node .nodeText
  {
    border-right: 1px solid black;
  }
/*.nodeList .categoryForumNodeInfo,
.nodeList .forumNodeInfo,
.nodeList .pageNodeInfo,
.nodeList .linkNodeInfo
  {
    color: white;
    background-color: #474747;
    border: none;
  }*/
  
.node .nodeLastPost .lastThreadTitle a, .node .nodeText .nodeTitle a
  {
    color: white;
  }
  
.nodeList .node.level_2 > div:hover
  {
    background: none;
  }
  
.nodeList .node.level_1
  {
    border: none;
    border-radius: 2px;
	}

ol.nodeList.sectionMain
  {
    background: none;
  }

.nodeList .forumNodeInfo
  {
    color: white;
    background-color: #333;
    border: none;
  }
  
.breadBoxBottom
  {
    border-top: none;
  }

.styliumSidebarToggle .styliumIcon 
  {
    border-left: none;
    padding: 0 5px;
  }

/*Forum logos */  
li.node_238 a:before 
  {
    background: url('https://i.imgur.com/CdrvXGR.png') center center no-repeat;
  }
  
li.node_249 a:before 
  {
    background: url('https://i.imgur.com/dDaCe4C.png') center center no-repeat;
  }
  
li.node_194 a:before 
  {
    background: url('https://i.imgur.com/lMmXVvi.png') center center no-repeat;
    width:20px;
    height:20px;
    background-size: contain;
  }

li.node_259 a:before 
  {
    background: url('https://i.imgur.com/OECoeMd.png') center center no-repeat;
    width: 20px;
    height: 20px;
    background-size: contain;
  }
  
  li.node_72 a:before 
  {
    background: url('https://i.imgur.com/qGu3dhx.png') center center no-repeat;
  }
  
.thread_view .threadAlerts
  {
    background-color: #222222;
    color: black;
    border: 1px solid black;
  }
  
	.thread_view .threadAlerts dt
	{
		color: black;
    font-weight: bold;
  }
  
.thread_view .threadAlerts dd
  {
    color: black;
  }
  
.button
  {
    background-color: #222222;
  }

.Menu
  {
    background-color: #333333;
  }
  
body, #styliumSetting .styliumBodyBackgroundColor
  {
    background-color: #333;
  }
  
.prefix.prefixRed        { color: white; background-color: red; border-color: black; }
.prefix.prefixGreen      { color: white; background-color: green; border-color: black; }
.prefix.prefixOlive      { color: black; background-color: olive; border-color: black; }
.prefix.prefixLightGreen { color: black; background-color: lightgreen; border-color: black; }
.prefix.prefixBlue       { color: white; background-color: blue; border-color: black; }
.prefix.prefixRoyalBlue  { color: white; background-color: royalblue; border-color: black; }
.prefix.prefixSkyBlue    { color: black; background-color: skyblue; border-color: black; }
.prefix.prefixGray       { color: black; background-color: gray; border-color: black; }
.prefix.prefixSilver     { color: black; background-color: silver; border-color: black; }
.prefix.prefixYellow     { color: black; background-color: yellow; border-color: black; }
.prefix.prefixOrange     { color: black; background-color: orange; border-color: black; }
  
.primaryContent
  {
    color: white;
    background-color: #333333;
    padding: 10px;
    border-bottom: none;
  }
  
/* Standard menu sections */
.textHeading,
.xenForm .sectionHeader {
  color: white;
}
.xenOverlay .formOverlay {
  color: white;
  background-color: #333;
}
  
.Menu .primaryContent
  {
    background-color: #202020;
  }

.Menu .secondaryContent
  {
    color: white;
    background-color: #333;
  }

.Menu .sectionFooter
  {
    color: white;
    background-color: #333;
  }
  
.secondaryContent
  {
    border-radius: 5px;
    border: 1px solid white;
  }
  
.navPopup .PopupItemLinkActive:hover
  {
    background-color: #202020;
  }  

.navPopup .listPlaceholder ol.secondaryContent
	{
		padding: 0 8px;
  }
.secondaryContent a
  {
    color: #aaaaaa;
  }
#AccountMenu .menuHeader .links .fl a
  {
    color: white;
  }
	.blockLinksList a,
	.blockLinksList label
	{
		color: white;
  }
  
.pairs ...