AVN JVC Dark by tigriz

/* ==UserStyle==
@name           AVN JVC Dark
@namespace      https://github.com/tigriz
@author         Tigriz
@description    `AVN dans le style JVC Respawn`
@version        1.1.18
@license        CECILL-2.1
==/UserStyle== */
@-moz-document domain("avenoel.org") {

    @import url('https://rsms.me/inter/inter.css');

    body {
        color: #c8c8c9;
        font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji !important;
        font-feature-settings: 'ss02', 'calt', 'ccmp';
        background-color: #171a21;
    }
    section.aside ul li a {
        color: #bebab5
    }
    .main-container .container-content section {
        background: #2f3136
    }
    .breadcrumb {
        border-bottom: 1px solid #3e3d3d;
        background-color: #2f3136
    }
    .breadcrumb > .active {
        color: #999
    }
    .table-striped > tbody > tr:nth-of-type(2n + 1) {
        background-color: #33353a
    }
    .table > thead {
        background-color: #3f4447;
        color: #e8e8e8
    }
    a {
        color: #c7d9ff;
        text-decoration: none
    }
    a:hover,
    a:focus {
        color: #80b0ff;
        text-decoration: underline
    }
    .topics-author a {
        color: #eee
    }
    tr.active,
    tr.active td {
        background: #523030!important
    }
    .bbcodes {
        border: 1px solid #282826;
        background: #2a2a2a
    }
    input.form-control,
    input.form-control[disabled],
    input.form-control[readonly],
    fieldset[disabled] input.form-control,
    select.form-control,
    fieldset[disabled] select.form-control,
    textarea.form-control {
        color: #f6f6f6;
        background-color: #484b51;
        border: 1px solid #282826;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
    }
    .btn:hover,
    .btn:focus,
    .btn.focus {
        color: #ddd
    }
    .topic-message {
        color: #e8e8e8
    }
    .topic-message {
        background: #4b4b4e;
        border: 1px solid #1f1b1d
    }
    .preview {
        border: 1px dashed #2f6fab;
        color: #ddd;
        background-color: #4b4e54
    }
    .topic-message.odd {
        background: #454b54;
        border: 1px solid #181b24
    }
    .topic-message .message-header .message-username {
        color: #d8d8d8
    }
    .bbcodes button:hover {
        color: #ddd
    }
    .bbcodes button {
        color: #888
    }
    .chat-box .chat-message {
        color: #ddd;
        overflow: hidden
    }
    .chat-box .chat-message .chat-message-username a {
        color: #ccc
    }
    .chat-form {
        background: #2c3a49
    }
    .profile .profile-title {
        color: #eee
    }
    .btn-primary {
        color: #fff;
        background-color: #1a0f5a;
        border-color: transparent
    }
    section .pagination a {
        color: #ccc
    }
    .pagination > li > a:hover,
    .pagination > li > a:focus,
    .pagination > li > span:hover,
    .pagination > li > span:focus {
        color: #91caf4;
        background-color: #43454a;
        border-color: #ddd
    }
    section .pagination a:hover {
        background: inherit
    }
    .btn-primary:focus,
    .btn-primary.focus {
        color: #fff;
        background-color: #13227d;
        border-color: transparent
    }
    .btn-primary:hover {
        color: #fff;
        background-color: #13227d;
        border-color: transparent
    }
    .btn-danger {
        color: #fff;
        background-color: #501d0a;
        border-color: #501d0a
    }
    .btn-danger:hover {
        color: #fff;
        background-color: #740e0e;
        border-color: #740e0e
    }
    .btn-danger:focus,
    .btn-danger.focus {
        color: #fff;
        background-color: #740e0e;
        border-color: #740e0e
    }
    .spoiler .spoiler-btn {
        color: #a7c9ff!important
    }
    .topic-moderation .topic-darken {
        background: #111;
        border-color: #111
    }
    .topic-moderation .topic-darken:hover {
        background: #232323;
        border-color: #232323
    }
    .topic-moderation .topic-darken:focus {
        background: #232323;
        border-color: #232323
    }
    .bottombar ul {
        background: rgba(140, 50, 50, .7)
    }
    .topic-pm-user {
        color: #fff!important
    }
    .form-control {
        color: #f6f6f6;
        background-color: #484b51
    }
    .form-control:focus {
        border-color: #373737
    }
    :root {
        --block-background: rgba(47, 49, 54, 0.9);
        --quote-primary-background: #7b6b5e;
        --quote-primary-border-color: #795850;
        --quote-secondary-background: #556b84;
        --quote-secondary-border-color: #376383;
        --quote-color: #000;
        --quote-link-color: #ddd;
        --risibank-image-background: transparent;
        --popup-color: #dddddd;
        --popup-background: #444444;
        --on-surface-emphasis: var(--gray-400);
        --on-surface-emphasis2: var(--gray-100)
    }

    /* Navbar and footer */
    .navbar,
    .footer {
        background-image: url('https://i.imgur.com/hgRiRbm.gif')!important;
        background-color: #171a21;
        border-radius: 0 !important;
        border-bottom: 0 !important;
        border-top: 0;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #c7c7c7!important;
        font-size: 18px!important;
        font-weight: 800!important;
    }

    .navbar-inverse .navbar-nav > li > a:hover {
        transition: all 0.3s linear;
        color: #fff!important;
        font-weight: 700;
        background-color: #080808b0!important;
    }

    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:hover,
    .navbar-inverse .navbar-nav > .active > a:focus {
        color: #fff!important;
        background-color: #080808b0!important;
    }

    .navbar .navbar-logo img {
        background-image: url('https://i.imgur.com/NUe8maw.png');
        width: 105px;
        height: 21px;
        padding-right: 105px!important;
        margin: 3px 0 0 30px !important;
    }

    .navbar-logo {
        margin-top: -5px !important;
    }

    .main-container .container-content section,
    .chat-form {
        background: #21242b;
    }

    /* Right section removing list ">" */
    section.aside ul li:before {
        content: '';
    }

    /* Chat */
    .chat-message {
        font-size: 12px;
    }

    .chat-box {
        height: unset;
        max-height: 380px;
    }

    .table > thead,
    .bbcodes {
        background: #171a21;
        border: 1px solid #171a21;
    }

    .table-striped > tbody > tr:nth-of-type(2n + 1),
    input.form-control,
    input.form-control[disabled],
    input.form-control[readonly],
    fieldset[disabled] input.form-control,
    select.form-control,
    textarea.form-control {
        background-color: #282b32;
    }

    input.form-control,
    input.form-control[disabled],
    input.form-control[readonly],
    fieldset[disabled] input.form-control,
    select.form-control,
    textarea.form-control {
        border: 1px solid #282b32;
    }

    textarea.form-control {
        resize: vertical;
        min-height: 150px;
    }

    .form-control:focus {
        border-color: #32353c;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #32353c88;
    }

    #app > div > a,
    .pull-right > section:nth-child(2),
    .pull-right > section.aside > img,
    .pull-right > section.aside > a,
    .bloc-title,
    .message-infos,
    .breadcrumb,
    .profile-secondary-title,
    .profile-infos tbody tr:first-child,
    .visible-xs.avatar-thumb,
    a[href*="https://brave.com/"] {
        display: none !important;
    }

    a {
        text-decoration: unset !important;
    }


    .pull-right > section.aside > audio {
        width: 100% !important;
    }

    .forum-tools {
        padding: 0 30px;
    }

    .processing .glyphicon {
        animation: processing .2s linear 0s infinite;
    }

    .aside ul {
        display: grid;
    }

    .forum-tools .left-tools input.form-control {
        max-width: unset;
        display: inline;
    }

    label {
        display: unset;
    }

    hr {
        margin-top: 10px;
        margin-bottom: 10px;
        border: 0;
        border-top: 1px solid #2b2e35;
    }

    .left-tools {
        margin-top: -1px
    }

    .forum-tools {
        margin-bottom: -10px;
    }

    @media (max-width: 470px) {
        .forum-tools,
        .forum-tools .left-tools,
        .form-inline,
        .forum-tools .left-tools .form-group {
            display: flex;
        }

        .forum-tools .left-tools input.form-control {
            width: 100%;
        }

        .forum-tools .left-tools .form-group,
        .left-tools {
            padding-right: 2px !important;
        }

        .forum-tools .left-tools .form-group:last-child {
            display: contents;
        }
    }

    .topic-message,
    .preview {
        border: .0625rem solid #171a21 !important;
        border-radius: 0;
        background-color: #282b32 !important;
    }

    .topic-icon > a > img {
        margin-top: -4px;
        margin-bottom: 0;
    }

    /* Topics */
    .message-header {
        height: 68px !important;
        padding-left: 55px;
        display: flex;
        border-bottom: .0625rem dotted #171a21 !important;
    }

    .topic-title {
        text-align: inherit;
        font-weight: 700;
        font-size: 1.125rem;
        margin: 10px 0;
    }

    tr.active,
    tr.active td {
        background: #ff000030 !important;
    }

    @media (min-width: 991px) {
        .topics tbody tr td a {
            display: block;
        }
    }

    .topic-favorize {
        font-size: 0.7em;
        vertical-align: baseline;
    }

    section .pagination {
        margin-bottom: 0;
    }

    section .pagination li {
        display: inline-block;
        font-weight: bold;
    }

    section .pagination li.subactive {
        border-botto...