Add icons and basic content

This commit is contained in:
2025-02-19 22:11:32 +01:00
parent 2817acbf7b
commit 61fe6b5fa5
64 changed files with 80 additions and 303 deletions

View File

@@ -1,129 +1,25 @@
@font-face {
font-family: "Georama";
src: url("../assets/fonts/Georama-Regular.ttf") format("truetype");
font-family: "Atkinson";
src: url("../assets/fonts/AtkinsonHyperlegible-Regular.ttf") format("truetype");
}
@font-face {
font-family: "Tangerine";
src: url("../assets/fonts/Tangerine-Regular.ttf") format("truetype");
}
@font-face {
font-family: "TrajanPro";
src: url("../assets/fonts/Trajan-Pro-Regular.ttf") format("truetype");
}
@font-face {
font-family: "Teko";
src: url("../assets/fonts/Teko-Regular.ttf") format("truetype");
}
@font-face {
font-family: "P22Operina";
src: url("../assets/fonts/P22-Operina.ttf") format("truetype");
}
@font-face {
font-family: "SpectralSC";
src: url("../assets/fonts/SpectralSC-Regular.ttf") format("truetype");
}
@font-face {
font-family: "RozhaOne";
src: url("../assets/fonts/RozhaOne-Regular.ttf") format("truetype");
}
@font-face {
font-family: "Megrim";
src: url("../assets/fonts/Megrim-Regular.ttf") format("truetype");
}
@font-face {
font-family: "Volkhov";
src: url("../assets/fonts/Volkhov-Regular.ttf") format("truetype");
}
@font-face {
font-family: "ChantelliAntiqua";
src: url("../assets/fonts/Chantelli_Antiqua.ttf") format("truetype");
}
@font-face {
font-family: "IMFell";
src: url("../assets/fonts/IMFeDPrm28P.ttf") format("truetype");
}
@font-face {
font-family: "SailRegular";
src: url("../assets/fonts/Sail-Regular.ttf") format("truetype");
}
@font-face {
font-family: "Dominican";
src: url("../assets/fonts/dominican.ttf") format("truetype");
}
@font-face {
font-family: "UncialAntiqua";
src: url("../assets/fonts/UncialAntiqua-Regular.ttf") format("truetype");
}
@font-face {
font-family: "Luminari";
src: url("../assets/fonts/Luminari-Regular.ttf") format("truetype");
}
@font-face {
font-family: "SairaStencilOne";
src: url("../assets/fonts/SairaStencilOne-Regular.ttf") format("truetype");
}
@font-face {
font-family: "Armalite";
src: url("../assets/fonts/armalite.ttf") format("truetype");
}
@font-face {
font-family: "CarterOne";
src: url("../assets/fonts/CarterOne-Regular.ttf") format("truetype");
}
@font-face {
font-family: "SigmarOne";
src: url("../assets/fonts/SigmarOne-Regular.ttf") format("truetype");
}
@font-face {
font-family: "Excelsior";
src: url("../assets/fonts/Excelsior-Normal.ttf") format("truetype");
}
@font-face {
font-family: "TopSecret";
src: url("../assets/fonts/Top-Secret.ttf") format("truetype");
}
@font-face {
font-family: "BebasNeue";
src: url("../assets/fonts/BebasNeue-Regular.ttf") format("truetype");
}
@font-face {
font-family: "Seabreed";
src: url("../assets/fonts/Seabreed.ttf") format("truetype");
}
@font-face {
font-family: "Broadway";
src: url("../assets/fonts/broadway.woff2") format("woff2");
}
@font-face {
font-family: "Caslon";
src: url("../fonts/caslonpro-regular.otf") format("truetype");
}
@font-face {
font-family: "Caslon Bold";
src: url("../fonts/caslonpro-bold.otf") format("truetype");
}
@font-face {
font-family: "Caslon Bold Italic";
src: url("../fonts/caslonpro-bolditalic.otf") format("truetype");
}
@font-face {
font-family: "Caslon Italic";
src: url("../fonts/caslonpro-italic.otf") format("truetype");
font-family: "Ethnocentric";
src: url("../assets/fonts/Ethnocentric-Regular.ttf") format("truetype");
}
: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/jazz_background_main.webp");
--font-primary: "RozhaOne";
--font-secondary: "RozhaOne";
--font-title: "Broadway";
--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: #0f7a0f;
--color-failure: darkred;
--color-warning: darkorange;
--color-critical-success: #1527cc;
--color-critical-failure: #8d20e7;
--img-icon-color-filter: brightness(0) saturate(100%) invert(52%) sepia(9%) saturate(2368%) hue-rotate(360deg) brightness(86%) contrast(84%);
/*--img-icon-color-filter: invert(60%) sepia(12%) saturate(6853%) hue-rotate(81deg) brightness(113%) contrast(104%);*/
}
.d100 {
width: 18px;
@@ -151,7 +47,7 @@
top: -45px;
left: calc(50% - 96px);
}
i.fvtt-cthulhu-eternal {
i.fvtt-ftl-nomad {
width: 36px;
height: 36px;
background-image: var(--logo-standard);
@@ -163,15 +59,15 @@ i.fvtt-cthulhu-eternal {
filter: grayscale(1);
transition: 0.3s;
}
.application.dialog.fvtt-cthulhu-eternal {
.application.dialog.fvtt-ftl-nomad {
font-family: var(--font-primary);
font-size: calc(var(--font-size-standard) * 1);
background-image: var(--background-image-base);
}
.application.dialog.fvtt-cthulhu-eternal button:hover {
.application.dialog.fvtt-ftl-nomad button:hover {
background: var(--color-dark-6);
}
.application.dialog.fvtt-cthulhu-eternal .legend {
.application.dialog.fvtt-ftl-nomad .legend {
font-family: var(--font-primary);
}
.chat-message,
@@ -238,10 +134,11 @@ i.fvtt-cthulhu-eternal {
.fvtt-ftl-nomad .character-content input[name="name"] {
height: 40px;
margin-right: 10px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
font-family: var(--font-title);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
border: none;
margin-top: 4px;
}
.fvtt-ftl-nomad .character-content fieldset {
margin-bottom: 4px;
@@ -886,10 +783,11 @@ i.fvtt-cthulhu-eternal {
.fvtt-ftl-nomad .vehicle-content input[name="name"] {
height: 40px;
margin-right: 10px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
font-family: var(--font-title);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
border: none;
margin-top: 4px;
}
.fvtt-ftl-nomad .vehicle-content fieldset {
margin-bottom: 4px;
@@ -1133,10 +1031,11 @@ i.fvtt-cthulhu-eternal {
.fvtt-ftl-nomad .starship-content input[name="name"] {
height: 40px;
margin-right: 10px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
font-family: var(--font-title);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
border: none;
margin-top: 4px;
}
.fvtt-ftl-nomad .starship-content fieldset {
margin-bottom: 4px;
@@ -1380,10 +1279,11 @@ i.fvtt-cthulhu-eternal {
.fvtt-ftl-nomad .creature-content input[name="name"] {
height: 40px;
margin-right: 10px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
font-family: var(--font-title);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
border: none;
margin-top: 4px;
}
.fvtt-ftl-nomad .creature-content fieldset {
margin-bottom: 4px;
@@ -2027,10 +1927,11 @@ i.fvtt-cthulhu-eternal {
.fvtt-ftl-nomad .weapon-content input[name="name"] {
height: 40px;
margin-right: 10px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
font-family: var(--font-title);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
border: none;
margin-top: 4px;
}
.fvtt-ftl-nomad .weapon-content fieldset {
margin-bottom: 4px;
@@ -2109,10 +2010,11 @@ i.fvtt-cthulhu-eternal {
.fvtt-ftl-nomad .armor-content input[name="name"] {
height: 40px;
margin-right: 10px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
font-family: var(--font-title);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
border: none;
margin-top: 4px;
}
.fvtt-ftl-nomad .armor-content fieldset {
margin-bottom: 4px;
@@ -2191,10 +2093,11 @@ i.fvtt-cthulhu-eternal {
.fvtt-ftl-nomad .equipment-content input[name="name"] {
height: 40px;
margin-right: 10px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
font-family: var(--font-title);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
border: none;
margin-top: 4px;
}
.fvtt-ftl-nomad .equipment-content fieldset {
margin-bottom: 4px;
@@ -2273,10 +2176,11 @@ i.fvtt-cthulhu-eternal {
.fvtt-ftl-nomad .implant-content input[name="name"] {
height: 40px;
margin-right: 10px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
font-family: var(--font-title);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
border: none;
margin-top: 4px;
}
.fvtt-ftl-nomad .implant-content fieldset {
margin-bottom: 4px;
@@ -2355,10 +2259,11 @@ i.fvtt-cthulhu-eternal {
.fvtt-ftl-nomad .language-content input[name="name"] {
height: 40px;
margin-right: 10px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
font-family: var(--font-title);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
border: none;
margin-top: 4px;
}
.fvtt-ftl-nomad .language-content fieldset {
margin-bottom: 4px;
@@ -2437,10 +2342,11 @@ i.fvtt-cthulhu-eternal {
.fvtt-ftl-nomad .psionic-content input[name="name"] {
height: 40px;
margin-right: 10px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
font-family: var(--font-title);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
border: none;
margin-top: 4px;
}
.fvtt-ftl-nomad .psionic-content fieldset {
margin-bottom: 4px;
@@ -2519,10 +2425,11 @@ i.fvtt-cthulhu-eternal {
.fvtt-ftl-nomad .talent-content input[name="name"] {
height: 40px;
margin-right: 10px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
font-family: var(--font-title);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
border: none;
margin-top: 4px;
}
.fvtt-ftl-nomad .talent-content fieldset {
margin-bottom: 4px;
@@ -2601,10 +2508,11 @@ i.fvtt-cthulhu-eternal {
.fvtt-ftl-nomad .creature-trait-content input[name="name"] {
height: 40px;
margin-right: 10px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
font-family: var(--font-title);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
border: none;
margin-top: 4px;
}
.fvtt-ftl-nomad .creature-trait-content fieldset {
margin-bottom: 4px;
@@ -2683,10 +2591,11 @@ i.fvtt-cthulhu-eternal {
.fvtt-ftl-nomad .creature-ability-content input[name="name"] {
height: 40px;
margin-right: 10px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
font-family: var(--font-title);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
border: none;
margin-top: 4px;
}
.fvtt-ftl-nomad .creature-ability-content fieldset {
margin-bottom: 4px;