Skin black transparent by narkiss

/* ==UserStyle==
@name           Dreadcast Style Black & Transparent
@namespace      github.com/openstyles/stylus
@version        1.2.2
@description    Plus de bleu criard! Transparence dans les fenêtres et un inventaire plus aéré.
@author         N2CV
==/UserStyle== */

@-moz-document url("https://www.dreadcast.net/Main") {
/* Pseudo */
  #zone_fiche #txt_pseudo
  {
    color: #46f9e9;
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
  }
    /* Couleur fond BG */
  #zone_page
  {
    background: #002c3e45;
  }
    /* 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: 8px;
  }
    /* Boutons sous map */
  #zone_actions > div:hover > svg
  {
    border: 1px solid #fff;
    background: #0b1af0;
  }

  #zone_actions > div.active > svg
  {
    border: 1px solid rgb(255, 255, 255);
    background: #0b1af0;
  }
    /* 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 #000;
  }

  #zone_fiche #barre_forme .barre_etat
  {
    background-color: #0b1af0d1 !important;
  }

  #zone_fiche #barre_sante .barre_etat
  {
    background-color: #0b1af0d1;
  }

  #zone_fiche #barre_experience:hover .barre_border
  {
    background-color: #0b1af0d1;
  }

  #zone_fiche #barre_forme:hover .barre_border
  {
    background: none;
  }

  #zone_fiche .barre_border .fa-caret-right
  {
    background: #dc0c0c;
  }

  #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%;
  }
    /* 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%;
  }

  .hologram img
  {
    width: 0%;
  }
    /* Cases */
  .case_objet
  {
    border-color: rgb(226, 28, 28);
    border: .04rem solid #0b1af0;
    box-shadow: 0 0 2px 0 #fff, 0 0 10px 0 #0b1af0, 2px 2px 5px -1px #46f9e9, inset 0 0 3px #46f9e9, inset 0 0 5px 0 #0b1af0;
  }

  .case_objet:hover
  {
    border-color: #46f9e9;
    background-color: rgb(226, 28, 28);
    box-shadow: 0 0 2px 0 #dc0c0c, inset 0 0 3px #dc0c0c;
  }

  .linkBox
  {
    color: #dc0c0c;
    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(0, 0, 0, 0);
    border-color: #fff;
  }

  .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: #dc0c0c;
  }

  .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: 110%;
  }

  #liste_messages
  {
    width: 160%;
  }

  div[id^="db_message_"]
  {
    background: #dc0c0c;
  }

  .avatar
  {
    width: 70px;
    height: 70px;
  }

  ul
  {
    background: rgba(0, 0, 0, 0);
  }

  .message_titre
  {
    color: #0b1af0;
    font-family: Arial;
    font-size: 10px;
  }

  .dataBox .message .contenu
  {
    color: #46f9e9;
    background: #dc0c0c30;
  }

  .dataBox .message .zone_conversation .conversation
  {
    background: #dc0c0c2e;
  }

  .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: #dc0c0c2e;
  }
    /* Aitl */
  .dataBox
  {
    background: #dc0c0c;
  }
    /* 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;
  }
}