diff --git a/EoE/css/swffg.css b/EoE/css/swffg.css index 88e3b42..7591007 100644 --- a/EoE/css/swffg.css +++ b/EoE/css/swffg.css @@ -121,6 +121,15 @@ @return mix(white, $color, $percentage); } +.ffg-star-wars-enhancements-opening-crawl .titles > div .episode { + margin-bottom: -2em; + font-size: 150%; +} + +.ffg-star-wars-enhancements-opening-crawl .titles > div .text p { + font-size: 100%; +} + .swdatapad { background-image: url(/modules/ffg-star-wars-enhancements/artwork/datapad-template-700w.png) !important; background-repeat: no-repeat !important; @@ -8295,6 +8304,10 @@ hr, /* height: 100px; */ /* } */ +#destiny-tracker .window-content form{ + background: none; +} + #destiny-tracker .window-content { background: transparent; box-shadow: none; diff --git a/README.md b/README.md index a80465c..efa4ba1 100644 --- a/README.md +++ b/README.md @@ -6,9 +6,9 @@ * **Author**: Prolice#9101 * **Special Thanks to**: Aljovin, StealthViper, Havoclivekiller, SnoringMountain -* **Version**: ![](https://img.shields.io/badge/swffgUI--cc-v0.3.4.2-green) -* **Foundry VTT Compatibility**: ![](https://img.shields.io/badge/Foundry-v0.7.6-informational) to ![](https://img.shields.io/badge/Foundry-v0.8.3-informational) the only version I ve tested ! -* **System Compatibility**: ![](https://img.shields.io/badge/Starwarsffg-v1.3-orange) to ![](https://img.shields.io/badge/Starwarsffg-v1.4-orange) +* **Version**: ![](https://img.shields.io/badge/swffgUI--cc-v1.0-green) +* **Foundry VTT Compatibility**: ![](https://img.shields.io/badge/Foundry-v0.7.6-informational) to ![](https://img.shields.io/badge/Foundry-v0.8.8-informational) the only version I ve tested ! +* **System Compatibility**: ![](https://img.shields.io/badge/Starwarsffg-v1.3-orange) to ![](https://img.shields.io/badge/Starwarsffg-v1.6-orange) * **Download**: ![Forge installs](https://img.shields.io/badge/dynamic/json?label=Forge%20Installs&query=package.installs&suffix=%25&url=https%3A%2F%2Fforge-vtt.com%2Fapi%2Fbazaar%2Fpackage%2FswffgUI-cc)![the latest version](https://img.shields.io/github/downloads/prolice/swffgUI-cc/latest/total) * **Total Download**: [https://img.shields.io/github/downloads/prolice/swffgUI-cc/blob/swffgUI-cc/total.svg](https://github.com/prolice/swffgUI-cc/releases) @@ -36,6 +36,9 @@ May the the Interface be with you ! **The Galactic Empire UI:** ![](https://github.com/prolice/swffgUI-cc/blob/swffgUI-cc/screenshots/empire-overview.jpg) +**Black Empire:** +Still working beta version + ## Installation ### Auto install Method (recommended) * Open the Foundry application and click **"Install Module"** in the **"Add-On Modules"** tab. diff --git a/blackEmpire/art/ui/logo-foundryVTswffg-ui100x42.png b/blackEmpire/art/ui/logo-foundryVTswffg-ui100x42.png new file mode 100644 index 0000000..2ec520a Binary files /dev/null and b/blackEmpire/art/ui/logo-foundryVTswffg-ui100x42.png differ diff --git a/blackEmpire/art/ui/pyke-syndicate-256x256.png b/blackEmpire/art/ui/pyke-syndicate-256x256.png new file mode 100644 index 0000000..4edd698 Binary files /dev/null and b/blackEmpire/art/ui/pyke-syndicate-256x256.png differ diff --git a/blackEmpire/css/swffg-old.css b/blackEmpire/css/swffg-old.css new file mode 100644 index 0000000..88e3b42 --- /dev/null +++ b/blackEmpire/css/swffg-old.css @@ -0,0 +1,8996 @@ +/******************************************************************/ +/******************************************************************/ +/*=============== TABLE OF CONTENTS ==============================*/ +/******************************************************************/ +/* 0. FFG Enhancement MOD */ +/* I. LOCAL FONTS */ +/* II. GENERAL USER INTERFACE */ +/* III. SIDEBAR */ +/* IV. ITEM SHEET */ +/* V. ACTOR SHEET (CHARACTER) */ +/* VI. PLAYERS LIST */ +/* VII. NAVIGATION BAR */ +/* VIII. SCENE CONTROLS */ +/* IX. GAME SETTINGS */ +/* X. ROLL DIALOG */ +/* XI. HOTBAR */ +/* XII. MISCELLANEOUS GAME WINDOWS */ +/* XIII. MISCELLANEOUS GAME WINDOWS */ +/* XIV. STAR WARS FFG SPECIFIC */ +/******************************************************************/ +/******************************************************************/ + +#tinymce { + overflow-y: hidden; + overflow-x: hidden; +} + +.editor-content ul { + margin: 0px 0px; +} + +/******************************************************************/ +/*=============== I. LOCAL FONTS =================================*/ +/******************************************************************/ + + /* ==================== (A) STAR JEDI ==================== */ + + +@font-face { + font-family: "Auberesh"; + src: url("../fonts/Aurebesh Bold.otf")format("opentype"); +} + +@font-face { + font-family: "Mons"; + src: url("../fonts/MonsOlympiaBold-dq9x.ttf")format("truetype"); +} + +@font-face { + font-family: "EarthOrbiter"; + src: url("../fonts/EarthOrbiterBold-vzD9.otf")format("opentype"); +} + +@font-face { + font-family: "KuiperBelt"; + src: url("../fonts/KuiperBelt-Px0g.ttf")format("truetype"); +} + + +@font-face { + font-family: "EotESymbol"; + src: url("../fonts/EotESymbol-Regular-PLUS.otf") format("opentype"); +} + +@font-face { + font-family: "SWRPG-Symbol-Regular"; + src: url("../fonts/swrpg_symbol-regular_v1-webfont.woff2") format("woff2"), url("../fonts/swrpg_symbol-regular_v1-webfont.woff") format("woff"); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: "Genesys"; + src: url("../fonts/genesysglyphsanddice.woff2") format("woff2"), url("../fonts/genesysglyphsanddice.woff") format("woff"); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: "GenesysSymbol"; + src: url("../fonts/Genesys.ttf") format("truetype"); +} + +@font-face { + font-family: "DistantGalaxy"; + src: url("../fonts/SfDistantGalaxy-0l3d.ttf") format("truetype"); +} + +@font-face { + font-family: "Eras"; + src: url("../fonts/ERASMD.TTF") format("truetype"); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: "Eras"; + src: url("../fonts/ERASBD.TTF") format("truetype"); + font-weight: Bold; + font-style: normal; +} + +/******************************************************************/ +/*=============== FFG Enhancement MOD ============================*/ +/******************************************************************/ + +@font-face { + font-family: Temporarium; + src: url("/modules/ffg-star-wars-enhancements/fonts/Temporarium.otf"); +} +@font-face { + font-family: AurekBesh; + src: url("/modules/ffg-star-wars-enhancements/fonts/Aurek-Besh.woff2"); +} +@font-face { + font-family: AnakinMono; + src: url("/modules/ffg-star-wars-enhancements/fonts/anakinmono.ttf"); +} + +@function tint($color, $percentage) { + @return mix(white, $color, $percentage); +} + +.swdatapad { + background-image: url(/modules/ffg-star-wars-enhancements/artwork/datapad-template-700w.png) !important; + background-repeat: no-repeat !important; + width: 700px; + min-height: 1000px; + display: block; + padding: 75px 50px !important; + color: #d0faff !important; + font-size: 18px; + font-family: Temporarium !important; +} + +.swdatapad table { + font-size: 12px +} +.swdatapad p { + color: #d0faff !important; + font-size: 18px; + font-family: Temporarium !important; +} + +.swdatapad-wanted .credits { + font-family: AurekBesh; +} + +.swdatapad-wanted { + background-image: url(/modules/ffg-star-wars-enhancements/artwork/datapad-template-wanted-700w.png) !important; + background-repeat: no-repeat !important; + width: 700px; + min-height: 1000px; + display: block; + padding: 65px 65px !important; + color: #d0faff !important; + font-size: 18px; + font-family: Temporarium !important; + color: #02e3dd !important; +} + +.swdatapad-wanted h1 { + font-family: AurekBesh !important; + width: 100%; + text-align: center !important; + margin-bottom: 0.5em !important; + padding-top: 0.25em; + padding-bottom: 0.25em; + border-bottom: 2px solid #02e3dd !important; + border-top: 2px solid #02e3dd !important; +} + +.swdatapad-wanted>* { + color: transparent !important; + background-color: #02e3dd; + background-clip: text !important; + -webkit-background-clip: text !important; + background-image: repeating-linear-gradient( to bottom, #02e3dd, #02e3dd 2px, #01bbb7 2px, #01bbb7 4px ) !important; +} + +.swdatapad-wanted h2 { + font-family: AnakinMono !important; + margin-bottom: 0.5em !important; + padding-bottom: 0.25em; + border-bottom: 2px solid #02e3dd !important; +} + +.swdatapad-wanted h3 { + margin-right: 0.5em !important; + font-family: AnakinMono !important; + font-weight: bold !important; + font-size: 16px !important; +} + +.swdatapad-wanted p { + font-size: 14px; + margin-bottom: 1em; +} + +.swdatapad-wanted table { + font-size: 14px; + border-bottom: 2px solid #02e3dd; + border-top: 2px solid #02e3dd; +} + +.swdatapad-wanted tr:first-child>* { + padding-top: 1em; +} +.swdatapad-wanted tr:last-child>* { + padding-bottom: 1em; +} +.swdatapad-wanted table tr:nth-child(2n) { + background-color: inherit; +} +.swdatapad-wanted table td, .swdatapad-wanted table th { + padding: 0.2em 0; + line-height: 1.5em; + text-align: left; + vertical-align: top; +} + +/* Float images and tint them with the stripe effect */ +.swdatapad-wanted .image-float { + float: right; + border-left: solid 10px #000000; + filter: sepia(100%) saturate(300%) brightness(60%) hue-rotate(130deg); +} +.swdatapad-wanted .image-float:after { + content:''; + position:absolute; + left:0; top:0; + width:100%; height:100%; + display:inline-block; + background-image: repeating-linear-gradient( + to bottom, + rgba(2,227,221,0.25), + rgba(2,227,221,0.35) 2px, + rgba(1,187,183,0.55) 2px, + rgba(1,187,183,0.55) 4px + ); +} + +/******************************************************************/ +/******************************************************************/ +#logo { + content : url("../art/ui/logo-foundryVTswffg-ui100x42.png"); + width: 100px; + height: 42px; +} + +#mce_10_ifr .tox .tox-tbtn svg { + display: block; + fill: #ffffff; +} + + + :root { + /* =================== 1. ACTOR SHEET FONT STYLES =========== */ + --character-sheet-name-auberesh:Auberesh; + + --window-header-title-font-family: DistantGalaxy; + --window-header-title-font-size: 16px; + --window-header-vehicle-font-size: xx-large; + --window-header-title-font-weight: normal; + --window-header-title-color: #f5f5f5; + + --major-button-font-family: KuiperBelt; + --major-button-font-size: 20px; + --major-button-font-weight: normal; + --major-button-color: #66141a; + + --tab-header-font-family: KuiperBelt; + --tab-header-font-size: 18px; + --tab-header-font-weight: 700; + --tab-header-color: #ffffff; + --tab-header-color-active: #ff1f1f; + + --actor-input-font-family: KuiperBelt; + --actor-input-font-size: 16px; + --chatform-input-font-size: 16px; + --actor-input-font-weight: 500; + --actor-input-color: #000000; + + --actor-label-font-family: KuiperBelt; + --actor-label-font-size: 22px; + --actor-label-font-weight: 700; + --actor-label-color: #1400ffc4; + + --actor-competence-font-family: KuiperBelt; + --actor-competence-font-size: 16px; + --actor-competence-font-weight: 700; + --actor-competence-color: #1400ffc4; + + /* =================== 2. DEBUGGING HIGHLIGHTERS ============ */ + --debug-background-color-red: #ff000054; + --debug-background-color-blue: #1d00ff54; + --debug-background-color-green: #54ff0054; + + --debug-box-shadow-red: inset 0 0 2px red; + --debug-box-shadow-blue: inset 0 0 2px blue; + --debug-box-shadow-green: inset 0 0 2px green; + + /* =================== 3. WINDOW BORDER SIZE ================ */ + --window-content-border-image-width: 12px; + --window-content-border-image-outset: 4px; + --window-header-margin: 0px 0px 8px 0px; + --window-border-image-slice: 13; + + /* ================== 4. APPLICATION CURSOR ================= */ + --application-cursor-pointer : pointer; + } + +/******************************************************************/ +/*=============== II. GENERAL USER INTERFACE =====================*/ +/******************************************************************/ + +/* ==================== (A) AWESOME FONT ICON CHANGES ========= */ + .fa-check-circle:before { + content: "\f058" !important; + } + .fa-trash:before { + content: "\f2ed" !important; + position: relative !important; + left: 0px !important; + } + + /* #client-settings .fa, */ + /* #client-settings .fas { */ + #client-settings .far { + font-family: "Font Awesome 5 Free"; + color:whitesmoke !important; +} + +#client-settings.app.window-app.form #config-tabs .settings-list div.form-group input[type="checkbox"] { + left: 2px !important; + cursor: var(--application-cursor-pointer) !important; + height: 23px; +} + +#client-settings.app.window-app.form #config-tabs .tab[data-tab="modules"] .settings-list h2.module-header { + cursor: var(--application-cursor-pointer) !important; +} + +#client-settings #config-tabs div.tab[data-tab="modules"] #searchField #clear { + border-radius: 8px !important; + +} + +#client-settings #config-tabs div.tab[data-tab="modules"] #searchField #searchInput { + color:whitesmoke !important; +} + +/* ==================== (B) BUTTON BEHAVIOR CHANGES =========== */ + a[href] { + color: #da0000; + /* color: #ffa16a; */ + font-size: 16px; + font-family: var(--major-button-font-family), serif; + text-shadow: 0px 0px 7px #ffffff; +} + a:hover { + /* color: #480000; */ + color:white; + font-size: 17px; + text-shadow: 1px 1px 7px #b50000 !important; + font-family: var(--major-button-font-family), serif; + cursor: var(--application-cursor-pointer); + font-weight: bold; + } + + button:hover { + box-shadow: 0 0 5px #c70000 !important; + cursor: var(--application-cursor-pointer); + background: url(../ui/sidebar_button-background_red.png) repeat !important; + color:white !important; + } + + button:hover i{ + color:white !important; + } + + input[type="text"]:focus, + input[type="password"]:focus { + box-shadow: 0 0 5px #c70000 !important; + outline: none; + } + + table { + width: 100%; + border-collapse: unset; + background: rgb(102 20 26 / 26%); + border-top: 1px solid #7a7971; + border-bottom: 1px solid #7a7971; + margin: 0.5em 0; + border-radius: 10px; +} + +table td, table th { + padding: 0.25em 0; + border: 0px; + align-content: center; + /*width: 20px;*/ +} +tbody { + display: contents; + vertical-align: middle; +} + +.tabs .item { + color: whitesmoke; +} + +.window-app { + font-family: var(--major-button-font-family), sans-serif !important; + font-size: var(--major-button-font-size); +} + +.window-app .window-content { + font-family: var(--major-button-font-family), sans-serif !important; + font-size: var(--major-button-font-size) !important; +} +/* ==================== (C) TINY MCE EDITOR FONT CHANGES ====== */ + .app.window-app .editor { + width: 100%; + height: 100%; + position: relative; + max-height: 100%; + word-break: break-word; + } + .app.window-app .editor-content { + /*height: calc(100% - 60px);*/ + width: 100%; + overflow-y: auto; + overflow-x: hidden; + } + .app.window-app .editor-content img { + min-height: none !important; + max-height: none !important; + min-width: none !important; + max-width: none !important; + } + .app.window-app .tox.tox-tinymce { + visibility: hidden; + height: calc(100% - 60px); + width: 100%; + } + #tinymce > p > span { + width: 100%; + color: red !important; + } + #tinymce .mce-content-body h1, + .app.window-app .editor .editor-content h1 { + margin: 0.5em 0 0.5em; + font-size: 2.2em; + text-transform: uppercase; + font-weight: bold; + font-family: Signika; + text-align: center; + border: none; + letter-spacing: 2px; + color:black + } + #tinymce .mce-content-body h2, + .app.window-app .editor .editor-content h2 { + margin: 0px 0 0.5em; + font-size: 2.0em; + text-transform: uppercase; + font-weight: bold; + border-bottom: 1px solid black; + font-family: Signika; + color: black + } + #tinymce .mce-content-body h3, + .app.window-app .editor .editor-content h3 { + margin: 0 0 0.5rem; + border: none; + background: none; + font-family: Signika; + font-weight: bold; + font-size: 1.7em; + /*text-transform: capitalize;*/ + color: black + } + #tinymce .mce-content-body h4, + .app.window-app .editor .editor-content h4 { + margin: 0 0 0.5rem; + font-weight: bold; + font-size: 1.2em; + color: black + } + .app.window-app .editor .editor-content h5 { + margin: 0 0 0.5rem; + font-weight: bold; + color: black + } + .app.window-app .editor .editor-content h6 { + padding: 0; + font-family: var( --actor-input-font-family); + font-size: 0.85em; + font-weight: bold; + color: var(--actor-input-color); + border: none; + background: none; + color: black + } + .app.window-app .editor .editor-content p code { + font-family: "Lucida Console"; + } + .app.window-app .editor .editor-content p { + margin: 0.5em 0; + padding: 0px; + font-size: 14px; + font-family: var( --actor-input-font-family); + color: var(--actor-input-color); + background: none; + border: none; + width: 100%; + } + .app.window-app .editor .editor-content ul li { + font-size: 14px; + font-family: var( --actor-input-font-family); + color: var(--actor-input-color); + background: none; + border: none; + width: 100%; + } + + li.folder.collapsed > .folder-header h3 { + /* text-shadow: none; */ + /* color: red !important; */ + text-shadow: 1px 1px 2px black; + opacity:0.7; + color: rgba(255, 255, 255, 1); + cursor: var(--application-cursor-pointer); +} + +li.folder > .folder-header h3 { + margin: 0; + line-height: 24px; + text-shadow: 2px 2px 2px red; + opacity:0.7; + color: rgba(253, 235, 105, 1); + cursor: var(--application-cursor-pointer); +} + + .app.window-app .editor .editor-content blockquote { + margin: 0.5em 0 0.5em 5px; + padding: 0 0 0 10px; + border-left: 3px ridge #825d4b87; + font-style: italic; + } + .app.window-app .editor .editor-content div { + margin: 0.5em 0; + padding: 0px; + font-family: var( --actor-input-font-family); + color: var(--actor-input-color); + background: none; + border: none; + } + .app.window-app .editor .editor-content pre { + display: block; + font-family: monospace; + white-space: pre; + margin: 1em 0px; + } + .app.window-app .editor .editor-content section.secret { + padding: 0 5px; + background: rgba(53, 0, 121, 0.05); + border-top: 1px solid #666; + border-bottom: 1px solid #666; + } + + .app.sheet .editor-content { + padding:5px; + /* background: #d8cbc0 url(../ui/frames/parchment-texture.png) no-repeat; */ + } + + .app.gm-notes.sheet .editor-content { + padding:5px; + background: #d8cbc0; + } + + .tox .tox-editor-container { + background: #d8cbc0 ; + } + + .window-app.sheet.actor .window-content { + background: #d8cbc0 url(../ui/frames/parchment-texture.png) no-repeat; +} + +.grid, +.grid-2col { + display: grid; + grid-column: span 2 / span 2; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 0.5rem; + margin: 0; + padding: 0; +} + +.grid-3col { + grid-column: span 3 / span 3; + grid-template-columns: repeat(3, minmax(0, 1fr)); +} + +.grid-4col { + grid-column: span 4 / span 4; + grid-template-columns: repeat(4, minmax(0, 1fr)); +} + +.grid-5col { + grid-column: span 5 / span 5; + grid-template-columns: repeat(5, minmax(0, 1fr)); +} + +.grid-6col { + grid-column: span 6 / span 6; + grid-template-columns: repeat(6, minmax(0, 1fr)); +} + +.grid-7col { + grid-column: span 7 / span 7; + grid-template-columns: repeat(7, minmax(0, 1fr)); +} + +.grid-8col { + grid-column: span 8 / span 8; + grid-template-columns: repeat(8, minmax(0, 1fr)); +} + +.grid-9col { + grid-column: span 9 / span 9; + grid-template-columns: repeat(9, minmax(0, 1fr)); +} + +.grid-10col { + grid-column: span 10 / span 10; + grid-template-columns: repeat(10, minmax(0, 1fr)); +} + +.grid-11col { + grid-column: span 11 / span 11; + grid-template-columns: repeat(11, minmax(0, 1fr)); +} + +.grid-12col { + grid-column: span 12 / span 12; + grid-template-columns: repeat(12, minmax(0, 1fr)); +} + +/* ==================== (D) APPLICATION BODY ================== */ + body { + width: 100vw; + height: 100vh; + margin: 0;; + padding: 0px; + overflow: hidden; + background: url(../ui/background.png) repeat; + font-size: 14px; + font-family: var(--major-button-font-family), sans-serif; + font-size: var(--major-button-font-size); + } + + button { + font-family: var(--major-button-font-family), sans-serif; + font-size: var(--major-button-font-size); + } + + input[type="text"], input[type="password"] { + min-width: 20px; + background: none; + padding: 1px 3px; + margin: 0; + border: none; + border-radius: 0px; + font-family: inherit; + font-size: inherit; + text-align: inherit; + line-height: inherit; + color: #111; + -webkit-user-select: text; + -moz-user-select: text; + -ms-user-select: text; + user-select: text; + font-size: var(--major-button-font-size); + } + +/* ==================== (E) GLOBAL CSS VARIABLES ============== */ + + +input::placeholder, placeholder, *placeholder { + color: #ffb814b8 !important; + text-shadow: 1px 1px black; +} +/* ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ + /* color: #ffb814b8; */ + /* opacity: 1; /* Firefox */ +/* } */ + +/* ::-webkit-input-placeholder { /* Edge */ + /* color: #ffb814b8; */ +/* } */ +/* ==================== (F) SCROLLBAR ========================= */ + .app.window-app.sheet.starwarsffg.actor ::-webkit-scrollbar { + width: 10px; + box-shadow: inset 0 0 + } + + .app.window-app .editor ::-webkit-scrollbar { + width: 10px; + box-shadow: inset 0 0 + } + .app.window-app .editor ::-webkit-scrollbar-thumb { + outline: none; + border-radius: 3px; + background: none; + /* background: url(../ui/scrollbar.png) no-repeat; */ + border-image: url(../ui/scrollbars/sheet-light-scrollbar-thumb.png) 10 repeat; + border-image-width: 5px; + border-image-outset: 0px; + } + .app.window-app .editor ::-webkit-scrollbar-button { + background: #222978; + height: 23px; + border: none; + } + .app.window-app .editor ::-webkit-scrollbar-button:start:decrement { + background: url(../ui/scrollbars/sheet-light-scrollbar-button-vertical-decrement.png) no-repeat; + box-shadow: none; + height: 16px; + background-position-y: 0px; + /* background: red; */ + } + .app.window-app .editor ::-webkit-scrollbar-button:end:increment { + background: url(../ui/scrollbars/sheet-light-scrollbar-button-vertical-increment.png) no-repeat; + background-position-y: 0px; + box-shadow: none; + height: 16px; + /* background: red; */ + } + .app.window-app .editor ::-webkit-scrollbar-button:vertical:start:increment, + .app.window-app .editor ::-webkit-scrollbar-button:vertical:end:decrement { + display: none; + } + .app.window-app .editor ::-webkit-scrollbar-track { + background: url(../ui/scrollbars/sheet-light-scrollbar-track.png) repeat-y; + background-position: center; + background-size: 4px 68px; + box-shadow: none; + border-radius: 0px; + /* background: blue; */ + } + + + .app.window-app.sheet.item-sheet ::-webkit-scrollbar { + width: 10px; + box-shadow: inset 0 0 + } + .app.window-app.sheet.item-sheet ::-webkit-scrollbar-thumb { + outline: none; + border-radius: 3px; + background: none; + /* background: url(../ui/scrollbar.png) no-repeat; */ + border-image: url(../ui/scrollbars/sheet-light-scrollbar-thumb.png) 10 repeat; + border-image-width: 5px; + border-image-outset: 0px; + } + .app.window-app.sheet.item-sheet ::-webkit-scrollbar-button { + background: #222978; + height: 23px; + border: none; + } + .app.window-app.sheet.item-sheet ::-webkit-scrollbar-button:start:decrement { + background: url(../ui/scrollbars/sheet-light-scrollbar-button-vertical-decrement.png) no-repeat; + box-shadow: none; + height: 16px; + background-position-y: 0px; + /* background: red; */ + } + .app.window-app.sheet.item-sheet ::-webkit-scrollbar-button:end:increment { + background: url(../ui/scrollbars/sheet-light-scrollbar-button-vertical-increment.png) no-repeat; + background-position-y: 0px; + box-shadow: none; + height: 16px; + /* background: red; */ + } + .app.window-app.sheet.item-sheet ::-webkit-scrollbar-button:vertical:start:increment, + .app.window-app.sheet.item-sheet ::-webkit-scrollbar-button:vertical:end:decrement { + display: none; + } + .app.window-app.sheet.item-sheet ::-webkit-scrollbar-track { + background: url(../ui/scrollbars/sheet-light-scrollbar-track.png) repeat-y; + background-position: center; + background-size: 4px 68px; + box-shadow: none; + border-radius: 0px; + /* background: blue; */ + } + + #sidebar ::-webkit-scrollbar { + width: 14px; + } + #sidebar ::-webkit-scrollbar-thumb { + outline: none; + border-radius: 3px; + background: none; + /* background: url(../ui/scrollbar.png) no-repeat; */ + border-image: url(../ui/scrollbars/scrollbar-thumb.png) 25 repeat; + border-image-width: 25px; + border-image-outset: 0px; + min-height: 40px; + } + #sidebar ::-webkit-scrollbar-button { + background: #222978; + height: 25px; + border: none; + } + #sidebar ::-webkit-scrollbar-button:start:decrement { + background: url(../ui/scrollbars/scrollbar-button-vertical-decrement.png) no-repeat; + background-position: center; + box-shadow: none; + box-shadow: none; + } + #sidebar ::-webkit-scrollbar-button:end:increment { + background: url(../ui/scrollbars/scrollbar-button-vertical-increment.png) no-repeat; + background-position: center; + box-shadow: none; + box-shadow: none; + } + #sidebar ::-webkit-scrollbar-button:vertical:start:increment, + #sidebar ::-webkit-scrollbar-button:vertical:end:decrement { + display: none; + } + #sidebar ::-webkit-scrollbar-track { + background: url(../ui/scrollbars/scrollbar-track.png) repeat-y; + background-position: center; + background-size: 9px 110px; + box-shadow: none; + } + .window-app .window-content { + background: url(../ui/parchment.jpg) round; + } + + + .window-app .window-content input::placeholder { + color:#ffb814b8; + text-shadow: 1px 1px black; + } + + .window-app .window-content textarea { + color:#66141a; + } + + .app.window-app.form ::-webkit-scrollbar { + width: 14px; + } + + .sheet header.sheet-header h1 input { + color:#027b7b; + font-family:var(--window-header-title-font-family) !important; + font-size: var(--window-header-vehicle-font-size); + text-shadow: 1px 1px 1px #94f4fde0; + } + .app.window-app.form ::-webkit-scrollbar-thumb { + outline: none; + border-radius: 3px; + background: none; + /* background: url(../ui/scrollbar.png) no-repeat; */ + border-image: url(../ui/scrollbars/scrollbar-thumb.png) 25 repeat; + border-image-width: 25px; + border-image-outset: 0px; + min-height: 40px; + } + .app.window-app.form ::-webkit-scrollbar-button { + background: #222978; + height: 25px; + border: none; + } + .app.window-app.form ::-webkit-scrollbar-button:start:decrement { + background: url(../ui/scrollbars/scrollbar-button-vertical-decrement.png) no-repeat; + background-position: center; + box-shadow: none; + box-shadow: none; + } + .app.window-app.form ::-webkit-scrollbar-button:end:increment { + background: url(../ui/scrollbars/scrollbar-button-vertical-increment.png) no-repeat; + background-position: center; + box-shadow: none; + box-shadow: none; + } + .app.window-app.form ::-webkit-scrollbar-button:vertical:start:increment, + .app.window-app.form ::-webkit-scrollbar-button:vertical:end:decrement { + display: none; + } + .app.window-app.form ::-webkit-scrollbar-track { + background: url(../ui/scrollbars/scrollbar-track.png) repeat-y; + background-position: center; + background-size: 9px 110px; + box-shadow: none; + } + + .window-app.app.filepicker ::-webkit-scrollbar { + width: 10px; + box-shadow: inset 0 0 + } + .window-app.app.filepicker ::-webkit-scrollbar-thumb { + outline: none; + border-radius: 3px; + background: none; + /* background: url(../ui/scrollbar.png) no-repeat; */ + border-image: url(../ui/scrollbars/sheet-dark-scrollbar-thumb.png) 10 repeat; + border-image-width: 5px; + border-image-outset: 0px; + } + .window-app.app.filepicker ::-webkit-scrollbar-button { + background: #222978; + height: 23px; + border: none; + } + .window-app.app.filepicker ::-webkit-scrollbar-button:start:decrement { + background: url(../ui/scrollbars/sheet-dark-scrollbar-button-vertical-decrement.png) no-repeat; + box-shadow: none; + height: 16px; + background-position-y: 0px; + /* background: red; */ + } + .window-app.app.filepicker ::-webkit-scrollbar-button:end:increment { + background: url(../ui/scrollbars/sheet-dark-scrollbar-button-vertical-increment.png) no-repeat; + background-position-y: 0px; + box-shadow: none; + height: 16px; + /* background: red; */ + } + .window-app.app.filepicker ::-webkit-scrollbar-button:vertical:start:increment, + .window-app.app.filepicker ::-webkit-scrollbar-button:vertical:end:decrement { + display: none; + } + .window-app.app.filepicker ::-webkit-scrollbar-track { + background: url(../ui/scrollbars/sheet-dark-scrollbar-track.png) repeat-y; + background-position: center; + background-size: 4px 68px; + box-shadow: none; + border-radius: 0px; + /* background: blue; */ + } + + .app.window-app.dialog ::-webkit-scrollbar { + width: 14px; + } + .app.window-app.dialog ::-webkit-scrollbar-thumb { + outline: none; + border-radius: 3px; + background: none; + /* background: url(../ui/scrollbar.png) no-repeat; */ + border-image: url(../ui/scrollbars/scrollbar-thumb.png) 25 repeat; + border-image-width: 25px; + border-image-outset: 0px; + min-height: 40px; + } + .app.window-app.dialog ::-webkit-scrollbar-button { + background: #222978; + height: 25px; + border: none; + } + .app.window-app.dialog ::-webkit-scrollbar-button:start:decrement { + background: url(../ui/scrollbars/scrollbar-button-vertical-decrement.png) no-repeat; + background-position: center; + box-shadow: none; + box-shadow: none; + } + .app.window-app.dialog ::-webkit-scrollbar-button:end:increment { + background: url(../ui/scrollbars/scrollbar-button-vertical-increment.png) no-repeat; + background-position: center; + box-shadow: none; + box-shadow: none; + } + .app.window-app.dialog ::-webkit-scrollbar-button:vertical:start:increment, + .app.window-app.dialog ::-webkit-scrollbar-button:vertical:end:decrement { + display: none; + } + .app.window-app.dialog ::-webkit-scrollbar-track { + background: url(../ui/scrollbars/scrollbar-track.png) repeat-y; + background-position: center; + background-size: 9px 110px; + box-shadow: none; + } + + .app.window-app ::-webkit-scrollbar { + width: 14px; + } + .app.window-app ::-webkit-scrollbar-thumb { + outline: none; + border-radius: 3px; + background: none; + /* background: url(../ui/scrollbar.png) no-repeat; */ + border-image: url(../ui/scrollbars/scrollbar-thumb.png) 25 repeat; + border-image-width: 25px; + border-image-outset: 0px; + min-height: 40px; + } + .app.window-app ::-webkit-scrollbar-button { + background: #020142; + height: 25px; + border: none; + background:#000; + border-image: url(../ui/scrollbars/scrollbar-thumb.png) 25 repeat !important; + border-image-width: 25px; + border-image-outset: 0px; + min-height: 40px; + } + .app.window-app ::-webkit-scrollbar-button:start:decrement { + background: url(../ui/scrollbars/scrollbar-button-vertical-decrement.png) no-repeat; + background-position: center; + box-shadow: none; + box-shadow: none; + } + .app.window-app ::-webkit-scrollbar-button:end:increment { + background: url(../ui/scrollbars/scrollbar-button-vertical-increment.png) no-repeat; + background-position: center; + box-shadow: none; + box-shadow: none; + } + .app.window-app ::-webkit-scrollbar-button:vertical:start:increment, + .app.window-app ::-webkit-scrollbar-button:vertical:end:decrement { + display: none; + } + .app.window-app ::-webkit-scrollbar-track { + background: url(../ui/scrollbars/scrollbar-track.png) repeat-y; + background-position: center; + background-size: 9px 110px; + box-shadow: none; + } + + #sidebar #chat-form ::-webkit-scrollbar { + width: 10px !important; + } + #sidebar #chat-form ::-webkit-scrollbar-thumb { + outline: none !important; + border-radius: 3px !important; + background: none !important; + border-image: url(../ui/scrollbars/sheet-dark-scrollbar-thumb.png) 10 repeat !important; + border-image-width: 5px !important; + border-image-outset: 0px !important; + } + #sidebar #chat-form ::-webkit-scrollbar-button { + background: #222978 !important; + height: 23px !important; + border: none !important; + } + #sidebar #chat-form ::-webkit-scrollbar-button:start:decrement { + background: url(../ui/scrollbars/sheet-dark-scrollbar-button-vertical-decrement.png) no-repeat !important; + box-shadow: none !important; + height: 16px !important; + background-position-y: 1px !important; + } + #sidebar #chat-form ::-webkit-scrollbar-button:end:increment { + background: url(../ui/scrollbars/sheet-dark-scrollbar-button-vertical-increment.png) no-repeat !important; + background-position-y: -1px !important; + box-shadow: none !important; + height: 16px !important; + } + #sidebar #chat-form ::-webkit-scrollbar-button:vertical:start:increment, + #sidebar #chat-form ::-webkit-scrollbar-button:vertical:end:decrement { + display: none !important; + } + #sidebar #chat-form ::-webkit-scrollbar-track { + background: url(../ui/scrollbars/sheet-dark-scrollbar-track.png) repeat-y !important; + background-position: center !important; + background-size: 4px 68px !important; + box-shadow: none !important; + border-radius: 0px !important; + } + + .window-app.dialog .talent-selector ::-webkit-scrollbar { + width: 10px !important; + } + .window-app.dialog .talent-selector ::-webkit-scrollbar-thumb { + outline: none !important; + border-radius: 3px !important; + background: none !important; + border-image: url(../ui/scrollbars/sheet-dark-scrollbar-thumb.png) 10 repeat !important; + border-image-width: 5px !important; + border-image-outset: 0px !important; + } + .window-app.dialog .talent-selector ::-webkit-scrollbar-button { + background: #222978 !important; + height: 23px !important; + border: none !important; + } + .window-app.dialog .talent-selector ::-webkit-scrollbar-button:start:decrement { + background: url(../ui/scrollbars/sheet-dark-scrollbar-button-vertical-decrement.png) no-repeat !important; + box-shadow: none !important; + height: 16px !important; + background-position-y: 1px !important; + } + .window-app.dialog .talent-selector ::-webkit-scrollbar-button:end:increment { + background: url(../ui/scrollbars/sheet-dark-scrollbar-button-vertical-increment.png) no-repeat !important; + background-position-y: -1px !important; + box-shadow: none !important; + height: 16px !important; + } + .window-app.dialog .talent-selector ::-webkit-scrollbar-button:vertical:start:increment, + .window-app.dialog .talent-selector ::-webkit-scrollbar-button:vertical:end:decrement { + display: none !important; + } + .window-app.dialog .talent-selector ::-webkit-scrollbar-track { + background: url(../ui/scrollbars/sheet-dark-scrollbar-track.png) repeat-y !important; + background-position: center !important; + background-size: 4px 68px !important; + box-shadow: none !important; + border-radius: 0px !important; + } + +/* ==================== (G) LIST STYLING ====================== */ + +/******************************************************************/ +/******************************************************************/ + + + + + +/******************************************************************/ +/*=============== III. SIDEBAR ===================================*/ +/******************************************************************/ + +/* ==================== (A) WINDOW FRAMEWORK ================== */ + #sidebar { + display: flex; + flex-direction: column; + flex-wrap: nowrap; + position: absolute; + top: 0px; + right: 0px; + height: 100vh; + width: 452px !important; + margin: 0px; + padding: 0px; + background: url(../ui/sidebar.png) !important; + background-position-y: 45px !important; + border-radius: 0px; + box-shadow: 0 0 0px #000; + border:none; + background-position: 0px !important; + } + #sidebar .sidebar-tab { + flex: 1; + height: calc(100vh - 54px); + margin: 0px 0px 0px 80px; + padding: 0px 0px 0px 0px; + } + + #sidebar-tabs > .item { + cursor: var(--application-cursor-pointer); +} + + #sidebar.collapsed { + width: 50px !important; + height: 364px !important; + position: absolute; + top: 15px; + right: -1px; + padding: 20px 0px 20px 18px; + margin: 3px 0px 0px 0px; + /*border: 1px solid black;*/ + border-image: url(../ui/frames/sidebar-collapsed.png); + border-image-slice: 9 fill; + border-image-width: 9px; + border-image-outset: 0px 0px 0px 0px; + border-image-repeat: repeat; + border-top-left-radius: 7px; + border-bottom-left-radius: 7px; + /* box-shadow: -2px 0px 8px #000; */ + } + #sidebar.collapsed #sidebar-tabs { + display: flex; + flex: none; + flex-direction: column; + flex-wrap: nowrap; + justify-content: space-evenly; + position: relative; + top: 126px; + left: -81px; + width: 35px; + height: 54px; + margin: 0px; + padding: 0px 0px 0px 90px; + border: none; + box-shadow: none; + background: none; + } + .sidebar-tab .directory-header .header-search > * { + flex: 0 0 24px; + } + + .sidebar-popout .directory-header, + .sidebar-tab .directory-header { + line-height: 32px; + text-align: center; + margin: 0; + border-bottom: none; + } + .sidebar-popout .directory-header .header-search, + .sidebar-tab .directory-header .header-search { + flex: 1; + justify-content: left; + text-align: center; + } + .sidebar-popout .directory-header .header-search input, + .sidebar-tab .directory-header .header-search input { + line-height: 20px; + width: calc(100% - 45px); + margin: 3px; + background: url(../ui/frames/parchment-texture.png); + box-shadow: inset 0 0 10px #000000; + border: 2px groove #790000; + border-image: url(../ui/chat-controls-border.png) 4 repeat; + border-image-width: 4px; + border-image-outset: 1px; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-family); + font-weight: var(--actor-input-font-weight); + color: var(--actor-input-color); + text-align: left; + } + .sidebar-popout .directory-header .header-search input::placeholder, + .sidebar-tab .directory-header .header-search input::placeholder { + text-align: center; + color: #65373ab0; + position: relative; + text-shadow: 0px 1px black; + } + .sidebar-popout .directory-header .header-control, + .sidebar-tab .directory-header .header-control { + display: block; + flex: 0 0 24px; + height: 32px; + position: relative; + top: -1px; + left: -6px; + } + .sidebar-popout .directory-header .fas.fa-sort-amount-up, + .sidebar-tab .directory-header .fas.fa-sort-amount-up { + width: 24px; + height: 24px; + position: relative; + top: 4px; + left: 5px; + background: url(../ui/buttons/sidebar-search-buttons-collapse-all.png); + color: #ffffff00; + font-size: 23px; + padding-top: 6px; + background-size:contain; + } + + .sidebar-popout.sidebar-directory .directory-list, + .sidebar-tab.sidebar-directory .directory-list { + height: auto; + margin: 0px 5px 0px 0px; + padding-right: 5px; + } + .sidebar-popout.sidebar-directory .directory-list header, + .sidebar-tab.sidebar-directory .directory-list header { + /* padding: 9px 3px 4px 3px; */ + /* border: 3px groove #790000; */ + /* box-shadow: 0 0 6px #000 inset; */ + /* line-height: normal; */ + /* background: #7b5c00d9; */ + font-family: var(--actor-input-font-family); + font-size: 16px; + font-weight: var(--actor-input-font-weight); + color: #3c2100; + text-shadow: 1px 1px 2px black; + } + .sidebar-popout.sidebar-directory .directory-list li, + .sidebar-tab.sidebar-directory .directory-list li { + border-bottom: 2px groove #333; + margin-right: 1px; + } + .sidebar-popout.sidebar-directory .directory-list .subdirectory li, + .sidebar-tab.sidebar-directory .directory-list .subdirectory li { + border-bottom: 2px groove #333; + margin-right: 0px; + } + .sidebar-popout.sidebar-directory .directory-list .subdirectory .directory-item, + .sidebar-tab.sidebar-directory .directory-list .subdirectory .directory-item { + margin-left: 10px; + /* background: grey; */ + } + + .sidebar-popout { + width: 330px !important; + } + + #settings button, + .sidebar-tab .action-buttons button, + .sidebar-tab .directory-footer button, + #macros .directory-footer button, + #macros .directory-footer button, + #sidebar .header-actions button { + margin: 1px 5px 6px 0px !important; + padding: 2px 0px 0px 0px; + height: 34px; + border: 3px solid #670000; + /* border-image: url(../ui/footer-button.png) 10 repeat; */ + border-image-width: 4px; + border-image-outset: 0px; + box-shadow: 4px 4px 1px #00000085; + background: url(../ui/sidebar_button-background.png) repeat; + background-origin: padding-box; + color: #66141a; + font-family: KuiperBelt; + font-size: var(--major-button-font-size); + font-weight: 500; + text-shadow: 1px 1px 0px #00000063; + border-radius: 8px; + } + #sidebar .header-actions i { + display: none; + } + + .sidebar-tab .directory-list .directory-item.context, .sidebar-tab .directory-list .directory-item.active { + margin-top: 5px !important; + padding: 3px 3px !important; + border-top: 2px solid #ffdf00 !important; + border-bottom: 2px solid #af7700 !important; + box-shadow: 1px 1px 3px #4e0c0c !important; + background: #66141a !important; + margin-bottom: 5px !important; + } + + #context-menu ol.context-items { + opacity: 0.95; + background-image: url(../ui/frames/window-app-background-bookshelf.png); + border: 4px solid #66141a; + border-radius: 10px; + background-size:contain; + } + #context-menu.expand-down { + border-radius: 10px; + opacity: 0.95; + } + + #context-menu li.context-item:hover { + color: white; + text-shadow: 3px 3px 7px #d40010; + background: url(../ui/sidebar_button-background_red.png) repeat; + cursor: var(--application-cursor-pointer); + opacity:0.8; + } +/* ==================== (B) SIDEBAR HEADER ==================== */ + #sidebar-tabs { + justify-content: space-evenly; + position: relative; + left: 69px; + width: 383px; + height: 52px; + margin: 0px; + padding-left:20px; + padding-right:20px; + padding-bottom:18px; + box-shadow: none; + flex: 0 0 45px; + margin: 0px; + border: 4px solid #66141a; + background: url(../ui/frames/window-app-header-blank.png); + border-image-slice: 19 21 19 21 fill; + border-image-width: 19px 21px 21px 21px; + border-image-outset: 0px; + align-items: center; + display: inline-flex; + border-radius: 10px; + } + + #sidebar-tabs > .item { + display: inline-block; + flex: none; + height: 30px; + width: 30px; + margin: 0px; + padding: 0px; + color: #ff000000; + border: none; + border-radius: 0px; + position: relative; + top: 8px; + } + #sidebar-tabs > .collapse { + display: inline-block; + flex: none; + height: 30px; + width: 30px; + margin: 0px; + padding: 0px; + color: #ff000000; + border: none; + border-radius: 0px; + position: relative; + top: 8px; + position: relative; + top: 8px; + left: 0px; + height: 30px; + width: 30px; + border-radius: 0px; + box-shadow: none; + border: none; + border-bottom: none; + text-shadow: 0 0 10px #ff000000; + visibility: visible; + background: url(../ui/sidebar-button-settings-active.png); + background: url(../ui/sidebar-button-collapse.png); + } + #sidebar.collapsed .collapse { + background: url(../ui/sidebar-button-collapse-active.png); + } + #sidebar-tabs .item > i { + height: inherit; + width: inherit; + } + #sidebar-tabs .item:hover{ + box-shadow: 2px 2px 8px 5px #66141a; + border-radius: 50%; + } + + + #sidebar-tabs > .item.active { + display: inline-block; + flex: none; + height: 30px; + width: 30px; + margin: 0px; + padding: 0px; + color: #ff000000; + border: none; + border-radius: 0px; + box-shadow: none; + position: relative; + top: 0px; + visibility: hidden; + } + + #sidebar-tabs > .item.active .fas.fa-comments { + position: relative; + top: 0px; + left: 0px; + height: 30px; + width: 30px; + border-radius: 0px; + box-shadow: none; + border: none; + border-bottom: none; + text-shadow: 0 0 10px #ff000000; + visibility: visible; + background: url(../ui/sidebar-button-chat-active.png); + } + #sidebar-tabs > .item.active .fas.fa-fist-raised { + position: relative; + top: 0px; + left: 0px; + height: 30px; + width: 30px; + border-radius: 0px; + box-shadow: none; + border: none; + border-bottom: none; + text-shadow: 0 0 10px #ff000000; + visibility: visible; + background: url(../ui/sidebar-button-combat-active.png); + } + #sidebar-tabs > .item.active .fas.fa-map { + position: relative; + top: 0px; + left: 0px; + height: 30px; + width: 30px; + border-radius: 0px; + box-shadow: none; + border: none; + border-bottom: none; + text-shadow: 0 0 10px #ff000000; + visibility: visible; + background: url(../ui/sidebar-button-scenes-active.png); + } + #sidebar-tabs > .item.active .fas.fa-users { + position: relative; + top: 0px; + left: 0px; + height: 30px; + width: 30px; + border-radius: 0px; + box-shadow: none; + border: none; + border-bottom: none; + text-shadow: 0 0 10px #ff000000; + visibility: visible; + background: url(../ui/sidebar-button-actors-active.png); + } + #sidebar-tabs > .item.active .fas.fa-suitcase { + position: relative; + top: 0px; + left: 0px; + height: 30px; + width: 30px; + border-radius: 0px; + box-shadow: none; + border: none; + border-bottom: none; + text-shadow: 0 0 10px #ff000000; + visibility: visible; + background: url(../ui/sidebar-button-items-active.png); + } + #sidebar-tabs > .item.active .fas.fa-book-open { + position: relative; + top: 0px; + left: 0px; + height: 30px; + width: 30px; + border-radius: 0px; + box-shadow: none; + border: none; + border-bottom: none; + text-shadow: 0 0 10px #ff000000; + visibility: visible; + background: url(../ui/sidebar-button-journal-active.png) + } + #sidebar-tabs > .item.active .fas.fa-th-list { + position: relative; + top: 0px; + left: 0px; + height: 30px; + width: 30px; + border-radius: 0px; + box-shadow: none; + border: none; + border-bottom: none; + text-shadow: 0 0 10px #ff000000; + visibility: visible; + background: url(../ui/sidebar-button-tables-active.png); + } + #sidebar-tabs > .item.active .fas.fa-music { + position: relative; + top: 0px; + left: 0px; + height: 30px; + width: 30px; + border-radius: 0px; + box-shadow: none; + border: none; + border-bottom: none; + text-shadow: 0 0 10px #ff000000; + visibility: visible; + background: url(../ui/sidebar-button-playlists-active.png); + } + #sidebar-tabs > .item.active .fas.fa-atlas { + position: relative; + top: 0px; + left: 0px; + height: 30px; + width: 30px; + border-radius: 0px; + box-shadow: none; + border: none; + border-bottom: none; + text-shadow: 0 0 10px #ff000000; + visibility: visible; + background: url(../ui/sidebar-button-compendium-active.png); + } + #sidebar-tabs > .item.active .fas.fa-cogs { + position: relative; + top: 0px; + left: 0px; + height: 30px; + width: 30px; + border-radius: 0px; + box-shadow: none; + border: none; + border-bottom: none; + text-shadow: 0 0 10px #ff000000; + visibility: visible; + background: url(../ui/sidebar-button-settings-active.png); + + } + + #sidebar-tabs > [data-tab~="chat"] { + background: url(../ui/sidebar-button-chat.png); + } + #sidebar-tabs > [data-tab~="combat"] { + background: url(../ui/sidebar-button-combat.png); + } + #sidebar-tabs > [data-tab~="scenes"] { + background: url(../ui/sidebar-button-scenes.png); + + } + #sidebar-tabs > [data-tab~="actors"] { + background: url(../ui/sidebar-button-actors.png); + } + #sidebar-tabs > [data-tab~="items"] { + background: url(../ui/sidebar-button-items.png); + } + #sidebar-tabs > [data-tab~="journal"] { + background: url(../ui/sidebar-button-journal.png); + } + #sidebar-tabs > [data-tab~="tables"] { + background: url(../ui/sidebar-button-tables.png); + } + #sidebar-tabs > [data-tab~="playlists"] { + background: url(../ui/sidebar-button-playlists.png); + } + #sidebar-tabs > [data-tab~="compendium"] { + background: url(../ui/sidebar-button-compendium.png); + } + #sidebar-tabs > [data-tab~="settings"] { + background: url(../ui/sidebar-button-settings.png); + } + +/* ==================== (C) SIDEBAR (CHAT) ==================== */ + #sidebar .sidebar-tab .directory-list .folder-header { + margin-top: 0px; + margin-left: 0px; + border-radius: 9px; + } + /* ================== 1. CHAT LOG =========================== */ + #sidebar .sidebar-tab #chat-log { + flex: 4; + height: auto; + width: 100%; + margin: 0px 0px 0px -5px; + padding: 0px 0px 0px 0px; + overflow-y: auto; + list-style: none; + /* background: var(--debug-background-color-red); */ + } + + #chat-log .message { + padding: 4px 1px 4px 1px; + /* margin: calc(var(--window-content-border-image-width) * 2) calc(var(--window-content-border-image-width) * 1.25) var(--window-content-border-image-width) calc(var(--window-content-border-image-width) * 1.25); */ + margin:25px 16px 25px 21px; + border-image: url(../ui/frames/chat-message-border.png) 21 repeat; + border-image-width: 16px; + border-image-outset: 12px; + border-radius: 4px; + background: url(../ui/frames/parchment-texture.png) repeat !important; + box-shadow: none; + color: #000000; + font-family: KuiperBelt; + font-size: 14px; + font-weight: 500; + vertical-align: middle; + /* border-image-slice: var(--window-border-image-slice); */ + /* border-image-width: var(--window-content-border-image-width); */ + /* border-image-outset: 9px; */ + background-position-x: center !important; + } + #chat-log .message .message-header { + margin: 0px; + padding: 8px 4px 0px 4px; + line-height: normal; + box-shadow: 0px 0px 1px black inset; + vertical-align: middle; + font-family: KuiperBelt; + font-size: 14px; + font-weight: 500; + color: red; + min-height: 35px; + border: 3px double #3e000078; + background: #0000000d; + } + #chat-log .message .message-header .message-sender { + flex: 3; + margin: 0; + color: #790000; + text-shadow: 0px 0px 1px #00000087; + vertical-align: middle; + position: relative; + height: 100%; + /* background: var(--debug-background-color-green); */ + } + #chat-log .message .message-header .message-sender.with-image { + top: 12px; + } + #chat-log .message .message-header .message-metadata { + text-align: right; + vertical-align: middle; + font-family: KuiperBelt; + font-size: 14px; + font-weight: 500; + color: #1d1d1d; + text-shadow: 0px 0px 1px #00000087; + } + #chat-log .message .message-header .message-metadata .message-delete { + position: relative; + top: 0px; + right: 0px; + font-size: 13px; + color: #1f1f1dc4; + text-shadow: none; + } + #chat-log .message .message-content { + margin: 0px 0px; + padding: 4px 4px 0px 4px; + border-top: none; + /* background: #0000000d; */ + } + + #chat-log .message .message-content a[href]{ + color: #010ea9; + font-size: 16px; + font-family: var(--major-button-font-family), serif; + text-shadow: none; + } + + /* ================== 2. CHAT CONTROLS ====================== */ + #sidebar .sidebar-tab #chat-controls { + position: relative; + flex: 0 0 45px; + right: 0px; + min-width: 376px; + max-width: 376px; + margin: 0px; + padding-bottom: 10px + } + + #sidebar .sidebar-tab #chat-controls label { + color: #f0f8ff00; + } + #sidebar .sidebar-tab #chat-controls i { + width: 30px; + height: 30px; + position: relative; + top: 3px; + background: url(../ui/buttons/chat-button-d20.png); + } + + #sidebar .sidebar-tab #chat-controls .roll-type-select { + font-family: var(--major-button-font-family); + font-weight: 500; + font-size: 16px; + margin-right: 20px; + text-align: left; + position: relative; + height: 32px; + top: 2px; + padding-top: 3px; + background: url(../ui/frames/parchment-texture.png) repeat; + background-position-x: 0%; + background-position-y: 0%; + background-position: initial; + box-shadow: inset 0 0 10px #000000; + border-image: url(../ui/chat-controls-border.png) 4 repeat; + border-image-width: 4px; + border-image-outset: 3px 2px 2px 2px; + color: #111; + } + #sidebar .sidebar-tab #chat-controls .roll-type-select i.fas { + margin-right: 5px; + } + + #sidebar .sidebar-tab #chat-controls .control-buttons a { + color: #f0f8ff00; + } + #sidebar .sidebar-tab #chat-controls .control-buttons .export-log i { + background: url(../ui/buttons/chat-button-export.png); + position: relative; + right: 20px; + } + #sidebar .sidebar-tab #chat-controls .control-buttons .delete i { + background: url(../ui/buttons/chat-button-clear.png); + position: relative; + right: 10px; + } + + /* ================== 3. CHAT FORM ========================== */ + #sidebar .sidebar-tab #chat-form { + min-height: 170px; + position: relative; + bottom: 8px; + right: -5px; + display: flex; + margin: 11px 0 0 0; + background: url(../ui/frames/parchment-texture.png) repeat; + border: 3px solid #66141a; + border-image: url(../ui/chat-form-border.png) 10 repeat; + border-image-width: 19px; + border-image-outset: 6px; + box-shadow: inset 0 0 40px #000000; + border-radius: 12px; + background-size: cover; + width: 96%; + border-image-slice: 12; + } + #sidebar #chat-form textarea { + height: 80%; + width: 90%; + margin: 16px 17px 11px 35px; + padding: 5px 5px 5px 5px; + resize: none; + border: none; + border-radius: 0px; + background: none; + font-family: var(--actor-input-font-family); + font-size: var(--chatform-input-font-size); + font-weight: var(--actor-input-font-weight); + color: var(--actor-input-color); + line-height: normal; + border: 3px solid #66141a4d; + border-radius: 8px; + } + #sidebar #chat-form textarea:focus { + outline: none; + box-shadow: none; + } + +#pause > h3 +{ + color: #c1ac9dc7; + font-family:Auberesh; + font-size: 40px; + text-shadow: 3px 3px 3px #1f0000; +} +#pause > img { + content: url(../art/ui/pyke-syndicate-256x256.png); + height: 256px; + width: 256px; + top: -75px; + left: calc(50% - 132px); +} + + +/* ==================== (D) SIDEBAR (COMBAT TRACKER) ========== */ + #combat li.combatant .token-name h4 { + color: #cccbb5; +} + + + #combat-popout #combat-round , #sidebar #combat #combat-round { + flex: 0 0 64px; + min-height: 73px; + max-height: 73px; + line-height: 32px; + text-align: center; + border-bottom: 2px groove #444; + font-family: KuiperBelt; + font-size: 20px; + font-weight: 500; + text-shadow: 0px 0px 1px #00000063; + } + #combat-popout #combat-round .encounters h4 , #sidebar #combat #combat-round .encounters h4 { + flex: 1; + margin: 0; + padding: 0px; + position: relative; + top: 2px; + color: #AAA; + text-align: center; + text-shadow: 1px 1px 4px #000000; + font-family: var(--actor-input-font-family); + font-size: 17px; + font-weight: var(--actor-input-font-weight); + } + #combat-popout #combat-round .encounters h3 , #sidebar #combat #combat-round .encounters h3 { + flex: 1; + margin: 0px 30px; + padding: 0px; + height: 34px; + font-size: 20px; + text-align: center; + line-height: normal; + color: #d6d6d6; + border: 3px double #5d513e; + background: #080808; + box-shadow: 0px 0px 10px inset black; + border-radius: 0px; + opacity: 1; + text-shadow: 1px 1px 5px #000000; + } + #combat-popout #combat-round .encounters h3 { + font-size: 19px; + } + #combat-popout #combat-round .combat-cycle , #sidebar #combat #combat-round .combat-cycle { + padding: 0px; + margin: 0px; + width: 30px; + height: 30px; + color: #00ffff00; + text-shadow: none; + position: relative; + top: 0px; + background: url(../ui/buttons/combat-button-previous-encounter.png); + } + #combat-popout #combat-round a[title="Activate Next Encounter"] , #sidebar #combat #combat-round a[title="Activate Next Encounter"] { + padding: 0px; + margin: 0px; + width: 30px; + height: 30px; + color: #00ffff00; + text-shadow: none; + position: relative; + top: 0px; + background: url(../ui/buttons/combat-button-next-encounter.png); + } + #combat-popout #combat-round .combat-control , #sidebar #combat #combat-round .combat-control { + padding: 0px; + margin: 0px; + width: 30px; + height: 30px; + color: #00ffff00; + text-shadow: none; + position: relative; + top: 0px; + background: url(../ui/buttons/combat-button-reset-initiative.png); + } + #combat-popout #combat-round .combat-settings , #sidebar #combat #combat-round .combat-settings { + padding: 0px; + margin: 0px; + width: 30px; + height: 30px; + color: #00ffff00; + text-shadow: none; + position: relative; + top: 0px; + background: url(../ui/buttons/combat-button-tracker-settings.png); + } + #combat-popout #combat-round a[title="Create Encounter"] , #sidebar #combat #combat-round a[title="Create Encounter"] { + padding: 0px; + margin: 0px; + width: 30px; + height: 30px; + color: #00ffff00; + text-shadow: none; + position: relative; + top: 2px; + background: url(../ui/buttons/combat-button-create-encounter.png); + } + #combat-popout #combat-round a[title="Roll NPCs"] , #sidebar #combat #combat-round a[title="Roll NPCs"] { + padding: 0px; + margin: 0px; + width: 30px; + height: 30px; + color: #00ffff00; + text-shadow: none; + position: relative; + top: 2px; + background: url(../ui/buttons/combat-button-roll-npcs.png); + } + #combat-popout #combat-round a[title="Roll All"] , #sidebar #combat #combat-round a[title="Roll All"] { + padding: 0px; + margin: 0px; + width: 30px; + height: 30px; + color: #00ffff00; + text-shadow: none; + position: relative; + top: 2px; + background: url(../ui/buttons/combat-button-roll-all.png); + } + #combat-popout #combat-round a[title="Delete Encounter"] , #sidebar #combat #combat-round a[title="Delete Encounter"] { + padding: 0px; + margin: 0px; + width: 30px; + height: 30px; + color: #00ffff00; + text-shadow: none; + position: relative; + top: 2px; + background: url(../ui/buttons/combat-button-delete-encounter.png); + } + + #combat-popout #combat-tracker , #sidebar #combat #combat-tracker { + height: calc(100% - 73px - 50px); + padding: 1px 0; + color: #feffefd6; + } + #combat-popout .directory-list .directory-item , #sidebar #combat .directory-list .directory-item { + padding: 1px 3px; + border: 2px solid #790000; + box-shadow: 0 0 6px #000 inset; + line-height: 48px; + background: #000000b5; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #a7a296; + border-radius:10px; + margin: 1px 5px 1px 1px; + } + #combat-popout li.combatant .roll , #sidebar #combat li.combatant .roll { + display: block; + width: 40px; + height: 48px; + /* background: url(../ui/buttons/d10.png) no-repeat 50% 50%; */ + background-size: 32px; + margin: 0 0.5em; + opacity: 1.0; + } + #combat-popout li.combatant .roll:hover , #sidebar #combat li.combatant .roll:hover { + /* background-image: url(../ui/buttons/d10-highlight.png); */ + cursor: var(--application-cursor-pointer); + } + #combat-popout li.combatant .token-initiative , #sidebar #combat li.combatant .token-initiative { + flex: 0 0 48px; + min-width: 48px; + text-align: center; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #feffefd6; + } + #combat li.combatant.active .initiative { + font-weight: normal; + } + + #combat-popout #combat-controls , #sidebar #combat #combat-controls { + margin: 7px 0px 0px 0px; + border-top: none; + min-height: 50px; + max-height: 50px; + } + #combat-popout #combat-controls a , #sidebar #combat #combat-controls a { + margin: 0 2%; + padding: 8px 0px 0px 0px; + height: 34px; + border: 3px solid #66141a; + /* border-image: url(../ui/footer-button.png) 10 repeat; */ + border-image-width: 4px; + border-image-outset: 0px; + box-shadow: 4px 4px 1px #00000085; + background: url(../ui/sidebar_button-background.png) repeat; + background-origin: padding-box; + color: #3c2100; + font-family: KuiperBelt; + font-size: 16px; + font-weight: bold; + text-shadow: 0px 0px 1px #00000063; + border-radius: 10px; + } + #combat-popout #combat-controls a:hover , #sidebar #combat #combat-controls a:hover { + box-shadow: 0 0 5px #c70000 !important; + cursor: var(--application-cursor-pointer); + background: url(../ui/sidebar_button-background_red.png) repeat; + color:white; + } + #combat #combat-controls a.center { + flex: 8; + line-height: unset; + } + + #combat #combat-controls a{ + flex: 2; + line-height: unset; + } + #combat #combat-round .encounters a{ + color:#00000000; + } + #combat-popout #combat-controls .combat-control i , #sidebar #combat #combat-controls .combat-control i { + display: contents; + } + #combat-popout #combat-controls a[title="End Combat"] , #sidebar #combat #combat-controls a[title="End Combat"] { + padding: 0px 0px 0px 0px; + } + #combat-popout #combat-controls a[title="Begin Combat"] , #sidebar #combat #combat-controls a[title="Begin Combat"] { + padding: 0px 0px 0px 0px; + } + +/* ==================== (E) SIDEBAR (SCENES) ================== */ + #sidebar #scenes .directory-list .directory-item { + border: 2px solid #790000; + border-radius: 10px; + } + #scenes .subdirectory { + border-left: 26px solid #66141ab5; + border-bottom: none; +} + #scenes-popout .directory-list .directory-item .entity-name a, + #sidebar #scenes .directory-list .directory-item .entity-name a { + background: #000000d4; + border-radius: 2px; + border: 3px double #790000; + padding: 10px; + box-shadow: 0 0 5px #000000 inset; + font-family: var(--actor-input-font-family); + font-size: 18px; + font-weight: var(--actor-input-font-weight); + position: relative; + top: -2px; + } + +/* ==================== (F) SIDEBAR (ACTORS) ================== */ + #sidebar #actors .directory-list .directory-item { + padding: 1px 3px; + border: 3px groove #790000; + box-shadow: 0 0 6px #000 inset; + line-height: normal; + background: #000000b5; + font-family: var(--actor-input-font-family); + font-size: 16px; + font-weight: var(--actor-input-font-weight); + color: #f9efdc; + text-shadow: 1px 1px 2px black; + border-radius: 10px; + } + #sidebar #actors .directory-list .directory-item h4 { + top: 17px; + position: relative; + } + +/* ==================== (G) SIDEBAR (ITEMS) =================== */ + #sidebar #items .directory-list .directory-item { + padding: 1px 3px; + border: 3px groove #790000; + box-shadow: 0 0 6px #000 inset; + line-height: normal; + background: #000000b5; + font-family: var(--actor-input-font-family); + font-size: 16px; + font-weight: var(--actor-input-font-weight); + color: #f9efdc; + text-shadow: 1px 1px 2px black; + border-radius: 10px; + } + #sidebar #items .directory-list .directory-item h4 { + top: 17px; + position: relative; + } + +/* ==================== (H) SIDEBAR (JOURNAL) ================= */ + #sidebar #journal .directory-list .directory-item { + padding: 3px 3px; + border: 3px groove #790000; + box-shadow: 0 0 6px #000 inset; + line-height: normal; + background: #000000b5; + font-family: var(--actor-input-font-family); + font-size: 16px; + font-weight: var(--actor-input-font-weight); + color: #f9efdc; + text-shadow: 1px 1px 2px black; + border-radius: 10px; + } +/* ==================== (I) SIDEBAR (PLAYLISTS) =============== */ + #playlists-popout .directory-list, + #sidebar #playlists .directory-list { + flex: 1; + height: calc(100% - 50px); + list-style: none; + margin: 0; + padding: 0; + overflow-y: auto; + } + #playlists-popout .directory-list li.playlist:first-of-type .playlist-header, + #sidebar #playlists .directory-list li.playlist:first-of-type .playlist-header { + flex: 0 0 100%; + justify-content: space-between; + text-decoration: none; + } + #playlists-popout .directory-list .directory-item:first-of-type .playlist-header h4, + #sidebar #playlists .directory-list .directory-item:first-of-type .playlist-header h4 { + flex: 1; + margin: 0px; + padding: 0px; + text-align: center; + line-height: normal; + font-family: var(--window-header-title-font-family); + font-size: var(--window-header-title-font-size); + font-weight: var(--window-header-title-font-weight); + color: #d6d6d6; + border: 3px double #5d513e; + background: #080808; + box-shadow: 0px 0px 10px inset black; + border-radius: 0px; + opacity: 1; + text-shadow: 1px 1px 5px #000000; + } + #playlists-popout li.playlist:first-of-type .playlist-sounds, + #sidebar #playlists li.playlist:first-of-type .playlist-sounds { + flex: 0 0 100%; + list-style: none; + margin: 3px 0px; + padding: 3px 5px; + background: #000000b5; + box-shadow: 0px 0px 10px inset black; + border: 2px ridge #5d513e; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + } + #sidebar #playlists li.playlist:first-of-type li.sound { + margin: 5px 0; + padding: 0; + } + #sidebar #playlists .global-volume { + flex: 0 0 152px; + position: relative; + top: -2px; + } + #playlists-popout .global-volume::-webkit-slider-thumb, + #sidebar #playlists .global-volume::-webkit-slider-thumb { + -webkit-appearance: none; + border: 1px solid #7d5900; + height: 11px; + width: 11px; + border-radius: 5px; + background: #212121; + cursor: pointer; + margin-top: -4px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */ + box-shadow: 1px 1px 1px #000000 inset, 0px 0px 2px #0d0d0d; /* Add cool effects to your sliders! */ + } + #playlists-popout .global-volume::-webkit-slider-runnable-track, + #sidebar #playlists .global-volume::-webkit-slider-runnable-track { + background-image: linear-gradient(to right, #820f0f , #82820d); + } + #playlists li.playlist .playlist-sounds { + flex: 0 0; + list-style: none; + margin: 0; + padding: 0; + width: -webkit-fill-available; + width: -moz-available; + width: fill-available; + } + + #playlists-popout li.playlist:not(:first-of-type) .playlist-header, + #sidebar #playlists li.playlist:not(:first-of-type) .playlist-header { + flex: 0 0 100%; + justify-content: space-between; + text-decoration: none; + margin: 3px 0px; + padding: 4px 5px 4px 5px; + border: 3px double #790000; + background: #7b5c00d9; + } + #playlists-popout .directory-list .directory-item .playlist-header h4, + #sidebar #playlists .directory-list .directory-item .playlist-header h4 { + flex: 1; + margin: 0px; + padding: 0px; + text-align: left; + line-height: normal; + font-family: var(--actor-input-font-family); + font-size: var(---actor-input-font-size); + font-weight: var(---actor-input-font-weight); + color: #d6d6d6; + border: none; + background: none; + box-shadow: none; + border-radius: 0px; + opacity: 1; + text-shadow: 1px 1px 5px #000000; + } + #playlists-popout li.playlist:not(:first-of-type) .playlist-header i, + #sidebar #playlists li.playlist:not(:first-of-type) .playlist-header i { + position: relative; + top: 2px; + } + #playlists-popout li.playlist:not(:first-of-type) li.sound, + #sidebar #playlists li.playlist:not(:first-of-type) li.sound { + margin: 0px; + padding: 4px 7px 4px 7px; + border: 1px solid #790000; + box-shadow: 0 0 6px #000 inset; + line-height: normal; + background: #272727c7; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + width: 360px + } + #playlists-popout li.playlist:not(:first-of-type) li.sound i, + #sidebar #playlists li.playlist:not(:first-of-type) li.sound i { + position: relative; + top: 2px; + } + #playlists-popout li.playlist:not(:first-of-type) li.sound .sound-name, + #sidebar #playlists li.playlist:not(:first-of-type) li.sound .sound-name { + margin: 0px 15px 0px 0px; + max-width: none; + } + #playlists-popout li.playlist:not(:first-of-type) li.sound .sound-volume, + #sidebar #playlists li.playlist:not(:first-of-type) li.sound .sound-volume { + position: relative; + top: -1px; + } + #playlists-popout li.playlist:not(:first-of-type) li.sound .sound-volume::-webkit-slider-thumb, + #sidebar #playlists li.playlist:not(:first-of-type) li.sound .sound-volume::-webkit-slider-thumb { + -webkit-appearance: none; + border: 1px solid #7d5900; + height: 11px; + width: 11px; + border-radius: 5px; + background: #212121; + cursor: pointer; + margin-top: -4px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */ + box-shadow: 1px 1px 1px #000000 inset, 0px 0px 2px #0d0d0d; /* Add cool effects to your sliders! */ + } + #playlists-popout li.playlist:not(:first-of-type) li.sound .sound-volume::-webkit-slider-runnable-track, + #sidebar #playlists li.playlist:not(:first-of-type) li.sound .sound-volume::-webkit-slider-runnable-track { + background-image: linear-gradient(to right, #230da5 , #076d1c); + } + + +/* ==================== (J) SIDEBAR (COMPENDIUM) ============== */ + #compendium-popout .directory-list, + #sidebar #compendium .directory-list { + flex: 1; + height: calc(100% - 50px); + list-style: none; + margin: 0px 5px 0px 0px; + padding: 0; + overflow-y: auto; + } + #compendium-popout .directory-list .compendium-entity h3, + #sidebar #compendium .directory-list .compendium-entity h3 { + padding: 9px 6px 4px 6px; + margin: 0px 5px; + border: 3px double #790000; + box-shadow: 0 0 6px #000 inset; + line-height: normal; + background: #7b5c00d9; + font-family: var(--actor-input-font-family); + font-size: 16px; + font-weight: var(--actor-input-font-weight); + color: #f9efdc; + text-shadow: 1px 1px 2px black; + } + #compendium-popout .directory-list .compendium-list .compendium-pack, + #sidebar #compendium .directory-list .compendium-list .compendium-pack { + padding: 9px 6px 4px 6px; + border: 3px groove #790000; + box-shadow: 0 0 6px #0c0000 inset; + line-height: normal; + background: #2d0609ba; + font-family: var(--actor-input-font-family); + font-size: 16px; + font-weight: var(--actor-input-font-weight); + color: #f9efdc; + text-shadow: 1px 1px 2px black; + border-radius: 10px; + } + #compendium-popout .directory-list .compendium-list .compendium-pack a, + #sidebar #compendium .directory-list .compendium-list .compendium-pack a { + position: relative; + top: 0px; + } + #compendium-popout .directory-list .compendium-list .compendium-pack .pack-title, + #sidebar #compendium .directory-list .compendium-list .compendium-pack .pack-title { + margin: 0px; + } + #compendium-popout .directory-list .compendium-list .compendium-pack .pack-title, + #sidebar #compendium .directory-list .compendium-list .compendium-pack .compendium-footer { + /* display: none; */ + color: #978461; + margin-left: 25px; + } + #compendium-popout .directory-list .compendium-list .compendium-pack .compendium-search input, + #sidebar #compendium .directory-list .compendium-list .compendium-pack .compendium-search input { + color: white + } + +/* ==================== (K) SIDEBAR (SETTINGS) ================ */ + #sidebar #settings h2 { + flex: 1; + margin: 0px 5px; + padding: 0px; + text-align: center; + line-height: normal; + font-family: 'KuiperBelt'; + font-size: var(--window-header-title-font-size); + font-weight: var(--window-header-title-font-weight); + color: #d6d6d6; + border: 3px double #9e2029; + background: #080808; + box-shadow: 0px 0px 10px inset black; + border-radius: 0px; + opacity: 0.8; + text-shadow: 1px 1px 5px #000000; + border-radius: 8px; + } + #sidebar #settings h2:not(:first-of-type) { + margin-top: 30px; + } + #sidebar #settings ul { + flex: 1; + margin: 0px 5px; + padding: 10px; + font-family: var(--actor-input-font-family); + font-size: 16px; + font-weight: var(--actor-input-font-weight); + color: #3c2100; + background: #7b5c00d9; + border: 1px solid #5d513e; + border-top: none; + box-shadow: 0px 0px 20px inset black; + } + + #settings #game-details { + color:white !important; + } + #sidebar #settings button { + margin: 4px 12px; + padding: 3px 0px; + width: -webkit-fill-available; + width: -moz-available; + width: fill-available; + border: 3px solid #66141a; + /* border-image: url(../ui/footer-button.png) 10 repeat; */ + border-image-width: 4px; + border-image-outset: 0px; + box-shadow: 4px 4px 1px #00000085; + background: url(../ui/sidebar_button-background.png) repeat; + background-origin: padding-box; + font-family: var(--major-button-font-family); + font-size: var(--major-button-font-size); + font-weight: var(--major-button-font-weight); + color: var(--major-button-color); + line-height: normal; + text-shadow: 0px 1px 1px #424242; + border-radius: 10px; + } + + #sidebar #settings button:hover { + color: #ffffff; + cursor: var(--application-cursor-pointer); + background: url(../ui/sidebar_button-background_red.png) repeat; + } + #sidebar #settings button i { + display: none; + } + +/******************************************************************/ +/******************************************************************/ + + + + + +/******************************************************************/ +/*=============== IV. ITEM SHEET =================================*/ +/******************************************************************/ +.app.window-app.sheet.item-sheet .window-title { + display: none; +} +.app.window-app.sheet.item-sheet .content { + height: 100% +} +/* ==================== (A) EQUIPMENT ========================= */ + .app.window-app.sheet.item-sheet { + box-shadow: none; + background: none; + border: 1px solid blue; + border-image: url(../ui/item-sheet.png); + border-image-slice: 59; + border-image-width: 59px; + border-image-outset: 0px; + min-width: 540px; + min-height: 552px; + /* width: 540px !important; */ + /* height: 552px !important; */ + } + .app.window-app.sheet.item-sheet.career-sheet { + border-image: url(../ui/item-sheet-red.png); + border-image-slice: 59; + border-image-width: 59px; + border-image-outset: 0px; + } + .app.window-app.sheet.item-sheet.disease-sheet { + border-image: url(../ui/item-sheet-green.png); + border-image-slice: 59; + border-image-width: 59px; + border-image-outset: 0px; + } + .app.window-app.sheet.item-sheet.equipment-sheet { + border-image: url(../ui/item-sheet.png); + border-image-slice: 59; + border-image-width: 59px; + border-image-outset: 0px; + } + .app.window-app.sheet.item-sheet.injury-sheet { + border-image: url(../ui/item-sheet-black.png); + border-image-slice: 59; + border-image-width: 59px; + border-image-outset: 0px; + } + .app.window-app.sheet.item-sheet.mutation-sheet { + border-image: url(../ui/item-sheet-black.png); + border-image-slice: 59; + border-image-width: 59px; + border-image-outset: 0px; + } + .app.window-app.sheet.item-sheet.prayer-sheet { + border-image: url(../ui/item-sheet-white.png); + border-image-slice: 59; + border-image-width: 59px; + border-image-outset: 0px; + } + .app.window-app.sheet.item-sheet.psychology-sheet { + border-image: url(../ui/item-sheet-black.png); + border-image-slice: 59; + border-image-width: 59px; + border-image-outset: 0px; + } + .app.window-app.sheet.item-sheet.skill-sheet { + border-image: url(../ui/item-sheet-yellow.png); + border-image-slice: 59; + border-image-width: 59px; + border-image-outset: 0px; + } + .app.window-app.sheet.item-sheet.spell-sheet { + border-image: url(../ui/item-sheet-purple.png); + border-image-slice: 59; + border-image-width: 59px; + border-image-outset: 0px; + } + .app.window-app.sheet.item-sheet.talent-sheet { + border-image: url(../ui/item-sheet-blue.png); + border-image-slice: 59; + border-image-width: 59px; + border-image-outset: 0px; + } + .app.window-app.sheet.item-sheet.creature-trait-sheet { + border-image: url(../ui/item-sheet-blue.png); + border-image-slice: 59; + border-image-width: 59px; + border-image-outset: 0px; + } + + .app.window-app.sheet.item-sheet .window-header { + flex: 0 0 30px; + padding: 0 24px; + line-height: 30px; + border-bottom: none; + border: none; + position: relative; + top: 18px; + justify-content: right; + justify-content: flex-end; + } + + .app.window-app.sheet.item-sheet .window-content { + display: inline-block; + flex-direction: column; + flex-wrap: nowrap; + background: url(../ui/frames/parchment-texture.png); + padding: 8px; + color: #111; + overflow-y: hidden; + overflow-x: hidden; + margin: 28px 58px 58px 58px; + box-shadow: 0 0 8px #000000 inset; + border: none; + } + + .app.window-app.sheet.item-sheet .item-header h3 { + font-size: 2em; + height: inherit; + border-bottom: none; + margin: 0px; + color: white; + box-shadow: 0px 0px 10px black inset; + } + .app.window-app.sheet.item-sheet .item-header h1 { + border: none; + margin: 0px; + padding: 0px; + } + .app.window-app.sheet.item-sheet .item-header input[type="text"], input[type="password"] { + min-width: 20px; + background: none; + padding: 1px 3px; + margin: 0; + border: 1px solid blue; + /*border-image: url(../ui/item-sheet-header.png) repeat;*/ + border-image-slice: 5; + border-image-width: 4px; + border-image-outset: 0px; + border-radius: 0px; + font-family: 'KuiperBelt'; + font-size: 20px; + font-weight: 500; + color: #670c0c; + text-shadow: 0px 0px 1px #00000063; + text-align: center; + width: 100%; + position: relative; + display: inline-block; + box-shadow: 0px 0px 3px black inset; + opacity: 0.9; + } + .app.window-app.sheet.item-sheet input[type="text"]:focus, input[type="password"]:focus { + box-shadow:none; + outline: none; + } + + .app.window-app.sheet.item-sheet .item-details > li > * { + flex: 1; + height: 25px; + border: 1px solid #736953a6; + border-left: none; + font-family: 'KuiperBelt'; + font-weight: 500; + font-size: 14px; + color: black; + padding-top: 8px; + } + + .app.window-app.sheet.item-sheet .item-header { + display: block; + } + .app.window-app.sheet.item-sheet .item-details { + list-style: none; + display: inline-flex; + flex-direction: row; + flex-wrap: wrap; + margin: 6px 0px 0px 54px; + justify-content: unset; + padding: 0px; + padding-left: 0px; + height: 25px; + width: -webkit-fill-available; + width: -moz-available; + width: fill-available; + vertical-align: top; + /* background: #0000ff66; */ + position: relative; + top: -58px; + left: 0px; + } + .app.window-app.sheet.item-sheet img { + box-sizing: border-box; + border: none; + border-radius: 2px; + max-height: 48px; + max-width: 48px; + display: inline-block; + margin-top: 6px; + margin-right: 6px; + padding: 0px; + } + .app.window-app.sheet.item-sheet img.no-image-border { + border: 1px dotted black; + } + + .app.window-app.sheet.item-sheet .item-details .label-text { + font-family: KuiperBelt; + font-weight: 700; + font-size: 16px; + color: #464331c4; + text-align: center; + border: 1px solid #736953a6; + margin: 0px; + height: 25px; + box-shadow: 0 0 10px #00000052 inset; + padding: 3px 3px 0px 3px; + vertical-align: top; + flex-grow: 2; + } + .app.window-app.sheet.item-sheet .item-details .input-box { + height: 25px; + border: 1px solid #736953a6; + border-left: none; + font-family: 'KuiperBelt'; + font-weight: 500; + font-size: 14px; + color: black; + padding-top: 0px !important; + margin-right: 0px; + width: 45px; + position: relative; + left: 0px; + } + .app.window-app.sheet.item-sheet .item-details .input-box.category { + padding-top: 5px !important; + } + .app.window-app.sheet.item-sheet .item-details .input-text { + height: 23px; + border: 1px solid #73695300; + border-left: none; + font-family: 'KuiperBelt'; + font-weight: 500; + font-size: 14px; + color: black; + padding-top: 7px; + margin-right: 0px; + width: 44px; + position: relative; + left: 0px; + vertical-align: top; + text-align: center; + background: none; + } + .app.window-app.sheet.item-sheet .item-details.row2 .input-text { + flex-grow: 2; + width: 100%; + } + .app.window-app.sheet.item-sheet .item-details .input-text:hover { + border: 1px dotted #463a3a; + box-shadow: none; + cursor: var(--application-cursor-pointer); + } + + .app.window-app.sheet.item-sheet .sheet-tabs.edges.left { + margin: 0px; + height: 25px; + width: 7px; + background: url(../ui/item-sheet-tab-edges.png) repeat; + background-position-x: right; + position: absolute; + top: 169px; + left: 59px; + z-index: 101; + } + .app.window-app.sheet.item-sheet .sheet-tabs.edges.right { + margin: 0px; + height: 25px; + width: 7px; + background: url(../ui/item-sheet-tab-edges.png) repeat; + background-position-x: right; + position: absolute; + top: 169px; + right: 59px; + z-index: 101; + -moz-transform: scaleX(-1); + -o-transform: scaleX(-1); + -webkit-transform: scaleX(-1); + transform: scaleX(-1); + filter: FlipH; + -ms-filter: "FlipH"; + } + .app.window-app.sheet.item-sheet .sheet-tabs { + font-family: KuiperBelt; + font-size: 16px; + font-weight: 700; + margin: -50px 0px 0px 0px; + height: 26px; + position: relative; + line-height: unset; + } + .app.window-app.sheet.trait-sheet .sheet-tabs { + margin: -25px 0px 0px 0px; + } + .app.window-app.sheet.item-sheet .sheet-tabs.tabs > a { + border-image-outset: 0px; + color: #403f3e; + border: 1px solid blue; + border-image: url(../ui/actor-sheet-tab-border.png) 4 repeat; + border-image-width: 4px; + padding: 3px 0px 0px 0px; + } + .app.window-app.sheet.item-sheet .sheet-tabs.tabs .item.active { + border-radius: 0px; + border-bottom: none; + width: 72px; + color: #4a0404; + box-shadow: none; + text-shadow: none; + } + + .app.window-app.sheet.item-sheet .tab.details.active { + display: flex; + flex-flow: column; + height: calc(100% - 129px); + overflow-y: scroll; + margin-top: 6px; + } + .app.window-app.sheet.item-sheet .tab .label-text { + font-family: KuiperBelt; + font-weight: 700; + font-size: 16px; + color: #464331c4; + text-align: center; + border: 1px solid #736953a6; + margin: 0px; + height: 25px; + box-shadow: 0 0 10px #00000052 inset; + padding: 0px 3px 0px 3px; + flex-grow: 2; + vertical-align: middle; + width: 406px; + background: none; + } + .app.window-app.sheet.item-sheet .tab .form-group { + clear: both; + display: flex; + flex-direction: row; + flex-wrap: wrap; + margin: 0px 5px 6px 0px; + } + .app.window-app.sheet.item-sheet .tab .input-box { + height: 25px; + border: 1px solid #736953a6; + border-left: none; + font-family: 'KuiperBelt'; + font-weight: 500; + font-size: 14px; + color: black; + padding-top: 0px; + margin-right: 0px; + width: 45px; + position: relative; + left: 0px; + } + .app.window-app.sheet.item-sheet .tab .input-box.skills-textarea { + height: 100%; + } + .app.window-app.sheet.item-sheet .tab .input-box.skills-textarea textarea { + resize: none; + height: 100%; + text-align: unset + } + .app.window-app.sheet.item-sheet .tab .label-text.skills-textarea { + height: unset; + } + .app.window-app.sheet.item-sheet .tab .input-text:focus { + outline: none; + } + .app.window-app.sheet.item-sheet .tab .input-text { + height: 23px; + border: 1px solid #73695300; + border-left: none; + font-family: KuiperBelt; + font-weight: 500; + font-size: 14px; + color: black; + padding-top: 7px; + margin-right: 6px; + position: relative; + left: 0px; + vertical-align: top; + text-align: center; + flex: 3; + display: flex; + flex-direction: row; + width: 100%; + box-shadow: none; + background: none; + } + .app.window-app.sheet.item-sheet .tab .input-text:hover { + border: 1px dotted #463a3a; + box-shadow: none; + } + .app.window-app.sheet.item-sheet .tab .form-group > select { + width: inherit; + background: none; + border: 1px solid #736953a6; + border-left: none; + border-radius: 0px; + padding: 0px; + padding-top: 4px; + font-family: KuiperBelt; + font-size: 14px; + font-weight: 500; + color: black; + height: 25px; + text-align-last: center; + box-shadow: none; + } + + .app.window-app.sheet.item-sheet .tab .form-group .item-checkbox { + height: 25px; + border: 1px solid #736953a6; + border-left: none; + font-family: KuiperBelt; + font-weight: 500; + font-size: 14px; + color: black; + padding-top: 5px; + margin-right: 0px; + width: 45px; + position: relative; + left: 0px; + text-align: center; + } + .app.window-app.sheet.item-sheet .tab .form-group-stacked { + clear: both; + display: flex; + flex-direction: row; + flex-wrap: wrap; + margin: 6px 5px 0px 0px; + padding-top: 0px; + } + .app.window-app.sheet.item-sheet .tab .form-group-stacked .label-text { + padding-top: 3px; + } + .app.window-app.sheet.item-sheet .tab .form-group-stacked .input-box { + height: 24px; + border: 1px solid #736953a6; + border-top: none; + font-family: KuiperBelt; + font-weight: 500; + font-size: 14px; + color: black; + padding-top: 0px; + margin-right: 0px; + width: 45px; + position: relative; + top: 0px; + left: 0px; + } + .app.window-app.sheet.item-sheet .tab.details.active .input-box:last-of-type { + /* margin-bottom: 3px; */ + } + .app.window-app.sheet.item-sheet .tab .form-group-stacked .input-text { + text-align: left; + } + + .app.window-app.sheet.item-sheet .tab.active { + display: flex; + flex-flow: column; + height: calc(100% - 135px); + overflow-y: scroll; + margin-top: 6px; + } + .app.window-app.sheet.item-sheet .tab.description.active { + display: flex; + flex-flow: column; + height: calc(100% - 129px); + overflow-y: hidden; + } + .app.window-app.sheet.item-sheet .editor { + border: 1px solid #736953a6; + box-shadow: 0px 0px 1px inset black; + overflow: auto; + flex-grow: 1; + display: flex; + padding: 3px; + margin-top: 0px; + margin-bottom: 7px; + } + +/* ==================== (B) CAREERS =========================== */ + .app.window-app.sheet.item-sheet.career-sheet .sheet-tabs { + font-family: KuiperBelt; + font-size: 16px; + font-weight: 700; + margin: -29px 0px 0px 0px; + height: 26px; + /* position: relative; */ + } + .app.window-app.sheet.item-sheet.career-sheet .sheet-tabs.edges.left { + margin: 0px; + height: 25px; + width: 7px; + background: url(../ui/item-sheet-tab-edges.png) repeat; + background-position-x: right; + position: absolute; + top: 161px; + left: 59px; + z-index: 101; + } + .app.window-app.sheet.item-sheet.career-sheet .sheet-tabs.edges.right { + margin: 0px; + height: 25px; + width: 7px; + background: url(../ui/item-sheet-tab-edges.png) repeat; + background-position-x: right; + position: absolute; + top: 161px; + right: 59px; + z-index: 101; + -moz-transform: scaleX(-1); + -o-transform: scaleX(-1); + -webkit-transform: scaleX(-1); + transform: scaleX(-1); + filter: FlipH; + -ms-filter: "FlipH"; + } + .app.window-app.sheet.item-sheet.career-sheet #characteristics-label { + height: auto; + padding-top: 10px; + } + .app.window-app.sheet.item-sheet.career-sheet #characteristics-table { + height: 100%; + border: 1px solid #736953a6; + border-left: none; + font-family: KuiperBelt; + font-weight: 500; + font-size: 14px; + color: black; + padding: 0px; + margin: 0px 0px 0px 0px; + background: none; + } + .app.window-app.sheet.item-sheet.career-sheet #characteristics-table th { + font-family: KuiperBelt; + font-weight: 500; + font-size: 14px; + color: black; + padding-top: 5px; + } + .app.window-app.sheet.item-sheet.career-sheet #characteristics-table th label { + background: none; + border: none; + color: black; + } + .app.window-app.sheet.item-sheet.career-sheet .skills{ + height: 100% + } + + + +/* ==================== (C) DISEASES ========================== */ + .app.window-app.sheet.item-sheet.disease-sheet .sheet-tabs { + font-family: KuiperBelt; + font-size: 16px; + font-weight: 700; + margin: -29px 0px 0px 0px; + height: 26px; + /* position: relative; */ + } + .app.window-app.sheet.item-sheet.disease-sheet .sheet-tabs.edges.left { + margin: 0px; + height: 25px; + width: 7px; + background: url(../ui/item-sheet-tab-edges.png) repeat; + background-position-x: right; + position: absolute; + top: 161px; + left: 59px; + z-index: 101; + } + .app.window-app.sheet.item-sheet.disease-sheet .sheet-tabs.edges.right { + margin: 0px; + height: 25px; + width: 7px; + background: url(../ui/item-sheet-tab-edges.png) repeat; + background-position-x: right; + position: absolute; + top: 161px; + right: 59px; + z-index: 101; + -moz-transform: scaleX(-1); + -o-transform: scaleX(-1); + -webkit-transform: scaleX(-1); + transform: scaleX(-1); + filter: FlipH; + -ms-filter: "FlipH"; + } + .app.window-app.sheet.item-sheet.disease-sheet .tab .input-text { + height: 23px; + border: 1px solid #73695300; + border-left: none; + font-family: KuiperBelt; + font-weight: 500; + font-size: 14px; + color: black; + padding-top: 7px; + margin-right: 6px; + position: relative; + left: 0px; + vertical-align: top; + text-align: center; + flex: 3; + display: flex; + flex-direction: row; + width: 100%; + background: none; + padding-left: 3px; + padding-right: 3px; + } + .app.window-app.sheet.item-sheet.disease-sheet .tab .input-text:hover { + border: 1px dotted #463a3a; + box-shadow: none; + } + +/* ==================== (D) TALENTS =========================== */ + .app.window-app.sheet.item-sheet.talent-sheet .sheet-tabs { + font-family: KuiperBelt; + font-size: 16px; + font-weight: 700; + margin: -29px 0px 0px 0px; + height: 26px; + /* position: relative; */ + } + .app.window-app.sheet.item-sheet.talent-sheet .sheet-tabs.edges.left { + margin: 0px; + height: 25px; + width: 7px; + background: url(../ui/item-sheet-tab-edges.png) repeat; + background-position-x: right; + position: absolute; + top: 161px; + left: 59px; + z-index: 101; + } + .app.window-app.sheet.item-sheet.talent-sheet .sheet-tabs.edges.right { + margin: 0px; + height: 25px; + width: 7px; + background: url(../ui/item-sheet-tab-edges.png) repeat; + background-position-x: right; + position: absolute; + top: 161px; + right: 59px; + z-index: 101; + -moz-transform: scaleX(-1); + -o-transform: scaleX(-1); + -webkit-transform: scaleX(-1); + transform: scaleX(-1); + filter: FlipH; + -ms-filter: "FlipH"; + } + .app.window-app.sheet.item-sheet.talent-sheet .tab .input-text { + height: 23px; + border: 1px solid #73695300; + border-left: none; + font-family: KuiperBelt; + font-weight: 500; + font-size: 14px; + color: black; + padding-top: 7px; + margin-right: 6px; + position: relative; + left: 0px; + vertical-align: top; + text-align: center; + flex: 3; + display: flex; + flex-direction: row; + width: 100%; + background: none; + padding-left: 3px; + padding-right: 3px; + } + .app.window-app.sheet.item-sheet.talent-sheet .tab .input-text:hover { + border: 1px dotted #463a3a; + box-shadow: none; + } + +/* ==================== (E) INJURIES ========================== */ + .app.window-app.sheet.item-sheet.injury-sheet { + /* font-family: KuiperBelt; + font-size: 16px; + font-weight: 700; */ + margin: -29px 0px 0px 0px; + height: 26px; + /* position: relative; */ + } + .app.window-app.sheet.item-sheet.injury-sheet .sheet-tabs { + font-family: KuiperBelt; + font-size: 16px; + font-weight: 700; + margin: -29px 0px 0px 0px; + height: 26px; + position: relative; + } + .app.window-app.sheet.item-sheet.injury-sheet .sheet-tabs.edges.left { + margin: 0px; + height: 25px; + width: 7px; + background: url(../ui/item-sheet-tab-edges.png) repeat; + background-position-x: right; + position: absolute; + top: 161px; + left: 59px; + z-index: 101; + } + .app.window-app.sheet.item-sheet.injury-sheet .sheet-tabs.edges.right { + margin: 0px; + height: 25px; + width: 7px; + background: url(../ui/item-sheet-tab-edges.png) repeat; + background-position-x: right; + position: absolute; + top: 161px; + right: 59px; + z-index: 101; + -moz-transform: scaleX(-1); + -o-transform: scaleX(-1); + -webkit-transform: scaleX(-1); + transform: scaleX(-1); + filter: FlipH; + -ms-filter: "FlipH"; + } + .app.window-app.sheet.item-sheet.injury-sheet .form-group { + clear: both; + display: flex; + flex-direction: row; + flex-wrap: wrap; + margin: 6px 5px 0px 0px; + } + .app.window-app.sheet.item-sheet.injury-sheet .label-text { + font-family: KuiperBelt; + font-weight: 700; + font-size: 16px; + color: #464331c4; + text-align: center; + border: 1px solid #736953a6; + margin: 0px; + height: 25px; + box-shadow: 0 0 10px #00000052 inset; + padding: 1px 3px 0px 3px; + vertical-align: top; + flex-grow: 2; + } + .app.window-app.sheet.item-sheet.injury-sheet .input-box { + height: 25px; + border: 1px solid #736953a6; + border-left: none; + font-family: KuiperBelt; + font-weight: 500; + font-size: 14px; + color: black; + padding-top: 0px; + margin-right: 0px; + width: 45px; + position: relative; + left: 0px; + } + .app.window-app.sheet.item-sheet.injury-sheet .input-text { + height: 23px; + border: 1px solid #73695300; + border-left: none; + font-family: KuiperBelt; + font-weight: 500; + font-size: 14px; + color: black; + padding-top: 7px; + margin-right: 6px; + position: relative; + left: 0px; + vertical-align: top; + text-align: center; + flex: 3; + display: flex; + flex-direction: row; + width: 100%; + background: none; + padding-left: 3px; + padding-right: 3px; + } + .app.window-app.sheet.item-sheet.injury-sheet .input-text:hover { + border: 1px dotted #463a3a; + box-shadow: none; + } + +/* ==================== (F) MUTATION ========================== */ + .app.window-app.sheet.item-sheet.mutation-sheet { + /* font-family: KuiperBelt; + font-size: 16px; + font-weight: 700; */ + margin: -29px 0px 0px 0px; + height: 26px; + /* position: relative; */ + } + .app.window-app.sheet.item-sheet.mutation-sheet .sheet-tabs { + font-family: KuiperBelt; + font-size: 16px; + font-weight: 700; + margin: -29px 0px 0px 0px; + height: 26px; + position: relative; + } + .app.window-app.sheet.item-sheet.mutation-sheet .sheet-tabs.edges.left { + margin: 0px; + height: 25px; + width: 7px; + background: url(../ui/item-sheet-tab-edges.png) repeat; + background-position-x: right; + position: absolute; + top: 161px; + left: 59px; + z-index: 101; + } + .app.window-app.sheet.item-sheet.mutation-sheet .sheet-tabs.edges.right { + margin: 0px; + height: 25px; + width: 7px; + background: url(../ui/item-sheet-tab-edges.png) repeat; + background-position-x: right; + position: absolute; + top: 161px; + right: 59px; + z-index: 101; + -moz-transform: scaleX(-1); + -o-transform: scaleX(-1); + -webkit-transform: scaleX(-1); + transform: scaleX(-1); + filter: FlipH; + -ms-filter: "FlipH"; + } + +/* ==================== (G) CREATURE TRAIT ==================== */ + .app.window-app.sheet.item-sheet.creature-trait-sheet { + /* font-family: KuiperBelt; + font-size: 16px; + font-weight: 700; */ + margin: -29px 0px 0px 0px; + height: 26px; + /* position: relative; */ + } + .app.window-app.sheet.item-sheet.creature-trait-sheet .sheet-tabs { + font-family: KuiperBelt; + font-size: 16px; + font-weight: 700; + margin: -29px 0px 0px 0px; + height: 26px; + position: relative; + } + .app.window-app.sheet.item-sheet.creature-trait-sheet .sheet-tabs.edges.left { + margin: 0px; + height: 25px; + width: 7px; + background: url(../ui/item-sheet-tab-edges.png) repeat; + background-position-x: right; + position: absolute; + top: 161px; + left: 59px; + z-index: 101; + } + .app.window-app.sheet.item-sheet.creature-trait-sheet .sheet-tabs.edges.right { + margin: 0px; + height: 25px; + width: 7px; + background: url(../ui/item-sheet-tab-edges.png) repeat; + background-position-x: right; + position: absolute; + top: 161px; + right: 59px; + z-index: 101; + -moz-transform: scaleX(-1); + -o-transform: scaleX(-1); + -webkit-transform: scaleX(-1); + transform: scaleX(-1); + filter: FlipH; + -ms-filter: "FlipH"; + } + .app.window-app.sheet.item-sheet.creature-trait-sheet .form-group { + clear: both; + display: flex; + flex-direction: row; + flex-wrap: wrap; + margin: 6px 5px 0px 0px; + } + .app.window-app.sheet.item-sheet.creature-trait-sheet .label-text { + font-family: KuiperBelt; + font-weight: 700; + font-size: 16px; + color: #464331c4; + text-align: center; + border: 1px solid #736953a6; + margin: 0px; + height: 25px; + box-shadow: 0 0 10px #00000052 inset; + padding: 1px 3px 0px 3px; + vertical-align: top; + flex-grow: 2; + } + .app.window-app.sheet.item-sheet.creature-trait-sheet .input-box { + height: 25px; + border: 1px solid #736953a6; + border-left: none; + font-family: KuiperBelt; + font-weight: 500; + font-size: 14px; + color: black; + padding-top: 0px; + margin-right: 0px; + width: 45px; + position: relative; + left: 0px; + } + .app.window-app.sheet.item-sheet.creature-trait-sheet .input-text { + height: 23px; + border: 1px solid #73695300; + border-left: none; + font-family: KuiperBelt; + font-weight: 500; + font-size: 14px; + color: black; + padding-top: 7px; + margin-right: 6px; + position: relative; + left: 0px; + vertical-align: top; + text-align: center; + flex: 3; + display: flex; + flex-direction: row; + width: 100%; + background: none; + padding-left: 3px; + padding-right: 3px; + } + .app.window-app.sheet.item-sheet.creature-trait-sheet .input-text:hover { + border: 1px dotted #463a3a; + box-shadow: none; + } + +/* ==================== (H) PRAYER ============================ */ + .app.window-app.sheet.item-sheet.prayer-sheet { + /* font-family: KuiperBelt; + font-size: 16px; + font-weight: 700; */ + margin: -29px 0px 0px 0px; + height: 26px; + /* position: relative; */ + } + .app.window-app.sheet.item-sheet.prayer-sheet .sheet-tabs { + font-family: KuiperBelt; + font-size: 16px; + font-weight: 700; + margin: -21px 0px 0px 0px; + height: 26px; + position: relative; + } + .app.window-app.sheet.item-sheet.prayer-sheet .sheet-tabs.edges.left { + margin: 0px; + height: 25px; + width: 7px; + background: url(../ui/item-sheet-tab-edges.png) repeat; + background-position-x: right; + position: absolute; + top: 161px; + left: 59px; + z-index: 101; + } + .app.window-app.sheet.item-sheet.prayer-sheet .sheet-tabs.edges.right { + margin: 0px; + height: 25px; + width: 7px; + background: url(../ui/item-sheet-tab-edges.png) repeat; + background-position-x: right; + position: absolute; + top: 161px; + right: 59px; + z-index: 101; + -moz-transform: scaleX(-1); + -o-transform: scaleX(-1); + -webkit-transform: scaleX(-1); + transform: scaleX(-1); + filter: FlipH; + -ms-filter: "FlipH"; + } + .app.window-app.sheet.item-sheet.prayer-sheet .form-group { + clear: both; + display: flex; + flex-direction: row; + flex-wrap: wrap; + margin: 6px 5px 0px 0px; + } + .app.window-app.sheet.item-sheet.prayer-sheet .label-text { + font-family: KuiperBelt; + font-weight: 700; + font-size: 16px; + color: #464331c4; + text-align: center; + border: 1px solid #736953a6; + margin: 0px; + height: 25px; + box-shadow: 0 0 10px #00000052 inset; + padding: 1px 3px 0px 3px; + vertical-align: top; + flex-grow: 2; + } + .app.window-app.sheet.item-sheet.prayer-sheet .input-box { + height: 25px; + border: 1px solid #736953a6; + border-left: none; + font-family: KuiperBelt; + font-weight: 500; + font-size: 14px; + color: black; + padding-top: 0px; + margin-right: 0px; + width: 45px; + position: relative; + left: 0px; + } + .app.window-app.sheet.item-sheet.prayer-sheet .input-text { + height: 23px; + border: 1px solid #73695300; + border-left: none; + font-family: KuiperBelt; + font-weight: 500; + font-size: 14px; + color: black; + padding-top: 7px; + margin-right: 6px; + position: relative; + left: 0px; + vertical-align: top; + text-align: center; + flex: 3; + display: flex; + flex-direction: row; + width: 100%; + background: none; + padding-left: 3px; + padding-right: 3px; + } + .app.window-app.sheet.item-sheet.prayer-sheet .input-text:hover { + border: 1px dotted #463a3a; + box-shadow: none; + } + +/* ==================== (I) PSYCHOLOGY ======================== */ + .app.window-app.sheet.item-sheet.psychology-sheet .sheet-tabs { + font-family: KuiperBelt; + font-size: 16px; + font-weight: 700; + margin: -21px 0px 0px 0px; + height: 26px; + position: relative; + } + +/* ==================== (J) SKILL ============================= */ + .app.window-app.sheet.item-sheet.skill-sheet { + /* font-family: KuiperBelt; + font-size: 16px; + font-weight: 700; */ + margin: -29px 0px 0px 0px; + height: 26px; + /* position: relative; */ + } + .app.window-app.sheet.item-sheet.skill-sheet .sheet-tabs { + font-family: KuiperBelt; + font-size: 16px; + font-weight: 700; + margin: -29px 0px 0px 0px; + height: 26px; + position: relative; + } + .app.window-app.sheet.item-sheet.skill-sheet .sheet-tabs.edges.left { + margin: 0px; + height: 25px; + width: 7px; + background: url(../ui/item-sheet-tab-edges.png) repeat; + background-position-x: right; + position: absolute; + top: 161px; + left: 59px; + z-index: 101; + } + .app.window-app.sheet.item-sheet.skill-sheet .sheet-tabs.edges.right { + margin: 0px; + height: 25px; + width: 7px; + background: url(../ui/item-sheet-tab-edges.png) repeat; + background-position-x: right; + position: absolute; + top: 161px; + right: 59px; + z-index: 101; + -moz-transform: scaleX(-1); + -o-transform: scaleX(-1); + -webkit-transform: scaleX(-1); + transform: scaleX(-1); + filter: FlipH; + -ms-filter: "FlipH"; + } + .app.window-app.sheet.item-sheet.skill-sheet .form-group { + clear: both; + display: flex; + flex-direction: row; + flex-wrap: wrap; + margin: 6px 5px 0px 0px; + } + .app.window-app.sheet.item-sheet.skill-sheet .label-text { + font-family: KuiperBelt; + font-weight: 700; + font-size: 16px; + color: #464331c4; + text-align: center; + border: 1px solid #736953a6; + margin: 0px; + height: 25px; + box-shadow: 0 0 10px #00000052 inset; + padding: 1px 3px 0px 3px; + vertical-align: top; + flex-grow: 2; + } + .app.window-app.sheet.item-sheet.skill-sheet .input-box { + height: 25px; + border: 1px solid #736953a6; + border-left: none; + font-family: KuiperBelt; + font-weight: 500; + font-size: 14px; + color: black; + padding-top: 0px; + margin-right: 0px; + width: 45px; + position: relative; + left: 0px; + } + .app.window-app.sheet.item-sheet.skill-sheet .input-text { + height: 23px; + border: 1px solid #73695300; + border-left: none; + font-family: KuiperBelt; + font-weight: 500; + font-size: 14px; + color: black; + padding-top: 7px; + margin-right: 6px; + position: relative; + left: 0px; + vertical-align: top; + text-align: center; + flex: 3; + display: flex; + flex-direction: row; + width: 100%; + background: none; + padding-left: 3px; + padding-right: 3px; + } + .app.window-app.sheet.item-sheet.skill-sheet .input-text:hover { + border: 1px dotted #463a3a; + box-shadow: none; + } + +/* ==================== (K) SPELL ============================= */ + .app.window-app.sheet.item-sheet.spell-sheet { + /* font-family: KuiperBelt; + font-size: 16px; + font-weight: 700; */ + margin: -29px 0px 0px 0px; + height: 26px; + /* position: relative; */ + } + .app.window-app.sheet.item-sheet.spell-sheet .sheet-tabs { + font-family: KuiperBelt; + font-size: 16px; + font-weight: 700; + margin: -29px 0px 0px 0px; + height: 26px; + position: relative; + } + .app.window-app.sheet.item-sheet.spell-sheet .sheet-tabs.edges.left { + margin: 0px; + height: 25px; + width: 7px; + background: url(../ui/item-sheet-tab-edges.png) repeat; + background-position-x: right; + position: absolute; + top: 161px; + left: 59px; + z-index: 101; + } + .app.window-app.sheet.item-sheet.spell-sheet .sheet-tabs.edges.right { + margin: 0px; + height: 25px; + width: 7px; + background: url(../ui/item-sheet-tab-edges.png) repeat; + background-position-x: right; + position: absolute; + top: 161px; + right: 59px; + z-index: 101; + -moz-transform: scaleX(-1); + -o-transform: scaleX(-1); + -webkit-transform: scaleX(-1); + transform: scaleX(-1); + filter: FlipH; + -ms-filter: "FlipH"; + } + .app.window-app.sheet.item-sheet.spell-sheet .form-group { + clear: both; + display: flex; + flex-direction: row; + flex-wrap: wrap; + margin: 6px 5px 0px 0px; + } + .app.window-app.sheet.item-sheet.spell-sheet .label-text { + font-family: KuiperBelt; + font-weight: 700; + font-size: 16px; + color: #464331c4; + text-align: center; + border: 1px solid #736953a6; + margin: 0px; + height: 25px; + box-shadow: 0 0 10px #00000052 inset; + padding: 1px 3px 0px 3px; + vertical-align: top; + flex-grow: 2; + } + .app.window-app.sheet.item-sheet.spell-sheet .input-box { + height: 25px; + border: 1px solid #736953a6; + border-left: none; + font-family: KuiperBelt; + font-weight: 500; + font-size: 14px; + color: black; + padding-top: 0px; + margin-right: 0px; + width: 45px; + position: relative; + left: 0px; + } + .app.window-app.sheet.item-sheet.spell-sheet .input-text { + height: 23px; + border: 1px solid #73695300; + border-left: none; + font-family: KuiperBelt; + font-weight: 500; + font-size: 14px; + color: black; + padding-top: 7px; + margin-right: 6px; + position: relative; + left: 0px; + vertical-align: top; + text-align: center; + flex: 3; + display: flex; + flex-direction: row; + width: 100%; + background: none; + padding-left: 3px; + padding-right: 3px; + } + .app.window-app.sheet.item-sheet.spell-sheet .input-text:hover { + border: 1px dotted #463a3a; + box-shadow: none; + } + + + +/******************************************************************/ +/*=============== V. ACTOR SHEET (CHARACTER) =====================*/ +/******************************************************************/ + +/* ==================== (A) WINDOW FRAMEWORK ================== */ + + .app.window-app.sheet.item-sheet .window-resizable-handle { + /* display: none !important; */ + bottom: 24px; + right: 36px; + } + +/* ==================== (B) WINDOW HEADER ===================== */ + + + .app.window-app .window-header .configure-sheet, + .app.window-app .window-header .configure-token, + .app.window-app .window-header .share-image, + .app.window-app .window-header .entry-text, + .app.window-app .window-header .entry-image, + .app.window-app .window-header .post, + .app.window-app .window-header .import, + .app.window-app .window-header .close, + .window-app .window-header .help { + color: #00e5ff00; + text-align: center; + height: 30px; + width: 30px; + margin: 0px; + padding: 0px; + } + + .app.window-app .window-header .close { + background: url(../ui/buttons/button-close.png); + } + .app.window-app .window-header .configure-sheet { + background: url(../ui/buttons/button-configure-sheet.png); + } + .app.window-app .window-header .configure-token { + background: url(../ui/buttons/button-configure-token.png); + } + .app.window-app .window-header .entry-image { + background: url(../ui/buttons/button-image.png); + } + .app.window-app .window-header .entry-text { + background: url(../ui/buttons/button-text.png); + } + .app.window-app .window-header .share-image { + background: url(../ui/buttons/button-show-players.png); + } + .app.window-app .window-header .post { + background: url(../ui/buttons/button-post.png); + } + .app.window-app .window-header .import { + background: url(../ui/buttons/button-import.png); + } + + .window-app .window-header .help { + background: url(../ui/buttons/button-help.png); + } + + +/* ==================== (G) SKILLS TAB ======================== */ + + /* ================== 1. SKILLS LIST ======================== */ + + + #extended-tests .inventory-header, + #extended-tests-list .inventory-header { + border: 1px solid #736953a6; + height: 22px; + min-height: 24px; + max-height: 24px; + width: 100%; + font-family: var(--actor-label-font-family); + font-size: var(--actor-label-font-size); + font-weight: var(--actor-label-font-weight); + color: var(--actor-label-color); + box-shadow: 0 0 10px #00000052 inset; + margin: 0px; + padding: 0px 12px 0px 6px; + background: none; + } + + #extended-tests .inventory-header .name, + #extended-tests-list .inventory-header .name + { + /* position: relative; */ + /* left: 0px; */ + height: 18px; + display: inline-flex; + /* background: red; */ + flex: 1; + } + + #extended-tests .inventory-header .item-controls, + #extended-tests-list .inventory-header .item-controls + { + width: 20px; + display: inline-block; + font-family: "Font Awesome 5 Free"; + font-size: 10px; + color: var(--actor-label-color); + margin: 0px; + padding: 4px 0px 0px 0px; + text-align: center; + } + + #extended-tests .inventory-header, + #extended-tests-list .inventory-header { + display: flex + } + #extended-tests .inventory-header .name, + #extended-tests-list .inventory-header .name + { + flex: 1 + } + #extended-tests-list .inventory-header .progress + { + flex: 1 + } + #extended-tests .inventory-header .item-controls, + #extended-tests-list .inventory-header .item-controls + { + flex: 0 0 30px; + font-size: 12px; + display: flex; + } + #extended-tests .inventory-header .item-controls > *, + #extended-tests-list .inventory-header .item-controls > * { + margin-right: 5px; + } + + + #extended-tests-list .inventory-list { + margin: 0px; + padding: 0px; + height: 100%; + box-shadow: 0px 0px 1px inset black; + overflow-y: scroll; + overflow-x: hidden; + border: 1px solid #736953a6; + border-top: none; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: var(--actor-input-color); + } + #extended-tests-list .inventory-list .item { + width: 100%; + text-align: center; + overflow-x: hidden; + overflow-y: hidden; + margin: 0px 0px; + padding: 2px 2px; + display: flex; + flex-direction: row; + box-shadow: 0px 0px 1px inset black; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: var(--actor-input-color); + min-height: 24px; + } + #extended-tests-list .inventory-list .test-name { + display: flex; + flex-direction: row; + min-width: 100px; + flex: 1; + margin: 1px 0px 0px 0px; + /* background: blue; */ + } + #extended-tests-list .inventory-list .test-name .name { + display: flex; + flex-direction: row; + flex: 1 0 0; + text-align: left; + color: #672323; + text-shadow: 1px 0px 1px #6e6e716e; + box-shadow: 0px 0px 4px inset #5a2d009c; + /* background: linear-gradient(to bottom, #9280698f 5%, #a7a2082e 100%); */ + /* margin: 4px 4px; */ + padding: 2px 5px 0px 5px; + border-radius: 5px; + position: relative; + top: 0px; + /* background: red; */ + } + + #extended-tests-list .inventory-list .item .item-controls { + padding: 2px 0px 0px 0px; + margin: 0px; + font-family: "Font Awesome 5 Free"; + font-size: 10px; + color: #504f48a6; + text-align: center; + min-width: 20px; + max-width: 20px; + flex-grow: 0; + /* background: #a52a2a47; */ + } + #extended-tests-list .inventory-list .item .item-controls{ + min-width: unset; + max-width: unset; + flex: 0 0 30px + } + + /* ================== 2. PENALTIES ========================== */ + + + #extended-tests-list .inventory-list { + height: calc(100% - 24px) + } + #extended-tests-list .inventory-list .test-name { + flex: 0.5; + } + #extended-tests-list .inventory-list .test-name .name { + padding-top: 5px; + width: 100%; + justify-content: space-around; + } + #extended-tests-list .inventory-list .test-progress-unknown, + #extended-tests-list .inventory-list .test-progress { + flex: 1; + display: flex; + } + #extended-tests-list .inventory-list .test-progress-unknown { + justify-content: space-around; + margin-top: 7px + } + + #extended-tests-list .inventory-list .test-progress .progress-bar-container { + border: 1px solid #531111fa; + height: 10px; + margin: 8px; + border-radius: 10px; + flex: 1 + } + + + #extended-tests-list .inventory-list .test-progress .progress-bar { + background: #531111fa; + height: 100%; + border-radius: 10px; + } + #extended-tests-list .inventory-list .test-progress span { + margin-top: 7px; + flex: 0 0 60px + } + + + /* ================== 4. CONTAINERS EQUIPMENT LISTS ========= */ + + .app.window-app.item-sheet .note-section.label { + width: 100%; + height: 20px; + margin: 0px; + padding: 0px 6px; + border: 1px solid #736953a6; + font-family: var(--actor-label-font-family); + font-size: var(--actor-label-font-size); + font-weight: var(--actor-label-font-weight); + color: var(--actor-label-color); + background: none; + box-shadow: 0 0 10px #6b3a0f87 inset; + text-align: left; + display: inline-block; + flex-grow: 0; + overflow-x: hidden; + overflow-y: hidden; + } + + .app.window-app.item-sheet .note-section.label { + min-height: 18px; + margin: 0px 0px 0px 0px; + } + + +.limited .tab.notes.active .note-section.biography .editor { + height: 100%; + width: 100%; + margin: 0px 0px 0px 0px; +} + + +/*************************************************************/ +/*=============== VI. PLAYERS LIST ==========================*/ +/*************************************************************/ +#players { + position: fixed; + bottom: 25px; + left: 23px; + width: 200px; + border: 3px solid #66141a; + border-image: url(../ui/players-border.png) 21 repeat; + border-image-slice: 75 16 25 16; + border-image-width: 43px 10px 15px 10px; + border-image-outset: 41px 9px 9px 9px; + border-radius: 6px; + box-shadow: inset 0 0 10px #000000; + background: #6f00009c; + font-family: KuiperBelt; + /* font-weight: bold; */ + font-size: 16px; +} + +#players ol .player-name.self { + color: #ffe254bf; +} + +#players h3 .fas.fa-users { + margin-right: 10px; + display: none; + } +#players ol .player-name { + /*overflow: hidden; + white-space: nowrap; + word-break: break-all;*/ + padding-top: 1px; +} +/*************************************************************/ +/*************************************************************/ + + + + + +/*************************************************************/ +/*=============== VII. NAVIGATION BAR =========================*/ +/*************************************************************/ +#navigation #scene-list .scene.view, #navigation #scene-list .scene.context { + cursor: var(--application-cursor-pointer); + color: #FFF; + background: url(../ui/sidebar_button-background.png) repeat; + background-origin: padding-box; + border-image: url(../ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; + box-shadow: 0 0 3px #4e0c0c; +} + +#navigation #nav-toggle { + cursor: var(--application-cursor-pointer); + color: whitesmoke; + background: url(../ui/sidebar_button-background_red.png) repeat; + background-origin: padding-box; + /* border-image: url(../ui/footer-button.png) 10 repeat; */ + border-image-width: 4px; + border-image-outset: 0px; + font-family: KuiperBelt; + font-weight: 500; + font-size: 14px; + padding-top: 3px; + height: 36px; + border-radius: 8px; + border: 3px solid #66141a; +} + +#navigation #scene-list .scene.gm { + border: 1px solid #3a00ae; + box-shadow: 2px 2px 4px 1px #3a00ae; +} + +#navigation #scene-list .scene.nav-item { + cursor: var(--application-cursor-pointer); + color: #460004; + background: url(../ui/sidebar_button-background_grey.png) repeat; + background-origin: padding-box; + /* border-image: url(../ui/footer-button.png) 10 repeat; */ + border-image-width: 4px; + border-image-outset: 0px; + font-family: KuiperBelt; + font-weight: bold; + font-size: 15px; + padding-top: 2px; + text-shadow: 2px 2px 4px #5a5a5a; + border-radius: 12px; +} + +#navigation #scene-list .scene.nav-item.gm { + cursor: var(--application-cursor-pointer); + color: #500106; + background: url(../ui/sidebar_button-background.png) repeat; + background-origin: padding-box; + /* border-image: url(../ui/footer-button.png) 10 repeat; */ + border-image-width: 4px; + border-image-outset: 0px; + font-family: KuiperBelt; + font-weight: bold; + font-size: 15px; + padding-top: 2px; + text-shadow: 2px 2px 4px #5a5a5a; + border-radius: 12px; +} + +#navigation #scene-list .scene.nav-item.active { + background: url(../ui/sidebar_button-background_red.png) repeat; + color: whitesmoke; + box-shadow: 1px 1px 3px 1px #ffa426; +} + #navigation #scene-list .scene li.scene-player { + float: left; + height: 15px; + width: 15px; + margin: 0 2px 0 0; + line-height: 12px; + padding-top: 1px; + text-align: center; + color: #fff68640; + font-weight: 600; + background: #97dff4; + border: 1px solid #000; + border-radius: 8px; + font-family: "KuiperBelt", "Palatino Linotype", serif; + font-size: 13px; + box-shadow: inset 0 0 3px #000000; + } + +#controls .control-tool.toggle.active, #controls .control-tool.toggle:hover { + color: #8c53fb !important; + text-shadow: 1px 1px 3px #42005f; + cursor: var(--application-cursor-pointer); +} +/*************************************************************/ +/*************************************************************/ + + + + + +/*************************************************************/ +/*=============== VIII. SCENE CONTROLS ========================*/ +/*************************************************************/ +/*.starwarsffg */ + +#controls .scene-control.active, #controls .control-tool.active, #controls .scene-control:hover, #controls .control-tool:hover { +cursor: default; +color:red !important; +background: url(../ui/controls-active-background.png) !important; +background-origin: padding-box !important; +border-image: url(../ui/footer-button.png) 10 repeat !important; +border-image-width: 0px !important; +border-image-outset: 0px !important; +box-shadow: 0 0 0px #4e0c0c !important; +border: 0px !important; +text-shadow: 2px 2px 3px black; +/*cursor:pointer !important;*/ +cursor: var(--application-cursor-pointer) !important; +} + +#controls .scene-control, #controls .control-tool { +width: 42px !important; +height: 42px !important; +box-sizing: content-box !important; +font-size: 19px !important; +line-height: 42px !important; +background: url(../ui/controls-background.png) !important; +box-shadow: 0 0 0px #000 !important; +margin: 0 0 8px !important; +text-align: center !important; +border: 0px solid #000 !important; +border-radius: 5px !important; +cursor: pointer !important; +color:#66141a !important; +background: url(../ui/controls-background.png) !important; +background-origin: padding-box !important; +border-image: none !important; +border-image-width: 0px !important; +border-image-outset: 0px !important; +} +/*************************************************************/ +/*************************************************************/ + + + + + +/*************************************************************/ +/*=============== IX. GAME SETTINGS ========================*/ +/*************************************************************/ + + /* ================== 1. MANAGE MODULES ===================== */ + + #module-management .window-header { + justify-content: flex-end; + padding: 0px 8px; + } + #module-management .window-content { + overflow: auto; + background: url(../ui/frames/window-app-background-bookshelf.png); + border-image-slice: 24 30 24 26; + border-image-width: var(--window-content-border-image-width); + border-image-outset: var(--window-content-border-image-outset); + } + #module-management .window-content .modules-list { + list-style: none; + margin: 0 0 0.5em; + padding: 0; + border-top: 3px double #b7b7b747; + border-bottom: 3px double #b7b7b747; + overflow-y: auto; + /*height: calc(100% - 76px);*/ + } + #module-management .window-content .modules-list .module { + padding: 6px; + margin: 3px 0px 0px 0px; + border: 3px groove #790000; + box-shadow: 0 0 6px #000 inset; + line-height: normal; + background: #0b1115b5; + } + #module-management .window-content .modules-list .module h1, + #module-management .window-content .modules-list .module h2, + #module-management .window-content .modules-list .module h3, + #module-management .window-content .modules-list .module h4, + #module-management .window-content .modules-list .module p { + border: none; + background: none; + } + #module-management .window-content .modules-list .module header { + border: none; + } + #module-management .window-content .modules-list .module header input[type="checkbox"] { + padding: 1px 3px; + margin: 0; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #cccccc; + border: 1px solid #736953a6; + border-left: none; + box-shadow: 0px 0px 8px inset black; + background: #6b4500; + position: relative; + top: 2px; + } + #module-management .window-content .modules-list .module header .title { + flex: 2; + line-height: normal; + margin: 0; + padding: 4px 0px 0px 6px; + font-family: var(--actor-input-font-family); + font-size: 16px; + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + text-align: left; + } + #module-management .window-content .modules-list .module header .author { + flex: 1; + margin: 0px; + padding: 4px 0px 0px 4px; + font-family: var(--actor-input-font-family); + font-size: 16px; + font-weight: var(--actor-input-font-weight); + color: #de6262; + text-shadow: 0px 0px 4px black; + line-height: normal; + text-align: right; + } + #module-management .window-content .modules-list .module section { + margin: 3px 0px 3px 0px; + padding: 5px 0; + border-top: 1px solid #ffffff7a; + border-bottom: 1px solid #ffffff7a; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + } + #module-management .window-content .modules-list .description { + color: white; + margin: 4px 0; + padding: 4px 4px; + } + #module-management .window-content .modules-list .module section button { + width: auto; + height: auto; + padding: 3px 13px; + margin: 0px; + line-height: normal; + border: 1px solid black; + border-image: url(../ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; + background: url(../ui/sidebar_button-background.png) repeat; + font-family: var(--major-button-font-family); + font-size: 17px; + font-weight: var(--major-button-font-weight); + color: var(--major-button-color); + } + #module-management .window-content .modules-list .module section button i { + display: none; + } + #module-management .window-content .modules-list .module footer { + border: none; + } + #module-management .window-content .directory-list.package-list .package >*, + #module-management .window-content .directory-list.package-list .package-description, + #module-management .window-content .directory-list.package-list .package-title { + color:#CCC + } + + + /* ================== 2. CONFIGURE SETTINGS ================= */ + #client-settings { + border: 1px solid blue; + border-width: 10px; + border-image: url(../ui/game-settings-border.png) 5 repeat; + border-image-slice: 160 80 66 85; + border-image-width: 162px 81px 67px 80px; + border-image-outset: 0px; + background: none; + height: 802px !important; + width: 800px !important; + box-shadow: none !important; + } + #client-settings .window-header { + border: none; + min-height: 152px; + background: none; + justify-content: flex-end; + position: relative; + /* top: 38px; */ + margin: 0px; + } + #client-settings .window-header h4 { + display: none; + } + #client-settings .window-header .close { + position: relative; + top: 58px; + left:-35px; + } + #client-settings .window-content { + margin: 0px 53px 24px 48px; + padding: 0px; + border: none; + background: url(../ui/game-settings-background.png); + background-size: 199%; + background-position-x: center; + border-radius: 6px; + opacity: 0.95; + } + #client-settings .window-content form { + padding: 6px; + margin: 0px 0px 0px 0px; + border: none; + background: none; + /* box-shadow: inset 0px 0px 4px black; */ + overflow-y: hidden; + } + #client-settings section.content { + border-top: none; + overflow: scroll; + overflow-x: auto; + /* max-height: 450px; */ + margin-top: 15px; + margin-bottom: 15px; + } + #client-settings section.content .settings-list { + max-height: calc(100vh - 150px); + overflow-y: unset; + padding-right: 0.5em; + } + #client-settings .window-content form .form-group { + flex: 2; + line-height: 24px; + border: 1px solid #736953a6; + /* box-shadow: 0px 0px 10px inset black; */ + background: #fff68640; + border-radius: 0px; + opacity: 0.9; + min-width: 93px; + color: #efefef; + padding: 6px; + margin: 8px 0px; + font-family: KuiperBelt; + font-weight: 500; + font-size: 16px; + border-radius: 5px; + } + #client-settings .form-group input { + border-left: 1px solid #736953a6; + } + #client-settings .form-group input[type="checkbox"] { + top: 0px; + margin-top: 8px; + margin-right: 5px; + } + #client-settings .window-content form .form-group > label { + flex: 2; + line-height: normal; + padding: 6px 0px 0px 0px; + font-size: 16px; + color: #ffffff; + border: none; + text-align: left; + background: none; + } + #client-settings .window-content form h2 { + width: 100%; + margin: 0px; + padding: 0px; + color: #ccc6c6; + font-family: KuiperBelt; + font-size: 24px; + font-weight: 500; + text-shadow: 1px 1px 5px #000000; + text-align: center; + border: 3px double #736953a6; + background: #63000091; + box-shadow: inset 0px 0px 5px black; + border-radius: 8px; + } + #client-settings .window-content form .form-group select { + height: 25px; + max-width: 340px; + background: #6b4500; + color: #ffffff; + border: 1px solid #736953a6; + box-shadow: 0px 0px 10px inset black; + border-radius: 4px; + padding: 3px 0px 0px 0px; + text-overflow: ellipsis; + font-family: KuiperBelt; + font-weight: 500; + font-size: 14px; + } + #client-settings .window-content form .hint { + flex: 0 0 100%; + font-size: 14px; + color: #a09c88; + margin: 3px 0 0; + padding: 0px 0px; + border: none; + background: none; + line-height: initial; + } + #client-settings .window-content button { + flex: 2; + margin: 0px 4px 0px 4px; + padding: 3px 0px 3px 0px; + line-height: normal; + border: 3px double #736953a6; + box-shadow: 0px 0px 10px inset black; + border-radius: 0px; + opacity: 0.9; + text-align: center; + min-width: 95px; + color: #66141a; + font-family: KuiperBelt; + font-weight: 500; + font-size: 19px; + text-shadow: 0px 1px 1px #900000; + /* border-image: url(../ui/footer-button.png) 10 repeat; */ + border-image-width: 4px; + border-image-outset: 0px; + background: url(../ui/sidebar_button-background.png) repeat; + background-origin: padding-box; + border-radius:8px; + } + #client-settings .window-content button i { + border: none; + background: none; + position: relative; + top: 2px; + color: #b9353f; + text-shadow: 0px 1px 0px #292929; + font-size: 16px; + border-radius:5px; + } + #client-settings .window-content button label { + border: none; + background: none; + position: relative; + top: 2px; + color: #66141a; + } + #client-settings .window-content button:hover { + color: white; + cursor: var(--application-cursor-pointer); + background: url(../ui/sidebar_button-background_red.png) repeat !important; + } + #client-settings .window-content button:hover > label { + color: white; + cursor: var(--application-cursor-pointer); + } + #client-settings .window-content button:hover > i { + color: white; + cursor: var(--application-cursor-pointer); + } + #client-settings .window-content button[name="permissions"] { + max-width: 68px; + min-width: 68px; + height: 28px; + padding: 0px 0px 0px 0px; + line-height: 23px; + } + #client-settings .window-content button[name="permissions"] label { + display: none; + } + #client-settings .window-content button[name="permissions"] i { + display: contents; + font-size: 16px; + color: #66141a; + } + #client-settings .window-content .far.fa-save { + display: none; + } + + #client-settings input[type="checkbox"]:checked + label { + background: none; + border: 1px solid white; + } + + /* ================== 3. GAME CONTROLS REFERENCE ============ */ + #controls-reference { + max-width: 600px; + max-height: 65vh; + } + #controls-reference .window-content { + padding: 7px 2px 7px 7px; + max-height: none; + background: url(../ui/frames/bookshelf-texture.png); + } + #controls-reference .window-content div { + overflow-y: scroll; + } + #controls-reference .window-content div * { + overflow-y: hidden; + color: #CCC; + } + + #controls-reference h3 { + width: 100%; + margin: 0px; + padding: 0px; + color: #ccc6c6; + font-family: KuiperBelt; + font-size: 19px; + font-weight: 500; + text-shadow: 1px 1px 5px #000000; + text-align: center; + border: 3px double #736953a6; + background: #2b2b2b91; + box-shadow: inset 0px 0px 5px black; + } + #controls-reference .keys { + margin-left: 5px; + padding: 0px 0px 0px 0px; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: white; + } + #controls-reference .keys .key { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: var(--actor-input-color); + background: #adadad !important; + box-shadow: 0px 0px 3px black inset !important; + position: relative; + top: 5px; + } + +/*************************************************************/ +/*************************************************************/ + + + + + +/*************************************************************/ +/*=============== X. ROLL DIALOG =========================*/ +/*************************************************************/ + +.window-app.dialog.dice-pool-dialog { + display: flex; + flex-direction: column; + flex-wrap: nowrap; + background: none; + padding: 0px !important; + color: #111; + width: 517px !important; + height: auto !important; + box-shadow: 3px 4px 10px #000; +} +.window-app.dialog.dice-pool-dialog .roll-dialog-tag { + visibility: hidden; + height: 0px; +} + +.window-app.dialog.dice-pool-dialog .window-header { + flex: 0 0 45px; + padding: 0px; + margin: 0px; + line-height: 30px; + border: none; + background: url(../ui/frames/window-app-header-blank.png) repeat; +} + + .window-app.dialog.dice-pool-dialog .window-content{ + background-position: -43px -120px; + display: flex; + flex-direction: column; + flex-wrap: nowrap; + overflow-y: hidden; + padding: 23px 8px 0px 8px; + margin: 8px; + /* margin-bottom: 2px; */ + box-shadow: none; + font-family: KuiperBelt; + font-weight: 500; + font-size: 14px; + color: #ececec; + border: 1px solid blue; + border-width: 10px; + border-image: url(../ui/window-app-dialog-content.png) 5 repeat; + border-image-slice: 10 13 13 13; + border-image-width: 10px 13px 13px 13px; + border-image-outset: 8px; +} + + .window-app.dialog.dice-pool-dialog .window-content{ + background: url(../ui/window-app-dialog-backgrounds-characteristic.png); + } + +.window-app.dialog .window-content .dialog-content { + min-height: fit-content; + max-height: fit-content; + padding: 0px; + margin: 0px; + box-shadow: none; + background: none; + color:whitesmoke; +} + +.window-app.dialog .window-content .dialog-content ul{ +font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + text-align: left; +} + +.window-app.dialog .window-content .dialog-content .dialog-row { + display: inline-flex; + flex: 1; + flex-direction: row; + margin-top: 4px; + width: 100%; +} + .window-app.dialog .dialog-content .dialog-row .bonus-column { + margin-right: 2px; + width: 30%; + } + .window-app.dialog .window-content .dialog-content .dialog-row .bonus-column label{ + min-width: 96px; + } + .window-app.dialog .window-content .dialog-content .dialog-row .bonus-column input{ + text-align: center; + } + .window-app.dialog .window-content .dialog-content .dialog-row .talent-selector { + display: flex; + flex: 1; + flex-direction: column; + margin-left: 2px; + width: 69%; + } + .window-app.dialog .window-content .dialog-content .dialog-row .talent-selector label { + margin-top: 4px; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + text-align: center; + padding: 4px 3px; + border: 1px solid #5d513e; + border-bottom: none; + background: #080808; + } + .window-app.dialog .window-content .dialog-content .dialog-row .talent-selector select { + margin-bottom: 4px; + padding: 3px; + flex-grow: 1; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #000000; + border: 1px solid #736953a6; + border-radius: 0px; + box-shadow: 0px 0px 10px inset black; + background: url(../ui/frames/parchment-texture.png); + } + .window-app.dialog .window-content .dialog-content .dialog-row .talent-selector select option { + white-space: pre-wrap; + overflow: hidden; + text-overflow: ellipsis; + } + + .window-app.dialog input[name="hitLocation"] { + position: relative; + top: 4px; + left: 2px; + transform: scale(1.0); + } + /* .window-app.dialog .dialog-buttons button { + flex-grow: 1; + min-width: -webkit-fill-available; + min-width: -moz-available; + min-width: fill-available; + width: 100%; + margin: 0px; + padding: 0px; + line-height: 24px; + border: 3px double #736953a6; + box-shadow: 0px 0px 10px inset black; + border-radius: 0px; + opacity: 0.9; + text-align: center !important; + color: #ececec; + font-family: KuiperBelt; + font-weight: 500; + font-size: 15px; + padding-top: 5px; + border-image: url(../ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; + background: url(../ui/sidebar_button-background.png) repeat; + background-origin: padding-box; + } */ + +/*************************************************************/ +/*************************************************************/ + + + + + +/******************************************************************/ +/*=============== XII. MISCELLANEOUS GAME WINDOWS ================*/ +/******************************************************************/ + +/* ==================== (A) DEFAULT WINDOWS =================== */ + .app.window-app { + display: flex; + flex-direction: column; + flex-wrap: nowrap; + position: absolute; + box-shadow: 2px 2px 8px #000000; + padding: 0; + margin: 0px; + background: #d8cbc0 url(../ui/frames/parchment-texture.png) no-repeat; + } + .app.window-app .window-header { + flex: 0 0 45px; + margin: 0px; + border: 1px solid black; + border-image: url(../ui/frames/window-app-header-blank.png) 5 repeat; + border-image-slice: 10 fill; + border-image-width: 9px; + border-image-outset: 0; + align-items: center; + justify-content: flex-end; + display: inline-flex; + margin: var(--window-header-margin); + border-radius: 8px; + background: transparent; + max-height:38px; + } + .app.window-app .window-header .window-title { + flex: 1; + margin: 0px 5px; + padding: 0px; + text-align: center; + line-height: normal; + font-family: var(--window-header-title-font-family); + font-size: var(--window-header-title-font-size); + font-weight: var(--window-header-title-font-weight); + color: #d6d6d6; + border: 3px double #5d513e; + box-shadow: 0px 0px 10px inset black; + border-radius: 0px; + opacity: 1; + text-shadow: 1px 1px 5px #000000; + max-height: 45px; + } + + .app.window-app .window-content { + background: url(../ui/frames/window-app-background-bookshelf.png); + background-position: -43px -120px !important; + display: flex; + flex-direction: column; + flex-wrap: nowrap; + overflow-y: auto; + /* padding: 0px 7px 3px 7px; */ + padding: 0px; + margin: 0px; + box-shadow: 0px 0px 20px black inset; + border: 1px solid blue; + border-width: 10px; + border-image: url(../ui/window-app-dialog-content.png) 5 repeat; + border-image-slice: 25; + border-image-width: 26px; + border-image-outset: 8px; + height: fit-content; + max-height: none; + } + .app.window-app h4 { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + } + .app.window-app h3 { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + } + .app.window-app h3 i { + display: none; + } + .app.window-app p { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + } + .app.window-app .form-group, + .app.window-app .form-group-stacked { + clear: both; + display: flex; + flex-direction: row; + /*flex-wrap: wrap;*/ + margin: 4px 0; + } + form .form-group span.units { + color: #91908af7; + } + .app.window-app .form-group label { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: whitesmoke; + line-height: normal; + text-align: center; + padding: 4px 3px; + border: 1px solid #5d513e; + background: #080808; + flex: 3; + } + + .trait-sheet .tab.details input[type="text"]{ + border: none; + box-shadow: none; + background: none; + height: unset; + color: unset; + padding-top: 5px; + text-align: center; + } + .app.window-app .form-group input[type="checkbox"] { + position: relative; + top: 3px; + transform: scale(1); + min-width: 30px; + } + + #module-management .list-filters input, + .app.window-app .form-group input { + padding: 1px 3px; + margin: 0; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size) !important; + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + border: 1px solid #736953a6; + border-left: none; + box-shadow: 0px 0px 10px inset black; + background: #6b4500; + /* height: auto; */ + } + + #module-management .list-filters input { + border: 1px solid #736953a6; + height: 24px; + margin: 5px 0px + } + + #module-management .list-filters input::placeholder { + color: #ffb814b8; + text-shadow: 1px 1px black; + } + + .app.window-app .form-group select { + padding: 1px 3px; + margin: 0; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + border: 1px solid #736953a6; + border-left: none; + border-radius: 0px; + box-shadow: 0px 0px 10px inset black; + background: #6b4500; + height: auto; + } + .app.window-app .form-group input[type="range"]::-webkit-slider-thumb { + -webkit-appearance: none; + border: 1px solid #7d5900; + height: 11px; + width: 11px; + border-radius: 5px; + background: #212121; + cursor: pointer; + margin-top: -4px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */ + box-shadow: 1px 1px 1px #000000 inset, 0px 0px 2px #0d0d0d; /* Add cool effects to your sliders! */ + } + .app.window-app .form-group input[type="range"]::-webkit-slider-runnable-track { + background-image: linear-gradient(to right, #820f0f , #82820d); + } + + .app.window-app.dialog .window-content .dialog-content h3 { + margin: 3px 0px; + padding: 4px 3px 1px 3px; + font-family: var(--actor-input-font-family); + font-size: 16px; + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + border: 3px double #790000; + background: #7b5c00d9; + text-align: center; + } + .app.window-app.dialog .window-content .dialog-content p { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + text-align: left; + margin: 4px 0px 4px 0px; + padding: 4px 5px; + border: 1px solid #5d513e; + background: #1f1f1fb5; + } + + + .app.window-app .dialog-buttons button, + .app.window-app .sheet-footer button, + .app.window-app .form-group .file-picker, + .app.window-app button[type="button"], + .app.window-app button[type="submit"], + .app.window-app button[type="reset"] + { + margin: 0 3px 4px 3px; + border: 3px solid #66141a; + border-image-width: 4px; + border-image-outset: 0px; + box-shadow: none; + background: url(../ui/sidebar_button-background.png) repeat; + background-origin: padding-box; + font-family: var(--major-button-font-family); + font-size: var(--major-button-font-size); + font-weight: var(--major-button-font-weight); + color: var(--major-button-color); + text-shadow: 1px 1px 5px #562300; + border-radius: 8px; + } + + .app.window-app.sheet.scene-sheet .grid-config { + max-width: 60px; + margin: 0 3px 0px 3px; + } + #grid-config .notes { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + text-align: center; + margin: 4px 0px 0px 0px; + padding: 4px 5px; + border: 1px solid #5d513e; + background: #1f1f1fb5; + } + #grid-config .fas.fa-sync { + display: none; + } + #grid-config .form-group .form-fields label { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + text-align: center; + padding: 4px 3px; + border: 1px solid #5d513e; + border-left: none; + background: #080808; + margin-right: 0px; + } + .app.window-app.sheet.scene-sheet .fas.fa-ruler-combined { + display: contents; + font-size: 16px; + color: #66141a; + } + + #wall-config .notes { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + text-align: center; + margin: 4px 0px 0px 0px; + padding: 4px 5px; + border: 1px solid #5d513e; + background: #1f1f1fb5; + } + + /* ================== 1. UPDATE OR CREATE FOLDER ============ */ + .app.window-app #folder-create label { + max-width: 148px; + } + .app.window-app #folder-create input[type="color"] { + padding: 1px 3px; + height: 27px; + } + + /* ================== 2. PERMISSION ========================= */ + #permission { + width: 400px; + } + #permission .window-header .window-title { + flex-grow: 0; + color: whitesmoke; + border: none; + background: url(../ui/frames/window-app-title-permissions.png); + min-width: 235px; + max-width: 235px; + min-height: 45px; + max-height: 45px; + } + + /* ================== 3. COMBAT TRACKER SETTINGS ============ */ + #combat-config .window-content .form-group .notes { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + text-align: left; + margin: 4px 0px 4px 0px; + padding: 4px 5px; + border: 1px solid #5d513e; + background: #1f1f1fb5; + } + + #combat-config > section > form > div:nth-child(2) > input[type=checkbox] { + position: relative; + top: 7px; + margin-left: 6px; + transform: scale(1); + } + + /* ================== 3. SCENE SHEET ======================== */ + .app.window-app.sheet.scene-sheet .window-content { + max-height: 490px; + min-height: 490px; + } + .app.window-app.sheet.scene-sheet .window-content form { + overflow-y: scroll; + overflow-x: hidden; + padding-right: 7px; + } + .app.window-app.sheet.scene-sheet .window-content form .notes { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + text-align: center; + margin: 4px 0px 0px 0px; + padding: 4px 5px; + border: 1px solid #5d513e; + background: #1f1f1fb5; + } + .app.window-app.sheet.scene-sheet .window-content form hr { + opacity: 0.8; + border: 2px ridge #503434; + visibility: hidden; + } + + #actor-settings .form-header h3, + .app.window-app.sheet.scene-sheet .window-content h3 { + margin: 3px 0px; + padding: 4px 3px 1px 3px; + font-family: var(--actor-input-font-family); + font-size: 16px; + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + border: 3px double #790000; + background: #7b5c00d9; + text-align: center; + } + + .app.window-app.sheet.scene-sheet .form-group:nth-of-type(14) label, + .app.window-app.sheet.scene-sheet .form-group:nth-of-type(15) label, + .app.window-app.sheet.scene-sheet .form-group:nth-of-type(16) label, + .app.window-app.sheet.scene-sheet .form-group:nth-of-type(19) label { + max-width: none; + } + .app.window-app.sheet.scene-sheet .form-group label span { + font-size: 14px; + color: #7d7d7d; + } + .app.window-app.sheet.scene-sheet .form-group .file-picker { + max-width: 60px; + margin: 0 3px 0px -2px !important; + box-shadow: 0px 0px 5px black inset; + } + #sound-config .form-group .file-picker { + margin: 0px 3px 0px 0px; + } + .app.window-app.sheet.scene-sheet .form-group .file-picker button, + #sound-config .form-group .file-picker button:hover > i{ + color:white; + } + .app.window-app.sheet.scene-sheet .form-group .file-picker i, + #sound-config .form-group .file-picker i { + display: contents; + font-size: 16px; + color: #66141a; + } + #sound-config .form-group input[type="checkbox"] { + position: relative; + top: 7px; + margin-left: 6px; + transform: scale(1); + } + + .app.window-app.sheet.scene-sheet .form-group input[type="color"] { + padding: 1px 3px; + height: 27px; + } + + /* Token Vision */ + .app.window-app.sheet.scene-sheet .form-group input[type="checkbox"] { + position: relative; + top: 7px; + margin-left: 6px; + transform: scale(1); + } + + .app.window-app.sheet.scene-sheet input[type="range"] + .range-value, + .token-sheet .range-value, + #drawing-config .range-value, + #sound-config .range-value, + #light-config .range-value { + display: block; + flex: 0 1 48px; + margin-left: 10px; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + line-height: normal; + text-align: center; + padding: 6px 3px 0px 3px; + border: 1px solid #5d513e; + background: #080808; + } + + #drawing-config .notes, + #sound-config .notes, + #light-config .hint { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + text-align: center; + margin: 4px 0px 0px 0px; + padding: 4px 5px; + border: 1px solid #5d513e; + background: #1f1f1fb5; + } + + #drawing-config .flexcol, + #sound-config .flexcol { + overflow-y: hidden; + overflow-x: hidden; + } + + .app.window-app.sheet.scene-sheet button[type="submit"] { + margin-top: 17px !important; + } + + + + /* ================== 4. SCENE NOTES ======================== */ + .app.window-app.sheet.scene-notes .window-content { + margin: 0px; + padding: 15px; + border: 1px solid blue; + border-width: 10px; + border-image: url(../ui/frames/window-app-journal-sheet-content.png) 5 repeat; + border-image-slice: 25 fill; + border-image-width: 25px; + border-image-outset: 0px; + } + .app.window-app.sheet.scene-notes .window-content form { + padding: 5px; + } + .app.window-app.sheet.scene-notes .window-content .editor { + border: 1px solid #736953a6; + padding: 4px; + } + + + /* ================== 5. CREATE ACTOR ENTITY ================ */ + .app.window-app.dialog .dialog-content #entity-create .form-group .notes { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + text-align: left; + margin: 4px 0px 0px 0px; + padding: 4px 3px; + border: 1px solid #5d513e; + background: #1f1f1fb5; + } + + + /* ================== 6. DELETE ITEM FROM ACTOR ============= */ + .app.window-app .dialog-content .delete-item-dialog.selection { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + margin: 4px 0; + padding: 4px 4px; + border: 1px solid #5d513e; + background: #080808; + text-align: center; + } + + /* ================== 7. SHEET CONFIG ======================= */ + #sheet-config .form-group:first-of-type label { + max-height: 28px; + white-space: nowrap; + overflow: hidden; + overflow-wrap: unset; + } + #sheet-config .window-content .notes { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + text-align: left; + margin: 4px 0px 0px 0px; + padding: 4px 5px; + border: 1px solid #5d513e; + background: #1f1f1fb5; + } + + /* ================== 8. SHOW ARTWORK ======================= */ + + .window-app.app.image-popout .window-content { + background: url(../ui/frames/parchment-texture.png); + background-position: -43px -120px; + display: flex; + flex-direction: column; + flex-wrap: nowrap; + overflow-y: hidden; + padding: 0px; + margin: 0px; + box-shadow: 0px 0px 30px black inset; + font-family: KuiperBelt; + font-weight: 500; + font-size: 14px; + color: #000000; + border: 1px solid blue; + border-width: 10px; + border-image: url(../ui/frames/window-app-journal-sheet-content.png) 5 repeat; + border-image-slice: 25; + border-image-width: 25px; + border-image-outset: 0px 0px 0px 0px; + } + + /* ================== 9. TOKEN CONFIG ======================= */ + + .token-sheet.sheet .sheet-tabs { + flex: 0 0 32px; + border: none; + line-height: 32px; + justify-content: space-between; + } + .token-sheet .sheet-tabs .item { + margin: 3px 0px; + padding: 4px 3px 1px 3px; + max-width: 80px; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + border: 3px double #790000; + background: #563000de; + } + .token-sheet .sheet-tabs .item:hover { + box-shadow: 0 0 8px #c70000 !important; + cursor: var(--application-cursor-pointer); + } + .token-sheet .sheet-tabs .item.active { + background: #7b5c00d9; + } + .token-sheet .sheet-tabs .item i { + display: none; + } + .token-sheet .tab { + max-height: fit-content; + } + .token-sheet .form-group label span { + font-size: 14px; + color: #7d7d7d; + } + .token-sheet .sheet-footer { + width: 446px; + height: 32px; + } + + .token-sheet .tab[data-tab="character"] .notes { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + text-align: center; + margin: 4px 0px 0px 0px; + padding: 4px 5px; + border: 1px solid #5d513e; + background: #1f1f1fb5; + } + /*.token-sheet .tab[data-tab="character"] input[type="checkbox"] { + transform: scale(1); + position: absolute; + top: 223px; + left: 294px; + opacity: 0.75; + box-shadow: 0px 0px 4px inset black; + }*/ + + .token-sheet .tab[data-tab="image"] .notes { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + text-align: center; + margin: 4px 0px 0px 0px; + padding: 4px 5px; + border: 1px solid #5d513e; + background: #1f1f1fb5; + } + .token-sheet .tab[data-tab="image"] button { + margin: 0 3px 0px 3px !important; + box-shadow: 0px 0px 5px black inset; + } + .token-sheet .tab[data-tab="image"] button i { + display: contents; + font-size: 16px; + color: #66141a; + } + .token-sheet .tab[data-tab="image"] input[type="checkbox"] { + transform: scale(1); + opacity: 0.75; + box-shadow: 0px 0px 4px inset black; + } + .token-sheet .tab[data-tab="image"] input[type="range"]::-webkit-slider-thumb { + -webkit-appearance: none; + border: 1px solid #7d5900; + height: 11px; + width: 11px; + border-radius: 5px; + background: #212121; + cursor: pointer; + margin-top: -4px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */ + box-shadow: 1px 1px 1px #000000 inset, 0px 0px 2px #0d0d0d; /* Add cool effects to your sliders! */ + } + .token-sheet .tab[data-tab="image"] input[type="range"]::-webkit-slider-runnable-track { + background-image: linear-gradient(to right, #820f0f , #82820d); + } + .token-sheet .tab[data-tab="image"] .form-group .range-value { + padding: 6px 3px 1px 3px; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + border: 1px solid #736953a6; + border-radius: 0px; + box-shadow: 0px 0px 10px inset black; + background: #6b4500; + padding-top: 11px + } + .token-sheet .tab[data-tab="image"]:not(:first-of-type) input[type="text"] { + text-align: center; + } + + .token-sheet .tab[data-tab="position"] .notes { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + text-align: center; + margin: 4px 0px 0px 0px; + padding: 4px 5px; + border: 1px solid #5d513e; + background: #1f1f1fb5; + } + .token-sheet .tab[data-tab="position"] input[type="text"] { + text-align: center; + } + /* .token-sheet .tab[data-tab="position"] input[type="checkbox"] input[name="lockRotation"]{ + transform: scale(1); + position: absolute; + top: 295px; + left: 294px; + margin-top: 2px; + opacity: 0.75; + box-shadow: 0px 0px 4px inset black; + }*/ + + .token-sheet .tab[data-tab="vision"] .notes { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + text-align: center; + margin: 4px 0px 0px 0px; + padding: 4px 5px; + border: 1px solid #5d513e; + background: #1f1f1fb5; + } + .token-sheet .tab[data-tab="vision"] input[type="text"] { + text-align: center; + } + .token-sheet .tab[data-tab="vision"] input[type="checkbox"] { + transform: scale(1); + position: absolute; + top: 140px; + left: 278px; + opacity: 0.75; + box-shadow: 0px 0px 4px inset black; + margin-top: 2px; + } + + .token-sheet .tab[data-tab="resources"] .notes { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + text-align: center; + margin: 4px 0px 0px 0px; + padding: 4px 5px; + border: 1px solid #5d513e; + background: #1f1f1fb5; + } + .token-sheet .tab[data-tab="resources"] .form-group label { + max-width: 183px; + min-width: 183px; + } + .token-sheet .tab[data-tab="resources"] .form-group .bar1-value { + padding: 1px 3px; + margin: 0; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + border: 1px solid #736953a6; + border-left: none; + border-right: none; + box-shadow: 0px 0px 10px inset black; + background: #6b4500; + } + .token-sheet .tab[data-tab="resources"] .form-group .bar2-value { + padding: 1px 3px; + margin: 0; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + border: 1px solid #736953a6; + border-left: none; + border-right: none; + box-shadow: 0px 0px 10px inset black; + background: #6b4500; + } + .token-sheet .tab[data-tab="resources"] .form-group .sep { + font-family: var(--actor-input-font-family); + font-size: 17px; + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + margin: 0px; + padding: 5px 0px 0px; + border: 1px solid #736953a6; + border-left: none; + border-right: none; + box-shadow: 0px 0px 10px inset black; + background: #6b4500; + } + + .token-sheet .range-value { + display: block; + flex: 0 1 48px; + margin-left: 10px; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + line-height: normal; + text-align: center; + padding: 6px 3px 0px 3px; + border: 1px solid #5d513e; + background: #080808; + } + + /* ================== 10. DRAWING CONFIG ==================== */ + #drawing-config { + height: fit-content !important; + overflow-y: hidden; + width: 480px !important; + } + #drawing-config .window-content { + overflow-y: hidden; + overflow-x: hidden; + height: 100%; + min-height: fit-content; + padding-bottom: 6px; + } + #drawing-config .sheet-tabs { + flex: 0 0 32px; + border-bottom: none; + line-height: 32px; + justify-content: space-between; + } + #drawing-config .sheet-tabs .item { + margin: 3px 0px; + padding: 4px 3px 1px 3px; + max-width: 100px; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + border: 3px double #790000; + background: #563000de; + } + #drawing-config .sheet-tabs .item:hover { + box-shadow: 0 0 8px #c70000 !important; + cursor: var(--application-cursor-pointer); + } + #drawing-config .sheet-tabs .item.active { + background: #7b5c00d9; + } + #drawing-config .sheet-tabs .item i { + display: none; + } + #drawing-config .tab { + max-height: 900px; + overflow: auto + } + #drawing-config .form-group label span { + font-size: 14px; + color: #7d7d7d; + } + #drawing-config .sheet-footer { + width: 100%; + height: 32px; + bottom: 19px; + } + + #drawing-config .tab[data-tab="character"] .notes { + text-align: center; + } + #drawing-config .tab[data-tab="character"] input[type="checkbox"] { + transform: scale(1); + position: absolute; + top: 223px; + left: 294px; + opacity: 0.75; + box-shadow: 0px 0px 4px inset black; + } + + #drawing-config .tab[data-tab="image"] .notes { + text-align: center; + } + #drawing-config .tab[data-tab="image"] button { + margin: 0 3px 0px 3px !important; + box-shadow: 0px 0px 5px black inset; + } + #drawing-config .tab[data-tab="image"] button i { + display: contents; + font-size: 16px; + color: #66141a; + } + #drawing-config .tab[data-tab="image"] input[type="checkbox"] { + transform: scale(1); + position: absolute; + top: 160px; + left: 329px; + opacity: 0.75; + box-shadow: 0px 0px 4px inset black; + } + #drawing-config .tab[data-tab="image"] input[type="range"]::-webkit-slider-thumb { + -webkit-appearance: none; + border: 1px solid #7d5900; + height: 11px; + width: 11px; + border-radius: 5px; + background: #212121; + cursor: pointer; + margin-top: -4px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */ + box-shadow: 1px 1px 1px #000000 inset, 0px 0px 2px #0d0d0d; /* Add cool effects to your sliders! */ + } + #drawing-config .tab[data-tab="image"] input[type="range"]::-webkit-slider-runnable-track { + background-image: linear-gradient(to right, #820f0f , #82820d); + } + #drawing-config .tab[data-tab="image"] .form-group .scale-value { + padding: 6px 3px 1px 3px; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + border: 1px solid #736953a6; + border-radius: 0px; + box-shadow: 0px 0px 10px inset black; + background: #6b4500; + } + #drawing-config .tab[data-tab="image"]:not(:first-of-type) input[type="text"] { + text-align: center; + } + + #drawing-config .tab[data-tab="position"] .notes { + text-align: center; + } + #drawing-config .tab[data-tab="position"] input[type="text"] { + text-align: center; + } + #drawing-config .tab[data-tab="position"] input[type="checkbox"] { + transform: scale(1); + position: absolute; + top: 252px; + left: 288px; + opacity: 0.75; + box-shadow: 0px 0px 4px inset black; + } + + #drawing-config .tab[data-tab="vision"] .notes { + text-align: center; + } + #drawing-config .tab[data-tab="vision"] input[type="text"] { + text-align: center; + } + #drawing-config .tab[data-tab="vision"] input[type="checkbox"] { + transform: scale(1); + position: absolute; + top: 128px; + left: 278px; + opacity: 0.75; + box-shadow: 0px 0px 4px inset black; + } + + #drawing-config .tab[data-tab="resources"] .notes { + text-align: center; + } + #drawing-config .tab[data-tab="resources"] .form-group label { + max-width: 183px; + min-width: 183px; + } + #drawing-config .tab[data-tab="resources"] .form-group .bar1-value { + padding: 1px 3px; + margin: 0; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + border: 1px solid #736953a6; + border-left: none; + border-right: none; + box-shadow: 0px 0px 10px inset black; + background: #6b4500; + } + #drawing-config .tab[data-tab="resources"] .form-group .bar2-value { + padding: 1px 3px; + margin: 0; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + border: 1px solid #736953a6; + border-left: none; + border-right: none; + box-shadow: 0px 0px 10px inset black; + background: #6b4500; + } + #drawing-config .tab[data-tab="resources"] .form-group .sep { + font-family: var(--actor-input-font-family); + font-size: 17px; + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + margin: 0px; + padding: 5px 0px 0px; + border: 1px solid #736953a6; + border-left: none; + border-right: none; + box-shadow: 0px 0px 10px inset black; + background: #6b4500; + } + #drawing-config .file-picker { + margin: 0px; + } + #drawing-config .file-picker .fas.fa-file-import.fa-fw { + display: contents; + font-size: 16px; + color: #66141a; + } + + /* ================== 11. JOUNRAL ENTRIES =================== */ + .window-app.app.journal-sheet { + min-width: 470px; + min-height: 362px; + background:transparent; + } + + .window-app.app.journal-sheet header{ + margin:0px; + } + + .window-app.app.journal-sheet.image-popout { + min-width: 417px; + min-height: 403px; + } + + .window-app.app.journal-sheet .window-content { + background: url(../ui/frames/parchment-texture.png); + background-position: -75px -100px !important; + display: flex; + flex-direction: column; + flex-wrap: nowrap; + overflow-y: hidden; + padding: 15px 16px 20px 16px; + margin: 0px; + box-shadow: 0px 0px 30px black inset; + font-family: KuiperBelt; + font-weight: 500; + font-size: 14px; + color: #000000; + border-width: 10px; + border-image: url(../ui/frames/window-app-journal-sheet-content.png) 5 repeat; + border-image-slice: 28; + border-image-width: 20px; + border-image-outset: 5px; + border-radius: 24px; + } + .window-app.app.journal-sheet .window-content form { + margin: 5px 5px 5px 20px; + height: 100%; + padding: 5px; + box-shadow: 0px 0px 3px #00000069 inset; + border-radius: 10px; + border: 3px double #66141aa8; + } + .window-app.app.journal-sheet .window-content .form-group.title { + position: absolute; + width: 100%; + max-width: 90%; + left: 0px; + } + .window-app.app.journal-sheet .window-content input[name="name"], + .window-app.app.journal-sheet .window-content input[name="title"] { + border: 3px solid #66141a; + border-image-slice: 5; + border-image-width: 4px; + border-image-outset: 0px; + border-radius: 10px; + font-family: KuiperBelt; + font-size: 20px; + font-weight: 500; + color: #670c0c; + text-shadow: 0px 0px 1px #00000063; + text-align: center; + box-shadow: 0px 0px 3px black inset; + opacity: 0.9; + background: none; + width: 100%; + margin: 0px; + } + .window-app.app.journal-sheet .window-content select[name="folder"] { + background: none; + border: 1px solid #5a5a5a; + border-radius: 2px; + padding: 5px 0px; + margin: 0px; + font-family: var(--actor-input-font-family); + font-size: 14px; + font-weight: var(--actor-input-font-weight); + color: var(--actor-input-color); + width: 100%; + height: fit-content; + text-overflow: ellipsis; + box-shadow: 0px 0px 2px #2700009e inset; + } + .window-app.app.journal-sheet .window-content form button[type="submit"] { + flex: 2; + flex-grow: 0; + line-height: 23px; + border: 3px solid #66141a; + box-shadow: 0px 0px 10px inset black; + border-radius: 0px; + opacity: 0.9; + text-align: center; + color: #66141a; + font-family: KuiperBelt; + font-weight: bold; + font-size: 20px; + padding-top: 5px; + margin: 3px 0px 0px 1px !important; + /* border-image: url(../ui/footer-button.png) 10 repeat; */ + border-image-width: 4px; + border-image-outset: 0px; + /* box-shadow: inset 0 0 20px #000000; */ + background: url(../ui/sidebar_button-background.png) repeat; + background-origin: padding-box; + border-radius: 10px; + text-shadow: 0 0 black; + + } + + .window-app.app.journal-sheet form.editable .editor { + padding: 4px; + height: 85% + } + + .window-app.app.journal-sheet.image-popout .window-content .form-group.title { + position: absolute; + width: 100%; + max-width: calc(100% - 12px); + left: 6px; + margin: 3px 0px 3px 0px; + } + .window-app.app.journal-sheet.image-popout .form-group.picker { + bottom: 5px; + position: absolute; + width: 100%; + max-width: calc(100% - 12px); + left: 6px; + margin: 3px 0px 3px 0px; + min-height: 28px; + } + .window-app.app.journal-sheet.image-popout .window-content .form-group.picker .image { + background: none; + border: 1px solid #5a5a5a; + border-radius: 2px; + padding: 1px 0px 0px 5px; + margin: 0px 5px 0px 0px; + font-family: var(--actor-input-font-family); + font-size: 14px; + font-weight: var(--actor-input-font-weight); + color: var(--actor-input-color); + line-height: normal; + max-height: 30px; + box-shadow: 0px 0px 2px #2700009e inset; + } + .window-app.journal-sheet.image-popout .form-group button { + flex: 0 0 32px; + order: 3; + max-height: 30px; + flex: 2; + flex-grow: 0; + line-height: 24px; + border: 3px double #736953a6; + box-shadow: 0px 0px 10px inset black; + border-radius: 0px; + opacity: 1.0; + text-align: center; + color: #3c2100; + font-family: KuiperBelt; + font-weight: 500; + font-size: 15px; + padding-top: 3px; + margin: 0px 3px 2px 0px; + border-image: url(../ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; + /* box-shadow: inset 0 0 20px #000000; */ + background: url(../ui/sidebar_button-background.png) repeat; + background-origin: padding-box; + } + .window-app.journal-sheet.image-popout .form-group button i { + display: block; + } + .window-app.journal-sheet.image-popout .window-content form button { + margin: 0 3px 0px 3px !important; + padding: 0px 16px; + box-shadow: 0px 0px 5px black inset; + color: var(--major-button-color); + } + .window-app.journal-sheet.image-popout .window-content form button[type="submit"] { + margin: 0 3px 0px 3px !important; + padding: 0px 16px; + box-shadow: 0px 0px 5px black inset; + color: var(--major-button-color); + } + + /* ================== 12. COMPENDIUM ======================== */ + .window-app.app .sidebar-tab.compendium { + padding: 0px 0px 7px 0px; + } + .window-app.app .sidebar-tab.compendium .compendium-search { + flex: 1; + justify-content: left; + text-align: center; + } + .window-app.app .sidebar-tab.compendium .compendium-search input { + line-height: 20px; + width: calc(100% - 45px); + margin: 3px; + background: url(../ui/frames/parchment-texture.png); + box-shadow: inset 0 0 10px #000000; + border: 2px groove #790000; + border-image: url(../ui/chat-controls-border.png) 4 repeat; + border-image-width: 4px; + border-image-outset: 2px 2px 2px 2px; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-family); + font-weight: var(--actor-input-font-weight); + color: var(--actor-input-color); + text-align: left; + } + .window-app.app .sidebar-tab.compendium .compendium-search input::placeholder { + text-align: center; + color: #ffb814b8; + position: relative; + text-shadow: 1px 1px black; + } + .sidebar-tab .fas.fa-search { + width: 24px; + height: 24px; + position: relative; + background: url(../ui/frames/search-field-icon.png); + color: #ffffff00; + background-size: contain; + } + .window-app.app .sidebar-tab.compendium .pack-content { + height: calc(100% - 43px); + margin: 0; + overflow-y: auto; + } + + /* ================== 13. FILE PICKER ======================= */ + .app.window-app.filepicker { + /* max-height: 70%; */ + } + .app.window-app .filepicker-body.list.public .filepicker-body { + max-height: 70vh; + display: flex; + flex-direction: column; + overflow: auto + } + .app.window-app.filepicker .form-group button { + border: 1px solid black; + border-image: url(../ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; + box-shadow: none; + background: url(../ui/sidebar_button-background.png) repeat; + margin-bottom: 0px; + } + .app.window-app.filepicker .form-group button i { + color: #3c2100db; + /* transform: scaleX(-1); */ + display: contents; + font-size: 16px; + color: #66141a; + } + .app.window-app.filepicker .form-fields.display-modes a { + border: 1px solid black; + border-image: url(../ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; + box-shadow: none; + background: url(../ui/sidebar_button-background.png) repeat; + margin-bottom: 0px; + padding-top: 2px; + } + + .app.window-app.filepicker .form-group button:hover { + + background: url(../ui/sidebar_button-background_red.png) repeat; + color:white !important; + + } + .app.window-app.filepicker .form-group button:hover > i{ + color:white !important; + } + + .filepicker .directory > li.dir { + color: white; + } + + .filepicker .directory > li { + color: white; + } + + .app.window-app.filepicker .form-fields.display-modes a i { + color: #3c2100db; + /* transform: scaleX(-1); */ + display: contents; + font-size: 14px; + color: #66141a; + /* position: relative; */ + /* top: 9px; */ + } + .app.window-app.filepicker .form-group.current-dir input { + border-left: 1px solid #736953a6; + } + .app.window-app.filepicker .filepicker-body .directory.files-list.tiles-list, + .app.window-app.filepicker .filepicker-body .directory.files-list.images-list, + .app.window-app.filepicker .filepicker-body .directory.files-list.thumbs-list, + .app.window-app.filepicker .filepicker-body .directory.files-list.details-list, + .app.window-app.filepicker .filepicker-body .directory.folders-list.details-list { + background: url(../ui/frames/bookshelf-texture.png) repeat; + border: 3px solid #66141a; + border-radius: 8px; + box-shadow: 0px 0px 23px #330004 inset; + } + .app.window-app.filepicker .filepicker-body .directory.folders-list.details-list { + min-height: fit-content; + max-height: 50%; + } + .app.window-app.filepicker .form-group label { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + text-align: center; + padding: 4px 3px; + border: 1px solid #5d513e; + background: #080808; + } + .app.window-app.filepicker .form-group label i { + display: none; + } + + /* ================== 14. NEW MACRO WINDOW ================== */ + .app.window-app.sheet.macro-sheet .window-content { + padding: 3px 7px 0px 7px; + } + .app.window-app.sheet.macro-sheet .sheet-header img { + border: 1px solid #736953a6; + } + .app.window-app.sheet.macro-sheet .sheet-header h1 input { + border-left: 1px solid #736953a6; + width: 100%; + } + .app.window-app.sheet.macro-sheet .editable .form-group.stacked { + border-top: none; + border-left: 1px solid #736953a6; + } + .macro-sheet .form-group.command textarea { + font-size: 14px; + font-family: 'Roboto'; + font-size: 15px; + text-shadow: 1px 1px 1px black; + } + /* ================== 15. PLAYER CONFIGURATION ============== */ + #player-config .directory-list { + max-height: 250px; + overflow-y: auto; + list-style: none; + margin: 5px 0; + padding: 0; + } + #player-config label { + font-size: 14px; + font-weight: normal; + color: #d6d6d6; + } + #player-config .window-content .form-group:first-of-type label { + vertical-align: middle; + margin-right: 5px; + padding-top: 26px; + } + #player-config .entity-name { + font-family: var(--actor-input-font-family); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + text-align: left; + padding: 0px 4px; + border: 1px solid #5d513e; + background: #1f1f1fb5; + } + #player-config .directory-item { + margin-right: 5px; + } + #player-config button[type="submit"] { + margin-top: 0px; + } + + + .app.window-app.sheet.template-sheet .notes, + .app.window-app.sheet.tile-sheet .notes { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + text-align: center; + margin: 4px 0px 0px 0px; + padding: 4px 5px; + border: 1px solid #5d513e; + background: #1f1f1fb5; + } + #template-config { + min-width: 430px; + max-height: 452px; + } + .app.window-app.sheet.template-sheet .form-group .file-picker, + .app.window-app.sheet.tile-sheet .form-group .file-picker { + margin: 0 3px 0px 0px !important; + box-shadow: 0px 0px 5px black inset; + } + .app.window-app.sheet.template-sheet .form-group .fas.fa-file-import.fa-fw, + .app.window-app.sheet.tile-sheet .form-group .fas.fa-file-import.fa-fw { + display: contents; + font-size: 16px; + color: #66141a; + } + + + +/******************************************************************/ +/******************************************************************/ + + + + + +/******************************************************************/ +/*=============== XI. HOTBAR =====================================*/ +/******************************************************************/ + + /* ==================== (A) WINDOW FRAMEWORK ================== */ + #hotbar { + font-family: KuiperBelt; + font-weight: 500; + font-size: 14px; + width: 620px; + height: 65px; + } + + #hotbar #action-bar { + flex: 1; + height: 100%; + justify-content: space-evenly; + background:none; + } + #hotbar #action-bar #macro-list { + flex: 0 0 540px; + height: 100%; + list-style: none; + margin: 0 0px; + padding: 8px 0px 4px 0px; + border-radius: 10px; + justify-content: center; + background: url(../ui/frames/hotkeybox-macro-list.png); + box-shadow: 1px 1px 4px #734d05; + } + + + #hotbar #action-bar .macro { + border-image: url(../ui/frames/hotkeybox.png) 21 repeat; + border-image-slice: 6 6 6 6 fill; + border-image-width: 6px 6px 6px 6px; + border-image-outset: 0px 0px 0px 0px; + border-radius: 0px; + cursor: var(--application-cursor-pointer); + border-radius:8px; + } + + #hotbar #action-bar .macro:hover { + box-shadow: 2px 2px 5px #66141a; + cursor: var(--application-cursor-pointer); + } + + + #hotbar .macro .macro-icon { + cursor: var(--application-cursor-pointer); + width: 46px; + height: 46px; + border: none; + z-index: 0; + position: relative; + padding: 2px; + margin-left: 1px; + margin-top: 1px; + } + + #hotbar .macro .macro-key { + position: absolute; + top: 2px; + right: 2px; + padding: 3px 3px; + text-shadow: 1px 1px 1px black; + color: #f0f0e0; + font-weight: normal; + background: #000000e0; + max-height: 19px; + border-radius: 6px; + box-shadow: 0px 0px 5px black; + z-index: 99; + } + #hotbar .bar-controls { + background: #000000a8; + box-shadow: 0 0 4px black; + border-radius: 16px; + border: 2px solid #794100; + color: #f9a237; + } + #hotbar .bar-controls span.page-number { + display: block; + font-size: 20px; + line-height: 8px; + position: relative; + top: 4px; + } + +/******************************************************************/ +/******************************************************************/ + + + + + +/*************************************************************/ +/*=============== V. MENU ===================================*/ +/*************************************************************/ + +#menu { +position: fixed; +z-index: 101; +top: 45%; +left: calc(50% - 180px); +width: 341px; +background: none; +box-shadow: none; +font-family: KuiperBelt; +font-weight: normal; +font-size: 19px; +color: #ececec; +border: 1px solid blue; +border-image: url(../ui/menu-border.png) 21 repeat; +border-image-slice: 78 4 81 4; +border-image-width: 80px 6px 80px 6px; +border-image-outset: 76px 0px 76px 0px; +border-radius: 0px; +box-shadow: 3px 4px 11px #000; +background: #00000000; +} +#menu #menu-items { +list-style: none; +margin: 3px; +padding: 6px 32px 6px 32px; +background: rgba(0, 0, 0, 0.8); +box-shadow: 0 0 84px #000000 inset; +/* border-right: 3px groove #bf8d1c; */ +/* border-left: 3px ridge #775300; */ +} +/*************************************************************/ +/*************************************************************/ +/*************************************************************/ + + +#chat-log .message.ic .message-content { +font-style : normal; +} + +.scatter-table{ + border: 1px solid #000; + width: 150px; +} + +.scatter-table tr > td{ + border: 1px solid #000; + text-align: center; + width: 60px; + height: 30px; +} + +.scatter-table .selected-position { + background-color: maroon; + color: #CCC +} + + + + +/* ==================== (A) CAST OR channel ================== */ +.window-app.dialog.cast-channel { + display: flex; + flex-direction: column; + flex-wrap: nowrap; + background: none; + padding: 0px !important; + color: #111; + width: 517px !important; + height: 157px !important; + box-shadow: 3px 4px 10px #000; +} +.window-app.dialog.cast-channel .window-header { + flex: 0 0 45px; + padding: 0px; + margin: 0px; + line-height: 30px; + border: none; + background: url(../ui/frames/window-app-header-blank.png) repeat; +} + .window-app.dialog.cast-channel .window-header .window-title { + position: absolute; + top: 60px; + left: 26px; + visibility: visible; + font-family: KuiperBelt; + font-weight: 500; + font-size: 14px; + line-height: 24px; + border-radius: 0px; + opacity: 1; + width: 465px; + z-index: 1; + height: 26px; + margin: 0px; + padding: 0px; + color: #f5f5f500; + text-shadow: 1px 1px 5px #000000; + text-align: center; + border: 3px double #736953a6; + background: #310a0ae8; + display: none; + box-shadow: inset 0px 0px 5px black; + } + +.window-app.dialog.cast-channel .window-content { + background: url(../ui/window-app-dialog-backgrounds-characteristic.png); + background-position: -43px -120px; + display: flex; + flex-direction: column; + flex-wrap: nowrap; + overflow-y: hidden; + padding: 0px 8px 8px 8px; + margin: 8px; + /* margin-bottom: 2px; */ + box-shadow: none; + font-family: KuiperBelt; + font-weight: 500; + font-size: 14px; + color: #ececec; + border: 1px solid blue; + border-width: 10px; + border-image: url(../ui/window-app-dialog-content.png) 5 repeat; + border-image-slice: 10 13 13 13; + border-image-width: 10px 13px 13px 13px; + border-image-outset: 8px; +} +.window-app.dialog.cast-channel .window-content .dialog-content { + flex: 2; + line-height: normal; + /* min-height: 28px; + max-height: 28px; */ + border: none; + border-radius: 0px; + opacity: 0.9; + text-align: center; + color: #ececec; + padding: 0px 0px 0px 0px; + margin: 0px 0px; + box-shadow: 0px 0px 10px inset black; + /* background: #fff68640; */ +} + .window-app.dialog.cast-channel .selection { + flex: 2; + line-height: normal; + border: 1px solid #736953a6; + border-radius: 0px; + opacity: 0.9; + text-align: center; + color: #ececec; + padding: 4px 0px 4px 0px; + margin: 0px 0px; + box-shadow: 0px 0px 10px inset black; + } + .window-app.dialog.cast-channel .dialog-buttons { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-between; + margin: 4px 0px 0px 0px; + } + .window-app.dialog.cast-channel .dialog-buttons button { + flex: 2; + line-height: 24px; + border: 3px double #736953a6; + box-shadow: 0px 0px 10px inset black; + border-radius: 0px; + opacity: 0.9; + text-align: center; + max-width: 49%; + color: #ececec; + font-family: KuiperBelt; + font-weight: 500; + font-size: 15px; + padding-top: 5px; + margin: 0px; + border-image: url(../ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; + background: url(../ui/sidebar_button-background.png) repeat; + background-origin: padding-box; + } + + .window-content .notes { + color: #BBB; + } +#data-importer .window-content .form-group p.notes { + color: black; +} + +#swa-importer .window-content p.notes { + color: black; +} + + #swffg-skilllist-importer .window-content p.notes { + color: black; +} +#talent-checker .window-content p.notes { + color: black; +} + .pack-content .entry-name { + color: white; + } + +#swffg-skilllist-importer.app.window-app { + height:fit-content !important; + width:500px !important; +} +#swffg-skilllist-importer.app.window-app .window-content form { + padding: 0px 5px 0px 20px; +} + +#swffg-skilllist-importer .skilllist tbody { + height: fit-content !important; +} + +#data-importer.app.window-app .window-content form { + padding: 0px 5px 0px 20px; +} + +#swa-importer.app.window-app .window-content form { + padding: 0px 5px 0px 20px; +} + +#talent-checker.app.window-app .window-content form { + padding: 0px 5px 0px 20px; +} + + .window-content .dialog-content > * { + color: white; + } + + #chat-log .message .message-header img{ + max-width: 50px; + max-height: 50px; + border: none; + margin: -5px 5px 2px 0px; + } + + h4.message-sender.sender-image { + /* position: relative; */ + /* top: -4px; */ + /* background: var(--debug-background-color-green); */ +} + + #chat-log .message .fumble-roll { + color: darkred + } + #chat-log .message .critical-roll { + color:green + } + + + .app.window-app.sheet.item-sheet .configure-sheet { + background: url(../ui/buttons/button-configure-sheet.png); + } + + .compendium .entry-name { + color: #CCC; + } + + .compendium .directory-list .directory-item { + display: flex; + margin: 5px 0px 5px 0px; + padding: 3px; + background: #bb8b4326; + box-shadow: inset 0px 0px 3px black; + line-height: normal; + border-top: none; + border-bottom: none; + } + .compendium .directory-list .directory-item:nth-child(odd) { + background: #69573c47; + } + + #module-management .list-filters, + #client-settings .sheet-tabs { + flex: 0 0 32px; + border-bottom: none; + line-height: 32px; + justify-content: space-between; + } + #module-management .list-filters .filter, + #client-settings .sheet-tabs .item { + margin: 3px 10px; + padding: 4px 3px 1px 3px; + max-width: 160px; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + border: 3px double #790000; + background: #563000de; + border-radius: 10px; + } + #module-management .list-filters .filter:hover, + #client-settings .sheet-tabs .item:hover { + box-shadow: 0 0 8px #c70000 !important; + cursor: var(--application-cursor-pointer); + } + #module-management .list-filters .filter.active, + #client-settings .sheet-tabs .item.active { + background: #7b5c00d9; + } + + #module-management .list-filters .expand + { + height: unset; + margin: unset; + } + + #client-settings .sheet-tabs .item i { + display: none; + } + + #client-settings .window-content .sheet-footer{ + max-height: 30px; + } + + .item .content .item-controls { + margin-left: 10px; + } + + .post-item img { + max-width: 100px; + max-height: 100px; + border:none; + } + + + /* ==================== MODULE COMPATIBILITY ======================== */ + +.dice-calculator__input-wrapper > textarea { + background: none; + border: 1px solid #CCC; + color: white; +} +.dice-calculator__input > label { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); +} + +.dice-calculator > button, .dice-calculator .dice-calculator--button { + font-family: var(--actor-input-font-family); + color: white; +} + +.metacurrency-value { + left: 8px; + position: relative; + top: 5px; + cursor: pointer; +} + +.chat-buttons { + position: relative; + width: auto; + height: auto; + float: right; +} + +#OneJournalDirectory .window-content{ + background: url(../ui/frames/parchment-texture.png); +} + +.card-edit { + background: none; + box-shadow: none; + width: 25px; + text-align: center; +} + +.chat-buttons { + opacity:0.6 +} + +.table-result, +.roll-table-config input{ + color: #CCC; + font-family: var(--actor-input-font-family); + font-weight: var(--actor-input-font-weight); +} + +.message-content .entity-link { + color: black; +} + + .result-range > input, + .result-weight > input, + .result-details > input + { + padding: 1px 3px; + margin: 0; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + border: 1px solid #736953a6; + border-left: none; + box-shadow: 0px 0px 10px inset black; + background: #6b4500; +} + +.result-type > select, +.result-details > select { + padding: 1px 3px; + margin: 0; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + border: 1px solid #736953a6; + border-left: none; + border-radius: 0px; + box-shadow: 0px 0px 10px inset black; + background: #6b4500; +} + +.roll-table-config ol.table-results .table-result.roulette { + background: rgba(95, 2, 2, 0.63); + border-top: 1px solid #000; + border-bottom: 1px solid #000; + margin: -1px 0; +} + +.result-text { + color:black; +} + +.app.window-app.sheet .roll-table-config { + width: 725px; +} + +.filepicker .tabs { + color: #CCC +} +#sidebar #tables .directory-list .directory-item { + padding: 3px 3px; + border: 3px groove #790000; + box-shadow: 0 0 6px #000 inset; + line-height: normal; + background: #000000b5; + font-family: var(--actor-input-font-family); + font-size: 16px; + font-weight: var(--actor-input-font-weight); + color: #f9efdc; + text-shadow: 1px 1px 2px black; + border-radius: 10px; +} + +#sidebar #tables .directory-list .directory-item h4{ + top:17px; + position: relative; +} + +#sidebar #tables .directory-list .directory-item .profile{ + /* content: url(../ui/buttons/d10.png); */ +} + +#av-config .sheet-tabs .item { + color: #CCC +} + +.app.window-app .tiles-browser .form-group { + flex: 0 auto; + width: 100%; + display: flex; + flex-flow: row nowrap; + align-content: center; + align-items: center; + } + + .tiles-browser .outer { + color: #CCC; +} + +.tiles-browser .directory { + overflow: hidden !important; + color: #CCC; +} + +.tiles-browser .tabs > *, +.tiles-browser button { + color: #CCC; +} + +.overcast-button, +.prayer-extension-button, +.chargen-button { + box-shadow: inset 0px 1px 0px 0px #a6827e; + background: linear-gradient(to bottom, #21374afc 5%, #152833ab 100%); + background-color: #7d5d3b00; + border-radius: 3px; + border: 2px ridge #846109; + display: inline-block; + cursor: pointer; + color: #ffffff; + font-family: KuiperBelt; + font-size: 14px; + padding: 4px 12px 0px 12px; + text-decoration: none; + text-shadow: 0px 1px 0px #4d3534; + /* position: relative; */ + /* left: 120px; */ + text-align: center; +} + +.overcast-value { + padding: 4px 3px 0px 3px; +} + +.attribute-career-buttons{ + justify-content: space-around; + display: flex; + width: 100%; +} +.attribute-career-buttons .chargen-button { + left : 0px; + +} + +.attribute-career-buttons .chargen-button.careerReroll { + margin-top : 10px; +} + +.overcast-button:hover, +.chargen-button:hover { + background: linear-gradient(to bottom, #800000 5%, #3e0101 100%); + background-color: red; + cursor: var(--application-cursor-pointer); +} +.overcast-button:active, +.chargen-button:active { + position:relative; + top:1px; +} + +.overcast-options { + display: flex; +} + +.overcast-section { + flex: 0.35; + margin-right: 25px; + display: flex; + flex-direction: column; + text-align: center; +} + +.overcast-section > a { + margin-top:5px +} + + +.species-select { + font-weight: 1000; +} + +.wounds-healed-drag { + border: 1px dotted black; + width: fit-content; + padding: 3px; + margin: 5px; +} + +.exp-drag { + border: 1px dotted black; + width: fit-content; + padding: 3px; + margin: 5px; +} + +.gen-talents, +.gen-skills { +border: 1px dotted black; + padding: 5px; + margin: 5px; +} + +input.card-edit { + width: 32px; + border: inset; +} + +#package-configuration .package-list, #module-management .package-list { +} + +.message-content .opposed-message { + text-align:center +} +.message-content .opposed-tokens { + display: flex; + justify-content: space-around; +} + +.message-content .opposed-tokens img{ + border: 1px dotted black; +} + +.message-content .opposed-tokens.opposed-result { + height: 0; + top: -47px; + position: relative; + right: -138px; +} + +.message-content .opposed-tokens .winner img { + border-color: green; +} + +.message-content .opposed-tokens .loser img { + border-color: red; +} + +.message-content .unopposed-button { + text-align: right; + height: 0px; + margin-bottom:15px +} + +.message-content h3 .center{ + text-align: center; +} +#hotbar { + left: 238px; + background:none; +} + +.macro-sheet .sheet-header h1 input { + padding: 1px 3px; + margin: 0; + font-family: var(--actor-input-font-family); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + border: 1px solid #736953a6; + border-left: none; + border-radius: 0px; + box-shadow: 0px 0px 10px inset black; + background: #10252f; +} + +.drawing-sheet textarea, +.macro-sheet textarea[name="command"] { + padding: 1px 3px; + margin: 0; + font-family: var(--actor-input-font-family); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + border: 1px solid #736953a6; + border-left: none; + border-radius: 0px; + box-shadow: 0px 0px 10px inset black; + background: #6b4500; +} + +button.capture-position { + color: #CCC; +} + + +.aoe-template, +.condition-chat, +.chat-roll, +.table-click, +.travel-click, +.symptom-tag, +.skill-lookup, +.talent-lookup, +.skill-drag, +.pay-link, +.credit-link, +.corruption-link, +a.entity-link, +a.inline-roll, +.talent-drag { + border-radius: 2px; + border: 1px solid #b9935e99; + white-space: nowrap; + word-break: break-all; + padding: 2px 2px 0px 2px; + box-shadow: inset 0px 0px 4px #b98132; + background: #9e57001f; + color: black; +} + +.corruption-link > img { + margin-bottom: -3px; +} + +.table-input { + width: 200px; +} +.app.window-app .window-header .popout { + color: #00c2d800; + text-align: center; + background: url(../ui/buttons/popout.png); + height: 30px; + width: 30px; + /* position: absolute; */ + /* top: 8px; */ + /* right: 5px; */ + overflow: hidden; + order: 1; + margin: 0px; +} + + +.app.window-app.journal-sheet .popout { + left: 26px; + top: 8px; +} + +.scene-sheet .window-content .form-group.initial-position .form-fields label { + border-left: none; + margin-right: 0px; +} + +.scene-sheet .window-content .form-group.initial-position .form-fields .capture-position { + flex: 1; + width: -webkit-fill-available; + width: -moz-available; + width: fill-available; + margin: 0 3px 0px 3px !important; + border: 1px solid black; + border-image: url(../ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; + box-shadow: none; + background: url(../ui/sidebar_button-background.png) repeat; + background-origin: padding-box; + font-family: var(--major-button-font-family); + font-size: var(--major-button-font-size); + font-weight: var(--major-button-font-weight); + color: var(--major-button-color); +} + .scene-sheet .window-content .form-group.initial-position .form-fields .capture-position i { + display: contents; + font-size: 16px; + color: #66141a; + } + + .scene-sheet .form-header { + border: none + } + + .sheet .sheet-tabs { + border: none + } + +.range-value { + color: #CCC +} + +#calendar { + bottom: 122px !important; + left: 14px !important; +} + +.dd-import-text { + padding: 1px 3px; + margin: 0; + font-family: var(--actor-input-font-family); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + border: 1px solid #736953a6; + border-left: none; + border-radius: 0px; + box-shadow: 0px 0px 10px inset black; + background: #6b4500; + height: 300px; +} + +.tox-toolbar-overlord { + background: none !important; + +} +.tox-toolbar__primary { + background: none !important; +} + .tox-tinymce .tox-toolbar__group button { + background: none !important; + border-image: none !important; + color: black !important; + width: auto !important; + opacity: 1; + font-size: 12px !important; + height: 26px !important; + margin: 2px 2px 2px 2px !important; + font-style: normal; + font-family: "KuiperBelt", sans-serif !important; + box-shadow: inset 0px 0px 12px #6b3a0f87 !important; + } + .tox-tinymce .tox-toolbar__group button[title="Formats"] { + user-select: none; + flex: 50px !important; + } + + .tox-tinymce .tox-toolbar__group svg { + display: block; + fill: #ffffff; +} + +.editor-edit { + color: #790000; + /* display: block; */ + border: 1px solid #790000; + background: #c7c2987d; + box-shadow: 0px 0px 2px inset #000000d1; + margin: 0px; + padding: 3px 2px 0px 4px; + height: 27px; +} + .editor-edit .fas.fa-edit { + font-size: 17px; + line-height: 17px; + } + .tox .tox-toolbar__group { + width: 100% + } + + +a.item-control.item-delete { + position: relative; + left: 0px; + top: 1px; +} +.item-controls a.item-dropdown { + position: relative; + left: -1px; + top: 2px; +} + +.armour-box .armour-property .armour-quality.comma { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: var(--actor-input-color); + padding: 3px 0px 0px 0px; + border: none; + margin: 0px 4px 0px 0px; + background: none; +} + +.armour-box[data-location="head"] .armour-property .armour-quality.comma:last-of-type { + display: none; +} +.armour-box[data-location="body"] .armour-property .armour-quality.comma:last-of-type { + display: none; +} +.armour-box[data-location="lArm"] .armour-property .armour-quality.comma:last-of-type { + display: none; +} +.armour-box[data-location="rArm"] .armour-property .armour-quality.comma:last-of-type { + display: none; +} +.armour-box[data-location="lLeg"] .armour-property .armour-quality.comma:last-of-type { + display: none; +} +.armour-box[data-location="rLeg"] .armour-property .armour-quality.comma:last-of-type { + display: none; +} + + + +.armour-box[data-location="head"] .armour-property .armour-flaw.comma:last-of-type { + display: none; +} +.armour-box[data-location="body"] .armour-property .armour-flaw.comma:last-of-type { + display: none; +} +our-box[data-location="lArm"] .armour-property .armour-flaw.comma:last-of-type { + display: none; +} +.armour-box[data-location="rArm"] .armour-property .armour-flaw.comma:last-of-type { + display: none; +} +.armour-box[data-location="lLeg"] .armour-property .armour-flaw.comma:last-of-type { + display: none; +} +.armour-box[data-location="rLeg"] .armour-property .armour-flaw.comma:last-of-type { + display: none; +} + +#chat-log .message.whisper { + padding: 4px 1px 4px 1px; + margin: 25px 16px 25px 21px; + border-image: url(../ui/frames/chat-message-border-private.png) 21 repeat; + border-image-width: 16px; + border-image-outset: 12px; + border-radius: 4px; + background: url(../ui/frames/parchment-texture.png) repeat; + box-shadow: none; + color: #000000; + font-family: KuiperBelt; + font-size: 14px; + font-weight: 500; + /* min-height: 80px; */ + vertical-align: middle; +} + #chat-log .message.whisper .message-header { + border: 3px double #00165878; + } +#chat-log .message.whisper.blind { + padding: 4px 1px 4px 1px; + margin: 25px 16px 25px 21px; + border-image: url(../ui/frames/chat-message-border-blind.png) 21 repeat; + border-image-width: 16px; + border-image-outset: 12px; + border-radius: 4px; + background: url(../ui/frames/parchment-texture.png) repeat; + box-shadow: none; + color: #000000; + font-family: KuiperBelt; + font-size: 14px; + font-weight: 500; + /* min-height: 80px; */ + vertical-align: middle; +} + #chat-log .message.whisper.blind .message-header { + border: 3px double #57005878; + } + + #chat-log .message .message-header .flavor-text, #chat-log .message .message-header .whisper-to { + flex: 0 0 100%; + font-size: 12px; + color: #690469; + } + .fxmaster.directory-list { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + } + + + #effects-config.app.window-app { + min-height: 484px !important; + min-width: 410px; + } + #filter-config.app.window-app { + min-height: 175px !important; + min-width: 400px; + } + #effects-config .window-content { + color: #CCC; + overflow: hidden; + padding-right: 7px; +} + + #filter-config .window-content, + #effects-config .window-content { + color: #CCC; +} + +#filter-config input[type="checkbox"], + #effects-config input[type="checkbox"] { + padding: 1px 3px; + margin: 0; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #cccccc; + border: 1px solid #736953a6; + border-left: none; + box-shadow: 0px 0px 8px inset black; + background: #6b4500; + position: relative; + top: 1px; + transform: scale(1); +} + +#filter-config input, + #effects-config input { + padding: 1px 3px; + margin: 0; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + border: 1px solid #736953a6; + /* border-left: none; */ + box-shadow: 0px 0px 10px inset black; + background: #6b4500; +} + +#filter-config input[type="range"], +#effects-config input[type="range"] +{ + border: none; + background: none; + box-shadow: none; +} + +#effects-config .flex2::-webkit-slider-thumb { +-webkit-appearance: none; +border: 1px solid #7d5900; +height: 11px; +width: 11px; +border-radius: 5px; +background: #212121; +cursor: pointer; +margin-top: -4px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */ +box-shadow: 1px 1px 1px #000000 inset, 0px 0px 2px #0d0d0d; /* Add cool effects to your sliders! */ +} +#effects-config .flex2::-webkit-slider-runnable-track { +background-image: linear-gradient(to right, #820f0f , #82820d); +} + +.window-app.vtta h1 { + padding: 1px 3px; + margin: 0; + font-family: var(--actor-input-font-family) !important; + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + border: none +} + +.window-app.vtta h1 { + font-family: var(--actor-input-font-family) !important; +} + +.token-mold nav >* { + color: #CCC !important; +} + +#permissions-config .hint { + color: #CCC +} + +.filepicker .tabs { + color: #CCC; + margin-top: 5px; + justify-content: space-between; +} +.app.window-app.filepicker .tabs .item { + margin: 3px 0px; + max-width: 49%; + padding: 4px 3px 1px 3px; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + border: 3px double #790000; + background: #563000de; +} +.app.window-app.filepicker .tabs .item.active { + background: #7b5c00d9; +} + .app.window-app.filepicker .tabs .item .fas { + display: none; + } + + +/******************************************************************/ +/*=================== PLAYER HUD =================================*/ +/******************************************************************/ + #token-hud .attribute.bar2 input { + opacity: 1; + box-shadow: 0 0 8px #006764 inset; + border: 4px double #006d9c; + font-family: var(--actor-input-font-family); + font-size: 30px; + line-height: normal; + padding-top: 6px; + } + #token-hud .attribute.bar1 input { + opacity: 1; + box-shadow: 0 0 8px #436b08 inset; + border: 4px double #528a00; + font-family: var(--actor-input-font-family); + font-size: 30px; + line-height: normal; + padding-top: 6px; + } + .placeable-hud .control-icon { + background: #0000004f; + border: 2px ridge #583f08; + box-shadow: 0 0 23px #000000 inset; + } + + .placeable-hud .control-icon i.fas { + position: relative; + top: 1px; + opacity: 0.8; + } + + .placeable-hud .control-icon input[name="elevation"] { + opacity: 1; + box-shadow: 0 0 8px #675e00 inset; + border: 4px double #9c5f00; + font-family: var(--actor-input-font-family); + font-size: 30px; + line-height: normal; + padding-top: 6px; + } + + +.window-app .window-resizable-handle { + width: 22px; + height: 22px; + position: absolute; + bottom: 0px; + right: 0; + background: #4e3e3ed4; + padding: 2px; + border: 2px solid #d0c8c89c; + color: white; + border-radius: 4px; + box-shadow: 0px 0px 4px black inset; +} + +.placeable-hud input[type="text"] { + opacity: 1; + box-shadow: 0 0 8px #b1b1b1 inset; + border: 4px double #a1a5a5; + font-family: var(--actor-input-font-family); + font-size: 30px; + line-height: normal; + padding-top: 6px; +} + +#track-config { + z-index: 102; + width: fit-content; + min-width: 450px; + height: 233px; + left: 543px; + top: 208px; +} +#track-config .file-picker { + max-width: 60px; + margin: 0 2px 0px -1px !important; + box-shadow: 0px 0px 5px black inset; +} + #track-config .file-picker .fas.fa-file-import.fa-fw { + display: contents; + font-size: 16px; + color: #66141a; + } + #track-config .form-group input[type="checkbox"] { + position: relative; + top: 7px; + margin-left: 6px; + transform: scale(1); + } + + #invitation-links .notes { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + text-align: left; + margin: 4px 0px 0px 0px; + padding: 4px 5px; + border: 1px solid #5d513e; + background: #1f1f1fb5; + } + +#permissions-config .window-content .notes { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + text-align: center; + margin: 4px 0px 0px 0px; + padding: 4px 5px; + border: 1px solid #5d513e; + background: #1f1f1fb5; +} + #permissions-config .window-content .table-header label { + flex: 0; + margin: 0px 0px; + padding: 0px; + text-align: center; + line-height: normal; + font-family: var(--window-header-title-font-family); + font-size: var(--window-header-title-font-size); + font-weight: var(--window-header-title-font-weight); + color: #d6d6d6; + border: 3px double #5d513e; + background: #080808; + box-shadow: 0px 0px 10px inset black; + border-radius: 0px; + opacity: 1; + text-shadow: 1px 1px 5px #000000; + min-width: 100px; + } + #permissions-config .window-content .hint { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + text-align: center; + margin: 4px 0px 0px 0px; + padding: 4px 5px; + border: 1px solid #5d513e; + background: #1f1f1fb5; + } + #permissions-config input[type="checkbox"] { + flex: 1; + height: 14px; + margin: 3px 0 0; + position: relative; + top: 4px; + margin-left: 6px; + transform: scale(1); + box-shadow: 0px 0px 10px inset black; + max-width: 14px; + } + #permissions-configform .form-group .form-fields { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-evenly; + } + #permissions-config ul.permissions-list { + list-style: none; + margin: 0; + padding: 0; + max-height: 400px; + overflow: hidden auto; + padding-right: 8px; + } + #permissions-config .fas.fa-sync { + display: none; + } + #permissions-config header.table-header { + background: none; + padding: 5px 5px 5px 4px; + border: 1px solid #191813; + text-align: center; + color: #f0f0e0; + font-weight: bold; + text-shadow: 1px 1px #000; + justify-content: space-between; + } + #permissions-config header.table-header .index { + margin: 0px 0px 0px 0px; + min-width: 186px; + } + #permissions-config .permission.form-group .index { + flex: 0 0 186px; + text-align: center; + font-weight: normal; + } + #permissions-config form .form-group .form-fields { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-evenly; + } + #permissions-config .permission.form-group input:nth-of-type(1) { + position: relative; + left: -19px; + } + #permissions-config .permission.form-group input:nth-of-type(2) { + position: relative; + left: 1px; + } + #permissions-config .permission.form-group input:nth-of-type(3) { + position: relative; + left: 23px; + } + #permissions-config .permission.form-group input:nth-of-type(4) { + position: relative; + left: 46px; + } + #permissions-config li.permission { + padding: 5px; + border-bottom: 1px dotted #ffffff63; + } + + +#av-config .sheet-tabs { + flex: 0 0 32px; + border-bottom: none; + line-height: 32px; + justify-content: space-between; +} +#av-config .sheet-tabs .item { + margin: 3px 0px; + padding: 4px 3px 1px 3px; + max-width: 140px; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + border: 3px double #790000; + background: #563000de; +} + #av-config .sheet-tabs .item:hover { + box-shadow: 0 0 8px #c70000 !important; + cursor: var(--application-cursor-pointer); + } + #av-config .sheet-tabs .item.active { + background: #7b5c00d9; + } + #av-config .sheet-tabs .item i { + display: none; + } + #av-config .tab select[name="mode"] { + border-left: 1px solid #736953a6; + border-top: none; + height: 27px; + padding: 1px 3px; + } + #av-config .tab select[name="voiceMode"] { + border-top: 1px solid #736953a6; + } + #av-config .tab select[name="serverType"] { + border-top: 1px solid #736953a6; + } + #av-config .tab select[name="turnType"] { + border-top: 1px solid #736953a6; + } + #av-config label { + font-weight: normal; + margin-bottom: 0; + } + #av-config .notes { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + text-align: left; + margin: 4px 0px 0px 0px; + padding: 4px 5px; + border: 1px solid #5d513e; + background: #1f1f1fb5; + } + + #av-config .form-group select { + width: -webkit-fill-available; + width: -moz-available; + width: fill-available; + border: 1px solid #736953a6; + border-top: none; + height: 27px; + } + +.notification.error { + box-shadow: 0px 0px 7px #ff000070 inset; +} +.notification::before { + font-family: "Font Awesome 5 Free"; + font-weight: 900; + margin-right: 0.25em; +} + +#module-management .enhanced-module-management button.modules-export .fas, +#module-management .enhanced-module-management button.modules-import .fas { + color:whitesmoke; +} + +#module-management .disable-all-modules { + background: rgb(0 98 199 / 50%) !important; + color: whitesmoke; +} + +#module-management button.disable-all-modules:hover { + box-shadow: 0 0 5px #c70000 !important; + cursor: var(--application-cursor-pointer); + background: url(../ui/sidebar_button-background_red.png) repeat !important; + color: white !important; +} + +#module-management .enable-all-modules { + color: whitesmoke; +} + +#module-management .window-content .notes { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + text-align: left; + margin: 4px 0px 0px 0px; + padding: 4px 5px; + border: 1px solid #5d513e; + background: #1f1f1fb5; +} +#module-management .window-content .directory-list.package-list { + padding: 0px 6px 0px 0px; + overflow-y: scroll; + height: 85%; + margin-bottom: 6px; +} + #module-management .window-content .directory-list.package-list .package { + flex: 2; + line-height: 24px; + border: 1px solid #736953a6; + box-shadow: 0px 0px 10px inset black; + /* background: #fff68640; */ + background: #d6ca7273; + border-radius: 0px; + opacity: 0.9; + min-width: 93px; + color: #efefef; + padding: 6px; + margin: 0px 0px 8px 0px; + font-family: KuiperBelt; + font-weight: 500; + font-size: 16px; + border-radius:8px; + } + #module-management .window-content .directory-list.package-list input[type="checkbox"] { + position: relative; + top: 1px; + margin: 0px 0px 0px 0px; + transform: scale(1); + box-shadow: 0px 0px 7px black inset; + } + #module-management .window-content .directory-list.package-list .package-title { + margin: 0px 0px 0px 6px; + text-decoration: none; + } + #module-management .window-content .directory-list.package-list .module-description { + line-height: normal; + margin-left: 19px; + font-size: 14px; + } + + #module-management .window-content .directory-list .package-metadata > li { + color: #CCC + } + +/* DungeonDraft Import STYLING */ +.app.window-app.dialog .form-group.import { + clear: both; + display: flex; + flex-direction: row; + /* flex-wrap: wrap; */ + margin: 4px 0; +} +.app.window-app.dialog .form-group.import .import-options { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + text-align: center; + padding: 4px 3px; + border: 1px solid #5d513e; + background: #080808; + width: 120px; +} +.app.window-app.dialog .form-group.import .file-picker { + padding: 1px 3px; + margin: 0; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + border: 1px solid #736953a6; + border-left: none; + box-shadow: 0px 0px 10px inset black; + background: #6b4500; + height: auto; +} + +input[name="dd-import.importPath"] { + border: 1px solid #736953a6; +} + +.placeable-hud .control-icon.active { + border: 2px solid #4e0c0c; +} + +#chat-bubbles { + font-family: KuiperBelt; + font-size: 14px; + font-weight: 500; +} + #chat-bubbles .chat-bubble { + border: 3px double black; + background: #ffffffb8; + box-shadow: 0px 0px 5px black inset; + } + +.chat-card-button-area { + display:flex; + justify-content: center; +} +.chat-card-button { + box-shadow: inset 0px 1px 0px 0px #a6827e; + background: linear-gradient(to bottom, #21374afc 5%, #152833ab 100%); + background-color: #7d5d3b00; + border-radius: 3px; + border: 2px ridge #846109; + display: inline-block; + cursor: pointer; + color: #ffffff; + font-family: KuiperBelt; + font-size: 14px; + padding: 4px 12px 0px 12px; + text-decoration: none; + text-shadow: 0px 1px 0px #4d3534; + position: relative; + margin:5px; +} + +.chat-card-button:hover { + background: linear-gradient(to bottom, #800000 5%, #3e0101 100%); + background-color: red; + cursor: var(--application-cursor-pointer); +} +.chat-card-button:active { + position:relative; + top:1px; +} + +.scene-sheet .form-header { + border: none +} + +.sheet .sheet-tabs { + border: none +} + +.flexrow { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: flex-start; + background: rgb(0,0,0,0.2); + font-family: var(--major-button-font-family); +} + +#mass-combat.mass-combat .window-content { + background: url(../ui/background.png) repeat; +} +.sidebar-tab.compendium.flexcol .directory-list { + padding-right: 5px; +} + +.sidebar-tab.compendium.flexcol .directory-item.flexrow.item .profile { + background-size: 32px; + background-repeat: no-repeat; + min-height: 32px; + max-height: 32px; + min-width: 32px; + max-width: 32px; + margin: 0px; +} +.sidebar-tab.compendium.flexcol .directory-item.flexrow.item .entry-name { + vertical-align: middle; + margin-left: 5px; + line-height: normal; + padding-top: 10px; + text-align: left; +} + +.window-app .window-header a { + z-index: 3; +} + +/* FX MASTER STYLING */ +.fxmaster .config.collapsible .flexrow strong { + font-weight: normal; +} + +#specials-config { + max-height: fit-content; + min-height: fit-content; + height: fit-content !important; +} +#specials-config .window-header .close { + position: absolute; + top: 9px; + left: auto; + right: 7px; +} +#specials-config .window-content { + max-height: fit-content; + min-height: fit-content; + padding: 7px 7px; +} + #specials-config .window-content .directory-header { + display: none; + } + #specials-config .window-content .directory-list { + max-height: fit-content; + padding: 0px; + margin: 0px; + } + #specials-config .window-content .directory-list .directory-item { + /* display: flex; */ + margin: 5px 0px 5px 0px; + padding: 3px; + background: #bb8b4326; + box-shadow: inset 0px 0px 3px black; + border: none; + } + #specials-config .window-content .directory-list .directory-item img { + border-radius: 30px; + box-shadow: 0px 0px 10px black; + } + #specials-config .window-content .directory-list .directory-item:nth-child(odd) { + background: #69573c47; + } + #specials-config .window-content .directory-footer { + display: none; + } + +/* ======================= */ + + + +#module-management hr { + visibility: hidden; +} +#navigation #scene-list { + padding-right: 100px; +} + +.app.window-app .window-header > a { + z-index: 5; + color:#650000; +} + +#stat-parser textarea { + padding: 1px 3px; + margin: 0; + font-family: var(--actor-input-font-family); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + border: 1px solid #736953a6; + border-left: none; + border-radius: 0px; + box-shadow: 0px 0px 10px inset black; + background: #6b4500; + height:90%; + resize: none; +} + + +/** UNIVERSAL MODULE SETTING **/ +#cub-triggler-form form { + overflow: hidden; + background: #d8cbc0 url(../ui/frames/parchment-texture.png) no-repeat !important; +} +#cub-condition-lab form { + overflow: hidden; + background: #d8cbc0 url(../ui/frames/parchment-texture.png) no-repeat !important; + background-size: contain !important; + background-position: -40px 0 !important; +} + +#cub-puter .window-content { + background: #d8cbc0 url(../ui/frames/parchment-texture.png) no-repeat !important; + padding: 10px 5px 0px 115px; +} + +#cub-puter .window-content .notes { + color:#4a0000; +} + +.active-effect-sheet form { + overflow: hidden; + background: #d8cbc0 url(../ui/frames/parchment-texture.png) no-repeat !important; +} + +.forien-quest-preview h1, +#forien-quest-log h1, + .calendar-form-container h1 { + margin: 0.5em 0 0.5em; + font-size: 2.2em; + text-transform: uppercase; + font-weight: bold; + font-family: KuiperBelt; + text-align: center; + border: none; + letter-spacing: 2px; + color: #CCC +} + +#dice-config h2, +.forien-quest-preview h2, +#forien-quest-log-form h2, +#forien-quest-log h2, +.calendar-form-container h2{ +margin: 0px 0 0.5em; +font-size: 2.0em; +text-transform: uppercase; +font-weight: bold; +border-bottom: 1px solid black; +font-family: KuiperBelt; +color: #CCC +} +#drawing-config h3, +#dd-importer h3, +.calendar-form-container h3{ +margin: 0 0 0.5rem; +border: none; +background: none; +font-family: KuiperBelt; +font-weight: bold; +font-size: 1.7em; +/*text-transform: capitalize;*/ +color: #CCC +} + +#dice-config .window-content { + margin-bottom: -23px +} +.calendar-form-container h4 { +margin: 0 0 0.5rem; +font-weight: bold; +font-size: 1.2em; +color: #CCC +} +.calendar-form-container h5 { +margin: 0 0 0.5rem; +font-weight: bold; +color: #CCC +} +.calendar-form-container h6 { +padding: 0; +font-family: var( --actor-input-font-family); +font-size: 0.85em; +font-weight: bold; +color: var(--actor-input-color); +border: none; +background: none; +color: #CCC +} + +#forien-quest-log-form .quest-giver label { + margin: 0.5em 0; + padding: 0px; + font-size: 14px; + font-family: var( --actor-input-font-family); + color: var(--actor-input-color); + background: none; + border: none; + width: 100%; +} + +hr, +#dd-importer hr { + border-bottom: 1px solid #888 +} + +#dd-importer label, +.calendar-form-container span, + .calendar-form-container label { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + text-align: center; + padding: 4px 3px; + border: 1px solid #5d513e; + background: #080808; + width: 100px; +} +#dd-importer label{ + width: 140px; +} + +.calendar-form-container select { + padding: 1px 3px; + margin: 0; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + border: 1px solid #736953a6; + border-left: none; + border-radius: 0px; + box-shadow: 0px 0px 10px inset black; + background: #6b4500; + height: auto; +} + +.calendar-form-container input { + padding: 1px 3px; + margin: 0; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + border: 1px solid #736953a6; + box-shadow: 0px 0px 10px inset black; + background: #6b4500; + height: auto; +} + +.calendar-form-container input[type="radio"] { + position: relative; + top: 3px; + transform: scale(1); + min-width: 30px; +} + +#forien-quest-log .quest-log.bookmarks nav .item, +#forien-quest-log-form .btn, +#forien-quest-log .new-quest-btn, +.calendar-form-container button{ + margin: 0 3px 4px 3px; + + border: 1px solid black; + border-image: url(../ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; + box-shadow: none; + background: url(../ui/sidebar_button-background.png) repeat; + background-origin: padding-box; + + font-family: var(--major-button-font-family); + font-size: var(--major-button-font-size); + font-weight: var(--major-button-font-weight); + color: var(--major-button-color); +} + +#forien-quest-log-form .btn:hover, +#forien-quest-log .new-quest-btn:hover { + border: 1px solid black; + border-image: url(../ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; + background: url(../ui/sidebar_button-background.png) repeat; + background-origin: padding-box; + color: var(--major-button-color); + cursor: var(--application-cursor-pointer); +} + +.forien-quest-preview nav { + flex: 0 0 32px; + border-bottom: none; + line-height: 32px; + justify-content: space-between; +} +.forien-quest-preview nav .item { + margin: 3px 10px; + padding: 4px 3px 1px 3px; + max-width: 160px; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6; + line-height: normal; + border: 3px double #790000; + background: #563000de; +} +.forien-quest-preview nav .item:hover{ + box-shadow: 0 0 8px #c70000 !important; + cursor: var(--application-cursor-pointer); + } +.forien-quest-preview nav .item.active{ + background: #7b5c00d9 !important; + color: #d6d6d6 !important; + } + + +.calendar-form-container #calendar-form-cDay-input, +.calendar-form-container #calendar-form-year-input, +.calendar-form-container #calendar-form-era-input, +.calendar-form-container #calendar-form-minute-input, +.calendar-form-container #calendar-form-second-input, + .calendar-form-container #calendar-form-hour-input{ + background-color: #6b4500 !important; + border: 1px solid #736953a6; + border-radius: 0px +} + +#forien-quest-log .window-content { background: url(../ui/frames/parchment-texture.png); } +#forien-quest-log-form .window-content { background:url(../ui/frames/parchment-texture.png); } +.forien-quest-preview .window-content { background: url(../ui/frames/parchment-texture.png) !important; } + +#forien-quest-log .window-header a, .forien-quest-preview .window-header a { + position: absolute; + top: 10px; + left: auto; +} +#forien-quest-log .window-header .help, .forien-quest-preview .window-header .copy-link { + right: 37px; +} +.forien-quest-preview .window-header .share-quest { + right: 65px; +} + +.forien-quest-preview h1, +.forien-quest-preview h2, +#forien-quest-log-form h2, +#forien-quest-log h2, + #forien-quest-log h1 { + color: black; + border-bottom: 1px solid black +} + +#forien-quest-log-form .drop-info, + #forien-quest-log-form input { + font-family: var( --actor-input-font-family); +} + +#forien-quest-log .quest-log.bookmarks nav .item{ + background: url(../ui/sidebar_button-background.png) repeat !important; +} + +.forien-quest-preview .add-abstract, +.forien-quest-preview .add-new-task { + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); + color: #d6d6d6 !important; + border: 3px double #790000 !important; + background: #563000de !important; +} + +/*div#destiny-tracker { + inset: 832px 305px 0px 1415px; +}*/ + +/* #destiny-tracker { */ + /* box-shadow: none !important; */ + /* background: url(../ui/parchment.jpg) repeat; */ + /* position: absolute; */ + /* border-image: none !important; */ + /* width: 260px !important; */ + /* height: 170px !important; */ + /* top:515px; */ + /* right: 500px; */ +/* } */ + +/* .swffg-destiny-container { */ + /* margin-left: auto !important; */ + /* margin-right: auto !important; */ +/* } */ + +/* .swffg-destiny .group-manager { */ + /* padding: 0px; */ + /* font-family: var(--major-button-font-family), sans-serif !important; */ +/* } */ + +/* .swffg-destiny-bar { */ + /* background:none; */ + /* box-shadow: none; */ +/* } */ + +/* .swffg-destiny #destinyLight { */ + /* background : url(../ui/lightside-UI-CC.png) no-repeat center; */ + /* background-size: contain; */ +/* } */ + +/* .swffg-destiny #destinyDark { */ + /* background : url(../ui/darkside-UI-CC.png) no-repeat center; */ + /* background-size: contain; */ +/* } */ + +/* section#destinyLight.destiny-points:hover { */ + /* background : url(../ui/lightside-UI-CC-active.png) no-repeat center; */ + /* background-size: contain; */ + /* cursor: var(--application-cursor-pointer); */ +/* } */ + +/* section#destinyDark.destiny-points:hover { */ + /* background : url(../ui/darkside-UI-CC-active.png) no-repeat center; */ + /* background-size: contain; */ + /* cursor: var(--application-cursor-pointer); */ +/* } */ +/* .swffg-destiny { */ + /* background:none; */ + /* border: 0px ; */ + /* border-radius: 0px; */ + /* box-shadow: none; */ + /* font-family: var(--major-button-font-family), sans-serif !important; */ + +/* } */ +/* .swffg-destiny .destiny-points { */ + /* font-family: var(--major-button-font-family), sans-serif !important; */ + /* font-size: 40px !important; */ + /* padding: 25px 0 12px 0; */ + /* text-shadow: 1px 1px 5px #562300; */ +/* } */ + +/* .swffg-destiny .destiny-points span{ */ + /* font-family: var(--major-button-font-family), serif !important; */ + /* font-size: 20px; */ + /* text-shadow: 1px 1px 1px black; */ + /* box-shadow:none; */ + /* border-radius:0px; */ + /* margin:4px; */ +/* } */ + +/* .swffg-destiny-bar { */ + /* background: #00458c2b; */ + /* height: 20px; */ +/* } */ + +/* #destiny-tracker .dropbtn { */ + /* font-size: 15px; */ + /* text-shadow: 1px 1px 1px black; */ +/* } */ + +/* #destiny-tracker .dropbtn:hover{ */ + /* color:#00d0ff; */ +/* } */ + +/* .swffg-destiny.swffg-groupmanager { */ + /* min-width: 200px; */ + /* flex: 1; */ + /* position: relative; */ + /* padding: 0 0 5px 0; */ + /* pointer-events: auto; */ + /* height: 100px; */ +/* } */ + +#destiny-tracker .window-content { + background: transparent; + box-shadow: none; + /* border-image-slice: 30 27 26 27; */ + /* border-image-width: 15px; */ + /* border-image-outset: 0px; */ + border: 0 !important; +} + + +/* #destiny-tracker .dropbtn:hover, #destiny-tracker .dropbtn:focus { */ + /* cursor: var(--application-cursor-pointer); */ +/* } */ + +/* #destiny-tracker .dropdown { */ + /* cursor: var(--application-cursor-pointer); */ +/* } */ + +.flex-group-center, +.flex-group-left, +.flex-group-right { + justify-content: center; + align-items: center; + text-align: center; + padding: 0.25rem; + border: 1px solid #999; +} + +.flex-group-left { + justify-content: flex-start; + text-align: left; +} + +.flex-group-right { + justify-content: flex-end; + text-align: right; +} + +.flex-center { + align-items: center; + justify-content: center; + text-align: center; +} + +.flex-between { + justify-content: space-between; +} + +img { + border: 0; +} + +/* ==================== XIV. STAR WARS FFG SPECIFIC ==================== */ + +.starwarsffg .block-background { + background-color: #efe8e3; +} + +.starwarsffg .skillsGrid .skillTypeGrid.skillColumnGrid { + border: 1px solid #66141a; + background: rgba(255, 255, 240, 0.65); +} + +.starwarsffg .skill-name { + font-size: var(--major-button-font-size) !important; +} + +.starwarsffg .skillsGrid .skillTable .skillsHeader div { + font-size: var(--major-button-font-size) !important; +} + +.starwarsffg.sheet .sheet-body { + margin: 0px 9px 9px 7px !important; + background: rgb(172 165 154 / 50%) !important; + border-top: 3px double #66141a !important; + border-radius: 14px !important; + border-bottom: 3px double #66141a; +} + +.starwarsffg.sheet nav.sheet-tabs { +/* width: 42px !important; */ + padding-left: 9px; + margin-right: -7px !important; +} + +.starwarsffg .vehicle .grid-3col { + /* grid-column: span 3/ span 3; */ + /* grid-template-columns: repeat(3, minmax(0, 1fr)); */ + grid-gap: 10px; + grid-column-gap: 25px; + margin-right: 50px; + margin-left: 50px; +} + +.starwarsffg.sheet.actor .character .header-fields .profile-img{ + display:block; +} + +.starwarsffg.sheet.actor .character .header-fields .profile-block{ + max-width: 150px; + min-width: 125px; +} + +.starwarsffg .character .characteristics .characteristic-item { + background: url(../ui/frames/caracteristics-background.png) no-repeat; + background-size:100% 100%; + background-color: #ffffff00; +} + +.starwarsffg .vehicle .characteristics .characteristic-item { + background: url(../ui/frames/vehicles-caracteristics-background.png) no-repeat; + background-size:100% 100%; + background-color: #ffffff00; +} + +.starwarsffg .item-sheet-species .characteristic { + background: #eee8d9; +} + +.starwarsffg.sheet.actor .characteristic-item .characteristic { + background: #eee8d9; +} + +.starwarsffg.sheet.actor .character .characteristic-item .characteristic-label { + background-color: #ffffff00; +} + +.starwarsffg.sheet.actor .vehicle .header-fields .profile-block .profile-img { + width: auto; + display: block; + margin: auto; +} + +.starwarsffg.sheet.actor .vehicle .characteristic-item .characteristic-label { + background-color: #ffffff00; + margin-top: 10px; +} +.starwarsffg .minion .profile-block { + min-height: 130px; + min-width: 130px; + display: block; +} +.starwarsffg .minion .profile-img { + display: block; +} +.starwarsffg .minion .minion-stats { + margin: 0 0 10px 20px; +} + +.starwarsffg .header-fields .row div { + font-size: inherit !important; + color: #512326 !important; +} + +/*--character-sheet-name-auberesh*/ +.starwarsffg.sheet.actor .minion .header-fields .profile-block .auberesh-name { + font-family: var(--character-sheet-name-auberesh); + /* text-shadow: 0px 1px 10px #ffffff; */ + color: #ffffff; + text-align: center; + font-size: small; + position: absolute; + width: 120px; + z-index: 40; + bottom: 70px; + padding-top: 5px; + --notchSize: 6px; + -webkit-clip-path: polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize))); + clip-path: polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize))); + background-color: #84725e; + max-height: 36px; + max-width:120px; + /* top:102px; */ +} + +.starwarsffg.sheet.actor .character .header-fields .profile-block .auberesh-name { + font-family: var(--character-sheet-name-auberesh); + text-shadow: 0px 1px 10px #ffffff; + color: #ffffff; + text-align: center; + font-size: auto; + position: absolute; + width: 125px; + z-index: 40; + /* bottom: 70px; */ + top:108px; + padding-top: 2px; + --notchSize: 0.25rem; + -webkit-clip-path: polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize))); + clip-path: polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize))); + background-color: #771113; + max-height: 36px; +} + +.starwarsffg.sheet.actor .vehicle .header-fields .profile-block .auberesh-name { + font-family: var(--character-sheet-name-auberesh); + text-shadow: 0px 1px 10px #ffffff; + color: #ffffff; + text-align: center; + font-size: x-large; + position: absolute; + --rightNotchSize: 10px; + width: calc(100% - var(--rightNotchSize)); + z-index: 40; + bottom: 5px; + /* background: url(../ui/frames/auberesh-name-background.png) no-repeat; */ + /* background-size: 100% 100%; */ + padding-top: 2px; + --notchSize: 0.25rem; + -webkit-clip-path: polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize))); + clip-path: polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize))); + background-color: #00304f; +} + +.starwarsffg .item-display { + border: 2px solid #782e22 !important; + background: rgb(102 20 26 / 20%) !important; + border-radius: 10px; +} +} + +.destiny-flip .destiny-left { + background: rgb(102 20 26 / 30%); + padding: 4px 5px 5px 14px; + color: #66141a; + text-shadow: 0px 1px 8px white; + font-weight: bold; + font-size: 18px; +} + +.destiny-flip .destiny-title { + border: 2px solid #782e22; + background: rgb(102 20 26 / 50%); + border-radius: 5px; + padding: 2px; + color: whitesmoke; +} + +.starwarsffg .item-sheet-species .characteristics .characteristic-item .characteristic-label { + position: relative; + background-color: #ffffff00 !important; + /* top: 15px; */ + /* bottom:2px; */ + padding: 12px 0px 0px 0px; +} + +.starwarsffg .characteristics .characteristic-item { + background: url(../ui/frames/caracteristics-background.png) no-repeat; + background-size:100% 100%; + background-color: #ffffff00 !important; +} + +.starwarsffg.sheet.actor .character .header-fields .header-name input { + font-family: 'DistantGalaxy'; +} + +.starwarsffg.sheet header.sheet-header h1 input { + font-family: 'DistantGalaxy'; +} + +.starwarsffg .item-sheet-itemattachment .characteristic-item, .starwarsffg .item-sheet-itemattachment .block-background { + background-color: #027b7b; + color: whitesmoke; + --notchSize:8px; + -webkit-clip-path: polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize))); + clip-path: polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize))); +} +.starwarsffg .item-sheet-itemattachment .attribute .block-value.block-single input { + color: whitesmoke; +} + +.starwarsffg .item-sheet-itemattachment .characteristic { + background: rgb(200 255 255); +} + +/* @TODO CVB */ +.skill-label.rollable.roll-button.starwarsffg.item-rollable:hover { + background-image: url(../ui/buttons/d10.png) !important; +} +.starwarsffg .item-rollable.rollable:hover { + background-image: url(../ui/buttons/d10.png) !important; +} +/*.starwarsffg .item-sheet-itemattachment .characteristic-item, .starwarsffg .item-sheet-itemattachment { + background-color: #bffebf; +}*/ + +.journal-sheet form input[name="name"] { + font-family: 'DistantGalaxy' !important; +} + +.starwarsffg.sheet.item.v2 .tabs .item, +.starwarsffg.sheet.actor.v2 .tabs .item, +.starwarsffg.v2 .tabs .item { + background: url(../ui/controls-background36x36.png) no-repeat !important; + background-size: contain !important; +} + +.starwarsffg.sheet.item.v2 .tabs .item.active, +.starwarsffg.sheet.actor.v2 .tabs .item.active, +.starwarsffg.v2 .tabs .item.active { + text-decoration: none; + text-shadow: none; + background: url(../ui/controls-active-background36x36.png) no-repeat !important; + margin-right: 0px; + flex:0 0 2.5rem; + background-size: contain !important; +} + +.starwarsffg.sheet.actor.v2 .tabs .item { + line-height: normal; + color:#66141a; + margin: 0px; + text-shadow: 0 0 black; + height: 35px; +} + +.starwarsffg.sheet.actor.v2 .tabs .item.active { + flex: inherit; + height:36px; + color:red ; +} + +.starwarsffg.sheet select:hover{ + background: url(../ui/frames/parchment-texture.png) repeat; +} + +.starwarsffg.sheet.item.v2 .sheet-body { + margin: 0px 5px; +} + +.starwarsffg.sheet.item.v2 .tabs .item { + line-height: normal; + color: #66141a; +} + +.starwarsffg.sheet.item.v2 .tabs .item.active { + color: #6d0000; + text-shadow: 1px 1px 5px red; +} + +.starwarsffg form { + overflow: hidden; + background: #cab4a7 url(../ui/frames/parchment-texture.png) no-repeat; + background-position-x: -90px; + background-position-y: -120px; + font-weight: bold; +} + +.starwarsffg .dice-pool-dialog table { + width: 300px; + margin-left: auto; + margin-right: auto; + border-radius: 24px; + border: 2px solid #66141a; + display: table-cell; +} + +.starwarsffg.roll-builder-dialog form { + overflow: scroll; + background: #d0beb0e6 url(../ui/frames/parchment-texture.png) round; + padding: 10px; + margin: 0; + font-size:20px; +} +.starwarsffg .vehicle .injuries{ + /* height:150px; */ + bottom:15px; +} +.starwarsffg .vehicle .injuries .block-background { + height:auto; + /* bottom:5px; */ +} + +/* .starwarsffg.sheet.actor .character .biography-values:hover{ */ + /* height:185px; */ + /* position: relative; */ + /* bottom:15px; */ + +/* } */ +/* .starwarsffg.sheet.actor .character .biography-values:hover .block-background{ */ + /* height:auto; */ + /* position: relative; */ +/* } */ + +/* .starwarsffg.sheet.actor .character .biography-values:hover .block-background-shadow{ */ + /* position: relative; */ + /* bottom:25px; */ +/* } */ + +.starwarsffg .injuries .block-header { + margin-bottom: 4px; +} + + .roll-builder-dialog .window-content button { + margin: 3px 5px 6px 5px !important; + background: url(../ui/sidebar_button-background.png) repeat; + font-family: 'DistantGalaxy'; + font-size: 33px; + font-weight: 500; + text-shadow: 2px 2px 9px #f3000063; + color: #66141a; + border-radius: 10px; + border: 3px solid #66141a; +} + + .starwarsffg .dice-pool-dialog button { + margin: 0px 5px 6px 5px !important; + padding: 2px 0px 0px 0px; + height: 34px; + border: 3px solid #66141a; + /* border-image: url(../ui/footer-button.png) 10 repeat; */ + border-image-width: 4px; + border-image-outset: 0px; + box-shadow: 4px 4px 1px #00000085; + background: url(../ui/sidebar_button-background.png) repeat; + background-origin: padding-box; + color: #66141a; + font-family: KuiperBelt; + font-size: 15px !important; + font-weight: bold; + text-shadow: 0px 0px 0px #00000063; + border-radius: 10px; + +} + +.starwarsffg.v2 .tabs { + position: absolute !important; + width: 40px !important; + right: -40px !important; + top: 60px !important; + height: auto !important; + + border-image: url(../ui/frames/sidebar-collapsed.png) 5 repeat !important; + border-image-slice: 29 26 30 26 fill !important; + border-image-width: 19px 21px 21px 21px !important; + border-image-outset: 0px !important; + + -moz-transform: scalex(-1); + -o-transform: scalex(-1); + -webkit-transform: scalex(-1); + transform: scalex(-1); + filter: fliph; + -ms-filter: "fliph"; + + padding-bottom: 20px !important; + padding-top: 10px !important; + background-size: 40px 100% !important; +} + +.starwarsffg.v2 .tabs .item { + line-height: 35px; + font-size: 14pt; + margin: 8px 0px 1px 5px; + height: 40px; + width: 40px; + padding-top: 9px; + padding-left: 0px; +} + +.starwarsffg.v2 .tabs .item.active { + background: none; +} + +.starwarsffg.sheet.item.v2 .item-sheet-weapon .container.flex-group-center { + padding: 0 5px 0 5px; + margin-bottom: 0; +} + +.starwarsffg.sheet.item.v2 .item-sheet-weapon .weapon-values { + margin: 0 5px; + padding: 0 5px 0 5px; +} + +.starwarsffg.sheet.item.v2 .item-sheet-armor .container.flex-group-center { + padding: 0 5px 0 5px; + margin-bottom: 0; +} + +.starwarsffg.sheet.item.v2 .item-sheet-armor .weapon-values { + margin: 0 5px; + padding: 0 5px 0 5px; +} + +.starwarsffg.sheet.item.v2 .item-sheet-gear .container.flex-group-center { + padding: 0 5px 0 5px; + margin-bottom: 0; +} + +.starwarsffg.sheet.item.v2 .item-sheet-gear .weapon-values { + margin: 0 5px; + padding: 0 5px 0 5px; +} + +.starwarsffg.sheet.actor.v2 .minion .profile-block { + margin-right: 8px; + margin-top: 8px; +} + +.starwarsffg.sheet.item.v2 .item-sheet-vehicle-weapon .container.flex-group-center { + padding: 0 5px 0 5px; + margin-bottom: 0; +} + +.starwarsffg.sheet.item.v2 .item-sheet-vehicle-weapon .weapon-values { + margin: 0 5px; + padding: 0 5px 0 5px; +} + +.starwarsffg.sheet.item.v2 .item-sheet-vehicle-attachment .container.flex-group-center { + padding: 0 5px 0 5px; + margin-bottom: 0; +} + +.starwarsffg.sheet.item.v2 .item-sheet-vehicle-attachment .weapon-values { + margin: 0 5px; + padding: 0 5px 0 5px; +} + + +.starwarsffg.sheet.item.v2 .item-sheet-species .container.flex-group-center { + padding: 0 5px 0 5px; + margin-bottom: 0; +} + +.starwarsffg.sheet.item.v2 .item-sheet-species .weapon-values { + margin: 0 5px; + padding: 0 5px 0 5px; +} + +.pure-g [class*=pure-u] { + font-family: var(--major-button-font-family), sans-serif !important; + font-size : var(--actor-competence-font-size) !important; +} + +#calendar-time-container { + border: 2px solid #003cffc2 !important; + /* border-image-slice: 40 15 30 17 !important; */ + /* border-image-width: 25px 20px 25px 20px !important; */ + /* border-image-outset: 20px 9px 14px 14px !important; */ + /* border-image-repeat: repeat repeat !important; */ + border-image-slice: 80 21 37 21 !important; + border-image-width: 53px 14px 25px 14px !important; + border-image-outset: 45px 10px 11px 10px !important; + border-image-repeat: repeat repeat !important; + border-image-source: url(../ui/players-border.png) !important; + /* background: none; */ +} + +/** CALENDAR SPECIAL STYLE **/ +#calendar { + border: none !important; + border-radius: 0px !important; +} + +.calendar--header { + background: #290a0ad9; +} + +.calendar--time-controls li{ + background: #290a0ad9; + color: #ffffffb0; +} + +.calendar--time-controls li:hover:not(.disabled) { + background: #650000d9; +} + +#calendar-time-container.showWeather #weather { + background: rgba(0, 0, 0, 0.88); + font-family: KuiperBelt; +} + +#calendar-weather--container header { + background: #290a0ad9; +} + +#calendar-weather--container header select{ + font-family: KuiperBelt; +} + +.calendar-weather--content { + background: none; +} + +#calendar--moon-list.hasMoon{ + border-bottom: 2px groove #23221d; +} + +#calendar--date-display{ + border-bottom: 2px groove #23221d; +} + +#calendar-weather--container header select:hover{ + background: #650000d9; +} + +#calendar--time-controls li.disabled { + cursor: not-allowed; + background: #290a0aba; +} + +#ogc-importer .window-content { + background: transparent; +} + +div#ogc-importer { + width:auto !important; + height:auto !important; +} + + +#ogc-importer .window-content p{ + color:white; + text-shadow: 0 1px 1px black; + padding: 2px 5px 0px 5px; +} + +#ogc-importer .window-content button{ + margin: 0px 5px 6px 5px !important; + padding: 2px 0px 0px 0px; + height: 34px; + border: 1px solid black; + border-image: url(../ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; + box-shadow: 4px 4px 1px #00000085; + background: url(../ui/sidebar_button-background.png) repeat; + background-origin: padding-box; + color: #3c2100; + font-family: KuiperBelt; + font-size: 20px; + font-weight: 500; + text-shadow: 0px 0px 1px #00000063; +} + +#OneJournalShell:not(.oj-wfrp4e) .one-journal-attached .window-content { + background: url(../ui/frames/parchment-texture.png) !important; +} + +#transition-form .window-content { + background: url(../ui/frames/parchment-texture.png) !important; +} + +div#transition-form.app.window-app.sheet.transition-form{ + height:570px !important; +} + +#transition-form .window-content p { + text-shadow: 0px 1px 0px black; + color: #0063a9; +} + +#tooltip-manager .window-content { + background: url(../ui/parchment.jpg); + padding: 0px 10px 10px 10px; + margin: 0px; +} + +#tooltip-editor-default .window-content { + background: url(../ui/parchment.jpg); + padding: 0px 10px 10px 10px; + margin: 0px; +} + +#tooltip-editor-default .window-content .notes { + color: #66141a; + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); +} + +#tooltip-editor-default .tabs .item { + color: #5a0000; +} + +.token-tooltip-alt-tooltip-container { + border: 4px solid #920009 !important; + border-radius: 8px; +} + +.token-tooltip-alt-data-manager-window .data-manager { + font-family: var(--major-button-font-family); +} + +.token-tooltip-alt-advanced-editor-window .advanced-editor { + font-family: var(--major-button-font-family); +} +.token-tooltip-alt-tooltip-container.default .token-tooltip-alt-tooltip-item.title { + border-bottom: 3px solid #920009 !important; +} + +/* ########## SWADE SYSTEM SPECIFICS ############# */ + +.swade.sheet.item .window-content { + background: url(../ui/frames/parchment-texture.png) !important; +} + + + diff --git a/blackEmpire/css/swffg.css b/blackEmpire/css/swffg.css new file mode 100644 index 0000000..4716c57 --- /dev/null +++ b/blackEmpire/css/swffg.css @@ -0,0 +1,496 @@ +/******************************************************************/ +/*=============== I. LOCAL FONTS =================================*/ +/******************************************************************/ + + /* ==================== (A) STAR JEDI ==================== */ + + +@font-face { + font-family: "Auberesh"; + src: url("../fonts/Aurebesh Bold.otf")format("opentype"); +} + +@font-face { + font-family: "Mons"; + src: url("../fonts/MonsOlympiaBold-dq9x.ttf")format("truetype"); +} + +@font-face { + font-family: "EarthOrbiter"; + src: url("../fonts/EarthOrbiterBold-vzD9.otf")format("opentype"); +} + +@font-face { + font-family: "KuiperBelt"; + src: url("../fonts/KuiperBelt-Px0g.ttf")format("truetype"); +} + +@font-face { + font-family: "DistantGalaxy"; + src: url("../fonts/SfDistantGalaxy-0l3d.ttf") format("truetype"); +} + +@font-face { + font-family: "Eras"; + src: url("../fonts/ERASMD.TTF") format("truetype"); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: "Eras"; + src: url("../fonts/ERASBD.TTF") format("truetype"); + font-weight: Bold; + font-style: normal; +} + +/******************************************************************/ +/*=============== FFG Enhancement MOD ============================*/ +/******************************************************************/ + +@font-face { + font-family: Temporarium; + src: url("/modules/ffg-star-wars-enhancements/fonts/Temporarium.otf"); +} +@font-face { + font-family: AurekBesh; + src: url("/modules/ffg-star-wars-enhancements/fonts/Aurek-Besh.woff2"); +} +@font-face { + font-family: AnakinMono; + src: url("/modules/ffg-star-wars-enhancements/fonts/anakinmono.ttf"); +} + +@function tint($color, $percentage) { + @return mix(white, $color, $percentage); +} + +.ffg-star-wars-enhancements-opening-crawl .titles > div .episode { + margin-bottom: -2em; + font-size: 150%; +} + +.ffg-star-wars-enhancements-opening-crawl .titles > div .text p { + font-size: 100%; +} + +.swdatapad { + background-image: url(/modules/ffg-star-wars-enhancements/artwork/datapad-template-700w.png) !important; + background-repeat: no-repeat !important; + width: 700px; + min-height: 1000px; + display: block; + padding: 75px 50px !important; + color: #d0faff !important; + font-size: 18px; + font-family: Temporarium !important; +} + +.swdatapad table { + font-size: 12px +} +.swdatapad p { + color: #d0faff !important; + font-size: 18px; + font-family: Temporarium !important; +} + +.swdatapad-wanted .credits { + font-family: AurekBesh; +} + +.swdatapad-wanted { + background-image: url(/modules/ffg-star-wars-enhancements/artwork/datapad-template-wanted-700w.png) !important; + background-repeat: no-repeat !important; + width: 700px; + min-height: 1000px; + display: block; + padding: 65px 65px !important; + color: #d0faff !important; + font-size: 18px; + font-family: Temporarium !important; + color: #02e3dd !important; +} + +.swdatapad-wanted h1 { + font-family: AurekBesh !important; + width: 100%; + text-align: center !important; + margin-bottom: 0.5em !important; + padding-top: 0.25em; + padding-bottom: 0.25em; + border-bottom: 2px solid #02e3dd !important; + border-top: 2px solid #02e3dd !important; +} + +.swdatapad-wanted>* { + color: transparent !important; + background-color: #02e3dd; + background-clip: text !important; + -webkit-background-clip: text !important; + background-image: repeating-linear-gradient( to bottom, #02e3dd, #02e3dd 2px, #01bbb7 2px, #01bbb7 4px ) !important; +} + +.swdatapad-wanted h2 { + font-family: AnakinMono !important; + margin-bottom: 0.5em !important; + padding-bottom: 0.25em; + border-bottom: 2px solid #02e3dd !important; +} + +.swdatapad-wanted h3 { + margin-right: 0.5em !important; + font-family: AnakinMono !important; + font-weight: bold !important; + font-size: 16px !important; +} + +.swdatapad-wanted p { + font-size: 14px; + margin-bottom: 1em; +} + +.swdatapad-wanted table { + font-size: 14px; + border-bottom: 2px solid #02e3dd; + border-top: 2px solid #02e3dd; +} + +.swdatapad-wanted tr:first-child>* { + padding-top: 1em; +} +.swdatapad-wanted tr:last-child>* { + padding-bottom: 1em; +} +.swdatapad-wanted table tr:nth-child(2n) { + background-color: inherit; +} +.swdatapad-wanted table td, .swdatapad-wanted table th { + padding: 0.2em 0; + line-height: 1.5em; + text-align: left; + vertical-align: top; +} + +/* Float images and tint them with the stripe effect */ +.swdatapad-wanted .image-float { + float: right; + border-left: solid 10px #000000; + filter: sepia(100%) saturate(300%) brightness(60%) hue-rotate(130deg); +} +.swdatapad-wanted .image-float:after { + content:''; + position:absolute; + left:0; top:0; + width:100%; height:100%; + display:inline-block; + background-image: repeating-linear-gradient( + to bottom, + rgba(2,227,221,0.25), + rgba(2,227,221,0.35) 2px, + rgba(1,187,183,0.55) 2px, + rgba(1,187,183,0.55) 4px + ); +} +/******************************************************************/ +/******************************************************************/ + +:root { + /* =================== 1. ACTOR SHEET FONT STYLES =========== */ + --character-sheet-name-auberesh:Auberesh; + + --major-button-font-size: 16px; + --major-button-font-family: Eras; +} +body{ + font-family: var(--major-button-font-family), sans-serif; + font-size: var(--major-button-font-size); +} +button { + background: #6f6f6f; + font-family: var(--major-button-font-family), sans-serif; + font-size: var(--major-button-font-size); + color: white; + border-color: white; + border-width: medium; +} + +.app { + max-height: 100%; + background: url(../ui/denim075.png) repeat; + border-radius: 5px; + box-shadow: 0 0 20px #000; + margin: 3px 0; + padding: 0.5em; + color: white; + z-index: 30; +} + +#settings h2 { + margin: 6px 0; + padding: 3px 8px; + border-top: 1px solid #444; + border-bottom: 1px solid #444; + background: rgba(255, 255, 255, 0.1); + font-size: 16px; + text-align: right; + color: white; +} + +.window-app .window-content { + background: #6f6f6f; + font-size: 9pt; + font-family: var(--major-button-font-family), sans-serif; + font-size: var(--major-button-font-size); +} + +.window-app .window-header .window-title { + font-family: "DistantGalaxy", sans-serif; +} +/* ==================== XIV. STAR WARS FFG SPECIFIC ==================== */ +.starwarsffg .charname input { + color: #771113; + font-family: "DistantGalaxy", sans-serif; +} + +.starwarsffg .vehicle .grid-3col { + /* grid-column: span 3/ span 3; */ + /* grid-template-columns: repeat(3, minmax(0, 1fr)); */ + grid-gap: 10px; + grid-column-gap: 25px; + margin-right: 50px; + margin-left: 50px; +} + +.starwarsffg .skill-name { + font-size: var(--major-button-font-size) !important; +} + +.starwarsffg .skillsGrid .skillTable .skillsHeader div { + font-size: var(--major-button-font-size) !important; +} + +.starwarsffg .header-fields .row div { + color: #512326 !important; +} +.starwarsffg .character .characteristics .characteristic-item { + background: url(ui/frames/caracteristics-background.png) no-repeat; + background-size:100% 100%; + background-color: #ffffff00; +} + +.starwarsffg .item-sheet-species .characteristic { + background: #eee8d9; +} + +.starwarsffg .vehicle .characteristics .characteristic-item { + background: url(../ui/frames/vehicles-caracteristics-background.png) no-repeat; + background-size:100% 100%; + background-color: #ffffff00; +} + +.starwarsffg.sheet.actor .character .characteristic-item .characteristic-label { + background-color: #ffffff00; +} + +.starwarsffg.sheet.actor .vehicle .characteristic-item .characteristic-label { + background-color: #ffffff00 !important; + margin-top: 10px; +} + +/*--character-sheet-name-auberesh*/ +.starwarsffg.sheet.actor .character .header-fields .profile-block .auberesh-name { + font-family: var(--character-sheet-name-auberesh); + text-shadow: 0px 1px 10px #ffffff; + color: #ffffff; + text-align: center; + font-size: auto; + position: absolute; + width: 125px; + z-index: 40; + /* bottom: 78px; */ + top:108px; + /* background: url(../ui/frames/auberesh-name-background.png) no-repeat; */ + /* background-size: 100% 100%; */ + padding-top: 2px; + --notchSize: 6px; + -webkit-clip-path: polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize))); + clip-path: polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize))); + background-color: #771113; +} + +.starwarsffg.sheet.actor .vehicle .header-fields .profile-block .auberesh-name { + font-family: var(--character-sheet-name-auberesh); + text-shadow: 0px 1px 10px #ffffff; + color: #ffffff; + text-align: center; + font-size: x-large; + position: absolute; + --rightNotchSize: 10px; + width: calc(100% - var(--rightNotchSize)); + z-index: 40; + bottom: 5px; + /* background: url(../ui/frames/auberesh-name-background.png) no-repeat; */ + /* background-size: 100% 100%; */ + padding-top: 2px; + --notchSize: 6px; + -webkit-clip-path: polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize))); + clip-path: polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize))); + background-color: #00304f; +} + +.starwarsffg.sheet.actor .minion .header-fields .profile-block .auberesh-name { + font-family: var(--character-sheet-name-auberesh); + /* text-shadow: 0px 1px 10px #ffffff; */ + color: #ffffff; + text-align: center; + font-size: small; + position: absolute; + width: 115px; + z-index: 40; + top: 98px; + padding-top: 5px; + --notchSize: 6px; + -webkit-clip-path: polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize))); + clip-path: polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize))); + background-color: #84725e; + max-height: 36px; + max-width:130px; + /* top:102px; */ +} + +.starwarsffg.sheet.actor .character .header-fields .profile-block { + min-width: 125px; +} + +.starwarsffg.sheet.actor .character .header-fields .profile-img { + display: block; +} +.starwarsffg .minion .profile-block { + min-width: 125px; +} +.starwarsffg .minion .profile-img { + display: block; +} + + +.starwarsffg .item-sheet-species .characteristics .characteristic-item .characteristic-label { + position: relative; + background-color: #ffffff00 !important; + /* bottom:2px; */ + padding: 12px 0px 0px 0px; +} + +.starwarsffg .characteristics .characteristic-item { + background: url(../ui/frames/caracteristics-background.png) no-repeat; + background-size:100% 100%; + background-color: #ffffff00 !important; +} + +.starwarsffg.sheet.actor .character .header-fields .header-name input { + font-family: 'DistantGalaxy'; + color:#771113; +} + +.starwarsffg .characteristic-item .characteristic { + background: #f9f1df; +} + +.starwarsffg.sheet.actor .characteristic-item .characteristic { + background: #f9f1df; +} + +.starwarsffg.sheet.actor .vehicle .characteristic-item .characteristic { + background: whitesmoke; +} + +#sidebar { + background: url(../default-ui/sidebar.png) !important; + background-position-y: 45px !important; + border: 3px solid white; + width:305px; +} + +#sidebar-tabs { + flex: 0 0 32px; + box-sizing: border-box; + margin: 0 0 5px; + border-bottom: 1px solid white; + box-shadow: 0 0 10px white; +} + +#sidebar-tabs > .item { + position: relative; + flex: 0 0 27px; + line-height: 32px; + border: 1px solid transparent; + border-radius: 0; + color:white; +} + +#sidebar-tabs > .item.active { + color: white; + border: 1px solid white; + border-bottom: none; + box-shadow: 0 0 10px inset white; +} + +.tabs .item.active { + text-shadow: 0 0 10px white; +} + +#hotbar #macro-list { + flex: 0 0 503px; +} + +#pause > h3 +{ + color: #CCC; + font-family:Auberesh; +} + +#pause > img { + content: url(../default-ui/pause-icon.png); + height: 128px; + width: 128px; + left: calc(50% - 64px); +} + +#tooltip-manager .window-content { + /* background: url(../ui/parchment.jpg); */ + padding: 0px 10px 10px 10px; + margin: 0px; +} + +#tooltip-editor-default .window-content { + /* background: url(../ui/parchment.jpg); */ + padding: 0px 10px 10px 10px; + margin: 0px; +} + +#tooltip-editor-default .window-content .notes { + /* color: #66141a; */ + font-family: var(--actor-input-font-family); + font-size: var(--actor-input-font-size); + font-weight: var(--actor-input-font-weight); +} + +#tooltip-editor-default .tabs .item { + color: whitesmoke; +} + +.token-tooltip-alt-tooltip-container { + border: 4px solid white !important; + border-radius: 8px; +} + +.token-tooltip-alt-data-manager-window .data-manager { + font-family: var(--major-button-font-family); +} + +.token-tooltip-alt-advanced-editor-window .advanced-editor { + font-family: var(--major-button-font-family); +} +.token-tooltip-alt-tooltip-container.default .token-tooltip-alt-tooltip-item.title { + border-bottom: 3px solid white !important; +} \ No newline at end of file diff --git a/blackEmpire/default-ui/pause-icon.png b/blackEmpire/default-ui/pause-icon.png new file mode 100644 index 0000000..6c74885 Binary files /dev/null and b/blackEmpire/default-ui/pause-icon.png differ diff --git a/blackEmpire/default-ui/sidebar.png b/blackEmpire/default-ui/sidebar.png new file mode 100644 index 0000000..d812dbc Binary files /dev/null and b/blackEmpire/default-ui/sidebar.png differ diff --git a/blackEmpire/fonts/Aurebesh Bold.otf b/blackEmpire/fonts/Aurebesh Bold.otf new file mode 100644 index 0000000..231eccf Binary files /dev/null and b/blackEmpire/fonts/Aurebesh Bold.otf differ diff --git a/blackEmpire/fonts/ERASBD.TTF b/blackEmpire/fonts/ERASBD.TTF new file mode 100644 index 0000000..e4d3496 Binary files /dev/null and b/blackEmpire/fonts/ERASBD.TTF differ diff --git a/blackEmpire/fonts/ERASMD.TTF b/blackEmpire/fonts/ERASMD.TTF new file mode 100644 index 0000000..bfb1b66 Binary files /dev/null and b/blackEmpire/fonts/ERASMD.TTF differ diff --git a/blackEmpire/fonts/EarthOrbiterBold-vzD9.otf b/blackEmpire/fonts/EarthOrbiterBold-vzD9.otf new file mode 100644 index 0000000..eb19bcf Binary files /dev/null and b/blackEmpire/fonts/EarthOrbiterBold-vzD9.otf differ diff --git a/blackEmpire/fonts/EotESymbol-Regular-PLUS.otf b/blackEmpire/fonts/EotESymbol-Regular-PLUS.otf new file mode 100644 index 0000000..05a817a Binary files /dev/null and b/blackEmpire/fonts/EotESymbol-Regular-PLUS.otf differ diff --git a/blackEmpire/fonts/Genesys.ttf b/blackEmpire/fonts/Genesys.ttf new file mode 100644 index 0000000..2e0f162 Binary files /dev/null and b/blackEmpire/fonts/Genesys.ttf differ diff --git a/blackEmpire/fonts/KuiperBelt-Px0g.ttf b/blackEmpire/fonts/KuiperBelt-Px0g.ttf new file mode 100644 index 0000000..672c93c Binary files /dev/null and b/blackEmpire/fonts/KuiperBelt-Px0g.ttf differ diff --git a/blackEmpire/fonts/MonsOlympiaBold-dq9x.ttf b/blackEmpire/fonts/MonsOlympiaBold-dq9x.ttf new file mode 100644 index 0000000..ce35935 Binary files /dev/null and b/blackEmpire/fonts/MonsOlympiaBold-dq9x.ttf differ diff --git a/blackEmpire/fonts/SfDistantGalaxy-0l3d.ttf b/blackEmpire/fonts/SfDistantGalaxy-0l3d.ttf new file mode 100644 index 0000000..efd702a Binary files /dev/null and b/blackEmpire/fonts/SfDistantGalaxy-0l3d.ttf differ diff --git a/blackEmpire/fonts/genesysglyphsanddice.woff b/blackEmpire/fonts/genesysglyphsanddice.woff new file mode 100644 index 0000000..c8a25de Binary files /dev/null and b/blackEmpire/fonts/genesysglyphsanddice.woff differ diff --git a/blackEmpire/fonts/genesysglyphsanddice.woff2 b/blackEmpire/fonts/genesysglyphsanddice.woff2 new file mode 100644 index 0000000..c75647d Binary files /dev/null and b/blackEmpire/fonts/genesysglyphsanddice.woff2 differ diff --git a/blackEmpire/fonts/swrpg_symbol-regular_v1-webfont.woff b/blackEmpire/fonts/swrpg_symbol-regular_v1-webfont.woff new file mode 100644 index 0000000..1f6f5c9 Binary files /dev/null and b/blackEmpire/fonts/swrpg_symbol-regular_v1-webfont.woff differ diff --git a/blackEmpire/fonts/swrpg_symbol-regular_v1-webfont.woff2 b/blackEmpire/fonts/swrpg_symbol-regular_v1-webfont.woff2 new file mode 100644 index 0000000..8a03702 Binary files /dev/null and b/blackEmpire/fonts/swrpg_symbol-regular_v1-webfont.woff2 differ diff --git a/blackEmpire/ui/actor-sheet-tab-border.png b/blackEmpire/ui/actor-sheet-tab-border.png new file mode 100644 index 0000000..1f64122 Binary files /dev/null and b/blackEmpire/ui/actor-sheet-tab-border.png differ diff --git a/blackEmpire/ui/anvil-bg.png b/blackEmpire/ui/anvil-bg.png new file mode 100644 index 0000000..648af15 Binary files /dev/null and b/blackEmpire/ui/anvil-bg.png differ diff --git a/blackEmpire/ui/background.png b/blackEmpire/ui/background.png new file mode 100644 index 0000000..272e305 Binary files /dev/null and b/blackEmpire/ui/background.png differ diff --git a/blackEmpire/ui/button-ui-swffg.png b/blackEmpire/ui/button-ui-swffg.png new file mode 100644 index 0000000..9d7befe Binary files /dev/null and b/blackEmpire/ui/button-ui-swffg.png differ diff --git a/blackEmpire/ui/buttons/button-close.png b/blackEmpire/ui/buttons/button-close.png new file mode 100644 index 0000000..71923d3 Binary files /dev/null and b/blackEmpire/ui/buttons/button-close.png differ diff --git a/blackEmpire/ui/buttons/button-configure-sheet.png b/blackEmpire/ui/buttons/button-configure-sheet.png new file mode 100644 index 0000000..6a8d6b4 Binary files /dev/null and b/blackEmpire/ui/buttons/button-configure-sheet.png differ diff --git a/blackEmpire/ui/buttons/button-configure-token.png b/blackEmpire/ui/buttons/button-configure-token.png new file mode 100644 index 0000000..45f2abc Binary files /dev/null and b/blackEmpire/ui/buttons/button-configure-token.png differ diff --git a/blackEmpire/ui/buttons/button-help.png b/blackEmpire/ui/buttons/button-help.png new file mode 100644 index 0000000..64d470c Binary files /dev/null and b/blackEmpire/ui/buttons/button-help.png differ diff --git a/blackEmpire/ui/buttons/button-image.png b/blackEmpire/ui/buttons/button-image.png new file mode 100644 index 0000000..992ca95 Binary files /dev/null and b/blackEmpire/ui/buttons/button-image.png differ diff --git a/blackEmpire/ui/buttons/button-import.png b/blackEmpire/ui/buttons/button-import.png new file mode 100644 index 0000000..7b7e938 Binary files /dev/null and b/blackEmpire/ui/buttons/button-import.png differ diff --git a/blackEmpire/ui/buttons/button-post.png b/blackEmpire/ui/buttons/button-post.png new file mode 100644 index 0000000..b979a6c Binary files /dev/null and b/blackEmpire/ui/buttons/button-post.png differ diff --git a/blackEmpire/ui/buttons/button-show-players.png b/blackEmpire/ui/buttons/button-show-players.png new file mode 100644 index 0000000..40e5721 Binary files /dev/null and b/blackEmpire/ui/buttons/button-show-players.png differ diff --git a/blackEmpire/ui/buttons/button-text.png b/blackEmpire/ui/buttons/button-text.png new file mode 100644 index 0000000..9c94491 Binary files /dev/null and b/blackEmpire/ui/buttons/button-text.png differ diff --git a/blackEmpire/ui/buttons/chat-button-clear.png b/blackEmpire/ui/buttons/chat-button-clear.png new file mode 100644 index 0000000..47ea878 Binary files /dev/null and b/blackEmpire/ui/buttons/chat-button-clear.png differ diff --git a/blackEmpire/ui/buttons/chat-button-d20.png b/blackEmpire/ui/buttons/chat-button-d20.png new file mode 100644 index 0000000..a41d6be Binary files /dev/null and b/blackEmpire/ui/buttons/chat-button-d20.png differ diff --git a/blackEmpire/ui/buttons/chat-button-export.png b/blackEmpire/ui/buttons/chat-button-export.png new file mode 100644 index 0000000..308799d Binary files /dev/null and b/blackEmpire/ui/buttons/chat-button-export.png differ diff --git a/blackEmpire/ui/buttons/combat-button-background.png b/blackEmpire/ui/buttons/combat-button-background.png new file mode 100644 index 0000000..bf7c514 Binary files /dev/null and b/blackEmpire/ui/buttons/combat-button-background.png differ diff --git a/blackEmpire/ui/buttons/combat-button-create-encounter.png b/blackEmpire/ui/buttons/combat-button-create-encounter.png new file mode 100644 index 0000000..5a764e4 Binary files /dev/null and b/blackEmpire/ui/buttons/combat-button-create-encounter.png differ diff --git a/blackEmpire/ui/buttons/combat-button-delete-encounter.png b/blackEmpire/ui/buttons/combat-button-delete-encounter.png new file mode 100644 index 0000000..e7132ed Binary files /dev/null and b/blackEmpire/ui/buttons/combat-button-delete-encounter.png differ diff --git a/blackEmpire/ui/buttons/combat-button-next-encounter.png b/blackEmpire/ui/buttons/combat-button-next-encounter.png new file mode 100644 index 0000000..19a7c45 Binary files /dev/null and b/blackEmpire/ui/buttons/combat-button-next-encounter.png differ diff --git a/blackEmpire/ui/buttons/combat-button-previous-encounter.png b/blackEmpire/ui/buttons/combat-button-previous-encounter.png new file mode 100644 index 0000000..6b83e13 Binary files /dev/null and b/blackEmpire/ui/buttons/combat-button-previous-encounter.png differ diff --git a/blackEmpire/ui/buttons/combat-button-reset-initiative.png b/blackEmpire/ui/buttons/combat-button-reset-initiative.png new file mode 100644 index 0000000..59e7aa4 Binary files /dev/null and b/blackEmpire/ui/buttons/combat-button-reset-initiative.png differ diff --git a/blackEmpire/ui/buttons/combat-button-roll-all.png b/blackEmpire/ui/buttons/combat-button-roll-all.png new file mode 100644 index 0000000..0b28dcc Binary files /dev/null and b/blackEmpire/ui/buttons/combat-button-roll-all.png differ diff --git a/blackEmpire/ui/buttons/combat-button-roll-npcs.png b/blackEmpire/ui/buttons/combat-button-roll-npcs.png new file mode 100644 index 0000000..642fce2 Binary files /dev/null and b/blackEmpire/ui/buttons/combat-button-roll-npcs.png differ diff --git a/blackEmpire/ui/buttons/combat-button-tracker-settings.png b/blackEmpire/ui/buttons/combat-button-tracker-settings.png new file mode 100644 index 0000000..6a8d6b4 Binary files /dev/null and b/blackEmpire/ui/buttons/combat-button-tracker-settings.png differ diff --git a/blackEmpire/ui/buttons/cursor-pyke.png b/blackEmpire/ui/buttons/cursor-pyke.png new file mode 100644 index 0000000..1bec6ed Binary files /dev/null and b/blackEmpire/ui/buttons/cursor-pyke.png differ diff --git a/blackEmpire/ui/buttons/d10.png b/blackEmpire/ui/buttons/d10.png new file mode 100644 index 0000000..7c1f975 Binary files /dev/null and b/blackEmpire/ui/buttons/d10.png differ diff --git a/blackEmpire/ui/buttons/filepicker-back.png b/blackEmpire/ui/buttons/filepicker-back.png new file mode 100644 index 0000000..a86b586 Binary files /dev/null and b/blackEmpire/ui/buttons/filepicker-back.png differ diff --git a/blackEmpire/ui/buttons/popout.png b/blackEmpire/ui/buttons/popout.png new file mode 100644 index 0000000..d609341 Binary files /dev/null and b/blackEmpire/ui/buttons/popout.png differ diff --git a/blackEmpire/ui/buttons/sidebar-search-buttons-collapse-all.png b/blackEmpire/ui/buttons/sidebar-search-buttons-collapse-all.png new file mode 100644 index 0000000..23f04a4 Binary files /dev/null and b/blackEmpire/ui/buttons/sidebar-search-buttons-collapse-all.png differ diff --git a/blackEmpire/ui/buttons/sidebar-search-buttons-magnifying-glass.png b/blackEmpire/ui/buttons/sidebar-search-buttons-magnifying-glass.png new file mode 100644 index 0000000..cec5adf Binary files /dev/null and b/blackEmpire/ui/buttons/sidebar-search-buttons-magnifying-glass.png differ diff --git a/blackEmpire/ui/chat-controls-border.png b/blackEmpire/ui/chat-controls-border.png new file mode 100644 index 0000000..18bc22a Binary files /dev/null and b/blackEmpire/ui/chat-controls-border.png differ diff --git a/blackEmpire/ui/chat-form-border.png b/blackEmpire/ui/chat-form-border.png new file mode 100644 index 0000000..cf574ec Binary files /dev/null and b/blackEmpire/ui/chat-form-border.png differ diff --git a/blackEmpire/ui/chat-message-border.png b/blackEmpire/ui/chat-message-border.png new file mode 100644 index 0000000..90a530a Binary files /dev/null and b/blackEmpire/ui/chat-message-border.png differ diff --git a/blackEmpire/ui/controls-active-background.png b/blackEmpire/ui/controls-active-background.png new file mode 100644 index 0000000..494a995 Binary files /dev/null and b/blackEmpire/ui/controls-active-background.png differ diff --git a/blackEmpire/ui/controls-active-background36x36.png b/blackEmpire/ui/controls-active-background36x36.png new file mode 100644 index 0000000..76ed142 Binary files /dev/null and b/blackEmpire/ui/controls-active-background36x36.png differ diff --git a/blackEmpire/ui/controls-background.png b/blackEmpire/ui/controls-background.png new file mode 100644 index 0000000..9597b5e Binary files /dev/null and b/blackEmpire/ui/controls-background.png differ diff --git a/blackEmpire/ui/controls-background36x36.png b/blackEmpire/ui/controls-background36x36.png new file mode 100644 index 0000000..2f50e73 Binary files /dev/null and b/blackEmpire/ui/controls-background36x36.png differ diff --git a/blackEmpire/ui/darkside-UI-CC-active.png b/blackEmpire/ui/darkside-UI-CC-active.png new file mode 100644 index 0000000..935e5bc Binary files /dev/null and b/blackEmpire/ui/darkside-UI-CC-active.png differ diff --git a/blackEmpire/ui/darkside-UI-CC.png b/blackEmpire/ui/darkside-UI-CC.png new file mode 100644 index 0000000..4b9fdfd Binary files /dev/null and b/blackEmpire/ui/darkside-UI-CC.png differ diff --git a/blackEmpire/ui/denim-light.png b/blackEmpire/ui/denim-light.png new file mode 100644 index 0000000..7f02aca Binary files /dev/null and b/blackEmpire/ui/denim-light.png differ diff --git a/blackEmpire/ui/denim.png b/blackEmpire/ui/denim.png new file mode 100644 index 0000000..fb5ac50 Binary files /dev/null and b/blackEmpire/ui/denim.png differ diff --git a/blackEmpire/ui/denim065.png b/blackEmpire/ui/denim065.png new file mode 100644 index 0000000..415b25f Binary files /dev/null and b/blackEmpire/ui/denim065.png differ diff --git a/blackEmpire/ui/denim075.png b/blackEmpire/ui/denim075.png new file mode 100644 index 0000000..831c019 Binary files /dev/null and b/blackEmpire/ui/denim075.png differ diff --git a/blackEmpire/ui/footer-button.png b/blackEmpire/ui/footer-button.png new file mode 100644 index 0000000..781ea76 Binary files /dev/null and b/blackEmpire/ui/footer-button.png differ diff --git a/blackEmpire/ui/frames/bookshelf-texture.png b/blackEmpire/ui/frames/bookshelf-texture.png new file mode 100644 index 0000000..2f46c64 Binary files /dev/null and b/blackEmpire/ui/frames/bookshelf-texture.png differ diff --git a/blackEmpire/ui/frames/caracteristics-background.png b/blackEmpire/ui/frames/caracteristics-background.png new file mode 100644 index 0000000..52ed07b Binary files /dev/null and b/blackEmpire/ui/frames/caracteristics-background.png differ diff --git a/blackEmpire/ui/frames/chat-message-border-blind.png b/blackEmpire/ui/frames/chat-message-border-blind.png new file mode 100644 index 0000000..644a470 Binary files /dev/null and b/blackEmpire/ui/frames/chat-message-border-blind.png differ diff --git a/blackEmpire/ui/frames/chat-message-border-private.png b/blackEmpire/ui/frames/chat-message-border-private.png new file mode 100644 index 0000000..c76ef2e Binary files /dev/null and b/blackEmpire/ui/frames/chat-message-border-private.png differ diff --git a/blackEmpire/ui/frames/chat-message-border.png b/blackEmpire/ui/frames/chat-message-border.png new file mode 100644 index 0000000..90a530a Binary files /dev/null and b/blackEmpire/ui/frames/chat-message-border.png differ diff --git a/blackEmpire/ui/frames/hotkeybox-macro-list.png b/blackEmpire/ui/frames/hotkeybox-macro-list.png new file mode 100644 index 0000000..b8354b5 Binary files /dev/null and b/blackEmpire/ui/frames/hotkeybox-macro-list.png differ diff --git a/blackEmpire/ui/frames/hotkeybox.png b/blackEmpire/ui/frames/hotkeybox.png new file mode 100644 index 0000000..927491c Binary files /dev/null and b/blackEmpire/ui/frames/hotkeybox.png differ diff --git a/blackEmpire/ui/frames/parchment-texture.png b/blackEmpire/ui/frames/parchment-texture.png new file mode 100644 index 0000000..08930da Binary files /dev/null and b/blackEmpire/ui/frames/parchment-texture.png differ diff --git a/blackEmpire/ui/frames/search-field-icon.png b/blackEmpire/ui/frames/search-field-icon.png new file mode 100644 index 0000000..cec5adf Binary files /dev/null and b/blackEmpire/ui/frames/search-field-icon.png differ diff --git a/blackEmpire/ui/frames/sidebar-collapsed.png b/blackEmpire/ui/frames/sidebar-collapsed.png new file mode 100644 index 0000000..4ca1f49 Binary files /dev/null and b/blackEmpire/ui/frames/sidebar-collapsed.png differ diff --git a/blackEmpire/ui/frames/vehicles-caracteristics-background.png b/blackEmpire/ui/frames/vehicles-caracteristics-background.png new file mode 100644 index 0000000..2301d52 Binary files /dev/null and b/blackEmpire/ui/frames/vehicles-caracteristics-background.png differ diff --git a/blackEmpire/ui/frames/window-app-background-bookshelf.png b/blackEmpire/ui/frames/window-app-background-bookshelf.png new file mode 100644 index 0000000..4b2dc0e Binary files /dev/null and b/blackEmpire/ui/frames/window-app-background-bookshelf.png differ diff --git a/blackEmpire/ui/frames/window-app-dialog-content.png b/blackEmpire/ui/frames/window-app-dialog-content.png new file mode 100644 index 0000000..97bd151 Binary files /dev/null and b/blackEmpire/ui/frames/window-app-dialog-content.png differ diff --git a/blackEmpire/ui/frames/window-app-header-blank.png b/blackEmpire/ui/frames/window-app-header-blank.png new file mode 100644 index 0000000..3a01109 Binary files /dev/null and b/blackEmpire/ui/frames/window-app-header-blank.png differ diff --git a/blackEmpire/ui/frames/window-app-journal-sheet-content.png b/blackEmpire/ui/frames/window-app-journal-sheet-content.png new file mode 100644 index 0000000..fedac16 Binary files /dev/null and b/blackEmpire/ui/frames/window-app-journal-sheet-content.png differ diff --git a/blackEmpire/ui/game-settings-background.png b/blackEmpire/ui/game-settings-background.png new file mode 100644 index 0000000..eaf532d Binary files /dev/null and b/blackEmpire/ui/game-settings-background.png differ diff --git a/blackEmpire/ui/game-settings-border.png b/blackEmpire/ui/game-settings-border.png new file mode 100644 index 0000000..c032506 Binary files /dev/null and b/blackEmpire/ui/game-settings-border.png differ diff --git a/blackEmpire/ui/lightside-UI-CC-active.png b/blackEmpire/ui/lightside-UI-CC-active.png new file mode 100644 index 0000000..93db74d Binary files /dev/null and b/blackEmpire/ui/lightside-UI-CC-active.png differ diff --git a/blackEmpire/ui/lightside-UI-CC.png b/blackEmpire/ui/lightside-UI-CC.png new file mode 100644 index 0000000..1ad4a0e Binary files /dev/null and b/blackEmpire/ui/lightside-UI-CC.png differ diff --git a/blackEmpire/ui/logo-foundryVTswffg-ui100x42.png b/blackEmpire/ui/logo-foundryVTswffg-ui100x42.png new file mode 100644 index 0000000..2ec520a Binary files /dev/null and b/blackEmpire/ui/logo-foundryVTswffg-ui100x42.png differ diff --git a/blackEmpire/ui/mystery-man-black.svg b/blackEmpire/ui/mystery-man-black.svg new file mode 100644 index 0000000..628ff02 --- /dev/null +++ b/blackEmpire/ui/mystery-man-black.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/blackEmpire/ui/parchment.jpg b/blackEmpire/ui/parchment.jpg new file mode 100644 index 0000000..02aaa8e Binary files /dev/null and b/blackEmpire/ui/parchment.jpg differ diff --git a/blackEmpire/ui/pausebg.png b/blackEmpire/ui/pausebg.png new file mode 100644 index 0000000..48ea6fe Binary files /dev/null and b/blackEmpire/ui/pausebg.png differ diff --git a/blackEmpire/ui/players-border.png b/blackEmpire/ui/players-border.png new file mode 100644 index 0000000..b1c0cca Binary files /dev/null and b/blackEmpire/ui/players-border.png differ diff --git a/blackEmpire/ui/scrollbars/scrollbar-button-vertical-decrement.png b/blackEmpire/ui/scrollbars/scrollbar-button-vertical-decrement.png new file mode 100644 index 0000000..87b0e0b Binary files /dev/null and b/blackEmpire/ui/scrollbars/scrollbar-button-vertical-decrement.png differ diff --git a/blackEmpire/ui/scrollbars/scrollbar-button-vertical-increment.png b/blackEmpire/ui/scrollbars/scrollbar-button-vertical-increment.png new file mode 100644 index 0000000..4e123ca Binary files /dev/null and b/blackEmpire/ui/scrollbars/scrollbar-button-vertical-increment.png differ diff --git a/blackEmpire/ui/scrollbars/scrollbar-thumb.png b/blackEmpire/ui/scrollbars/scrollbar-thumb.png new file mode 100644 index 0000000..c8cba9d Binary files /dev/null and b/blackEmpire/ui/scrollbars/scrollbar-thumb.png differ diff --git a/blackEmpire/ui/scrollbars/scrollbar-track.png b/blackEmpire/ui/scrollbars/scrollbar-track.png new file mode 100644 index 0000000..fc580ca Binary files /dev/null and b/blackEmpire/ui/scrollbars/scrollbar-track.png differ diff --git a/blackEmpire/ui/scrollbars/sheet-dark-scrollbar-button-vertical-decrement.png b/blackEmpire/ui/scrollbars/sheet-dark-scrollbar-button-vertical-decrement.png new file mode 100644 index 0000000..7e0b7e8 Binary files /dev/null and b/blackEmpire/ui/scrollbars/sheet-dark-scrollbar-button-vertical-decrement.png differ diff --git a/blackEmpire/ui/scrollbars/sheet-dark-scrollbar-button-vertical-increment.png b/blackEmpire/ui/scrollbars/sheet-dark-scrollbar-button-vertical-increment.png new file mode 100644 index 0000000..1fa3690 Binary files /dev/null and b/blackEmpire/ui/scrollbars/sheet-dark-scrollbar-button-vertical-increment.png differ diff --git a/blackEmpire/ui/scrollbars/sheet-dark-scrollbar-thumb.png b/blackEmpire/ui/scrollbars/sheet-dark-scrollbar-thumb.png new file mode 100644 index 0000000..482f21c Binary files /dev/null and b/blackEmpire/ui/scrollbars/sheet-dark-scrollbar-thumb.png differ diff --git a/blackEmpire/ui/scrollbars/sheet-dark-scrollbar-track.png b/blackEmpire/ui/scrollbars/sheet-dark-scrollbar-track.png new file mode 100644 index 0000000..07012b4 Binary files /dev/null and b/blackEmpire/ui/scrollbars/sheet-dark-scrollbar-track.png differ diff --git a/blackEmpire/ui/scrollbars/sheet-light-scrollbar-button-vertical-decrement.png b/blackEmpire/ui/scrollbars/sheet-light-scrollbar-button-vertical-decrement.png new file mode 100644 index 0000000..2dd15ec Binary files /dev/null and b/blackEmpire/ui/scrollbars/sheet-light-scrollbar-button-vertical-decrement.png differ diff --git a/blackEmpire/ui/scrollbars/sheet-light-scrollbar-button-vertical-increment.png b/blackEmpire/ui/scrollbars/sheet-light-scrollbar-button-vertical-increment.png new file mode 100644 index 0000000..d743268 Binary files /dev/null and b/blackEmpire/ui/scrollbars/sheet-light-scrollbar-button-vertical-increment.png differ diff --git a/blackEmpire/ui/scrollbars/sheet-light-scrollbar-thumb.png b/blackEmpire/ui/scrollbars/sheet-light-scrollbar-thumb.png new file mode 100644 index 0000000..61ee680 Binary files /dev/null and b/blackEmpire/ui/scrollbars/sheet-light-scrollbar-thumb.png differ diff --git a/blackEmpire/ui/scrollbars/sheet-light-scrollbar-track.png b/blackEmpire/ui/scrollbars/sheet-light-scrollbar-track.png new file mode 100644 index 0000000..c599be6 Binary files /dev/null and b/blackEmpire/ui/scrollbars/sheet-light-scrollbar-track.png differ diff --git a/blackEmpire/ui/sidebar-button-actors-active.png b/blackEmpire/ui/sidebar-button-actors-active.png new file mode 100644 index 0000000..06852cf Binary files /dev/null and b/blackEmpire/ui/sidebar-button-actors-active.png differ diff --git a/blackEmpire/ui/sidebar-button-actors.png b/blackEmpire/ui/sidebar-button-actors.png new file mode 100644 index 0000000..45f2abc Binary files /dev/null and b/blackEmpire/ui/sidebar-button-actors.png differ diff --git a/blackEmpire/ui/sidebar-button-chat-active.png b/blackEmpire/ui/sidebar-button-chat-active.png new file mode 100644 index 0000000..8940dce Binary files /dev/null and b/blackEmpire/ui/sidebar-button-chat-active.png differ diff --git a/blackEmpire/ui/sidebar-button-chat.png b/blackEmpire/ui/sidebar-button-chat.png new file mode 100644 index 0000000..b979a6c Binary files /dev/null and b/blackEmpire/ui/sidebar-button-chat.png differ diff --git a/blackEmpire/ui/sidebar-button-collapse-active.png b/blackEmpire/ui/sidebar-button-collapse-active.png new file mode 100644 index 0000000..6b83e13 Binary files /dev/null and b/blackEmpire/ui/sidebar-button-collapse-active.png differ diff --git a/blackEmpire/ui/sidebar-button-collapse.png b/blackEmpire/ui/sidebar-button-collapse.png new file mode 100644 index 0000000..19a7c45 Binary files /dev/null and b/blackEmpire/ui/sidebar-button-collapse.png differ diff --git a/blackEmpire/ui/sidebar-button-combat-active.png b/blackEmpire/ui/sidebar-button-combat-active.png new file mode 100644 index 0000000..7541adb Binary files /dev/null and b/blackEmpire/ui/sidebar-button-combat-active.png differ diff --git a/blackEmpire/ui/sidebar-button-combat.png b/blackEmpire/ui/sidebar-button-combat.png new file mode 100644 index 0000000..e77a203 Binary files /dev/null and b/blackEmpire/ui/sidebar-button-combat.png differ diff --git a/blackEmpire/ui/sidebar-button-compendium-active.png b/blackEmpire/ui/sidebar-button-compendium-active.png new file mode 100644 index 0000000..095437d Binary files /dev/null and b/blackEmpire/ui/sidebar-button-compendium-active.png differ diff --git a/blackEmpire/ui/sidebar-button-compendium.png b/blackEmpire/ui/sidebar-button-compendium.png new file mode 100644 index 0000000..dd190de Binary files /dev/null and b/blackEmpire/ui/sidebar-button-compendium.png differ diff --git a/blackEmpire/ui/sidebar-button-items-active.png b/blackEmpire/ui/sidebar-button-items-active.png new file mode 100644 index 0000000..198d1b3 Binary files /dev/null and b/blackEmpire/ui/sidebar-button-items-active.png differ diff --git a/blackEmpire/ui/sidebar-button-items.png b/blackEmpire/ui/sidebar-button-items.png new file mode 100644 index 0000000..38fe5cf Binary files /dev/null and b/blackEmpire/ui/sidebar-button-items.png differ diff --git a/blackEmpire/ui/sidebar-button-journal-active.png b/blackEmpire/ui/sidebar-button-journal-active.png new file mode 100644 index 0000000..ae04764 Binary files /dev/null and b/blackEmpire/ui/sidebar-button-journal-active.png differ diff --git a/blackEmpire/ui/sidebar-button-journal.png b/blackEmpire/ui/sidebar-button-journal.png new file mode 100644 index 0000000..9c94491 Binary files /dev/null and b/blackEmpire/ui/sidebar-button-journal.png differ diff --git a/blackEmpire/ui/sidebar-button-playlists-active.png b/blackEmpire/ui/sidebar-button-playlists-active.png new file mode 100644 index 0000000..11bfd72 Binary files /dev/null and b/blackEmpire/ui/sidebar-button-playlists-active.png differ diff --git a/blackEmpire/ui/sidebar-button-playlists.png b/blackEmpire/ui/sidebar-button-playlists.png new file mode 100644 index 0000000..35763fe Binary files /dev/null and b/blackEmpire/ui/sidebar-button-playlists.png differ diff --git a/blackEmpire/ui/sidebar-button-scenes-active.png b/blackEmpire/ui/sidebar-button-scenes-active.png new file mode 100644 index 0000000..b3b159e Binary files /dev/null and b/blackEmpire/ui/sidebar-button-scenes-active.png differ diff --git a/blackEmpire/ui/sidebar-button-scenes.png b/blackEmpire/ui/sidebar-button-scenes.png new file mode 100644 index 0000000..992ca95 Binary files /dev/null and b/blackEmpire/ui/sidebar-button-scenes.png differ diff --git a/blackEmpire/ui/sidebar-button-settings-active.png b/blackEmpire/ui/sidebar-button-settings-active.png new file mode 100644 index 0000000..4c4250c Binary files /dev/null and b/blackEmpire/ui/sidebar-button-settings-active.png differ diff --git a/blackEmpire/ui/sidebar-button-settings.png b/blackEmpire/ui/sidebar-button-settings.png new file mode 100644 index 0000000..6a8d6b4 Binary files /dev/null and b/blackEmpire/ui/sidebar-button-settings.png differ diff --git a/blackEmpire/ui/sidebar-button-tables-active.png b/blackEmpire/ui/sidebar-button-tables-active.png new file mode 100644 index 0000000..2601952 Binary files /dev/null and b/blackEmpire/ui/sidebar-button-tables-active.png differ diff --git a/blackEmpire/ui/sidebar-button-tables.png b/blackEmpire/ui/sidebar-button-tables.png new file mode 100644 index 0000000..52bd2a0 Binary files /dev/null and b/blackEmpire/ui/sidebar-button-tables.png differ diff --git a/blackEmpire/ui/sidebar.png b/blackEmpire/ui/sidebar.png new file mode 100644 index 0000000..ddaa643 Binary files /dev/null and b/blackEmpire/ui/sidebar.png differ diff --git a/blackEmpire/ui/sidebar_button-background.png b/blackEmpire/ui/sidebar_button-background.png new file mode 100644 index 0000000..cfb1658 Binary files /dev/null and b/blackEmpire/ui/sidebar_button-background.png differ diff --git a/blackEmpire/ui/sidebar_button-background_cyan.png b/blackEmpire/ui/sidebar_button-background_cyan.png new file mode 100644 index 0000000..33502d6 Binary files /dev/null and b/blackEmpire/ui/sidebar_button-background_cyan.png differ diff --git a/blackEmpire/ui/sidebar_button-background_grey.png b/blackEmpire/ui/sidebar_button-background_grey.png new file mode 100644 index 0000000..f9d25b2 Binary files /dev/null and b/blackEmpire/ui/sidebar_button-background_grey.png differ diff --git a/blackEmpire/ui/sidebar_button-background_red.png b/blackEmpire/ui/sidebar_button-background_red.png new file mode 100644 index 0000000..e001695 Binary files /dev/null and b/blackEmpire/ui/sidebar_button-background_red.png differ diff --git a/blackEmpire/ui/window-app-dialog-content.png b/blackEmpire/ui/window-app-dialog-content.png new file mode 100644 index 0000000..cbe6d31 Binary files /dev/null and b/blackEmpire/ui/window-app-dialog-content.png differ diff --git a/changelog.md b/changelog.md index 09c22ec..3905ab2 100644 --- a/changelog.md +++ b/changelog.md @@ -1,4 +1,10 @@ ## Release Notes: + +**Version [1.0]** +* Add compatibility with StarWars 1.6 and FondryVTT 0.8.8. +* Beta theme black Empire (still in construction). +* Fix Bug with StarWars Enhancement module crawl titles. + **Version [0.3.4.2]** * Fix display text color in several part of the UI (including FFG SW enhancements module and starwarsffg system settings) diff --git a/css/swffg.css b/css/swffg.css index 2bb3caf..618e0e4 100644 --- a/css/swffg.css +++ b/css/swffg.css @@ -120,6 +120,15 @@ @return mix(white, $color, $percentage); } +.ffg-star-wars-enhancements-opening-crawl .titles > div .episode { + margin-bottom: -2em; + font-size: 150%; +} + +.ffg-star-wars-enhancements-opening-crawl .titles > div .text p { + font-size: 100%; +} + .swdatapad { background-image: url(/modules/ffg-star-wars-enhancements/artwork/datapad-template-700w.png) !important; background-repeat: no-repeat !important; @@ -8049,6 +8058,9 @@ hr, /* pointer-events: auto; */ /* height: 100px; */ /* } */ +#destiny-tracker .window-content form{ + background: none; +} #destiny-tracker .window-content { background: transparent; diff --git a/darkside/css/swffg.css b/darkside/css/swffg.css index b7ecbeb..c2f7188 100644 --- a/darkside/css/swffg.css +++ b/darkside/css/swffg.css @@ -119,6 +119,15 @@ @return mix(white, $color, $percentage); } +.ffg-star-wars-enhancements-opening-crawl .titles > div .episode { + margin-bottom: -2em; + font-size: 150%; +} + +.ffg-star-wars-enhancements-opening-crawl .titles > div .text p { + font-size: 100%; +} + .swdatapad { background-image: url(/modules/ffg-star-wars-enhancements/artwork/datapad-template-700w.png) !important; background-repeat: no-repeat !important; @@ -8023,6 +8032,9 @@ hr, /* pointer-events: auto; */ /* height: 100px; */ /* } */ +#destiny-tracker .window-content form{ + background: none; +} #destiny-tracker .window-content { background: transparent; diff --git a/lang/en.json b/lang/en.json index e89ca71..94acbd7 100644 --- a/lang/en.json +++ b/lang/en.json @@ -6,7 +6,8 @@ "SWFFG.options.indicator.choices.0": "Rebel (theme)", "SWFFG.options.indicator.choices.1": "Galactic Empire (theme)", "SWFFG.options.indicator.choices.2": "Edge of the Empire (theme)", - "SWFFG.options.indicator.choices.3": "Default", + "SWFFG.options.indicator.choices.3": "Dark Empire (theme)", + "SWFFG.options.indicator.choices.4": "Default", "SWFFG.options.indicator.fonts.0": "Earth Orbiter (opentype)", "SWFFG.options.indicator.fonts.1": "KuiperBelt (truetype)", "SWFFG.options.indicator.fonts.2": "Mons (truetype)", diff --git a/lang/fr.json b/lang/fr.json index d54bd11..18fffe0 100644 --- a/lang/fr.json +++ b/lang/fr.json @@ -6,7 +6,8 @@ "SWFFG.options.indicator.choices.0": "Rebel (thème)", "SWFFG.options.indicator.choices.1": "Empire Galactique (thème)", "SWFFG.options.indicator.choices.2": "Aux Confins de L'Empire (thème)", - "SWFFG.options.indicator.choices.3": "Défaut", + "SWFFG.options.indicator.choices.3": "Empire Sombre (thème)", + "SWFFG.options.indicator.choices.4": "Défaut", "SWFFG.options.indicator.fonts.0": "Earth Orbiter (opentype)", "SWFFG.options.indicator.fonts.1": "KuiperBelt (truetype)", "SWFFG.options.indicator.fonts.2": "Mons (truetype)", diff --git a/module.json b/module.json index 5747c3e..d9d53e4 100644 --- a/module.json +++ b/module.json @@ -1,8 +1,8 @@ { "name": "swffgUI-cc", "title": "Star Wars - User Interface Creative Common", - "description": "Starwars unofficial design - 0.3.4.2", - "version": "0.3.4.2", + "description": "Starwars unofficial design - 1.0", + "version": "1.0", "author": "Prolice", "systems": [ "starwarsffg", @@ -24,11 +24,11 @@ } ], "minimumCoreVersion": "0.7.6", - "compatibleCoreVersion": "0.7.9", + "compatibleCoreVersion": "0.8.8", "bugs": "https://github.com/prolice/swffgUI-cc/issues", "url": "https://github.com/prolice/swffgUI-cc", "readme": "https://github.com/prolice/swffgUI-cc/blob/swffgUI-cc/README.md", "changelog": "https://github.com/prolice/swffgUI-cc/blob/swffgUI-cc/changelog.md", "manifest": "https://raw.githubusercontent.com/prolice/swffgUI-cc/swffgUI-cc/module.json", - "download": "https://github.com/prolice/swffgUI-cc/archive/v0.3.4.2.zip" + "download": "https://github.com/prolice/swffgUI-cc/archive/v1.0.zip" } diff --git a/swffg-default.css b/swffg-default.css index 9d1cd4b..b26361f 100644 --- a/swffg-default.css +++ b/swffg-default.css @@ -65,6 +65,15 @@ @return mix(white, $color, $percentage); } +.ffg-star-wars-enhancements-opening-crawl .titles > div .episode { + margin-bottom: -2em; + font-size: 150%; +} + +.ffg-star-wars-enhancements-opening-crawl .titles > div .text p { + font-size: 100%; +} + .swdatapad { background-image: url(/modules/ffg-star-wars-enhancements/artwork/datapad-template-700w.png) !important; background-repeat: no-repeat !important; diff --git a/swffg-ui.js b/swffg-ui.js index 4546813..d7cafde 100644 --- a/swffg-ui.js +++ b/swffg-ui.js @@ -3,7 +3,8 @@ const IndicatorMode = { REBEL: 0, GALACTIC: 1, EOE:2, - DEFAULT:3, + BLACKEMPIRE:3, + DEFAULT:4, }; const IndicatorFonts = { @@ -72,7 +73,8 @@ class swffgUIModule { 0: "SWFFG.options.indicator.choices.0", 1: "SWFFG.options.indicator.choices.1", 2: "SWFFG.options.indicator.choices.2", - 3: "SWFFG.options.indicator.choices.3" + 3: "SWFFG.options.indicator.choices.3", + 4: "SWFFG.options.indicator.choices.4" }, onChange: (value) => { let state = Number(value); @@ -97,6 +99,11 @@ class swffgUIModule { document.documentElement.style.setProperty('--application-cursor-pointer', 'url(../ui/buttons/cursor-pyke.png), pointer'); hrefToApply= "EoE/css/swffg.css"; break; + case IndicatorMode.BLACKEMPIRE: + if (stateEnableCursor) + document.documentElement.style.setProperty('--application-cursor-pointer', 'url(../ui/buttons/cursor-pyke.png), pointer'); + hrefToApply= "blackEmpire/css/swffg.css"; + break; case IndicatorMode.DEFAULT: hrefToApply= "swffg-default.css"; break; @@ -119,6 +126,10 @@ class swffgUIModule { head.children[elem].href= head.children[elem].href.replace("EoE/css/swffg.css",hrefToApply); break; } + else if (head.children[elem].href.endsWith("blackEmpire/css/swffg.css")){ + head.children[elem].href= head.children[elem].href.replace("blackEmpire/css/swffg.css",hrefToApply); + break; + } else if (head.children[elem].href.endsWith("css/swffg.css")){ head.children[elem].href= head.children[elem].href.replace("css/swffg.css",hrefToApply); break; @@ -238,6 +249,9 @@ class swffgUIModule { case IndicatorMode.EOE: document.documentElement.style.setProperty('--application-cursor-pointer', 'url(../ui/buttons/cursor-pyke.png), pointer'); break; + case IndicatorMode.BLACKEMPIRE: + document.documentElement.style.setProperty('--application-cursor-pointer', 'url(../ui/buttons/cursor-pyke.png), pointer'); + break; case IndicatorMode.DEFAULT: document.documentElement.style.setProperty('--application-cursor-pointer', 'pointer'); break; @@ -327,6 +341,11 @@ class swffgUIModule { document.documentElement.style.setProperty('--application-cursor-pointer', 'url(../ui/buttons/cursor-pyke.png), pointer'); hrefToApply= "EoE/css/swffg.css"; break; + case IndicatorMode.BLACKEMPIRE: + if (stateEnableCursor) + document.documentElement.style.setProperty('--application-cursor-pointer', 'url(../ui/buttons/cursor-pyke.png), pointer'); + hrefToApply= "blackEmpire/css/swffg.css"; + break; case IndicatorMode.DEFAULT: document.documentElement.style.setProperty('--application-cursor-pointer', 'pointer'); hrefToApply= "swffg-default.css"; @@ -350,6 +369,10 @@ class swffgUIModule { head.children[elem].href= head.children[elem].href.replace("EoE/css/swffg.css",hrefToApply); break; } + else if (head.children[elem].href.endsWith("blackEmpire/css/swffg.css")){ + head.children[elem].href= head.children[elem].href.replace("blackEmpire/css/swffg.css",hrefToApply); + break; + } else if (head.children[elem].href.endsWith("css/swffg.css")){ head.children[elem].href= head.children[elem].href.replace("css/swffg.css",hrefToApply); break;