FreshMint by SebastJava

/* ==UserStyle==

@name           FreshMint
@namespace      https://github.com/SebastJava
@version        4.0.0
@description    Linux Mint Forums, completely redesigned
@author         SebastJava (https://raw.githubusercontent.com/SebastJava/FreshMint/main/COPYRIGHT)
@homepageURL    https://github.com/SebastJava/FreshMint
@supportURL     https://github.com/SebastJava/FreshMint/issues
@license        GPL-2.0-or-later

@preprocessor   default

@var color body-background "body BG" #F0F0F0
@var color body-text "body text" #333
@var color body-titles "body titles" #333
@var color content "content" #333
@var color content-dim "content-dimmed" #595959

@var color anchor "links & titles" #007D69
@var color anchor-hover "links & titles hover" #333
@var color postlink "postlink" #0065CD
@var color postlink-visited "postlink:visited" #893CD8
@var color postlink-hover "postlink:hover" #333

@var color ul-forums "forums lists BG" #FFF
@var color li-row-hover "list row BG hover" #F8F8F8
@var color ul-topiclist-li "list text" #444
@var color list-borders "list borders" #E6E6E6
@var color bg1 "BG 1 (rows, posts, etc)" #EFFFEF
@var color bg2 "BG 2 (rows, posts, etc)" #FFF
@var color bg3 "BG 3 (control panel, etc)" #BFF2BF
@var color tab-bg "inactive tab BG" #DADADA

@var color dropdown-header-bg "dropdown header BG" #BCF5BC
@var color dropdown-header-text "dropdown header text" #333
@var color dropdown-contents-bg "dropdown BG" #FFF
@var color dropdown-extended-hover "dropdown hover" #F8F8F8
@var text dropdown-contents-shadow "dropdown box shadow" "0px 0px 9px 0px #606060"
@var color notification-time "notification time" #6D6D6D

@var color username-coloured "team username" #439B16

@var text page-header "page header BG" "#69B53F"
@var text forumbg "forum BG" "#00977D"
@var text navbar-bg "navbar BG" "#595959"

@var text button-bg "button BG" "linear-gradient(#FFF 20%, #B7B7B7 90%)"
@var text button-bg-hover "button BG hover" "#FFF"
@var text button-bg-active "button BG active" "#FFF"
@var color button-bd "button border" #B7B7B7
@var color button-fg "button FG" #E61B4E
@var color button-hover-fg "button hover FG" #444
@var color button-icon-fg "button icon FG" #595959
@var color button-icon-hover-fg "button icon hover FG" #444
@var color button-icon-active-fg "button icon active FG" #444

@var text rules-bg "rules BG" "#FFCBD8"
@var color rules-fg "rules text" #333
@var color rules-bd "rules border" #E61B4E
@var color rules-anchor "rules links" #0065CD
@var color rules-anchor-hover "rules links hover" #333

@var color blockquote-bg1 "blockquote BG 1" #E6F7FF
@var color blockquote-bg2 "blockquote BG 2" #FFF
@var color blockquote-border "blockquote border" #0066CB

@var color codebox-bg "codebox BG" #404040
@var color inline-code-bg "inline code BG" #CAE5FF
@var color codebox-bd "codebox border" #0066CB
@var color inline-code-bd "inline code border" #80BFFF
@var color codebox-fg "codebox text" #FFF
@var color inline-code-fg "inline code text" #333

@var color input-bg "input background" #FAFAFA
@var color input-bd "input border" #595959
@var color input-fg "input text" #333

==/UserStyle== */

@-moz-document domain("forums.linuxmint.com") {
/* THIS PAIR OF CURLY BRACKETS ({}) ENCOMPASS THIS ENTIRE DOCUMENT! */

/*_____________________________________________________________________________________________________*/
/*_____________________________________________________________________________________________________*/

/* COLOURS.USER.CSS____________________________________________________________________________________*/

/* This very long section (approx. 1200 lines) is based on a duplicate of prosilver/theme/colours.css
These are only color values. Only a few got changed or added. The core FRESHMINT.USER.CSS is just a
small section at the bottom of this file...*/

/*
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */

html, body {
	color: var(--body-text);
	background-color: var(--body-background);
}

h1 {
	color: #FFFFFF;
}

h2 {
	color: var(--body-titles);
}

h3 {
	border-bottom-color: #9A9A9A;
	color: var(--body-titles);
}

h3.alert_title, p.alert_text {
	border-bottom-color: #9A9A9A;
	color: #333333;
}

hr {
	border-color: #9A9A9A;
	border-top-color: #9A9A9A;
}

/*
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */

a, a:focus, a:active { color: var(--anchor); } /* Fix for values from styles/prosilver/theme/base.css */
a:hover { color: var(--anchor-hover); }

/* Links on gradient backgrounds */
.forumbg .header a, .forabg .header a, th a {
	color: #FFFFFF;
}

.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
	color: #FFFFFF;
}

/* Notification mark read link */
.dropdown-extended a.mark_read {
	background-color: #FFFFFF;
}

/* Post body links */
.postlink {
	color: var(--postlink); background-color: transparent; border-bottom-color: transparent;
}

.postlink:visited {
	color: var(--postlink-visited); background-color: transparent; border-bottom-color: transparent;
}

.postlink:hover {
	color: var(--postlink-hover); background-color: transparent; border-bottom-color: transparent;
}

.signature a, .signature a:hover {
	background-color: transparent;
}

/* Back to top of page */
.top i {
	color: #999999;
}

/* Arrow links  */
.arrow-left:hover, .arrow-right:hover {
	color: var(--anchor-hover);
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.wrap {
	background-color: transparent;
	border-color: transparent;
}

.headerbar {
	color: #FFFFFF;
}

.headerbar {
	background-color: transparent;
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/images/banner-v7.svg");
}

.forumbg {
	background: var(--forumbg);
}

.forabg {
	background: var(--forumbg);
}

.navbar {
	background: var(--navbar-bg);
}

.panel {
	background-color: var(--bg3);
	color: var(--content);
}

.post:target .content {
	color: var(--content);
}

.post h3 a.first-unread,
.post:target h3 a {
	color: var(--anchor);
}

.post h3 a.first-unread,
.post:target h3 a:hover {
	color: var(--anchor-hover);
}

.bg1 {
	background-color: var(--bg1);
}

table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
	background-color: var(--bg1);
}

.bg2 {
	background-color: var(--bg2);
}

table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
	background-color: #E1EBF2;
}

.bg3 {
	background-color: var(--bg3);
}

.ucprowbg {
	background-color: #DCDEE2;
}

.fieldsbg {
	background-color: #E7E8EA;
}

.site_logo {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/images/logo-Exo2-03.svg");
}

/* Horizontal lists
----------------------------------------*/

ul.navlinks {
	border-top-color: #FFFFFF80;
}

/* Table styles
----------------------------------------*/
table.table1 thead th {
	color: #FFFFFF;
}

table.table1 tbody tr {
	border-color: #808080;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
	background-color: var(--li-row-hover);
	color: #000;
}

table.table1 td {
	color: var(--content);
}

table.table1 tbody td {
	border-top-color: #FAFAFA;
}

table.table1 tbody th {
	border-bottom-color: #808080;
	color: var(--content);
	background-color: var(--bg1);
}

table.info tbody th {
	color: #000000;
}

/* Misc layout styles
---------------------------------------- */
dl.details dt {
	color: var(--contents); font-weight: bold;
}

dl.details dd {
	color: var(--content);
}

.sep {
	color: #1198D9;
}

/* Icon styles
---------------------------------------- */
.icon.icon-blue, a:hover .icon.icon-blue {
	color: #196db5;
}

.icon.icon-green, a:hover .icon.icon-green {
	color: #1b9A1B;
}

.icon.icon-red, a:hover .icon.icon-red {
	color: #009B4C;
}

.icon.icon-orange, a:hover .icon.icon-orange {
	color: #FF6600;
}

.icon.icon-bluegray, a:hover .icon.icon-bluegray {
	color: var(--content);
}

.icon.icon-gray, a:hover .icon.icon-gray {
	color: #777777;
}

.icon.icon-lightgray, a:hover .icon.icon-lightgray {
	color: #999999;
}

.icon.icon-black, a:hover .icon.icon-black {
	color: var(--body-text);
}

.alert_close .icon:before {
	background-color: #FFFFFF;
}

/* Jumpbox */
.jumpbox .dropdown li {
	border-top-color: #80808080;
}

.jumpbox-cat-link {
	background-color: var(--dropdown-header-bg);
	border-top-color: var(--dropdown-header-bg);
	color: var(--dropdown-header-text);
}

.jumpbox-cat-link:hover {
	background-color: var(--dropdown-extended-hover);
	border-top-color: var(--dropdown-extended-hover);
	color: var(--dropdown-header-text);
}

.jumpbox-forum-link {
	background-color: var(--dropdown-contents-bg);
}

.jumpbox-forum-link:hover {
	background-color: var(--dropdown-extended-hover);
}

.jumpbox .dropdown .pointer-inner {
	border-color: var(--dropdown-contents-bg) transparent;
}

.jumpbox-sub-link {
	background-color: var(--dropdown-contents-bg);
}

.jumpbox-sub-link:hover {
	background-color: var(--dropdown-extended-hover);
}

/* Miscellaneous styles
---------------------------------------- */

.copyright {
	color: var(--body-text);
}

.error {
	color: #E60026;
}

.reported {
	background-color: #F7ECEF;
}

li.reported:hover {
	background-color: #ECD5D8 !important;
}
.sticky, .announce {
	/* you can add a background for stickies and announcements*/
}

div.rules {
	background: var(--rules-bg);
	color: var(--rules-fg);
}

div.rules a, div.rules a:visited {
	color: var(--rules-anchor);
}

div.rul...