81 lines
1.9 KiB
Plaintext
81 lines
1.9 KiB
Plaintext
:root {
|
|
--font-size-standard: 0.9rem;
|
|
--font-size-result: 1.4rem;
|
|
--background-image-base: url("../assets/ui/sheet_background_01.webp");
|
|
--font-primary: "MinionProRegular";
|
|
--font-secondary: "MinionProRegular";
|
|
--font-title: "SupernaturalKnight";
|
|
--logo-standard: url("../assets/ui/pentagram_logo.webp");
|
|
--title-color: #f0443c;
|
|
--background-box: #e0dcdc;
|
|
--color-success: rgb(15, 122, 15);
|
|
--color-failure: darkred;
|
|
--color-warning: darkorange;
|
|
--color-critical-success: rgb(21, 39, 204);
|
|
--color-critical-failure: rgb(141, 32, 231);
|
|
}
|
|
|
|
body {
|
|
--color-light-1: rgba(182, 178, 178, 0.6);
|
|
--color-warm-1:#f0443c;
|
|
}
|
|
|
|
#logo {
|
|
content: var(--logo-standard);
|
|
width: 100px;
|
|
height: 50px;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.scrollable-content {
|
|
max-height: 600px; // Définissez la hauteur maximale selon vos besoins
|
|
overflow-y: auto; // Active le défilement vertical quand nécessaire
|
|
padding-right: 10px; // Espace pour la barre de défilement
|
|
}
|
|
|
|
nav.tabs [data-tab] {
|
|
color: var(--title-color);
|
|
}
|
|
|
|
#pause > img {
|
|
content: var(--logo-standard);
|
|
height: 256px;
|
|
width: 256px;
|
|
top: -45px;
|
|
left: calc(50% - 96px);
|
|
}
|
|
|
|
i.fvtt-hellborn {
|
|
width: 36px;
|
|
height: 36px;
|
|
background-image: var(--logo-standard);
|
|
background-size: 100%;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
display: flex;
|
|
position: relative;
|
|
filter: grayscale(1);
|
|
transition: 0.3s;
|
|
}
|
|
|
|
.application.dialog.fvtt-hellborn {
|
|
font-family: var(--font-primary);
|
|
font-size: calc(var(--font-size-standard) * 1.0);
|
|
background-image: var(--background-image-base);
|
|
button:hover {
|
|
background: var(--color-dark-6);
|
|
}
|
|
.legend {
|
|
font-family: var(--font-primary);
|
|
}
|
|
}
|
|
|
|
.chat-message,
|
|
.chat-message.whisper {
|
|
font-family: var(--font-primary);
|
|
background-image: var(--background-image-base);
|
|
background-repeat:repeat-y;
|
|
background-position: 0%;
|
|
background-size: 100% 100%;
|
|
}
|