VanillaPunch

/*.threadage { display: none !important }*/
/*.user-card { display: none !important }*/

/* -= FONT! =- */
body, button, input, select, textarea {
    font-family: Tahoma,Helvetica,Arial,Verdana !important
}

/* Background */
html::before { background: url('https://horobox.co.uk/u/7Jd6.png') #bbb !important; }


/* -= POSTS in thread =- */
/* Font */
.ql-container.ql-snow .ql-editor p {color: #0a0a0a; font-size: 11pt;}
.ql-container.ql-snow .ql-editor postquote {color: #323232; font-size: 11pt;}
.ql-editor ul {color: #151515 }
.ql-snow .ql-editor strong {color: #333}

/* Post color */
.postrender .postinner, .has-background-image { background: #D9EBFF }
.postblock-read .postmain .postrender .postinner>.postuser { background: #e6e6e6 }
.postblock .postcontent {
    background: linear-gradient(to right, #D9EBFF, #fff 400px);
    opacity: 1;
}
.postblock-own .postcontent {
    background: linear-gradient(to right, #F0FFC0, #fff 400px) !important;
    opacity: 1;
}
.postblock-own .postmain .postrender .postinner>.postuser { background: #F0FFC0 }
.postrender .postinner>.postuser .background-image, .postrender .postinner>.postuser .has-background-image {
    display: none
}

/* Post borders */
#wrapper #content .forumhead { border-bottom: none }
.pagnation.postpagnation.above { border-bottom: 1px solid #777 }
#wrapper #content .postlist .forumpanel>.postmain .posthead { border-bottom: 1px solid #777 }
#wrapper #content .postlist .forumpanel { border-bottom: 1px solid #777 }
.lastread { border-bottom: 1px solid #777 }
.postrender .postinner>.postuser { border-right: none }

/* Posthead */
.postrender .posthead { background-color: #ccc; color: #5F5F5F }
.postrender .posthead a, .postrender .posthead strong { color: #444 }

/* Reply box. Gradient or #eee (oldpunch) */
.threadreply.postrender .postinner { background: #eee /*linear-gradient(to right, #F0FFC0, #fff 400px)*/ }
.threadreply.postrender .postinner .postbody .quill-editor { background: #FFF }
.ql-container.ql-snow { border: 1px solid #888 }
.level { border-bottom: 1px solid #888; border-left: 1px solid #888; border-right: 1px solid #888; }
.ql-toolbar.ql-snow.toolbar button:hover { background: #ddd }


/* -= USERNAMES =- */
.username a { color: #147 !important; }
.user-gold a { color: rgb(160, 96, 0) !important; }
.creator a { color: #666 !important } /* Grey creator color unless mod etc. */
.user-moderator a { color: /*green*/#00aa00 !important; } /* These three override .creator */
.user-admin a { color: #0070FF !important; }
.user-banned a { color: #DD0000 !important; }
.user-online a { border-bottom: 1px dotted #0d0; }


/* -= DROPDOWNS =- */
.dropdown.is-bottom-left .dropdown-menu { width: 700px }
.alert-component .dropdown-item .alert-dropdown, .alert-component .dropdown .dropdown-menu .has-link a .alert-dropdown, .dropdown .dropdown-menu .has-link .alert-component a .alert-dropdown {
    width: 681px
}
a.dropdown-item:hover, .dropdown .dropdown-menu .has-link a:hover {
    background-color: #448FC9;
}
.alert-item { background-color: #FFA }



/* -= HEADER =- */
#header #toolbar { background-color: #2890E2 }
#header #toolbar .navbar-item { color: #f2f2f2 }
#header #toolbar .navbar-item:hover { background-color: #1B69A6 !important }

/* -= FORUM LIST =- */
/* Headers */
#wrapper #content .forumcategoryblock .forumcategoryheader {
    background-color: #2890E2;
}
#wrapper #content .forumcategoryblock .forumcategoryblock .forumcategoryheader {
    background-color: #2890E2;
}
#wrapper #content .forumcategoryblock .forumcategoryheader .categorytitle, #wrapper #content .forumcategoryblock .forumcategoryheader .mdi {
    color: white
}
/* Forum and Thread font */
#wrapper #content .forumcategoryblock .forumpanel .forumname .forumtitle {
    color: #147;
}
#wrapper #content .forumcategoryblock .forumpanel .forumlastpost .threadname {
    color: #147;
}


/* -= THREAD LIST =- */
.unreadposts {
    color: #147;
    background-color: #FFA;
    border: 1px solid #ccc;
}

/* -= Alternating thread bg =- */
.threadblock.forumpanel:not(.is-closed):nth-child(even) {
    background-color: #EDF1F3 !important;
}

.threadblock.forumpanel.is-sticky:nth-child(even) {
    background-color: #EDEDA1 !important;
}

.threadblock.forumpanel.is-closed:nth-child(even) {
    background-color: #E0E0E0 !important;
}

/* Thread font */
body.page-forum .threadlistsection .threadblock .threadmain .threadtitle .threadname {
    color: #147;
}



/* -= PAGINATION =- */
.page.is-spacer {
    color: white !important;
    background-color: #2890E2 !important;
}
.page.pageinfo { color: white !important }
.pagnation.threadpagnation .page.pageinfo, .pagnation.postpagnation .page.pageinfo { opacity: 1 }
/* Pages */
#wrapper #content .pagnation.threadpagnation, #wrapper #content .pagnation.postpagnation {
    background-color: #2890E2 !important;
}
#wrapper #content .pagnation.threadpagnation .page, #wrapper #content .pagnation.postpagnation .page {
    color: white !important;
}
/* Active page */
#wrapper #content .pagnation.threadpagnation a.page.is-active, #wrapper #content .pagnation.postpagnation a.page.is-active {
    background-color: #1B69A6 !important;
}
/* Hover */
#wrapper #content .pagnation.threadpagnation a.page:hover, #wrapper #content .pagnation.postpagnation a.page:hover {
    color: white !important;
    background-color: #1B69A6 !important;
}



/* -= Quotes =- */
.ql-container.ql-snow .ql-editor postquote {
    border: 1px solid #888;
    background-color: #bdf;
}
.ql-container.ql-snow .ql-editor postquote .head {
    color:#0055c1;
    background-color: #ace;
    font-weight:bold;
}
.ql-container.ql-snow .ql-editor postquote .head a { color:#05a }
.ql-container.ql-snow .ql-editor postquote .head a:hover { text-decoration:underline }