// ==UserScript==
// @name Dreadcast Style Black & Transparent
// @namespace github.com/openstyles/stylus
// @version 1.2.0
// @description Plus de bleu criard! Transparence dans les fenêtres et un inventaire plus aéré.
// @author N2CV
// @grant GM_addStyle
// @run-at document-start
// @match https://www.dreadcast.net/Main
// @downloadURL https://update.greasyfork.icu/scripts/420472/Dreadcast%20Style%20Black%20%20Transparent.user.js
// @updateURL https://update.greasyfork.icu/scripts/420472/Dreadcast%20Style%20Black%20%20Transparent.meta.js
// ==/UserScript==

(function() {
let css = `
    /* Pseudo */
    #zone_fiche #txt_pseudo {
        color: #990000;
        font-family: monotype corsiva;
        font-size: 18px;
        font-weight: bold;
    }
    /* Couleur fond BG */
    #zone_page {
        background: #002c3e42;
    }
    /* Images de fond des bâtiments */
    #fondVille1 {
        background-image: url('https://i.imgur.com/iYP8DMJ.jpg') !important;
    }
    #fondVille2 {
        background-image: url('https://i.imgur.com/RAnWcA1.jpg') !important;
    }
    #fondVille3 {
        background-image: url('https://i.imgur.com/X7dZCoT.jpg') !important;
    }
    #fondMaison2 {
        background-image: url('https://i.imgur.com/9SRJpNj.jpg') !important;
    }
    #fondMaison3 {
        background-image: url('https://i.imgur.com/A90EMKM.jpg') !important;
    }
    #fondImmeuble1 {
        background-image: url('https://i.imgur.com/6E0XHfD.jpg') !important;
    }
    #fondImmeuble2 {
        background-image: url('https://i.imgur.com/A0hzVXz.jpg') !important;
    }
    #fondImmeuble3 {
        background-image: url('https://i.imgur.com/zk12S9e.jpg') !important;
    }
    #fondMort {
        background-image: url('https://i.imgur.com/3wRUU2q.jpg') !important;
    }
    #fondOI {
        background-image: url('https://i.imgur.com/r9FcmKu.jpg') !important;
    }
    #fondEntreprise {
        background-image: url('https://i.imgur.com/ECjCIjC.jpg') !important;
    }
    /* Taille police stats */
    #statistiques {
        font-family: Arial;
        font-size: 12px;
    }
    /* Boutons sous map */
    #zone_actions > div:hover > svg {
        border: 1px solid #cc6363;
        background: #4f0903;
    }
    #zone_actions > div.active > svg {
        border: 1px solid #cc6363;
        background: #2b0300;
    }
    /* Menu de gauche */
    #zone_fiche #img_avatar img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    #zone_fiche .barre_inv {
        border: 1px solid #ffffff8c;
    }
    #zone_fiche #barre_forme .barre_etat {
        background-color: #ff9933 !important;
    }
    #zone_fiche #barre_sante .barre_etat {
        background-color: #990000;
    }
    #zone_fiche #barre_experience:hover .barre_border {
        background: none;
    }
    #zone_fiche #barre_forme:hover .barre_border {
        background: none;
    }
    #zone_fiche .barre_border .fa-caret-right {
        background: transparent;
    }
    #zone_gauche_inventaire {
        background: none 0 0 no-repeat;
    }
    #zone_gauche {
        width: 100%;
        background-image: url(https://i.imgur.com/jmipu1D.png) !important;
        background-size: 100%;
    }
    /* Statistiques avec équipement */    
    #annexe_inventaire.fakeToolTip {
    right: -65%;
    top: 0%;
}
    /* Menu de droite */
    #zone_droite > .grid > .grid.top {
        background: none;
    }
    #zone_droite {
        background-image: url(https://i.imgur.com/C4yZ5hm.png) !important;
        background-size: 98%;
    }
    /* Fond Chat */
    #zone_chat_bg {
        background: transparent;
        box-shadow: none;
    }
    #zone_chat .delimiter {
        height: 100%;
    }
#chatForm {
    border: 1px solid #58dcf9;
    box-shadow: 0px 0px 2px 2px #cc6363;
}
    .hologram img {
        width: 0%;
    }
    /* Cases */
    .case_objet {
        border-color: rgb(255, 2, 20);
        border: .04rem solid #fff;
        box-shadow: 0 0 2px 0 #fff, 0 0 10px 0 #cc6363, 2px 2px 5px -1px #cc6363, inset 0 0 3px #fff, inset 0 0 5px 0 #f01;
    }
    .case_objet:hover {
        border-color: rgb(255, 255, 255);
        background-color: rgba(255, 255, 255, 0);
        box-shadow: 0 0 2px 0 #000, inset 0 0 3px #000;
    }
    .linkBox {
        color: #58dcf9;
        cursor: default;
    }
    .case_objet.active,
    .case_objet.active.linkBox,
    .case_objet.active.linkBox:hover,
    .case_objet.active:hover {
        box-shadow: 0 0 2px 0 #fff, inset 0 0 9px 0 #fff;
        background-color: rgba(255, 255, 255, .08);
        border-color: rgb(255, 255, 255);
    }
    .case_objet.case_main_hover,
    .case_objet.case_main_hover.linkBox {
        box-shadow: 0 0 2px 0 #fff, inset 0 0 3px #fff;
        background-color: rgba(255, 255, 255, .08);
        border-color: rgb(255, 255, 255);
    }
    /* Fond des cases meubles */
    .meuble_inventaire .case_objet.linkBox_vide {
        background-image: none !important;
    }
    span.couleur0 {
        color: #7f7f7f
    }
    .couleur4,
    .couleur4:hover {
        color: #7f7f7f
    }
    #zone_dataBox .meuble_inventaire .case_objet.linkBox_vide {
        border: none !important;
    }
    /* Fond conteneurs */
    .zone_conteneurs_displayed .conteneur .conteneur_content,
    #infoBox,
    .infoBoxFixed,
    #interface_achat.colorize {
        background-color: rgba(0, 0, 0, .75);
    }
    .dataBox .content {
        background-color: rgba(0, 0, 0, .75);
    }
    .case_objet.linkBox::before,
    .case_objet.linkBox::after {
        display: none;
    }
    /* Mise en forme Accomplissements */
    #zone_quete {
        background-image: url('https://i.imgur.com/WsS6ok4.png') !important;
    }
    /* Mise en forme des messages */
    #adresse_folder_list,
    #contact_folder_list,
    #folder_list {
        width: 100%;
    }
    #liste_messages {
        right: 119%;
        width: 160%;
        top: -360%;
    }
    #folder_list.closeOnClick {
    top: 30px;
}    
    div[id^="db_message_"] {
        background: transparent;
    }
    .avatar {
        width: 70px;
        height: 70px;
    }
    ul {
        background: #002c3e45;
    }
    .message_titre {
        color: #fff;
        font-family: Arial;
        font-size: 10px;
    }
    .dataBox .message .contenu {
        color: #ffffffd1;
        background: #002c3ec2;
    }
    .dataBox .message .zone_conversation .conversation {
        background: #002c3ec2;
    }
    .dataBox .message .zone_conversation .conversation .ligne2 {
        bottom: 5px;
    }
    .dataBox .message .zone_conversation .conversation .ligne1 {
        bottom: 5px;
    }
    form .longAreaInput textarea,
    form .mediumAreaInput textarea,
    form .smallAreaInput textarea,
    form .variableAreaInput textarea {
        background-color: #aeadae;
    }
    element.style {
}
.dataBox .message .zone_reponse .texte {
    width: 450px;
}
    /* Aitl */
    .dataBox {
        background: #002c3ec2;
    }
    /* Silmerion */
    .deck_main {
        width: 70vh;
        height: 37vh;
        font-family: "Lucida console", "Courier New";
        overflow: auto;
        max-width: 95vw;
        box-sizing: border-box;
    }
    /* Fixes */
    /* i really want this to be global */
    .inventaire_content .personnage_image {
        top: 10% !important;
        left: 20% !important;
    }
    /* Implant */
    .inventaire_content .zone_case-2 {
        left: 60% !important;
        top: 1% !important;
    }
    /* Equipement */
    /* Tête */
    .inventaire_content .zone_case1 {
        left: 0% !important;
        top: 1% !important;
    }
    /* Buste */
    .inventaire_content .zone_case5 {
        left: 0% !important;
        top: 21% !important;
    }
    /* Jambes */
    .inventaire_content .zone_case-1 {
        left: 0% !important;
        top: 41% !important;
    }
    /* Pieds */
    .inventaire_content .zone_case6 {
        left: 0% !important;
        top: 61% !important;
    }
    /* Secondaire */
    .inventaire_content .zone_case2 {
        left: 60% !important;
        top: 61% !important;
    }
    /* Armes */
    .inventaire_content .zone_case3 {
        left: 60% !important;
        top: 21% !important;
    }
    .inventaire_content .zone_case4 {
        left: 60% !important;
        top: 41% !important;
    }
    /* Sacs */
    .inventaire_content .zone_case7 {
        top: 1% !important;
        right: 1.5% !important;
    }
    .inventaire_content .zone_case8 {
        top: 21% !important;
        right: 1.5% !important;
    }
    .inventaire_content .zone_case9 {
        top: 41% !important;
        right: 1.5% !important;
    }
    /* RP */
    .inventaire_content .zone_case10 {
        left: 0% !important;
        top: -1700% !important;
    }
    .inventaire_content .zone_case11 {
        left: 20% !important;
        top: -1700% !important;
    }
    .inventaire_content .zone_case12 {
        left: 40% !important;
        top: -1700% !important;
    }
    .inventaire_content .zone_case13 {
        left: 60% !important;
        top: -1700% !important;
    }
    /* Utils */
    .inventaire_content #ciseauxInventaire {
        right: 9% !important;
    }
    .inventaire_content #poubelleInventaire {
        right: 9% !important;
    }
    .inventaire_content #statsInventaire {
        right: 0% !important;
    }
    .inventaire_content #stockInventaire {
        right: 0% !important;
    }
`;
if (typeof GM_addStyle !== "undefined") {
  GM_addStyle(css);
} else {
  const styleNode = document.createElement("style");
  styleNode.appendChild(document.createTextNode(css));
  (document.querySelector("head") || document.documentElement).appendChild(styleNode);
}
})();