FreshMint.user.css

/* ==UserStyle==

@name           FreshMint
@namespace      https://github.com/SebastJava
@version        4.6.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
@updateURL      https://raw.githubusercontent.com/SebastJava/FreshMint/main/FreshMint.user.css
@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" #008570
@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" "linear-gradient(180deg, #69B53F 25%, #008F78 75%)"
@var text forumbg "forum BG" "#008F78"
@var text navbar-bg "navbar BG" "#008F78"

@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" #F2F2F2
@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: none;
}

.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.rules a:hover {
	color: var(--rules-anchor-hover);
}

p.post-notice {
	background-color: #ECD5D8;
	background-image: none;
}

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

ul.forums {
	background-color: var(--ul-forums);
	background-image: none;
}

ul.topiclist li {
	color: var(--ul-topiclist-li);
}

ul.topiclist dd {
	border-left-color: var(--list-borders);
}

.rtl ul.topiclist dd {
	border-right-color: #FFFFFF;
	border-left-color: transparent;
}

li.row {
	border-top-color: var(--list-borders);
	border-bottom-color: var(--list-borders);
}

li.row strong {
	color: inherit;
}

li.row:hover {
	background-color: var(--li-row-hover);
}

li.row:hover dd {
	border-left-color: var(--list-borders);
}

.rtl li.row:hover dd {
	border-right-color: #CCCCCC;
	border-left-color: transparent;
}

li.header dt, li.header dd {
	color: #FFFFFF;
}

/* Post body styles
----------------------------------------*/
.postbody {
	color: var(--content);
}

/* Content container styles
----------------------------------------*/
.content {
	color: var(--content);
}

.content h2, .panel h2 {
	color: var(--content);
	border-bottom-color: #CCCCCC;
}

dl.faq dt {
	color: var(--content);
}

.posthilit {
	background-color: #F3BFCC;
	color: #E60026;
}

.announce, .unreadpost {
	/* Highlight the announcements & unread posts box */
}

/* Post signature */
.signature {
	border-top-color: #CCCCCC;
}

/* Post noticies */
.notice {
	border-top-color: #CCCCCC;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */

blockquote {
	background-color: var(--blockquote-bg1);
	border-color: var(--blockquote-border);
}

blockquote blockquote {
	/* Nested quotes */
	background-color: var(--blockquote-bg2);
}

blockquote blockquote blockquote {
	/* Nested quotes */
	background-color: var(--blockquote-bg1);
}

/* Code block + inline code */

code:not(.codebox code) {
	background-color: var(--inline-code-bg) !important;
	border-color: var(--inline-code-bd) !important;
	color: var(--inline-code-fg) !important;
}

.codebox code {
	color: var(--codebox-fg) !important;
}

.codebox {
	background-color: var(--codebox-bg) !important;
	border-color: var(--codebox-bd) !important;
	color: #FFF;
}

.codebox a {
	color: #80FF80;
}

.codebox a:hover {
	color: #FFFFFF;
}

.codebox p {
	background-color: var(--codebox-bd);
	border-bottom-color: var(--codebox-bd);
}

/* Attachments
----------------------------------------*/
.attachbox {
	background-color: #FFFFFF;
	border-color: #C9D2D8;
}

.pm-message .attachbox {
	background-color: #F2F3F3;
}

.attachbox dd {
	border-top-color: #C9D2D8;
}

.attachbox p {
	color: var(--content-dim);
}

.attachbox p.stats {
	color: var(--content-dim);
}

.attach-image img {
	border-color: #999999;
}

/* Inline image thumbnails */

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

dl.thumbnail img {
	border-color: var(--content-dim);
	background-color: #FFFFFF;
}

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

dl.thumbnail dt a:hover {
	background-color: #EEEEEE;
}

dl.thumbnail dt a:hover img {
	border-color: #505050;
}

/* Post poll styles
----------------------------------------*/

fieldset.polls dl {
	border-top-color: #DCDEE2;
	color: var(--content-dim);
}

fieldset.polls dl.voted {
	color: #000000;
}

fieldset.polls dd div {
	color: #FFFFFF;
}

.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
	border-right-color: transparent;
}

.pollbar1 {
	background-color: #AA2346;
	border-bottom-color: #74162C;
	border-right-color: #74162C;
}

.rtl .pollbar1 {
	border-left-color: #74162C;
}

.pollbar2 {
	background-color: #BE1E4A;
	border-bottom-color: #8C1C38;
	border-right-color: #8C1C38;
}

.rtl .pollbar2 {
	border-left-color: #8C1C38;
}

.pollbar3 {
	background-color: #D11A4E;
	border-bottom-color: #AA2346;
	border-right-color: #AA2346;
}

.rtl .pollbar3 {
	border-left-color: #AA2346;
}

.pollbar4 {
	background-color: #E41653;
	border-bottom-color: #BE1E4A;
	border-right-color: #BE1E4A;
}

.rtl .pollbar4 {
	border-left-color: #BE1E4A;
}

.pollbar5 {
	background-color: #F81157;
	border-bottom-color: #D11A4E;
	border-right-color: #D11A4E;
}

.rtl .pollbar5 {
	border-left-color: #D11A4E;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
	color: var(--content);
	border-color: #808080;
}

.pm .postprofile {
	border-color: #DDDDDD;
}

.postprofile strong {
	color: inherit;
}

.online {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/images/icon_user_online.svg");
}

dd.profile-warnings {
	color: #E60026;
}

/*
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */
.button {
	border-color: var(--button-bd);
	background: var(--button-bg);
	box-shadow: 0 0 0 1px var(--body-background) inset; /* (bug fix...) */
	color: var(--button-fg);
	text-shadow: none;
}

.button:hover,
.button:focus {
	border-color: var(--button-bd);
	background: var(--button-bg-hover);
	box-shadow: 0 0 0 1px var(--body-background) inset; /* (bug fix...) */
	color: var(--button-hover-fg);
	text-shadow: none;
}

.button .icon,
.button-secondary {
	color: var(--button-icon-fg);
}

.button-secondary:focus,
.button-secondary:hover,
.button:focus .icon,
.button:hover .icon {
	color: var(--button-icon-hover-fg);
}

.button-search:hover,
.button-search-end:hover {
	border-color: var(--button-bd);
}

.caret	{ border-color: var(--button-icon-fg); }

.contact-icons a	{ border-color: #DCDCDC; }
.contact-icons a:hover	{ background-color: #F2F6F9; }

/* Pagination
---------------------------------------- */

.pagination li a {
	background: var(--button-bg);
	filter: none;
	border: 1px solid var(--button-bd);
	box-shadow: none;
	color: var(--button-icon-fg);
	text-shadow: none;
}

.pagination li.ellipsis span {
	background: transparent;
	color: var(--body-text);
}

.pagination li.active span {
	background: var(--button-bg-active);
	border-color: var(--button-bd);
	color: var(--button-icon-active-fg);
	font-weight: bold;
}

.pagination li a:hover, .pagination li a:hover .icon, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
	background: var(--button-bg-active);
	filter: none;
	border-color: var(--button-bd);
	box-shadow: none;
	color: var(--button-icon-active-fg);
	text-shadow: none;
}

/* Search box
--------------------------------------------- */

.search-box .inputbox,
.search-box .inputbox:hover,
.search-box .inputbox:focus {
	border-color: var(--button-bd);
}

.search-header {
	box-shadow: 0 0 6px 3px #FFF;
}

.search-results li:hover,
.search-results li.active {
	background-color: var(--li-row-hover);
}

/* Icon images
---------------------------------------- */

.contact-icon {
	background-image: url("https://forums.linuxmint.com/styles/minty/theme/images/icons_contact.png"); }

/* Profile & navigation icons */
.pm-icon { background-position: 0 0; }
.email-icon { background-position: -21px 0; }
.jabber-icon { background-position: -80px 0; }
.phpbb_icq-icon { background-position: -61px 0 ; }
.phpbb_wlm-icon { background-position: -182px 0; }
.phpbb_aol-icon { background-position: -244px 0; }
.phpbb_website-icon { background-position: -40px 0; }
.phpbb_youtube-icon { background-position: -98px 0; }
.phpbb_facebook-icon { background-position: -119px 0; }
.phpbb_skype-icon { background-position: -161px 0; }
.phpbb_twitter-icon { background-position: -203px 0; }
.phpbb_yahoo-icon { background-position: -224px 0; }

/* Forum icons & Topic icons */
.global_read {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/announce_read.svg"); }
.global_read_mine {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/announce_read_mine.svg"); }
.global_read_locked {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/announce_read_locked.svg"); }
.global_read_locked_mine {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/announce_read_locked_mine.svg"); }
.global_unread {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/announce_unread.svg"); }
.global_unread_mine {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/announce_unread_mine.svg"); }
.global_unread_locked {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/announce_unread_locked.svg"); }
.global_unread_locked_mine {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/announce_unread_locked_mine.svg"); }

.announce_read {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/announce_read.svg"); }
.announce_read_mine {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/announce_read_mine.svg"); }
.announce_read_locked {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/announce_read_locked.svg"); }
.announce_read_locked_mine {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/announce_read_locked_mine.svg"); }
.announce_unread {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/announce_unread.svg"); }
.announce_unread_mine {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/announce_unread_mine.svg"); }
.announce_unread_locked {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/announce_unread_locked.svg"); }
.announce_unread_locked_mine {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/announce_unread_locked_mine.svg"); }

.forum_link {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/forum_link.svg"); }
.forum_read {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/forum_read.svg"); }
.forum_read_locked {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/forum_read_locked.svg"); }
.forum_read_subforum {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/forum_read_subforum.svg"); }
.forum_unread {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/forum_unread.svg"); }
.forum_unread_locked {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/forum_unread_locked.svg"); }
.forum_unread_subforum {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/forum_unread_subforum.svg"); }

.sticky_read {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/sticky_read.svg"); }
.sticky_read_mine {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/sticky_read_mine.svg"); }
.sticky_read_locked {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/sticky_read_locked.svg"); }
.sticky_read_locked_mine {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/sticky_read_locked_mine.svg"); }
.sticky_unread {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/sticky_unread.svg"); }
.sticky_unread_mine {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/sticky_unread_mine.svg"); }
.sticky_unread_locked {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/sticky_unread_locked.svg"); }
.sticky_unread_locked_mine {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/sticky_unread_locked_mine.svg"); }

.topic_moved {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/topic_moved.svg"); }
.pm_read,
.topic_read {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/topic_read.svg"); }
.topic_read_mine {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/topic_read_mine.svg"); }
.topic_read_hot {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/topic_read_hot.svg"); }
.topic_read_hot_mine {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/topic_read_hot_mine.svg"); }
.topic_read_locked {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/topic_read_locked.svg"); }
.topic_read_locked_mine {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/topic_read_locked_mine.svg"); }
.pm_unread,
.topic_unread {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/topic_unread.svg"); }
.topic_unread_mine {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/topic_unread_mine.svg"); }
.topic_unread_hot {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/topic_unread_hot.svg"); }
.topic_unread_hot_mine {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/topic_unread_hot_mine.svg"); }
.topic_unread_locked {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/topic_unread_locked.svg"); }
.topic_unread_locked_mine {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/icons/topic_unread_locked_mine.svg"); }


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

/* Main CP box
----------------------------------------*/

.panel-container h3, .panel-container hr, .cp-menu hr {
	border-color: #9A9A9A;
}

.panel-container .panel li.row {
	border-bottom-color: var(--list-borders);
	border-top-color: var(--list-borders);
}

ul.cplist {
	border-top-color: var(--list-borders);
}

.panel-container .panel li.header dd, .panel-container .panel li.header dt {
	color: var(--content);
}

.panel-container table.table1 thead th {
	color: var(--content);
	border-bottom-color: var(--content);
}

.cp-main .pm-message {
	border-color: #808080;
	background-color: var(--bg2);
}

/* CP tabbed menu
----------------------------------------*/
.tabs .tab > a {
	background: var(--tab-bg);
	color: var(--content);
}

.tabs .tab > a:hover {
	background: var(--bg3);
	color: var(--content);
}

.tabs .activetab > a,
.tabs .activetab > a:hover {
	background-color: var(--bg3);
	border-color: #CCC #CCC var(--bg3) #CCC;
	box-shadow: none;
	color: var(--content);
}

.tabs .activetab > a:hover {
	color: var(--anchor-hover);
}

/* Mini tabbed menu used in MCP
----------------------------------------*/
.minitabs .tab > a {
	background-color: var(--tab-bg);
}

.minitabs .activetab > a,
.minitabs .activetab > a:hover {
	background-color: var(--bg3);
	color: var(--content);
}

/* Responsive tabs
----------------------------------------*/
.responsive-tab .responsive-tab-link:before {
	border-color: var(--anchor);
}

.responsive-tab .responsive-tab-link:hover:before {
	border-color: var(--anchor-hover);
}

/* UCP navigation menu
----------------------------------------*/

/* Link styles for the sub-section links */
.navigation a {
	color: var(--content);
	background: linear-gradient(to right, var(--tab-bg) 50%, var(--bg3) 100%);
}

.rtl .navigation a {
	color: var(--content);
	background: linear-gradient(to left, var(--tab-bg) 50%, var(--bg3) 100%);
}

.navigation a:hover {
	color: var(--content);
	background: linear-gradient(to right, var(--bg2) 50%, var(--bg3) 100%);
}

.navigation .active-subsection a {
	background: linear-gradient(to right, var(--bg2) 50%, var(--bg3) 100%);
	color: var(--content);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.navigation .active-subsection a:hover {
	color: var(--content);
}

@media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
{
	#navigation a, .rtl #navigation a {
		background: var(--tab-bg);
	}
}

/* Preferences pane layout
----------------------------------------*/
.panel-container h2 {
	color: var(--content);
}

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

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

/* Friends list */
.cp-mini {
	background-color: var(--bg2);
}

dl.mini dt {
	color: var(--content);
}

/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {
	color: var(--content) !important;
}

/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
	border-left-color: #E60026;
	border-right-color: #E60026;
}

.pmlist li.pm_marked_colour, .pm_marked_colour {
	border-color: #FF6600;
}

.pmlist li.pm_replied_colour, .pm_replied_colour {
	border-color: #A9B8C2;
}

.pmlist li.pm_friend_colour, .pm_friend_colour {
	border-color: #5D8FBD;
}

.pmlist li.pm_foe_colour, .pm_foe_colour {
	border-color: #000000;
}

/* Avatar gallery */
.gallery label {
	background: #FFFFFF;
	border-color: #CCC;
}

.gallery label:hover {
	background-color: #EEE;
}

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

/* General form styles
----------------------------------------*/
select {
	border-color: var(--input-bd);
	background-color: var(--input-bg);
	color: var(--input-fg);
}

label {
	color: var(--content);
}

option.disabled-option {
	color: graytext;
}

/* Definition list layout for forms
---------------------------------------- */
dd label {
	color: var(--content);
}

fieldset.fields1 {
	background-color: transparent;
}

/* Hover effects */
fieldset dl:hover dt label {
	color: var(--anchor);
}

fieldset.fields2 dl:hover dt label {
	color: inherit;
}

/* Quick-login on index page */
fieldset.quick-login input.inputbox {
	background-color: #F2F3F3;
}

/* Posting page styles
----------------------------------------*/

.message-box textarea {
	color: #333333;
}

.message-box textarea.drag-n-drop {
	outline-color: rgba(102, 102, 102, 0.5);
}

.message-box textarea.drag-n-drop-highlight {
	outline-color: rgba(17, 163, 234, 0.5);
}

/* Input field styles
---------------------------------------- */
.inputbox {
	background-color: #FFFFFF;
	border-color: #B4BAC0;
	color: #333333;
}

.inputbox:-moz-placeholder {
	color: #333333;
}

.inputbox::-webkit-input-placeholder {
	color: #333333;
}

.inputbox:hover {
	border-color: #11A3EA;
}

.inputbox:focus {
	border-color: #11A3EA;
}

.inputbox:focus:-moz-placeholder {
	color: transparent;
}

.inputbox:focus::-webkit-input-placeholder {
	color: transparent;
}


/* Form button styles
---------------------------------------- */

a.button1, input.button1, input.button3, a.button2, input.button2 {
	border-color: var(--button-bd);
	color: var(--button-fg);
	background: var(--button-bg);
	box-shadow: 0 0 0 1px var(--body-background) inset; /* (bug fix...) */
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	border-color: var(--button-bd);
	color: var(--button-fg);
	background: var(--button-bg-hover);
	box-shadow: 0 0 0 1px var(--body-background) inset; /* (bug fix...) */
}

/* Focus states */
input.button1:focus, input.button2:focus, input.button3:focus {
	border-color: var(--button-bg-active);
	color: var(--button-fg);
}

input.disabled {
	color: var(--content-dim);
}

/* jQuery popups
---------------------------------------- */
.phpbb_alert {
	background-color: #FFFFFF;
	border-color: #999999;
}
.darken {
	background-color: #000000;
}

.loading_indicator {
	background-color: #000000;
	background-image: url("https://forums.linuxmint.com/styles/minty/theme/images/loading.gif");
}

.dropdown-extended ul li {
	border-top-color: #80808080;
}

.dropdown-extended ul li:hover {
	background-color: var(--dropdown-extended-hover);
	color: var(--content);
}

.dropdown-extended .header, .dropdown-extended .footer {
	border-color: #80808080;
	color: var(--content);
}

.dropdown-extended .footer {
	border-top-style: solid;
	border-top-width: 1px;
}

.dropdown-extended .header {
	background-color: var(--dropdown-header-bg);
	background-image: none;
	color: var(--dropdown-header-text);
	text-shadow: none;
}

.dropdown .pointer {
	border-color: #80808080 transparent;
}

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

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

.dropdown .dropdown-contents {
	background: var(--dropdown-contents-bg);
	border-color: #80808080;
	box-shadow: var(--dropdown-contents-shadow);
}

.dropdown-up .dropdown-contents {
	box-shadow: var(--dropdown-contents-shadow);
}

.dropdown li, .dropdown li li {
	border-color: #80808080;
}

.dropdown li.separator {
	border-color: #80808080;
}

/* Notifications
---------------------------------------- */

.notification_list p.notification-time {
	color: var(--notification-time);
}

li.notification-reported strong, li.notification-disapproved strong {
	color: #E60026;
}

.badge {
	background-color: #E60026;
	color: #ffffff;
}

/* MINTY/COLOURS.CSS__________________________________________________________________________________*/

/* Undo minty additions */

.navbar a, .navbar a:hover {color: #FFF;}
:not(.row .big-column).bg3 {background-color: var(--bg3);}
.row.bg3:nth-child(odd), .big-column.bg3:nth-child(odd) {background-color: var(--bg3);}
ul.forums > li.row:first-child {background-color: var(--ul-forums); background-image: none;}
ul.forums > li.row:first-child:hover {background-color: var(--li-row-hover); background-image: none;}
.notification_list li.bg2 {background-color: var(--bg2);}

/*_____________________________________________________________________________________________________*/
/*_____________________________________________________________________________________________________*/

/* FRESHMINT.USER.CSS__________________________________________________________________________________*/

/* FONTS */

body, h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, .postbody h3, .content, .content p, a.forumtitle, a.topictitle {
font-family: "Nimbus Sans", "Arial", "Helvetica", "Roboto", sans-serif;
}
dl.faq, p.author, .notice, dl.file, dl.file dt, fieldset.polls, fieldset, input, select, select optgroup option {
font-family: "Nimbus Sans", "Arial", "Helvetica", "Roboto", sans-serif;
}
textarea, .message-box textarea, .author, .date, .notification_list p.notifications_title {
font-family: "Nimbus Sans", "Arial", "Helvetica", "Roboto", sans-serif;
}
code, kbd, pre, samp {
	font-family: "DejaVu Sans Mono", Consolas, Monaco, "Andale Mono", "Courier New", Courier, monospace !important;
}
.button, .pagination li.active span {
	font-family: "Liberation Sans", Arial, Helvetica, Roboto, sans-serif;
}
a.button1, input.button1, input.button3, a.button2, input.button2 {
	font-family: "Liberation Sans", Arial, Helvetica, Roboto, sans-serif;
}

body {line-height: 1.2;}

.icon, .button .icon, blockquote cite:before, .uncited:before {
	font-family: FontAwesome !important;
}
a.header-avatar span:after {
	font-family: FontAwesome !important;
}

/* ANCHORS */
a {font-weight: bold !important;}
a:hover:not(.button) {text-decoration: underline !important;}

#page-header {background: var(--page-header); border-radius: 7px;}

/* HEADERBAR */
.headerbar {border-radius: 7px 7px 0 0; margin-bottom: 0;}

/* This {display: none;} could be better achieved with two deletions in ./template/overall_header.html */
#site-description h1, #site-description p:not(.skiplink) {display: none;}

.logo, .site_logo {width: 425px; height: 55px;}
.logo {padding: 10px;}

#search-box.search-header {margin-top: 30px;}

/* PAGE-HEADER NAVBAR */
#page-header .navbar {border-radius: 0 0 7px 7px; background-color: transparent;
	background-image: none; padding-top: 0px; padding-bottom: 2px;}
#page-header #nav-main {border-top: 1px solid #FFFFFF80;}
#page-header .navbar a {color: #FFFFFF; font-weight: bold;}
#page-header .navbar ul.dropdown-contents a, #page-header .navbar div.dropdown-contents a {
  color: var(--anchor);}
#page-header .navbar ul.dropdown-contents a:hover, #page-header .navbar div.dropdown-contents a:hover {
  color: var(--anchor-hover);}
#page-header .breadcrumbs .crumb::before {color:#FFFFFF;}

#notification_list .footer:hover {background-color: var(--dropdown-extended-hover);}

/* POSTLINKS */
.postlink, .postlink:visited {text-decoration: none; border-bottom: none;}
.postlink:hover {text-decoration: underline; border-bottom: none;}

/* NAV-FOOTER */
#nav-footer {color: #FFFFFF;}
#nav-footer a {color: #FFFFFF; font-weight: bold;}

/* RESPONSIVE DESIGN */
@media (max-width: 700px) {

  .headerbar {background-image: none;}

  /* change display value from none to inline-block to show logo */
  .logo {display: inline-block; float: none; padding: 0;}
  .logo, .site_logo { width: 240px; height: 35px;}
  .site_logo {
    background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/images/logo-Exo2-02.svg");}

  #page-header { border-radius: 0px; margin-left: -5px; margin-right: -5px;}
}

/* BUG FIX: Make sure every button is at the same height... */
.action-bar .button, .search-header .button-search, .search-header .button-search-end, .pagination li.active span {height: 24px; box-sizing: border-box;}

.search-header .button-search, .search-header .button-search-end {padding: 2px 5px; border-width: 1px;}
.search-header .button-search-end {border-left-width: 0;}

/* BUG FIX: clean corners */
.dropdown-extended .header {border-radius: 3px 3px 0 0;}

/* BUG FIX: space for 1px border on top of inline code */
.content {padding-top: 1px;}

/* EXTRAS */

input, optgroup, select, textarea {color: var(--input-fg);}

.search-header .inputbox {border-width: 1px 0px 1px 1px; border-style: solid;}

blockquote {border-style: solid; border-width: 0 0 0 8px; padding-left: 12px; font-size: 1em;}
blockquote, blockquote blockquote, blockquote blockquote blockquote {margin-left: 0;}

.codebox {border: 4px solid black;}
.codebox code, code {font-size: 1em;}

strong {font-weight: bold !important;}

.username-coloured {color: var(--username-coloured) !important; font-weight: bold;}
.username-coloured:hover {color: var(--anchor-hover) !important;}
div.stat-block.online-list p a:not(.username) {color: var(--username-coloured) !important;}
div.stat-block.online-list p a:hover:not(.username) {color: var(--anchor-hover) !important;}

table#team td.info a {color: var(--content-dim) !important;}

div.rules {
	border-style: solid; border-width: 0 0 0 8px; border-color: var(--rules-bd);
	border-radius: 0; padding-left: 12px;}
div.rules strong {text-transform: uppercase;}
div.rules a {text-decoration: underline;}

a.button1, input.button1, input.button3, a.button2, input.button2 {border-radius: 4px; padding: 2px 8px;}

.cp-main .pmlist dd {padding-top: 2px;}

fieldset.fields1 ul.recipients input.button2 {font-size: 1em; font-weight: bold; padding: 3px;}

/*_____________________________________________________________________________________________________*/
/*_____________________________________________________________________________________________________*/


} /* THIS PAIR OF CURLY BRACKETS ({}) ENCOMPASS THIS ENTIRE DOCUMENT! */