Home Support Square Square theme mod. Userscript tweak I made…

This topic contains 0 replies, has 1 voice, and was last updated by  scanman1 2 weeks, 3 days ago.

Viewing 1 post (of 1 total)
  • Author
    Posts
  • #4568

    scanman1
    Participant

    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;}
    }
    • This topic was modified 2 weeks, 3 days ago by  scanman1.
Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.