Vau Dark by Suski75 by tangerinesun

/* ==UserStyle==
@name         Vau Dark by Suski75
@version      20220308.13.00
@namespace    userstyles.world/user/tangerinesun
@description  This is a dark style for https://forum.vau.fi.

Tämä on tumma teema https://forum.vau.fi -sivustolle.
@author       tangerinesun
@license      No License
==/UserStyle== */

@-moz-document domain("forum.vau.fi") {
div.adform-container,
div#rightAds,
#sandviks-globalmenu {
    display: none;
}

html,
body {
    background-color: #191919;
    color: #ffffff;
    font-size: 13px;
}
#content > .pageWidth {
    padding-left: 5px;
    padding-right: 5px;
}
::selection {
    background: rgba(255, 255, 255, .20);
}
::-moz-selection {
    background: rgba(255, 255, 255, .20);
}
.unreadLink {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.nodeIcon,
.redactor_btn_group a {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%) sepia(11%) saturate(1090%) hue-rotate(141deg) brightness(40%) contrast(95%);
}
.node .forumNodeInfo.unread .nodeIcon,
.node .categoryForumNodeInfo.unread .nodeIcon,
.jumpMenuTrigger,
.discussionListItem .iconKey .sticky {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%) sepia(11%) saturate(1090%) hue-rotate(141deg) brightness(100%) contrast(95%);
}
#logo img,
.xenOverlay a.close {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%) sepia(11%) saturate(1090%) hue-rotate(131deg) brightness(150%) contrast(95%);
}
.Popup .arrowWidget {
    filter: grayscale(100%) invert(100%) sepia(11%) saturate(1090%) hue-rotate(141deg) brightness(150%) contrast(95%);
}
.xenOverlay {
    resize: both;
    overflow: auto;
    width: 800px;
    background: #191919;
    max-width: 800px;
    height: fit-content;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 25px 50px;
}
/* backgrounds */
#forums {
    background-color: transparent;
    padding: 0;
    border: 0;
}
.nodeInfo {
    background-color: transparent !important;
}
.sidebar {
    background-color: #292929;
}
.discussionListItem,
.discussionList .discussionListItem:hover,
.discussionListItem:hover .stats,
.discussionListItem:hover .posterAvatar {
    background-color: transparent;
}
.discussionListItem .noteRow {
    background-color: transparent;
    color: #ffffff;
}

.avatar img {
    background-color: transparent;
    border: 2px solid #292929;
    border-radius: 0;
}
.messageUserBlock div.avatarHolder,
.descriptionUserBlock div.avatarHolder {
    background-color: #292929 !important;
    border-radius: 0;
}
.messageUserBlock .arrow,
.descriptionUserBlock .arrow,
.messageUserBlock .arrow span,
.descriptionUserBlock .arrow span {
    border: 0 !important;
}
.avatar .img {
    border: 2px solid #292929;
    border-radius: 0;
    background-color: #191919;
}
.discussionListItem .posterAvatar .miniMe img {
    border: 1px solid rgb(195, 195, 195);
    background: #000000;
    border-radius: 0;
}
.sidebar .visitorPanel .avatar img,
.avatarScaler img {
    border: 1px solid #000000;
    padding: 0;
}
.sidebar .visitorPanel .avatar {
    background-color: transparent;
}
.sidebar .visitorPanel .stats {
    background-color: transparent;
}
.sectionFooter {
    background: transparent;
    border: 0;
}
#DiscussionListOptionsHandle a {
    background: transparent;
    border: 0;
}
.DiscussionListOptions {
    border: 0;
}
.messageUserBlock,
.descriptionUserBlock {
    background: transparent !important;
    border: 0 !important;
}
.footer .pageContent {
    background-color: transparent;
}
.footer a {
    background-color: transparent !important;
}
.footer .choosers {
    padding: 0;
}
.sectionMain {
    background-color: transparent;
    border: 0;
    padding: 0;
}
.primaryContent {
    background-color: transparent;
    border: 0;
}
.secondaryContent {
    overflow: auto !important;
    background: transparent !important;
}
.nodeList .categoryStrip {
    background-color: #2D4263 !important;
    color: #ffffff;
    border-radius: 0px;
}
.node .nodeLastPost {
    border: 0;
}

/* breadcrumbs */
.breadcrumb {
    background-color: transparent;
    border: 0;
}
.breadcrumb .crust a.crumb {
    color: rgb(195, 195, 195);
    background-color: transparent;
}
.breadcrumb .crust:hover a.crumb {
    background-color: transparent;
}
.breadcrumb .crust .arrow {
    background-color: transparent;
    border-left-color: transparent;
}
.breadcrumb .crust .arrow span {
    border-width: 5px;
    top: -5px;
    border-left-color: rgb(195, 195, 195);
}
.breadcrumb .crust:hover .arrow span {
    border-left-color: rgb(195, 195, 195);
}
.breadcrumb .crust:hover {
    text-decoration: underline rgb(195, 195, 195) solid;
}
.breadcrumb .crust:first-child a.crumb {
    padding-left: 5px;
}

/* links */
a,
a:link,
a:visited,
a:focus,
a:active {
    color: #8dd2da;
}

a:hover {
    text-decoration: none !important;
}
a[href]:hover {
    color: #ffffff;
}
.nodeTitle a {
    color: #191919 !important;
}
.subForumsMenu .nodeTitle a {
    color: #8dd2da !important;
}
.primaryContent a {
    color: #8dd2da !important;
}
.primaryContent a:hover {
    color: #ffffff !important;
}

.nodeList .categoryStrip .nodeTitle {
    background-color: #8dd2da;
    display: inline-block;
    line-height: 17px;
    font-size: 14px;
    padding: 6px 12px 5px;
}
.nodeList .categoryStrip {
    background: transparent !important;
    border-radius: 0;
    padding: 0;
    border-width: 0 0 2px 0 !important;
    border-color: #8dd2da !important;
}
.nodeList .categoryForumNodeInfo a,
.nodeList .forumNodeInfo a {
    color: #8dd2da !important;
}
.nodeList .categoryForumNodeInfo a:hover,
.nodeList .forumNodeInfo a:hover {
    color: #ffffff !important;
}
.pairs dt,
.pairsInline dt,
.pairsRows dt,
.pairsColumns dt,
.pairsJustified dt {
    color: grey;
}
.nodeList .categoryForumNodeInfo,
.nodeList .forumNodeInfo,
.nodeList .pageNodeInfo,
.nodeList .linkNodeInfo {
    border-bottom: 1px solid rgb(195, 195, 195) !important;
    border-top: 0 solid rgb(195, 195, 195) !important;
    border-right: 0;
}
/* sidebar */
.sidebar .visitorPanel .username,
.sidebar .userList .username.invisible,
.sidebar .avatarList .username {
    color: #8dd2da;
}
.sidebar .visitorPanel .username:hover {
    color: #ffffff;
}
.sidebar .section .primaryContent h3,
.sidebar .section .secondaryContent h3,
.profilePage .mast .section.infoBlock h3 {
    border-bottom: 2px solid #8dd2da !important;
    background-color: transparent;
}
.node .tinyIcon {
    display: none;
}
.node .unread .nodeText .nodeTitle {
    font-weight: normal;
}
.sidebar .section .primaryContent h3 a,
.sidebar .section .secondaryContent h3 a,
.userList .secondaryContent h3 a,
.userList .secondaryContent h3 a:hover,
.staffOnline .secondaryContent h3 a,
.staffOnline .secondaryContent h3 a:hover {
    color: #191919 !important;
    /*background-color: #8dd2da;*/
    /*line-height: 17px;*/
    font-size: 14px !important;
    /*padding: 6px 12px 5px;*/
}
.membersOnline .footnote {
    color: grey;
}
.sidebar .section #boardStats h3,
.sidebar .section .avatarHeap h3 {
    color: #191919;
    background-color: #8dd2da;
    line-height: 17px;
    font-size: 14px !important;
    padding: 6px 12px 3px;
    display: inline-block;
    margin: 0;
}
.sidebar .section #boardStats .pairsJustified,
.sidebar .section .avatarHeap ol {
    padding-top: 5px;
    border-top: 2px solid #8dd2da !important;
    margin-top: 0;
}
.sidebar .visitorPanel .stats {
    color: white;
}
.sidebar .secondaryContent {
    border: 0;
}
/*tabs*/
.tabs {
    background: transparent;
    border-radius: 0;
    padding: 0;
    margin: 0;
    display: flex;
    list-style: none;
    justify-content: left;
}
.tabs {
    border-bottom: 2px solid #8dd2da !important;
}
.tabs li {
    border-radius: 0px;
    padding: 6px 0px 4px !important;
}
.tabs li a,
.tabs li a:hover,
.tabs.noLinks li,
.profilePage .tabs.mainTabs li a:hover {
    color: rgb(150, 150, 150) !important;
    background: transparent;
    line-height: 17px;
    font-size: 14px !important;
    padding: 6px 12px 5px !important;
    border-bottom-width: 0 !important;
    border: 0;
    border-radius: 0;
    margin: 0;
    display: initial;
}
.tabs li a:hover {
    color: #8dd2da !important;
}
.tabs li.active a,
.tabs li.active a:hover,
.tabs.noLinks li.active,
.profilePage .tabs.mainTabs li a.active:hover {
    color: #191919 !important;
    background: #8dd2da !important;
}

/* discussion list */
.discussionList .sectionHeaders {
    border-width: 0 0 2px 0;
    border-bottom: 2px solid #8dd2da !important;
    background: transparent !important;
}
.discussionList .sectionHeaders a {
    background: transparent !important;
}
.discussionList .sectionHeaders a.title span {
    color: #191919;
    background: #8dd2da !important;
    border: 0;
    line-height: 17px;
    font-size: 14px !important;
    padding: 6px 12px 3px;
    display: inline-block;
    margin-left: -52px;
}
.discussionList .sectionHeaders a span {
    color: #777;
    font-weight: normal;
    background: transparent !important;
    border: 0;
    line-height: 17px;
    font-size: 13px !important;
    padding: 6px 12px 3px;
}
.discussionListItem {
    border-color: rgb(210, 210, 210) !important;
    border-right: none;
}
.discussionListItem .stats dl {
    border-color: rgb(195, 195, 195);
}
.titleText .title a:link,
.titleText .title a:visited {
    color: #8dd2da !important;
}
.titleText .title a:hover {
    color: #ffffff !important;
}
/* pagenav */
.PageNav .pageNavHeader {
    padding: 1px 5px !important;
}
.PageNav a.currentPage {
    background: #777;
    border-color: #777 !important;
}
.PageNav a,
body .itemPageNav a {
    border: 0 !important;
    background: #8dd2da;
    color: #191919 !important;
    border-radius: 0px;
}
.PageNav a:hover,
body .itemPageNav a:hover,
.PageNav a:focus {
    border: 0 !important;
    background: #777;
    color: #191919 !important;
}
a.PageNavPrev,
a.PageNa...