Release Healer Man 0.1.22
This commit is contained in:
1 parent
f6f2375145
commit
7f6001723a
144 files changed
+54107
-690
No files matched your search
+55
-6
@@ -6,6 +6,8 @@
|
||||
--moss: #92b77b;
|
||||
--moss-bright: #c7dc8b;
|
||||
--gold: #d4ab55;
|
||||
--dispel-bright: #57ff68;
|
||||
--dispel-rgb: 87, 255, 104;
|
||||
--cave: #07110d;
|
||||
--panel: rgba(8, 20, 15, 0.84);
|
||||
--panel-solid: #0b1a14;
|
||||
@@ -32,7 +34,11 @@ button { font: inherit; }
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.scene-shell { cursor: crosshair; }
|
||||
.scene-shell {
|
||||
z-index: 0;
|
||||
isolation: isolate;
|
||||
cursor: crosshair;
|
||||
}
|
||||
.scene-shell canvas { display: block; }
|
||||
|
||||
.hud {
|
||||
@@ -158,6 +164,48 @@ button { font: inherit; }
|
||||
.loot-reward small { margin-top: 2px; overflow: hidden; color: #d8d9c2; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.loot-reward em { margin-top: 3px; color: #8fb78a; font-size: 6px; font-style: normal; letter-spacing: .06em; text-transform: uppercase; }
|
||||
|
||||
.dungeon-complete-banner {
|
||||
position: fixed;
|
||||
z-index: 48;
|
||||
top: 62px;
|
||||
left: 50%;
|
||||
display: flex;
|
||||
width: min(460px, calc(100vw - 24px));
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 9px 11px;
|
||||
border: 1px solid #c8a64b;
|
||||
border-radius: 8px;
|
||||
background: linear-gradient(135deg, rgba(25, 28, 18, .96), rgba(10, 15, 12, .94));
|
||||
box-shadow: 0 8px 24px rgba(0, 0, 0, .52), inset 0 0 18px rgba(196, 157, 57, .08);
|
||||
transform: translateX(-50%) scale(var(--game-ui-scale, 1));
|
||||
transform-origin: top center;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.dungeon-complete-banner > span {
|
||||
display: grid;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
flex: 0 0 32px;
|
||||
place-items: center;
|
||||
border: 1px solid #e2ca70;
|
||||
border-radius: 50%;
|
||||
color: #f5df8a;
|
||||
}
|
||||
|
||||
.dungeon-complete-banner p {
|
||||
display: flex;
|
||||
min-width: 0;
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.dungeon-complete-banner strong { color: #f0dda0; font: 13px Georgia, serif; }
|
||||
.dungeon-complete-banner small { margin-top: 3px; color: #cbd2bf; font-size: 8px; line-height: 1.35; }
|
||||
.dungeon-complete-banner .button { min-width: 112px; padding: 7px 10px; font-size: 8px; }
|
||||
|
||||
.boss-loot-window {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
@@ -651,7 +699,7 @@ kbd { color: var(--moss-bright); font: inherit; font-size: 0.64rem; }
|
||||
|
||||
.party-frames {
|
||||
position: absolute;
|
||||
top: max(101px, calc(env(safe-area-inset-top) + 89px));
|
||||
top: max(12px, env(safe-area-inset-top));
|
||||
left: max(12px, env(safe-area-inset-left));
|
||||
display: grid;
|
||||
width: 224px;
|
||||
@@ -681,6 +729,7 @@ kbd { color: var(--moss-bright); font: inherit; font-size: 0.64rem; }
|
||||
}
|
||||
.party-frame:hover, .party-frame:focus-visible { border-color: rgba(213, 229, 176, .42); outline: none; }
|
||||
.party-frame.is-selected { border-color: rgba(229, 207, 110, .75); background: linear-gradient(100deg, rgba(39, 43, 20, .96), rgba(18, 38, 24, .88)); box-shadow: 0 0 0 1px rgba(229,207,110,.14), 0 6px 18px rgba(0,0,0,.32); }
|
||||
.party-frame.is-dispellable { border-color: var(--dispel-bright); box-shadow: 0 0 0 1px rgba(var(--dispel-rgb),.72), 0 0 12px rgba(var(--dispel-rgb),.62), 0 6px 18px rgba(0,0,0,.32); }
|
||||
.party-frame.is-down { filter: grayscale(.75); opacity: .58; }
|
||||
.party-frame--player { opacity: .9; }
|
||||
.party-frame--player.is-selected { opacity: 1; }
|
||||
@@ -702,7 +751,7 @@ kbd { color: var(--moss-bright); font: inherit; font-size: 0.64rem; }
|
||||
.party-frame__resource--energy i { background: linear-gradient(90deg, #958321, #e0cb43); }
|
||||
.party-frame__resource--runic-power i { background: linear-gradient(90deg, #327784, #62c5ce); }
|
||||
.party-frame__resource--focus i { background: linear-gradient(90deg, #4b7d6b, #71c8a7); }
|
||||
.party-frame__dispel { justify-self: end; margin-top: -2px; padding: 1px 3px; border: 1px solid rgba(224,132,102,.55); border-radius: 3px; color: #ffd0a9; font-size: 5px; letter-spacing: .08em; }
|
||||
.party-frame__dispel { justify-self: end; margin-top: -2px; padding: 1px 3px; border: 1px solid rgba(var(--dispel-rgb),.78); border-radius: 3px; color: #9dffa7; font-size: 5px; letter-spacing: .08em; box-shadow: 0 0 5px rgba(var(--dispel-rgb),.35); }
|
||||
.summon-frames { position: absolute; top: max(101px, calc(env(safe-area-inset-top) + 89px)); left: max(244px, calc(env(safe-area-inset-left) + 232px)); display: grid; width: 150px; gap: 3px; scale: var(--game-ui-scale, 1); transform-origin: top left; }
|
||||
.summon-frame { width: 100%; padding: 4px 6px; border: 1px solid rgba(115,183,205,.28); border-radius: 5px; background: rgba(5,16,19,.88); box-shadow: 0 5px 14px rgba(0,0,0,.3); color: inherit; text-align: left; cursor: pointer; }
|
||||
.summon-frame.is-selected { border-color: rgba(117,225,181,.82); box-shadow: 0 0 0 1px rgba(117,225,181,.28), 0 5px 14px rgba(0,0,0,.3); }
|
||||
@@ -778,6 +827,7 @@ kbd { color: var(--moss-bright); font: inherit; font-size: 0.64rem; }
|
||||
.aura__stacks { position: absolute; right: 1px; top: 0; font: 700 8px/8px var(--font-ui); color: #fff4b8; text-shadow: 0 1px 2px #000; }
|
||||
.aura--inspectable { cursor: help; transition: border-color 100ms ease, filter 100ms ease, transform 100ms ease; }
|
||||
.aura--inspectable:hover, .aura--inspectable:focus-visible { z-index: 2; border-color: #f4dd8c; outline: 1px solid rgba(244,221,140,.58); filter: brightness(1.16); transform: translateY(-1px); }
|
||||
.aura--dispellable, .aura--dispellable:hover, .aura--dispellable:focus-visible { z-index: 1; border: 2px solid var(--dispel-bright); outline-color: rgba(var(--dispel-rgb),.78); box-shadow: 0 0 0 1px rgba(13,44,18,.82), 0 0 8px rgba(var(--dispel-rgb),.82); }
|
||||
.aura-strip--target { justify-content: center; margin-top: 3px; }
|
||||
.aura-strip--party { min-height: 16px; margin-top: 1px; }
|
||||
.aura-strip--party .aura { width: 16px; height: 16px; }
|
||||
@@ -1468,8 +1518,7 @@ kbd { color: var(--moss-bright); font: inherit; font-size: 0.64rem; }
|
||||
@media (max-width: 760px) {
|
||||
.player-frame { width: 225px; grid-template-columns: 48px 1fr; }
|
||||
.player-frame__portrait { height: 48px; }
|
||||
.party-frames { top: max(91px, calc(env(safe-area-inset-top) + 79px)); width: 194px; }
|
||||
.party-frame--player { display: none; }
|
||||
.party-frames { width: 194px; }
|
||||
.hud-top-right { width: 124px; }
|
||||
.hud-minimap__map { width: 108px; height: 108px; }
|
||||
.spellbook-panel__layout { grid-template-columns: 1fr; }
|
||||
@@ -1504,7 +1553,7 @@ kbd { color: var(--moss-bright); font: inherit; font-size: 0.64rem; }
|
||||
}
|
||||
.player-frame { width: 205px; }
|
||||
.player-frame__body header span { display: none; }
|
||||
.party-frames { top: max(87px, calc(env(safe-area-inset-top) + 75px)); width: 176px; }
|
||||
.party-frames { width: 176px; }
|
||||
.party-frame { min-height: 34px; grid-template-columns: 25px minmax(0,1fr); padding: 3px 4px; }
|
||||
.party-frame__sigil { width: 23px; height: 23px; }
|
||||
.party-frame__identity small { display: none; }
|
||||
|
||||
Reference in new issue
Block a user