MacLinks by pendevin

/* ==UserStyle==
@name           Maclinks
@namespace      userstyles.world
@version        2.0.1
@description    brings system 7 to blue
@author         katy pendragon
@license        GNU GPLv3
==/UserStyle== */

@-moz-document domain("websight.blue") {
    
	/*comment out the next section to get colored maclinks*/
	body {
	    --Visited: #666;
	    --MenuActive: #ffffff;
	    --QuoteTop: #a5a5a5;
	    --MsgTopHL: #666;
	    --BG: #000000;
	    --MsgTop: #a5a5a5;
	    --QuoteBorder: #666;
	    --ErrorText: #ff0000;
	    --NextpageBG: #a5a5a5;
	    --Text: #000000;
	    --Footnote: #ffffff;
	    --QuoteBar: #a5a5a5;
	    --TopbarBG: #ffffff;
	    --QuoteBG: #ffffff;
	    --MenuBG: #ffffff;
	    --MenuText: #000000;
	    --Unvisited: #666;
	    --DangerLink: #ff0000;
	    --InputText: #000000;
	    --ActiveThread: #a5a5a5;
	    --MenuHover: #ffffff;
	    --UserbarBG: #ffffff;
	    --NextpageBorder: #000000;
	    --InputBG: #ffffff;
	    --DimLink: #a5a5a5;
	    --MsgBG: #ffffff;
	    --EmojiHover: var(--Footnote);
	}

	.active-thread td a,
	.message-container:target .message-top a {
	    color: var(--Text);
	}

	.edit-notice {
	    color: var(--DimLink);
	}

	.emoji-picker > button {
		border-color:var(--QuoteBar);
	}
	/*end section to comment out for colored maclinks*/

	body {
	    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAUSURBVBhXY2BgYPj//z8ICwsLAwAqVgY0vYzMYAAAAABJRU5ErkJggg==);
	    background-repeat: repeat;
	}

	* {
	    font-family: 'Chicago', 'Monaco', 'Chicago_12', 'Geneva_9', Monospace !important;
	}

	div.menubar {
	    position: fixed;
	    top: 0;
	    left: 0;
	    right: 0;
	    margin: 0;
	    z-index: 10;
	    padding: 0;
	    border-top-left-radius: 1ex;
	    border-top-right-radius: 1ex;
	    border-bottom: .2ex solid var(--NextpageBorder);
	    overflow: hidden;
	    text-align: left;
	    font-size: smaller;
	    vertical-align: middle;
	}

	div.menubar a {
	    margin-left: 1ex;
	    padding: 2px 6px;
	}

	div.menubar a:first-of-type::before {
	    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAABsSURBVDhPpVIBCgAhCGv9/8/dGQSel26RECS0tU0x3moX1S+wE0oJADQ7WZUEC1i5pApYRIgherkGjn208lEQvbJeCnH9aGp2dmgGbMwyQTZOmUDaAzYyKQP/KLt7Nb89YKGVe3AKPtqDjPwBUWotD1ZOYeoAAAAASUVORK5CYII=);
	    padding-top: .6ex;
	    vertical-align: middle;
	}

	div.menubar a:first-of-type:hover::before {
	    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAABvSURBVDhPrZOBCsAgCER1///PNmPBZalLCoSi3nVqMRHJG+XxlMkPTAVEhDS8EQoMkJlrAkpFcN+3RUS7Ctu1tTIJRLkO0DpKi4jgLp3fAqUuIOS1866DtGWb97A4QBFvjqkt7+D0b9ytwenter4Bm6kcJcjtzaAAAAAASUVORK5CYII=);
	}

	.body>h1 {
	    background: linear-gradient(var(--BG) 50%, transparent 0px) 0% 0% / 6.66667% 13.3333% padding-box content-box;
	    color: var(--Footnote);
	}

	#thread-title {
	    background: var(--MenuBG);
	    color: var(--Text);
	}

	#thread-title::before {
	    content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='22' viewBox='0 0 9 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 0h2v1H5zM4 1h2v1H4zM4 2h1v1H4zM1 3h3v1H1zM5 3h3v1H5zM0 4h9v1H0zM0 5h7v2H0zM0 7h9v2H0zM1 9h7v1H1zM2 10h2v1H2zM5 10h2v1H5z'/%3E%3C/svg%3E");
	    margin: 2px;
	    vertical-align: middle;
	}

	#thread-title-edit,
	#tag-editor-container a{
		color:var(--Footnote);
	}

	div.userbar:first-of-type {
	    margin-top: 1ex;
	}

	div.userbar,
	div.infobar,
	.message-container,
	table.grid,
	div.topbar {
	    border-top: solid var(--NextpageBorder);
	}

	div.userbar a:hover,
	div.infobar a:hover,
	div.menubar a:hover,
	div.topbar a:hover {
	    color: var(--MenuHover);
	    background-color: var(--MenuText);
	}

	.userbar a,
	.topbar a,
	.infobar a,
	button,
	#reply-button,
	#file-upload-button,
	#submit-btn {
	    border-radius: 1ex;
	    border: .2ex solid var(--NextpageBorder);
	    padding: .2ex .6ex 0px .6ex;
	}

	.footnote::before,
	#thread-list .main-column b::before {
	    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAATCAAAAAC8DNITAAAC92lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAACjPY2BgnuDo4uTKJMDAUFBUUuQe5BgZERmlwH6egY2BmQEMEpOLCxwDAnxA7Lz8vFQGVMDIwPDtGohkYLisCzKLgTTAmgy0GEgfAGKjlNTiZCD9BYjTy0sKgOKMMUC2SFI2mF0AYmeHBDkD2S0MDEw8JakVIL0MzvkFlUWZ6RklCoaWlpYKjin5SakKwZXFJam5xQqeecn5RQX5RYklqSlAtVA7QIDXJb9EwT0xM0/ByECVgcoAFI4QFiJ8EGIIkFxaVAYPSgYGAQYFBgMGB4YAhkSGeoYFDEcZ3jCKM7owljKuYLzHJMYUxDSB6QKzMHMk80LmNyyWLB0st1j1WFtZ77FZsk1j+8Yezr6bQ4mji+MLZyLnBS5Hri3cmtwLeKR4pvIK8U7iE+abxi/Dv1hAR2CHoKvgFaFUoR/CvSIqIntFw0W/iE0SNxK/IlEhKSd5TCpfWlr6hEyZrLrsLbk+eRf5PwpbFQuV9JTeKq9VKVA1Uf2pdlC9SyNUU0nzg9YB7Uk6qbpWeoJ6r/SPGCwwrDWKMbY1kTdlNn1pdsF8p8USywlWdda5NnG2gXau9tYOxo46TmrOSi4KrvJuCu7KHuqeul4m3jY+7r7Bfgn++QH1gRODlgbvCrkY+jKcKUIu0ioqIroiZmbsnrgHCWyJuklhyQ0pa1JvpnNkWGRmZs3NvpjLnmefX1GwqfBdsXZJVumqsjcV+pUlVbtqGGu96qbWP2zUa6ppPtsq11bYfrRTuquo+3Sval9j/92JNpNmT/47NX7a4RkaM/tnfZ+TMPf0fPMFSxeJLG5d8m1Z5vJ7K0NWnV7jsnbfessN2zaZbN6y1WTb9h1WO/fvdt1zdl/Y/gcHcw79PNJ+TPz4ipPWp86dST776/yki9qXjl5JvPrv+pybNrfu3qm/p3z/xMO8x2JP9j/LfCHy8uDr/Lfy7y58aPpk+vnV1wXfw38K/Dr1p/Wf4///AA0ADzRT2wXrAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAJcEhZcwAADsIAAA7CARUoSoAAAABFSURBVBjTvZAxDgAgCAPPQYn+/781UYiRxc1uHC0JBeTCpQvozNrbBXgC/QFUaLcDKwkwsqPvR4kT1f8+EfMIqZ1oKAAT5R+8gmgbHMwAAAAASUVORK5CYII=');
	    padding: .6ex .2ex 0 0;
	    vertical-align: middle;
	}
    
    .body::after{
        z-index:10;
        content:" ";
        position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		pointer-events: none;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.05) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100% );
		background-size: 100% 2px;
    }
    
    .userpic-holder img{
        filter:grayscale(1);
    }
}