81 lines
2.0 KiB
Plaintext
81 lines
2.0 KiB
Plaintext
:root {
|
|
--font-size-standard: 0.9rem;
|
|
--font-size-result: 1.4rem;
|
|
--background-image-base: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)),
|
|
url("../assets/ui/ftl_nomad_background_01.webp");
|
|
--font-primary: "Atkinson";
|
|
--font-secondary: "Atkinson";
|
|
--font-title: "Ethnocentric";
|
|
--logo-standard: url("../assets/ui/stellagama_logo_01.webp");
|
|
--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);
|
|
/*--img-icon-color-filter: invert(60%) sepia(12%) saturate(6853%) hue-rotate(81deg) brightness(113%) contrast(104%);*/
|
|
}
|
|
|
|
.d100 {
|
|
width: 18px;
|
|
height: 18px;
|
|
color: black;
|
|
border-width: 0px;
|
|
filter: var(--img-icon-color-filter);
|
|
}
|
|
|
|
.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: 100px;
|
|
height: 50px;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
#pause > img {
|
|
content: var(--logo-standard);
|
|
height: 192px;
|
|
width: 256px;
|
|
top: -45px;
|
|
left: calc(50% - 96px);
|
|
}
|
|
|
|
i.fvtt-ftl-nomad {
|
|
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-ftl-nomad {
|
|
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%;
|
|
}
|