Wolvden forest by wo_elfchen

/* ==UserStyle==
@name       ? - Mai 2024
@version    20240506.22.01
@namespace  ?
==/UserStyle== */

@-moz-document domain("wolvden.com") {
    #main, .main {
        background: rgba(0, 0, 0, 0.4) !important;
    }

    body {
        font-family: Garamond, serif !important; /* Added: Garamond font */
        background: url(https://images2.imgbox.com/b4/11/fuZXOQ9a_o.png) fixed !important;
        background-attachment: fixed !important; /* Corrected: Added */
        background-size: 100% !important;
        background-color: rgba(0, 0, 0, 0.4) !important;
        color: #837142 !important;
    }

    h1, h2, h3 {
        color: #837142 !important;
    }

    a:link, a:visited {
        color: #7A8766 !important;
    }

    a:hover, a:active {
        color: #837142 !important;
        transition: all ease 2s;
    }

    /* Nav */
    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        color: #7A8766 !important;
        background: black !important;
    }

    .breadcrumb-nav {
        background: #0E0906 !important;
        color: #7A8766 !important;
    }

    /* Sidebar */
    #sidebar, .index .sidebar {
        background: #0E0906 !important;
        color: #7A8766 !important;
    }

    #sidebar .card {
        border-bottom: none !important;
    }

    /* Main Tables */
    .table td {
        background: #0E0906 !important;
        color: #837142 !important;
    }

    .table .subheader, .pup {
        background: #837142 !important;
        color: black !important;
    }

    /* Other */
    .card {
        color: #7A8766 !important;
        background: #7A8766 !important;
    }

    .btn {
        background: #0E0906 !important;
        color: #837142;
        border: 1px solid black;
        transition: all ease 1s;
    }

    .btn:hover {
        background: #7A8766 !important;
        color: #837142;
        border: 1px solid black;
        transition: all ease 1s;
    }

    .btn-info {
        background: #0E0906 !important;
        color: #837142;
        border: 1px solid black;
        transition: all ease 1s;
    }

    .btn-info:hover {
        background: #7A8766 !important;
        color: black;
        border: 1px solid black;
        transition: all ease 1s;
    }

    .form-control {
        background: #0E0906 !important;
        color: #7A8766;
        transition: all ease 1s;
        border: none !important;
    }

    .form-control:focus {
        background: #837142 !important;
        color: #7A8766;
        transition: all ease 1s;
        border: none !important;
    }

    .note-editor.note-airframe .note-editing-area .note-editable,
    .note-editor.note-frame .note-editing-area .note-editable {
        background: #0E0906 !important;
        color: #7A8766;
        border: 1px solid black;
        transition: all ease 1s;
    }

    #header .navbar-status {
        background: #0E0906;
        color: #837142;
        border: none !important;
    }

    /* Chat Bar */
    .s-chat-message:nth-child(even) {
        background: #2F4A4C !important;
        color: #7A8766 !important;
    }

    .s-chat-message:nth-child(odd) {
        background: #0E0906 !important;
        color: #7A8766 !important;
    }

    #fra_chatContainer #txtChatInput {
        background: #0E0906 !important;
        color: #837142 !important;
        border: 1px solid black !important;
        transition: all ease 1s;
        border-radius: 15px;
    }

    .s-chat-sidebar#label_currentChannel {
        background: #7A8766 !important;
        color: black !important;
        border: 1px solid black !important;
        transition: all ease 1s;
    }

    .progress {
        background: #121412 !important;
        border: solid 1px black !important;
    }

    /* Alerts */
    .alert-info, .alert-success {
        background: #0E0906 !important;
        color: #AEAE7D !important;
        border: 1px solid #7A8766 !important;
        border-radius: 10px !important;
    }

    /* Table Headers */
    th, th.top {
        background: #0E0906 !important;
        color: #837142 !important;
    }

    /* Pagination */
    .page-link {
        background: #7A8766 !important;
        border-color: black !important;
    }

    .page-item.active .page-link {
        background: #0E0906 !important;
        border-color: black !important;
    }

    /* Footer and Header */
    #header .navbar-main, #footer {
        background: #0E0906 !important;
        color: #7A8766 !important;
    }

    /* Hoard Items */
    .hoard .item-foot, .hoard .item-head {
        background: #837142 !important;
    }

    .hoard .item {
        background: #7A8766 !important;
        border: none !important;
    }

    /* Pinned Chat Messages */
    #chatMessagePinned.s-chat-message__pinned {
        background: #000 !important;
        color: #7A8766 !important;
    }
}