Square theme mod. Userscript tweak I made…

I made a huge change to a Square themed site “whatfinger.com” and thought I’d share my square .css edits here as I spent over 3 hours making lots of changes!

You can run this script in Stylus, Greasemonkey, Firemonkey, or Tampermonkey:

/* ==UserStyle==
@name           Whatfinger - Neon Black
@namespace      github.com/openstyles/stylus
@version        0.1.0
@description    A new userstyle
@author         scanman1
==/UserStyle== */
@-moz-document domain("www.whatfinger.com") {
	#sq-masthead {
		background: #f00 !important;
		color: #ff0;
		font-family: 'Open Sans', sans-serif !important;
		position: static !important;
	}
	
	.mtphr-dnt-scroll-left {
		color: #17a6ff !important;
	background: #261607 !important;
		box-sizing: 100% !important;
		
	}
	
	
	body {
		color: #ff006f;
		background: #000 !important;
		font-family: 'Open Sans', sans-serif !important;
		font-size: 14px !important;
		line-height: 1.6 !important;
	}
	#menu-left-menu li a {
		color: #ffad00;
		font-weight: bold !important;
		padding: 0px 6px !important;
		font-size: 12px !important;
	}
	.vc_custom_1504399427260 {
		margin-bottom: 20px !important;
		border-bottom-width: 1px !important;
		padding-bottom: 5px !important;
		border-bottom-color: #00ff59 !important;
		border-bottom-style: solid !important;
	}
	.uvc-heading h1 {
	
		color: #18ff1c;
		background: #092e08 !important;
		}
	
	#top-box h2 {
		font-size: 50px;
		color: #faff00;
		font-weight: 800 !important;
		margin: 0;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
        background: #2e1b08 !important;
		border-top-width: 2px !important;
		border-top-color: #ff8000 !important;
		border-top-style: solid !important;
		border-right-width: 2px !important;
		border-right-color: #ff8000 !important;
		border-right-style: solid !important;
		border-left-width: 2px !important;
		border-left-color: #ff8000 !important;
		border-left-style: solid !important;
		border-bottom-width: 2px !important;
		border-bottom-color: #ff8000 !important;
		border-bottom-style: solid !important;
		border-radius: 15px;
	}

	#top-box h3 {
			color: #ff2496 !important;
		font-size: 50px;
		font-weight: 300 !important;
		margin: 0;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
	}
		
	#top-box .uvc-sub-heading  h3 {
		color: #ff00b7 !important;
		font-style: normal !important;
	}

	.uvc-heading h3 {
		background: #2d082f !important;
		border-top-width: 2px !important;
		border-top-color: #ae00ff !important;
		border-top-style: solid !important;
		border-right-width: 2px !important;
		border-right-color: #ae00ff !important;
		border-right-style: solid !important;
		border-left-width: 2px !important;
		border-left-color: #ae00ff !important;
		border-left-style: solid !important;
		border-bottom-width: 2px !important;
		border-bottom-color: #ae00ff !important;
		border-bottom-style: solid !important;
		border-radius: 15px;
	}
	
			h3 {
		color: #1eff00 !important;
		background-color: #133a0e !important;
	}
	
	.single-entry-content a {
		color: #ffec00 !important;
		transition: all 0.3s ease;
	}
	.ult_btn10_span {
		font-family: inherit;
		font-weight: inherit;
		font-size: inherit;
		line-height: inherit;
		transition: all ease .3s;
		color: #000bfa;
	}
	.aio-icon-component,
	.aio-icon-component * {
		background-color: #080645 !important;
		color: #1ec9f4 !important;
	}
	.aio-icon-description {
		background-color: #080645 !important;
		color: #ffb700;
	}
	#sq-middle-footer .sq-container {
		color: #0ff !important;
		background: #03093a !important;
		border-bottom: 1px solid #19ff01 !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

	h6 {
		color: #f0c !important;
		background-color: #310c31 !important;
	}
	.wpb_text_column :last-child {
		color: #f00 !important;
		background-color: #310c31 !important;
	}
	.top-icon * {
		color: #ff8000 !important;
		background: #48000000 !important;
		border-top-width: 1px !important;
		border-top-color: #ff800000 !important;
		border-top-style: dotted !important;
		border-bottom-width: 1px !important;
		border-bottom-color: #ff800000 !important;
		border-bottom-style: dotted !important;
		border-radius: 5px;
	}
	a {
		color: #00b000 !important;
	}
	*:visited {
		color: #3a7221 !important;
	}
	a:visited {
		color: #3a7221 !important;
	}
	*:hover {
		color: #001bff !important
	}
	a:hover {
		color: #001bff !important
	}
	.smile-icon-timeline-wrap .timeline-feature-item {
		text-align: center;
		margin-top: 30px;
		margin-bottom: 30px;
		position: relative;
		border: 1px solid #0f0;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		background-color: #133a0e !important;
	}
	.wpb_single_image .vc_box_border.vc_box_border_grey,
	.wpb_single_image .vc_box_border_circle.vc_box_border_grey {
		background-color: #fffb00
	}
	.ult_crlink * {
		color: #b3ff00 !important;
		font-family: 'Open Sans', sans-serif;
		font-size: 14px !important;
		line-height: 1.0 !important;
		width: 100% !important;
		text-transform: none;
		letter-spacing: inherit;
		font-weight: inherit;
	}
	.vc_col-sm-7.vc_column_container.wpb_column {
		width: 100% !important;
	}
	#sq-colophon {
font-family: "Roboto Condensed", sans-serif;
    font-size: 15px;
    color: #0dff00;
		background: #000 !important;}
	.sq-container {
    width: 96% !important;
    margin: 0 auto !important;}
}