/* Optional imports from Awfully Dark~ */
@import url('https://pgsil.github.io/awfullydark2/optionals/dblClmn.css');
@import url('https://pgsil.github.io/awfullydark2/optionals/animRatings.css');
@import url('https://pgsil.github.io/awfullydark2/optionals/sdbr.css');

/* Background replacement - Fucking Garry why you using ::before??? */
html::before { background: url('https://horobox.co.uk/u/7Jd6.png') #bbb !important; }
html { background: url('https://horobox.co.uk/u/7Jd6.png') #bbb !important; }
#wrapper footer a { color: #555 !important; }

.postblock-read .postrender .postinner > .postuser .background-image::before { background-color: rgba(230,230,230,0.3) !important; }
.postrender .postinner > .postuser .background-image::before { background-color: rgba(230,230,230,0.3) !important; }

/* Restores post colours - Good old piss yellow for self, blue for new posts */
/*.postblock-own .postcontent,.postblock-own .postfoot,.postblock-own .editinfo { background: linear-gradient(to right, #F0FFC0, #fff 400px) !important; opacity: 1; }*/
.postblock.postblock-own .postcontent { background: linear-gradient(to right, #f0ffc0, #fff 250px); }
.postblock .postcontent{ background: linear-gradient(to right, #d5e7ff, #fff 250px); }

/* Nuke shadow on user levels */
.userlevel { text-shadow: 0 0 0; }

/* Old user group colours */
.username a { color: #03a9f4 !important; }
.user-gold a { color: #e8b622 !important; }
.user-moderator a { color: #8bc34a !important; }
.user-admin a { color: #b185ff !important; }
.user-banned a { color: #DD0000 !important; }

/* Alert cleanup */
.alert-dropdown { padding: .5rem; }
.alert-dropdown .alert-item { margin: 0 -.5rem; }

/* New user postbit, looks hell of a lot cleaner */
.userlevel {
	width: 100%;
	text-align: right;
}
.userlevel::after {
	position: absolute;
	top: 0px;
	left: 0px;
	right: auto;
	content: attr(title);
	display: inline-block;
	padding: 2px 6px;
}
span.userlevel {
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 0px;
	left: auto;
	padding: 2px 6px;
	text-shadow: 1px 1px 4px #333;
	font-size: 0.6rem;
	border-radius: 0;
}
.postrender .postinner > .postuser {
	padding: 0px;
}
.postrender .postinner > .postuser .username {
	text-align: center;
	text-shadow: 1px 1px 0px #0009;
	font-weight: bolder;
	padding-bottom: 0.8rem;
	padding-top: 1.7rem;
	top: 0px;
}

/* Display coin progress */
.navbar-item.darker::after {
	content: attr(title);
}
.navbar-item.darker:not(:first-child):after {
	text-transform: capitalize;
}
.navbar-item.darker > .coins {
	margin-right: 5px;
}

/* Display actual time, everywhere but on forum listings */
.timeago::before {
	content: attr(title) " - ";
}
.bglinker .timeago::before {
	content: "";
}

/* Adds a scrollbar to long ratings lists */
.votes.detail .votelist .voteinfo {
	width: 90px;
}
.votes.detail .votelist .votedetail {
	max-height: 200px;
	overflow-y: auto;
	padding: 0 20px;
}