Tanki Forum Dark by doomersson

/* ==UserStyle==
@name           Tanki Forum Dark
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    small effort
@author         doomersson


==/UserStyle== */

@-moz-document domain("tankiforum.com") {


.ipsLayout-header-bg {
    background: linear-gradient(180deg, #00000080 0%, #0000 100%);
}
.background-mx {
    background: url("null");
}
body {
    background-color: rgb(0, 0, 0);
}
.background-alpha {
    background: #000000f5;
    opacity: .95;
}
.top-line-bg {
    background: #0000003b;
    border-bottom: 1px solid #ffffff4d;
}
.top-line-bg.top-line-bgr-scroll {
    opacity: 1;
    background: #0f0f0f;
    box-shadow: 0 0 20px #000;
}
#ipsLayout_header nav {
    background: #0000007a;
}
.ipsNavBar_primary > ul > li.ipsNavBar_active > .ipsNavBar_secondary, .ipsJS_none .ipsNavBar_primary > ul > li > a:hover + .ipsNavBar_secondary {
    background: #232323;
}
#ipsLayout_header nav::after {
    height: 49px;
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #232323;
    border-right: 1px solid #232323;
    border-left: 1px solid #232323;
    border-bottom: 1px solid #232323;
}
.ipsNavBar_primary {
    border-top: 1px solid #232323;
    border-right: 1px solid #232323;
    border-left: 1px solid #232323;
}
#elSearch {
    background: #1a334600;
    border: 1px solid #888888;
    border-radius: var(--radius-1);
}
.cSearchFilter__menu {
    background-color: #0f0f0f;
}

.ipsType_sectionTitle {
    background: #0f0f0f;
}
.ipsBox, #ipsLayout_mainArea > .ipsForm[action$='do=edit'] > .ipsForm {
    background: #232323;
    border: 1px solid #232323;
}
.ipsType_richText.ipsContained, [data-role="editorComposer"] {
    color: #b9b9b9;
}

.ipsMenu_title {
    background: #0000007a;
}
.ipsMenu {
    background: #232323;
    box-shadow: 0px 10px 30px #fff3;
    border: #232323;

}
.cNotifcationPrompt {
    background: #0f0f0f;
}
.cNotificationTypes__row:not(.cNotificationTypes__row--selected):hover {
    background: #f7fafc33;
}
#elProfileStats {
    background: #232323;
}
.ipsStreamItem_contentBlock:not( .ipsBox ) {
    background: #0f0f0f;
}
.ipsType_light {
    color: #8d8d8d;
}
a.ipsType_blendLinks, .ipsType_blendLinks a {
    color: #b0b0b0;
}
.ipsQuote_citation, .ipsSpoiler_header {
    background: #0f0f0f;
}
.ipsReact_types ul {
    background: #0f0f0f;
}
body.ipsApp_noTouch .ipsReact_types:hover .ipsReact_button, body:not( .ipsApp_noTouch ) .ipsReact_types.ipsReact_types_active .ipsReact_button {
    background: #0f0f0f;
}
.cMessage.ipsDataItem_read {
    background-color: #0000007a;
}
.ipsHovercard {
    background: #0f0f0f;
    box-shadow: var(--popup--boxShadow);
    border: #0000007a;
}
.ipsHovercard:not( .ipsHovercard_noStem ) .ipsHovercard_stem {
    color: #0f0f0f;
}
.ipsModal {
    background: rgb(8 8 8 / 70%);
}
.ipsDialog > div {
    display: block;
    width: 90%;
    max-width: 1200px;
    background: #0f0f0f;
    margin: 3% auto 0 auto;
    box-shadow: 0px 10px 30px #fff3;
    position: relative;
    border-radius: var(--radius-2);
}
.ipsQuote, .ipsSpoiler, .ipsStyle_spoiler {
    background: rgb(55 55 55 / 30%);
}
.ipsPagination .ipsPagination_page.ipsPagination_active a {
    background: rgb(0 0 0 / 30%);
}
.ipsTabs {
    background: #0f0f0f;
}
.ipsTabs_activeItem {
    background: #232323;
}
.ipsTabs_panels.ipsTabs_contained {
    border: 1px solid #232323;
    background-color: rgb(35 35 35);
}
.ipsButtonBar .ipsButtonRow li > a, .ipsButtonBar .ipsButtonRow li > button, .ipsButtonBar .ipsButtonRow li > span {
    background: #0f0f0f;
}
.cRatingColumn_on {
    background: #0f0f0f;
}
.ipsApp .ipsField_autocomplete, .ipsApp textarea, .ipsApp input[type="text"], .ipsApp input[type="password"], .ipsApp input[type="datetime"], .ipsApp input[type="datetime-local"], .ipsApp input[type="date"], .ipsApp input[type="month"], .ipsApp input[type="time"], .ipsApp input[type="week"], .ipsApp input[type="number"], .ipsApp input[type="email"], .ipsApp input[type="url"], .ipsApp input[type="search"], .ipsApp input[type="tel"], .ipsApp .ipsField_dummy {
    background-color: #1e1e1e;
    border: 1px solid #b9b9b9;
}
.ipsSideMenu_itemActive a, a.ipsSideMenu_itemActive, span.ipsSideMenu_itemActive, .ipsSideMenu_withChecks .ipsSideMenu_item > input[type="checkbox"]:checked ~ a, .ipsSideMenu_withChecks .ipsSideMenu_item > input[type="checkbox"]:checked ~ span, .ipsSideMenu_withRadios .ipsSideMenu_item > input[type="radio"]:checked ~ a, .ipsSideMenu_withRadios .ipsSideMenu_item > input[type="radio"]:checked ~ span {
    background: rgb(77 77 77);
}
.ipsSideMenu_item:not( .ipsSideMenu_itemActive ) a:hover, a.ipsSideMenu_item:not( .ipsSideMenu_itemActive ):hover, span.ipsSideMenu_item:not( .ipsSideMenu_itemActive ):hover {
    background: rgb(12 12 12 / 50%);
}
}