73 lines
2.0 KiB
Plaintext
73 lines
2.0 KiB
Plaintext
:root {
|
|
--font-size-standard: 0.9rem;
|
|
--background-image-base: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)),
|
|
url("../assets/ui/jazz_background_main.webp");
|
|
/*--background-image-base: url("../assets/ui/jazzage_background_main.webp");*/
|
|
--font-primary: "RozhaOne";
|
|
--font-secondary: "RozhaOne";
|
|
--font-title: "Broadway";
|
|
--logo-standard: url("../assets/logos/reanimated-ce-logo.webp");
|
|
--color-success: darkgreen;
|
|
--color-failure: darkred;
|
|
--color-warning: darkorange;
|
|
--color-critical-success: lightgreen;
|
|
--color-critical-failure: lightcoral;
|
|
--img-icon-color-filter: brightness(0) saturate(100%) invert(52%) sepia(9%) saturate(2368%) hue-rotate(360deg) brightness(86%) contrast(84%);
|
|
}
|
|
|
|
.item .thumbnail,
|
|
.item-img {
|
|
/*filter: invert(90%) sepia(10%) saturate(1215%) hue-rotate(55deg) brightness(93%) contrast(89%);*/
|
|
/*filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);*/
|
|
filter: var(--img-icon-color-filter);
|
|
}
|
|
|
|
#logo {
|
|
content: var(--logo-standard);
|
|
width: 50px;
|
|
height: 50px;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
#pause > img {
|
|
content: var(--logo-standard);
|
|
height: 192px;
|
|
width: 192px;
|
|
top: -45px;
|
|
left: calc(50% - 96px);
|
|
}
|
|
|
|
i.fvtt-cthulhu-eternal {
|
|
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-cthulhu-eternal {
|
|
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%;
|
|
}
|