description
uiui by nop
Details
Authornop
LicenseNo License
Categoryscript
Created
Updated
Size19 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
notes
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name uiui
@version 20230830.17.29
@namespace ?
==/UserStyle== */
/* ==UserStyle==
@name Dreadcast_UI_Dia
@namespace github.com/openstyles/stylus
@version 2.4.0
@description Grosses modifications de l'interface du jeu + Menu pour changer facilement les couleurs.
@author Uriel
==/UserStyle== */
@-moz-document url("https://www.dreadcast.net/Main") {
/*---------------------------------------------------------- */
/*----------------- MENU D'INSTALLATION -------------------- */
/*----------------------------------------------------------
- A LIRE -
- Inclus
1.0.1 - Show Silhouette Valion
- COMPATIBILITE :
https://greasyfork.org/fr/scripts/17200-com-back
https://greasyfork.org/fr/scripts/21359-dreadcast-chat-enhancer
- PREREQUIS :
- Vider votre cache/cookie avant
- Zoom à 100%
- Résolution 1920x1080
- OPTIONS :
- Il y a deux thèmes de base, customisable à souhait
- Attention à bien copier/coller vos paramètres customises dans un fichier bloc-note pour pouvoir les recopier facilement car ils seront SUPPRIMES à chaque mise à jour
Pour positionner vos SACS et vos conteneurs de banque, modifiez les _id par les vôtres. Il suffit de cliquer droit sur le titre d'un conteneur ouvert et EXAMINER L'ELEMENT pour trouver l'id : id="conteneur_101228" par exemple.
---------------------------------------------------------- */
/*----------------------- VARIABLES ------------------------ */
/*---------------------------------------------------------- */
/* Rouge Rebelle
:root {
--main-color: #0b2161;
--main-color-darker: #0b2161;
--secondary-color: white;
--transparency: rgba(0, 0, 0, .5);
--grayscale: grayscale(0);
--health: #0b2161;
--stamina: orange;
--font-color: #0b2161;
--mp-nonlu: #0b2161;
}
/*---------------------------------------------------------- */
/*----------------- Remplacement d'images ------------------ */
/*---------------------------------------------------------- */
#zone_page {
background: #0b2161;
background-image: url(https://i.imgur.com/BRj8dQs.jpg) !important;
background-size: 100%;
}
#zone_gauche {
background-image: url(https://i.imgur.com/SadShR8.png) !important;
background-size: 100%;
}
#zone_droite {
background-image: url(https://i.imgur.com/C4yZ5hm.png) !important;
background-size: 100%;
}
/* Image en bas à gauche */
#zone_quete {
background: url(https://media.discordapp.net/attachments/809455147167776799/1126452105750794280/FUG_1_1.png) 0 no-repeat !important;
background-size: 28% !important;
}
#zone_fiche #txt_credits .stat_icone_cr {
background: url(https://www.dreadcast.net/images/fr/design/icones/icon_stats.png) -100px -156px no-repeat;
}
/* Icones faim-soif */
#zone_fiche #txt_faim .stat_icone_faim {
background: url(https://www.dreadcast.net/images/fr/design/icones/icon_stats.png) -129px -143px no-repeat;
}
#zone_fiche #txt_faim .stat_icone_faim.red {
background: url(https://www.dreadcast.net/images/fr/design/icones/icon_stats.png) -158px -143px no-repeat;
}
#zone_fiche #txt_soif .stat_icone_soif {
background: url(https://www.dreadcast.net/images/fr/design/icones/icon_stats.png) -145px -143px no-repeat;
}
#zone_fiche #txt_soif .stat_icone_soif.red {
background: url(https://www.dreadcast.net/images/fr/design/icones/icon_stats.png) -170px -143px no-repeat;
}
/* Rewardbox */
#zone_rewardBox .footer {
background: url(https://nsa40.casimages.com/img/2020/05/10/200510102831997467.png) -435px 0 no-repeat;
}
#zone_rewardBox .header {
background: url(https://nsa40.casimages.com/img/2020/05/10/200510102831997467.png) -0px 0 no-repeat;
}
#zone_rewardBox .main {
background: url(https://nsa40.casimages.com/img/2020/05/10/200510102831997467.png) -870px 0 repeat-y;
}
#zone_rewardBox .footer .close {
background: url(https://nsa40.casimages.com/img/2020/05/10/200510104727812755.png) -194px -845px no-repeat;
}
/*---------------------------------------------------------- */
/*---------------------- Couleurs -------------------------- */
/*---------------------------------------------------------- */
#zone_gauche,
#zone_droite {
background-color: var(--transparency) !important;
}
#zone_fiche #txt_pseudo,
#zone_fiche #txt_titre,
#zone_fiche #action_actuelle,
#zone_travail p,
#ciseauxInventaire,
#poubelleInventaire,
#stockInventaire,
#statsInventaire,
#annexe_inventaire .valeur,
#zone_quete,
#lieu_actuel .titre1,
#zone_carnet .btnTxt,
#zone_carnet .infoAide,
#zone_messagerie .btnTxt,
#zone_chat #onglets_chat li.selected,
#zone_chat .less,
#zone_chat .more,
#chatForm .text_valider,
#zone_fiche #txt_faim,
#zone_fiche #txt_soif,
#chatForm .text_chat,
#zone_fiche svg,
#combat_menu div svg,
#zone_actions div svg,
#zone_rewardBox .large .data2,
#zone_chat .icon,
#zone_logement .icon,
#zone_carnet .icon svg,
#zone_messagerie .icon svg,
#chatForm .text_mode,
#statistiques [class^="stat_"],
#statistiques .infotext,
.dataBox .message .zone_conversation .conversation,
.dataBox .message .zone_conversation .conversation:hover,
.dataBox .message .zone_conversation .conversation.selected,
.grid_head_travail_logement .btn.link.infoAide,
.grid_head_travail_logement .btn.link.infoAide svg,
.dataBox .message .btnTxt,
.btn_message_gradient,
.perso {
color: var(--main-color);
filter: var(--grayscale);
}
#zone_rewardBox .large .data1,
#zone_chat .zone_infos .couleur_rouge,
.msg .white em,
.msg {
color: var(--main-color);
}
.dataBox .message .zone_conversation .conversation .ligne1,
.dataBox .message .zone_conversation .conversation .ligne2,
.dataBox .message .contenu {
color: var(--font-color);
}
.connectes .perso {
color: var(--main-color) !important;
}
.connectes .couleur5,
.couleur5 {
color: gray !important;
}
#zone_messagerie .icon.red svg {
fill: var(--mp-nonlu) !important;
}
#zone_fiche svg,
#combat_menu div svg,
#zone_actions div svg,
#zone_chat .icon,
#zone_logement .icon,
#zone_carnet .icon svg,
#zone_messagerie .icon svg,
#chatForm .text_mode,
.grid_head_travail_logement .btn.link.infoAide,
.grid_head_travail_logement .btn.link.infoAide svg,
.grid_head_travail_logement .icon svg {
fill: var(--main-color) !important;
}
/* Objet survolé, selectionné ou actif */
#ciseauxInventaire:hover,
#poubelleInventaire:hover,
#stockInventaire:hover,
#stockInventaire.selected,
#statsInventaire:hover,
#statsInventaire.selected,
#zone_actions > div:hover > svg,
#zone_actions > div.active > svg,
#combat_menu > div:hover > svg,
#combat_menu > div.active > svg,
#zone_messagerie .btnTxt.selected,
#zone_messagerie .btnTxt:hover,
#zone_carnet .btnTxt.selected,
#zone_carnet .infoAide.selected,
#zone_carnet .btnTxt:hover,
#zone_carnet .infoAide:hover,
#zone_chat .less:hover,
#zone_chat .more:hover,
#chatForm .text_valider:hover,
#db_wages li.nonrecu:hover,
.zone_conversation .conversation.non_lu,
.grid_head_travail_logement .btn.link.infoAide:hover,
.grid_head_travail_logement .btn.link.infoAide.selected,
.grid_head_travail_logement .btn.link.infoAide svg:hover,
.dataBox .message .btnTxt:hover,
.dataBox .message .zone_conversation .conversation:hover,
.dataBox .message .zone_conversation .conversation.selected,
.btn_message_gradient:hover {
background-color: var(--main-color) !important;
fill: var(--secondary-color) !important;
color: var(--secondary-color) !important;
border: 1px solid var(--secondary-color);
}
span.notif-number {
background-color: var(--main-color-darker);
}
#db_wages li.nonrecu {
background-color: black;
}
#zone_fiche #txt_faim .red,
#zone_fiche #txt_soif .red {
color: orange;
}
#zone_fiche #barre_forme .barre_etat {
background-color: var(--stamina);
}
#zone_fiche #barre_sante .barre_etat {
background-color: var(--health);
}
#chatForm .text_mode {
border-left: 1px solid var(--main-color);
}
#zone_chat .connectes,
#zone_chat #onglets_chat {
border-bottom: 1px solid var(--main-color);
}
#ciseauxInventaire,
#poubelleInventaire,
#statsInventaire,
#stockInventaire {
border: 1px solid var(--main-color);
}
#statsInventaire,
#combat_menu div svg,
#zone_actions div svg,
#zone_carnet .btnTxt,
#zone_carnet .infoAide,
#zone_messagerie .btnTxt,
#zone_chat #onglets_chat li.selected,
#zone_chat .less,
#zone_chat .more,
#chatForm .text_valider,
.dataBox .message .btnTxt,
.btn_message_gradient,
.grid_head_travail_logement .btn.link.infoAide {
background-color: var(--transparency);
border: 1px solid var(--main-color-darker);
box-shadow: 0 0 4px 1px var(--main-color-darker);
}
#zone_fiche .barre_border,
#zone_fiche .barre_inv,
.dataBox .message .btnTxt {
background-color: var(--transparency);
border: 1px solid var(--transparency);
border-color: var(--main-color-darker);
}
#chatForm {
border: 1px solid var(--main-color-darker);
}
.case_objet {
border: .04rem solid var(--main-color);
box-shadow: 0 0 2px 0 var(--main-color-darker), 0 0 10px 0 var(--main-color-darker), 2px 2px 5px -1px var(--main-color-darker), inset 0 0 5px 0 var(--main-color-darker);
}
.case_objet.active,
.case_objet.active.linkBox,
.case_objet.active.linkBox:hover,
.case_objet.active:hover,
.case_objet:hover,
.case_objet.case_main_hover,
.case_objet.case_main_hover.linkBox {
border-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 0);
box-shadow: 0 0 2px 0 #fff, inset 0 0 9px 0 #fff;
}
.dataBox .head {
background: linear-gradient(to bottom, #000 0, var(--main-color) 100%);
border-bottom: 2px solid var(--main-color);
}
.dataBox .message .zone_conversation .conversation {
background-color: var(--transparency);
}
.dataBox {
background-color: var(--main-color);
box-shadow: inset 0 0 25px 10px var(--main-color-darker);
}
#zone_rewardBox .large .data1,
.dataBox .message .contenu,
.linkBox:hover {
background-color: var(--tr...