From 8c68144d25df1489c4e9c76f8b5c08dfb1d45810 Mon Sep 17 00:00:00 2001 From: supervj Date: Fri, 6 Aug 2021 20:52:54 +0000 Subject: [PATCH] Regenerate css --- sw5e-global.css | 35 ++++++++++ sw5e.css | 172 +++++++++++++++++++++++++++++++++++++++++------- 2 files changed, 183 insertions(+), 24 deletions(-) diff --git a/sw5e-global.css b/sw5e-global.css index 9f890ada..1fa64e18 100644 --- a/sw5e-global.css +++ b/sw5e-global.css @@ -753,6 +753,12 @@ input[type="reset"]:disabled { border-color: transparent; background: none; } +.sw5e.sheet.actor .attributable { + position: relative; +} +.sw5e.sheet.actor .attributable:hover .tooltip { + display: block; +} .sw5e.sheet.actor .swalt-sheet { display: grid; grid-template-rows: 182px 36px auto; @@ -866,6 +872,10 @@ input[type="reset"]:disabled { .sw5e.sheet.actor .swalt-sheet header .summary .proficiency { line-height: 26px; } +.sw5e.sheet.actor .swalt-sheet header .summary select { + position: relative; + top: -4px; +} .sw5e.sheet.actor .swalt-sheet header .attributes { grid-column-start: 2; grid-row-start: 3; @@ -877,6 +887,9 @@ input[type="reset"]:disabled { .sw5e.sheet.actor .swalt-sheet header .attributes h1 { text-align: center; } +.sw5e.sheet.actor .swalt-sheet header .attributes .attribute-name { + position: relative; +} .sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value, .sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value input { font-family: 'Russo One'; @@ -911,6 +924,28 @@ input[type="reset"]:disabled { padding: 1px 4px; display: block; } +.sw5e.sheet.actor .swalt-sheet header .attributes .config-button { + position: absolute; + display: none; + right: -6px; + top: -3px; + font-size: 10px; + font-weight: normal; +} +.sw5e.sheet.actor .swalt-sheet header .attributes:hover .config-button { + display: block; +} +.sw5e.sheet.actor .swalt-sheet header .attributes input.temphp { + width: 48%; +} +.sw5e.sheet.actor .swalt-sheet header .attributes .property-attribution { + min-width: 150px; + top: 50px; + font-family: Signika, sans-serif; + font-size: 14px; + font-weight: normal; + line-height: 1rem; +} .sw5e.sheet.actor .swalt-sheet header .attributes footer button { background: none; padding: 1px 3px; diff --git a/sw5e.css b/sw5e.css index 51b2e6f4..354ed02e 100644 --- a/sw5e.css +++ b/sw5e.css @@ -81,7 +81,7 @@ flex: 4; } /* ----------------------------------------- */ -/* All DnD5e Apps */ +/* All SW5e Apps */ /* ----------------------------------------- */ .sw5e { /* ----------------------------------------- */ @@ -220,6 +220,9 @@ /* TinyMCE */ /* ----------------------------------------- */ /* ----------------------------------------- */ + /* Notifications */ + /* ----------------------------------------- */ + /* ----------------------------------------- */ /* Sheet Header */ /* ----------------------------------------- */ /* ----------------------------------------- */ @@ -297,6 +300,22 @@ .sw5e.sheet .editor .tox-toolbar__primary { background: none; } +.sw5e.sheet .warnings, +.sw5e.sheet .info { + flex: 0 0 100%; + margin: 0; + padding: 0; + list-style: none; +} +.sw5e.sheet .warnings .notification, +.sw5e.sheet .info .notification { + font-family: "Signika", sans-serif; + font-weight: normal; + font-size: 13px; + box-shadow: none; + padding: 2px 8px; + margin-bottom: 2px; +} .sw5e.sheet .sheet-header { flex: 0 0 100px; border-bottom: 2px groove #eeede0; @@ -309,6 +328,16 @@ font-size: 20px; font-weight: 400; } +.sw5e.sheet .sheet-header .header-details .summary select { + width: 100%; + height: 100%; + border: 0; + font-family: 'Russo One'; + font-size: 20px; + font-weight: 400; + text-transform: capitalize; + font-weight: 100; +} .sw5e.sheet .sheet-header h1 { flex: 1; border-bottom: none; @@ -404,7 +433,8 @@ .sw5e.sheet .traits { margin: 5px 0 0; } -.sw5e.sheet .traits .trait-selector { +.sw5e.sheet .traits .trait-selector, +.sw5e.sheet .traits .proficiency-selector { flex: 0 0 16px; padding: 2px 0; color: #999; @@ -507,11 +537,69 @@ margin: 0; padding: 0; } +.trait-selector .trait-list li ol.trait-list { + margin-left: 1.5em; +} .trait-selector input[type="text"] { height: 24px; margin: 2px; } /* ----------------------------------------- */ +/* Property Attribution */ +/* ----------------------------------------- */ +.property-attribution { + display: none; + position: absolute; + padding: 3px; + border: 1px solid #000; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.8); + backdrop-filter: blur(4px); + color: #c9c7b8; + text-align: left; + z-index: 1; +} +.property-attribution table { + margin: 0; + border: 0; +} +.property-attribution table tr { + background-color: inherit; +} +.property-attribution table td { + padding: 3px; +} +.property-attribution table tr.total > td { + font-weight: 600; + padding-top: 5px; + border-top: 1px solid #7a7971; +} +.property-attribution table td.attribution-value { + width: 20%; + padding-right: 5px; + text-align: right; + font-weight: 600; +} +.property-attribution table td::before { + opacity: 0.6; +} +.property-attribution table td.mode-1::before { + content: "×"; +} +.property-attribution table td.mode-2::before { + content: "+"; +} +.property-attribution table td.mode-2.negative::before { + content: "−"; + margin-right: -1px; +} +.property-attribution table td.mode-3::before { + content: "↓"; +} +.property-attribution table td.mode-4::before { + content: "↑"; +} +/* ----------------------------------------- */ /* Actor Type Config Sheet Specifically */ /* ----------------------------------------- */ .actor-type .trait-list { @@ -539,8 +627,20 @@ display: none; } /* ----------------------------------------- */ +/* Armor Config Sheet Specifically */ +/* ----------------------------------------- */ +.sw5e.actor-armor-config .ac-field input { + font-size: 3em; + text-align: center; +} +/* ----------------------------------------- */ /* Add Feature Prompt Specifically */ /* ----------------------------------------- */ +.sw5e.select-items-prompt { + /* ----------------------------------------- */ + /* HUD +/* ----------------------------------------- */ +} .sw5e.select-items-prompt .dialog-content { margin-bottom: 1em; } @@ -555,10 +655,11 @@ .sw5e.select-items-prompt .item-name > label { align-items: center; } -/* ----------------------------------------- */ -/* HUD -/* ----------------------------------------- */ -.placeable-hud .control-icon { +.sw5e.select-items-prompt .window-content { + max-height: 90vh; + overflow-y: auto; +} +.sw5e.select-items-prompt .placeable-hud .control-icon { box-sizing: content-box; width: 40px; flex: 0 0 40px; @@ -566,14 +667,14 @@ font-size: 28px; line-height: 40px; text-align: center; - color: #FBF4F4; + color: #fbf4f4; background: rgba(0, 0, 0, 0.6); box-shadow: 0 0 15px #000; border: 1px solid #333; border-radius: 8px; pointer-events: all; } -#token-hud .status-effects { +.sw5e.select-items-prompt #token-hud .status-effects { visibility: hidden; position: absolute; left: 50px; @@ -582,7 +683,7 @@ padding: 3px; box-sizing: content-box; width: 100px; - color: #FBF4F4; + color: #fbf4f4; grid-template-columns: 25px 25px 25px 25px; background: rgba(0, 0, 0, 0.6); box-shadow: 0 0 15px #000; @@ -659,6 +760,10 @@ height: 24px; line-height: 24px; } +.sw5e.sheet.actor .sheet-header .summary select { + position: relative; + top: -4px; +} .sw5e.sheet.actor .sheet-header .attributes { flex: 0 0 100%; margin: 0; @@ -673,30 +778,35 @@ .sw5e.sheet.actor .sheet-header .attributes .attribute:last-child { border-right: none; } +.sw5e.sheet.actor .sheet-header .attributes .attribute .attribute-name { + position: relative; +} .sw5e.sheet.actor .sheet-header .attributes .attribute .attribute-value { height: 30px; line-height: 30px; } -.sw5e.sheet.actor .sheet-header .attributes .movement h4.attribute-name, -.sw5e.sheet.actor .sheet-header .attributes .hit-dice h4.attribute-name { - position: relative; -} -.sw5e.sheet.actor .sheet-header .attributes .movement .config-button, -.sw5e.sheet.actor .sheet-header .attributes .hit-dice .config-button { +.sw5e.sheet.actor .sheet-header .attributes .attribute .config-button { position: absolute; display: none; - right: 0; - top: 1px; - font-size: 12px; + right: -6px; + top: -3px; + font-size: 10px; font-weight: normal; } -.sw5e.sheet.actor .sheet-header .attributes .movement:hover .config-button, -.sw5e.sheet.actor .sheet-header .attributes .hit-dice:hover .config-button { +.sw5e.sheet.actor .sheet-header .attributes .attribute:hover .config-button { display: block; } -.sw5e.sheet.actor .sheet-header .attributes input.temphp { +.sw5e.sheet.actor .sheet-header .attributes .attribute input.temphp { width: 48%; } +.sw5e.sheet.actor .sheet-header .attributes .attribute .property-attribution { + min-width: 150px; + top: 50px; + font-family: Signika, sans-serif; + font-size: 14px; + font-weight: normal; + line-height: 1rem; +} .sw5e.sheet.actor h4.box-title { height: 18px; line-height: 16px; @@ -753,6 +863,12 @@ font-weight: 400; white-space: nowrap; } +.sw5e.sheet.actor .attributable { + position: relative; +} +.sw5e.sheet.actor .attributable:hover .tooltip { + display: block; +} .sw5e.sheet.actor .ability-scores { flex: 0 0 100px; height: 440px; @@ -1034,7 +1150,7 @@ border-top: 1px solid #c9c7b8; } .sw5e.sheet.actor .inventory-list .item-summary h2 { - font-family: 'Russo One'; + font-family: "Russo One"; font-size: 20px; font-weight: 400; text-transform: uppercase; @@ -1068,7 +1184,7 @@ font-size: 13px; line-height: 12px; text-align: right; - color: #EEE; + color: #eee; text-shadow: 0 0 5px #000; } .sw5e.sheet.actor .encumbrance .encumbrance-breakpoint { @@ -1902,11 +2018,15 @@ padding: 0; text-align: center; } -.sw5e.sheet.actor.npc .header-exp .experience { +.sw5e.sheet.actor.npc .header-exp .experience, +.sw5e.sheet.actor.npc .header-exp .proficiency { flex: 0 0 18px; color: #7a7971; font-size: 16px; } +.sw5e.sheet.actor.npc .header-exp .proficiency { + margin-top: -0.3em; +} .sw5e.sheet.actor.npc .summary { font-size: 18px; } @@ -1930,6 +2050,10 @@ .sw5e.sheet.actor.npc .summary li.creature-type:hover .config-button { display: block; } +.sw5e.sheet.actor.vehicle { + min-width: 720px; + min-height: 680px; +} .sw5e.sheet.actor.vehicle .features .item-controls { flex: 0 0 68px; }