/* ==UserStyle==
@name           Australine
@namespace      github.com/openstyles/stylus
@version        1.2.5
@description    A compact style for kraland.org
@author         clarasylke on discord
@homepageURL    https://github.com/ClaraLeh/css_kraland
@updateURL      https://claraleh.github.io/css_kraland/australine_kraland.user.css
==/UserStyle== */
@-moz-document domain("www.kraland.org"),
domain("test.kraland.org") {

    @media (prefers-color-scheme: dark) {
        :root {
            --bg-color-1: #363636;
            --bg-color-2: #515151;
            --bg-color-3: #717171;
            --lk-color-1: #fde263;
            --lk-color-2: #fff3c4;
            --tx-color-1: #e4e4e4;
            --tx-color-2: #c4c4c4;
            --tx-color-3: #a4a4a4;
            --bd-color-1: #616161;
        }

        body > div:nth-child(1) > div:nth-child(1) {
            content: url("http://img7.kraland.org/logo_dark.png");
        }

        .text-warning {
            color: #c6ac82;
            ;
        }

        .text-danger {
            color: #ea7d7a;
        }

        .text-primary {
            color: #7ab6ea;
        }

        /* changement des couleurs preset */
        font[color="5a5a5a"] {
            color: #9c9a9a;
        }
        font[color="gray"] {
            color: #7a7979;
        }
        font[color="d50000"] {
            color: #ff4c4c;
        }
        font[color="olive"] {
            color: #a4a427;
        }
        font[color="006f00"] {
            color: #4dc24d;
        }
        font[color="teal"] {
            color: #28adad;
        }
        font[color="5577bc"] {
            color: #86a7ea;
        }
        font[color="2b2be4"] {
            color: #6363ff;
        }
        font[color="navy"] {
            color: #6b6bcc;
        }
        font[color="purple"] {
            color: #ca2cca;
        }
        font[color="4B0082"] {
            color: #862ec6;
        }
        font[color="maroon"] {
            color: #be6c6c;
        }
        font[color="5e432d"] {
            color: #a04e4e;
        }
    }

    @media (prefers-color-scheme: light) {
        :root {
            --bg-color-1: #ffffff;
            --bg-color-2: #f4f4ea;
            --bg-color-3: #e8e0c0;
            --lk-color-1: #b9282d;
            --lk-color-2: #ff656a;
            --tx-color-1: #555;
            --tx-color-2: #666;
            --tx-color-3: #999;
            --bd-color-1: #ddd;
        }

        body > div:nth-child(1) > div:nth-child(1) {
            content: url("https://i.imgur.com/K2CDrAv.png");
        }
    }

    @media (max-width: 767px) {
        .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            background-color: var(--bg-color-3);
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
    }

    html {
        background-color: var(--bg-color-1);
    }

    body {
        background-color: var(--bg-color-1);
        color: var(--tx-color-1);
    }

    select {
        background-color: var(--bg-color-2) !important;
    }

    a {
        color: var(--lk-color-1);
        background-color: unset;
    }

    .map-box {
        background-color: var(--bg-color-2);
    }
    
    .map-box-title {
        background-color: var(--bg-color-3);
    }
    
    a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
        color: var(--tx-color-1);
    }

    a.ds_user i,
    .ds_user h4.list-group-item-heading {
        color: var(--lk-color-1);
    }

    a.list-group-item.ds_user {
        height: 50px;
        box-sizing: content-box;
    }

    a.list-group-item.alert {
        height: 50px;
        box-sizing: content-box;
    }

    a.list-group-item.alert i {
        top: 10px;
    }

    a.list-group-item.ds_forum .label {
        padding: .3em;
    }
    a.list-group-item.ds_forum .list-group-item-text {
        margin-top: 0.3em;
    }

    .img-thumbnail {
        background-color: var(--bg-color-1);
        border: 1px solid var(--bd-color-1);
    }

    .chat li .chat-body p {
        color: var(--tx-color-2);
    }

    .text-muted {
        color: var(--tx-color-3);
    }

    .panel {
        background-color: var(--bg-color-1);
    }

    .panel-primary {
        border-color: var(--bd-color-1);
    }

    .panel-default > .panel-heading {
        color: var(--tx-color-1);
    }

    .panel-footer {
        padding: 10px 15px;
        background-color: var(--bg-color-2);
        border-top: 1px solid var(--bd-color-1);
    }

    footer div div:nth-child(2) {
        color: var(--lk-color-1);
    }

    a:hover,
    a:active,
    a:focus {
        color: var(--lk-color-2);
        text-decoration: none;
    }

    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:focus,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:focus,
    .navbar-inverse .navbar-nav > .active > a:hover {
        color: var(--lk-color-2);
        background-color: unset;
    }

    .navbar-inverse .navbar-nav > li > a:focus,
    .navbar-inverse .navbar-nav > li > a:hover {
        color: var(--lk-color-2);
        background-color: unset;
    }

    a.list-group-item:focus,
    a.list-group-item:hover,
    button.list-group-item:focus,
    button.list-group-item:hover {
        background-color: var(--bg-color-1);
        color: var(--tx-color-2);
    }

    a.list-group-item,
    button.list-group-item {
        color: var(--tx-color-1);
    }

    .bg-primary {
        color: var(--lk-color-1);
        background-color: var(--bg-color-3);
    }

    .bg-info {
        color: var(--lk-color-1);
        background-color: var(--bg-color-2);
    }


    .pagination > li > a,
    .pagination > li > a:active,
    .pagination > li > a:visited,
    .pagination > li > span,
    .pagination > li > span:active,
    .pagination > li > span:visited {
        color: var(--lk-color-1);
        background-color: inherit;
        border: 1px solid var(--bg-color-3) !important;
    }

    .pagination > li > a:hover,
    .pagination > li > span:hover {
        color: var(--lk-color-2);
        background-color: inherit;
        text-decoration: none;
    }

    .pagination > .active > a {
        color: var(--lk-color-1);
        background-color: inherit;
        border-color: inherit;
    }

    .pagination > .active > a:hover {
        color: var(--lk-color-2);
        background-color: inherit;
        text-decoration: none;
        border-color: inherit;
    }

    .pagination > .disabled > a {
        background-color: inherit;
        color: var(--bd-color-1);
    }

    .pagination > .disabled > a:hover {
        background-color: inherit;
        color: var(--bd-color-1);
    }

    .pagination > .disabled > a:visited {
        background-color: inherit;
        color: var(--bd-color-1);
    }

    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_processing,
    .dataTables_wrapper .dataTables_paginate {
        color: var(--tx-color-1);
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        box-sizing: border-box;
        display: inline-block;
        min-width: 1.5em;
        padding: 0.5em 1em;
        margin-left: 2px;
        text-align: center;
        text-decoration: none !important;
        cursor: pointer;
        color: var(--lk-color-1) !important;
        background: inherit !important;
        border: 1px solid var(--bg-color-3) !important;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        color: var(--lk-color-2) !important;
        background: unset !important;
        text-decoration: none;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
        color: var(--tx-color-3) !important;
        background: unset !important;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.current,
    .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
    .dataTables_wrapper .dataTables_paginate .paginate_button.current:active {
        color: var(--bg-color-1) !important;
        background-color: var(--lk-color-1) !important;
    }

    div#col-right tbody tr:nth-child(odd) {
        background-color: var(--bg-color-2) !important;
    }

    div#col-right tbody tr:nth-child(odd) li:hover {
        background-color: var(--bg-color-1) !important;
    }

    div#col-right tbody tr:nth-child(even) li:hover {
        background-color: var(--bg-color-2) !important;
    }

    div#col-right tbody tr:has(.fa-folder,
    .active) td:nth-child(1) p {
        font-weight: 550;
    }

    div#col-right thead {
        display: none;
    }

    div#col-right tbody tr td {
        border-top: none;
    }

    div#col-right tbody tr td:nth-child(1) p {
        display: flex;
        align-items: center;
    }

    body > div:nth-child(1) {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

    div#col-right tbody tr td:nth-child(1) p :is(span,
    a,
    i) {
        display: flex;
        align-self: center;
        margin-right: 3px;
    }

    .panel-heading {
        background-color: var(--bg-color-3) !important;
    }

    .panel-default {
        border-color: var(--bd-color-1);
    }

    .panel-default > .panel-heading {
        border-color: var(--bd-color-1);
    }

    .label-default {
        background-color: var(--bg-color-3) !important;
        color: var(--lk-color-1);
    }

    label {
        margin-bottom: 0px;
    }

    .table > tbody > tr > td,
    .table > tbody > tr > th,
    .table > tfoot > tr > td,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > thead > tr > th,
    table.dataTable tbody th,
    table.dataTable tbody td {
        padding: 5px 1px 5px 9px;
    }


    .panel-body.panel-news {
        padding: 8px;
    }

    .panel-body.panel-news td:nth-child(1) {
        padding-right: 5px;
    }

    .panel-news .label-warning::after {
        content: "\a";
        white-space: pre;
    }

    .invisible {
        display: none !important;
    }

    #topics_wrapper div {
        margin: 5px 8px 5px 8px;
    }

    #topics_paginate {
        padding-top: 0px;
    }

    #topics_info {
        padding-top: 0.5em;
    }

    .navbar-inverse {
        background-color: var(--bg-color-3);
        border-color: var(--bg-color-1);
    }

    .navbar-inverse .navbar-nav > li > a,
    .navbar-inverse .navbar-header a.navbar-brand {
        color: var(--lk-color-1);
    }

    /*    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:focus,
    .navbar-inverse .navbar-nav > .active > a:hover {
        color: var(--bg-color-1);
    } */
    .list-group-item.active,
    .list-group-item.active:focus,
    .list-group-item.active:hover {
        z-index: 2;
        color: var(--lk-color-1);
        background-color: var(--bg-color-3);
        border-color: var(--bd-color-1);
    }

    .dropdown-menu {
        background-color: var(--bg-color-3);
    }

    .dropdown-menu > li > a {
        color: var(--tx-color-1);
    }

    .dropdown-header {
        color: var(--lk-color-2);
    }

    .footer-quote {
        color: var(--lk-color-1);
        padding-top: 15px;
    }

    .well {
        border-color: var(--bd-color-1);
        background-color: var(--bg-color-3);
    }

    .form-control {
        background-color: var(--bg-color-2);
        color: var(--tx-color-1);
        border-color: var(--bd-color-1);
    }

    #slide-submenu {
        background: var(--bg-color-2);
    }

    .list-group-item {
        background-color: var(--bg-color-2);
        border-color: var(--bg-color-3);
    }

    a.list-group-item,
    button.list-group-item {
        background-color: var(--bg-color-2);
        border-color: var(--bg-color-3);
    }

    .navbar-nav li.active a.dropdown-toggle,
    .navbar-nav li.active a.dropdown-toggle:hover {
        background-color: var(--lk-color-1);
    }

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:focus,
    .nav-tabs > li.active > a:hover {
        color: var(--tx-color-1);
        background-color: var(--bg-color-3);
        border-color: var(--bd-color-1);
    }

    .nav-tabs {
        border-bottom: 1px solid var(--bd-color-1);
    }

    ul.media-list.forum li.media.well {
        background-color: var(--bg-color-2);
    }

    .btn-default,
    .btn-primary {
        color: var(--tx-color-1);
        background-color: var(--bg-color-2);
        border-color: var(--bd-color-1);
    }

    .btn-default:hover,
    .btn-primary:hover {
        color: var(--tx-color-1);
        background-color: var(--bg-color-1);
        border-color: var(--bd-color-1);
    }

    .user-info {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .user-info > img.img-thumbnail {
        display: flex;
        align-self: center;
        width: 120px;
        padding: 0px;
        border-radius: 8px;
        transition: all .2s ease-in-out;
        max-width: 100%;
        height: auto;
        background-color: var(--bg-color-1);
        border: 1px solid var(--bd-color-1);
    }

    .user-info > strong {
        display: flex;
        align-self: center;
        margin-top: 5px;
    }

    .user-info > .cartouche > strong {
        display: flex;
        align-self: center;
        margin-top: 5px;
    }

    .user-info > .cartouche {
        display: flex;
        align-self: center;
        flex-direction: column;
        margin-top: 5px;
    }

    .user-info > .cartouche div {
        margin-top: 5px;
    }

    .user-info > .cartouche > div:nth-child(1) {
        width: 80px;
        max-width: 100%;
        height: auto;
    }

    .user-info > .cartouche > div:nth-child(1) > img {
        display: flex;
        align-self: center;
        width: 80px;
        max-width: 100%;
        height: auto;
        margin-bottom: 2px;
    }

    .tracker > .tracker-step > .tracker-stepnum {
        color: var(--tx-color-2);
    }

    .tracker > .tracker-step > .tracker-info {
        color: var(--tx-color-3);
    }

    blockquote {
        padding: 10px 20px;
        margin: 0 0 20px;
        font-size: 17.5px;
        border-left: 5px solid var(--bg-color-3);
    }

    /*   
    // CUSTOM FLAG ON FORUM
    
    .cartouche:has(a[href="communaute/membres/---"])>div:nth-child(1)>img {
        display: none;
    }
    
    .cartouche:has(a[href="communaute/membres/---"])>div:nth-child(1)::after {
        content: '';
        background-image: url(---);
        background-size: 80px;
        display:flex;
        align-self: center;
        width:80px;
        height:26px;
    }
*/
    /*
    // CUSTOM AVATAR FOR FAMILIARS
    
    a[data-original-title="--- [archange ven.] (60/60 PV)"] {
        
    }
    
    a[data-original-title="--- [archange ven.] (60/60 PV)"]>img {
        display:none;
    }
    
    a[data-original-title="--- [archange ven.] (60/60 PV)"]::before {
        content:'';
        background-image: url(---);
        background-size: 32px;
        display:block;
        align-self: center;
        width: 32px;
        height: 32px;
        float: left !important;
    }  
    
*/
    .cartouche {
        font-size: unset;
    }

    ul.media-list.forum div.pull-left {
        padding: 0px;
        margin-right: 20px;
    }
}
@-moz-document regexp("http://.*\\.kraland\\.org/forum/.*") {

    /* toute la partie forum */
    .panel-body {
        padding: 0px;
    }
}
@-moz-document regexp("http://.*\\.kraland\\.org/contacts") {

    /* contacts*/
    table#topics td:nth-child(5) {
        text-align: right;
        padding-right: 10px;
    }

    table#topics .btn-default,
    .btn-primary {
        background-color: unset;
        border: none;
    }
}

@-moz-document regexp("http://.*\\.kraland\\.org/profil/notes") {

    /* contacts*/
    .panel.panel-default {
        background-color: var(--bg-color-2);
    }

    .news-item {
        margin: 0px;
        padding: 20px;
        border-bottom: 3px dashed var(--bd-color-1);
    }
}
@-moz-document regexp("http://.*\\.kraland\\.org/map.*") {

    .pagination a:has(select) {
        padding: 5px;
        /* fix moche mais flemme de chercher le bon */
    }

    .pagination > .disabled > a {
        color: var(--tx-color-2);
    }

    .panel-body {
        background-color: var(--bg-color-2);
    }

    .page-header {
        padding-left: 20px;
    }

    .genmsg {
        /* je juge pas les 20 <br> promis */
        padding: 3px 0px 3px 36px;
        border-top: 1px solid var(--bd-color-1);
        border-bottom: 1px solid var(--bd-color-1);
        background: url("/v7_img/gen.gif") no-repeat;
        font-size: 11px;
        color: var(--tx-color-3);
        text-align: right;
        position: absolute;
        width: 625px;
        left: 200px;
        top: 655px;
        /*(120+530) */
    }

    .mini {
        color: #333;
    }
}
@-moz-document regexp("http://.*\\.kraland\\.org/forum/(?!top20)[^/]*") {

    /*      regexp targets forum/???  sauf top20     */
    div#col-right tbody tr td:nth-child(2)::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f07c  ";
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
    }

    div#col-right tbody tr td:nth-child(3)::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f075  ";
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
    }

    div#col-right tbody tr td:nth-child(1) {
        width: 55%;
    }

    .tagforum {
        display: flex;
        align-items: center;
    }

    .tagforum i {
        margin-right: 3px;
    }

    .tagforum span {
        display: flex;
        align-self: center;
        margin-left: 3px;
    }

    .tagforum a {
        margin-left: 3px;
    }
}

@-moz-document regexp("http://.*\\.kraland\\.org/forum/[^/]*/(?!repondre)(?!nouveau)[^/]*") {

    /*      regexp targets forum/???/???         */
    div#col-right tbody tr td:nth-child(2)::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f075  ";
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
    }

    div#col-right tbody tr td:nth-child(3)::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f06e  ";
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
    }

    div#col-right tbody tr td:nth-child(1) {
        width: 55%;
    }

    ul.pagination.pagination-xsm.nomargin > li > a {
        font-size: 9px;
        padding: 1px 4px;
    }

    p.nomargin.mini a.btn.btn-default {
        font-size: 10px;
    }

    i.fa.fa-lock {
        font-size: 12px;
    }
}
@-moz-document regexp("http://.*\\.kraland\\.org/forum/post/[^/]*") {

    /*      regexp targets forum/post/???         */
    div#col-right tbody tr:nth-child(odd) {
        background-color: var(--bg-color-2) !important;
    }

    div#col-right tbody tr:nth-child(odd) li:hover {
        background-color: var(--bg-color-2) !important;
    }

    div#col-right tbody tr:nth-child(even) li:hover {
        background-color: var(--bg-color-2) !important;
    }

    div.col-sm-10 span.dropdown.open td a[href="#"] img {
        background-color: var(--bg-color-2);
        border-color: var(--bg-color-2);
    }

    span.dropdown.open .dropdown-menu {
        background-color: var(--bg-color-2);
    }
}

@-moz-document domain("test.kraland.org") {

    @media (prefers-color-scheme: dark) {
        :root {
            --bg-color-3: #c45500;
        }

        body > div:nth-child(1) > div:nth-child(1) {
            content: url("https://i.imgur.com/3lcAw5C.png");
        }
    }

    @media (prefers-color-scheme: light) {
        :root {
            --bg-color-3: #ffa54a;
        }

        body > div:nth-child(1) > div:nth-child(1) {
            content: url("https://i.imgur.com/gyygYyR.png");
        }
    }
}