Release Healer Man 0.1.5
This commit is contained in:
phenom committed
1 parent
f4c9cf356c
commit
55cfd43d66
62 files changed
+3030
-153
No files matched your search
+160
@@ -443,6 +443,34 @@ kbd { color: var(--moss-bright); font: inherit; font-size: 0.64rem; }
|
||||
}
|
||||
.loading-screen__track span { display: block; height: 100%; background: var(--moss); transition: width 180ms ease; }
|
||||
.loading-screen__item { color: var(--muted); font-size: 0.72rem; }
|
||||
.defeated-prompt {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
z-index: 40;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
padding: 18px;
|
||||
background: radial-gradient(circle at 50% 48%, transparent 0 18%, rgba(12, 3, 3, .26) 72%, rgba(8, 1, 1, .56));
|
||||
pointer-events: none;
|
||||
}
|
||||
.defeated-prompt__panel {
|
||||
display: grid;
|
||||
width: min(390px, calc(100vw - 28px));
|
||||
justify-items: center;
|
||||
padding: 18px 20px;
|
||||
border: 1px solid rgba(205, 124, 105, .34);
|
||||
border-radius: 14px 5px 14px 5px;
|
||||
background: linear-gradient(145deg, rgba(29, 10, 9, .94), rgba(8, 18, 13, .94));
|
||||
box-shadow: 0 20px 60px rgba(0, 0, 0, .55), inset 0 0 28px rgba(135, 47, 37, .08);
|
||||
text-align: center;
|
||||
backdrop-filter: blur(8px);
|
||||
pointer-events: auto;
|
||||
}
|
||||
.defeated-prompt__panel .eyebrow { margin: 0 0 4px; color: #e49682; }
|
||||
.defeated-prompt__panel h2 { margin: 0; font: 500 clamp(1.25rem, 4vw, 1.65rem) Georgia, serif; }
|
||||
.defeated-prompt__panel > p:not(.eyebrow) { margin: 8px 0 14px; color: #bfc8b8; font-size: .72rem; line-height: 1.45; }
|
||||
.defeated-prompt__panel .button { min-width: min(260px, 100%); }
|
||||
.defeated-prompt__panel > small { margin-top: 8px; color: #a69f97; font-size: .58rem; line-height: 1.35; }
|
||||
.graphics-recovery p:not(.eyebrow) { max-width: 550px; color: var(--muted); }
|
||||
.graphics-recovery .button { margin-top: 10px; }
|
||||
|
||||
@@ -552,6 +580,8 @@ kbd { color: var(--moss-bright); font: inherit; font-size: 0.64rem; }
|
||||
.pause-menu { padding: 20px; }
|
||||
.pause-menu > p:not(.eyebrow) { margin: 7px 0; }
|
||||
.pause-menu__actions { margin: 12px 0; grid-template-columns: 1fr 1fr; }
|
||||
.defeated-prompt__panel { padding: 12px 16px; }
|
||||
.defeated-prompt__panel > p:not(.eyebrow) { margin: 5px 0 9px; }
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
@@ -2689,3 +2719,133 @@ button.equipment-slot:hover { background: rgba(174,191,131,.1); }
|
||||
.content-pack-row { grid-template-columns: 1fr auto; }
|
||||
.content-pack-row > span { grid-column: 1 / -1; }
|
||||
}
|
||||
|
||||
/* Server-authorized Manastorm administration */
|
||||
.gm-admin-screen { display: grid; grid-template-rows: auto minmax(0, 1fr); }
|
||||
.gm-admin-header {
|
||||
display: grid;
|
||||
grid-template-columns: auto minmax(0, 1fr) auto;
|
||||
align-items: center;
|
||||
gap: 18px;
|
||||
padding: 12px 16px;
|
||||
border-bottom: 1px solid var(--front-line);
|
||||
background: rgba(3, 10, 7, .72);
|
||||
}
|
||||
.gm-admin-header > div:nth-child(2) { display: grid; gap: 2px; }
|
||||
.gm-admin-header > div:nth-child(2) span { color: var(--front-dim); font-size: 9px; letter-spacing: .09em; text-transform: uppercase; }
|
||||
.gm-admin-header > div:nth-child(2) strong { font-family: Georgia, serif; font-size: 22px; font-weight: 400; }
|
||||
.gm-admin-header__actions { display: flex; gap: 7px; }
|
||||
.gm-admin-layout { display: grid; grid-template-columns: minmax(205px, .72fr) minmax(330px, 1.55fr) minmax(240px, .82fr); min-height: 0; }
|
||||
.gm-admin-options, .gm-boss-browser, .gm-boss-detail { min-width: 0; min-height: 0; padding: 16px; }
|
||||
.gm-admin-options, .gm-boss-browser { border-right: 1px solid var(--front-line); }
|
||||
.gm-admin-options h2, .gm-boss-browser h2, .gm-boss-detail h2 { margin: 4px 0 13px; font-family: Georgia, serif; font-size: 20px; font-weight: 400; }
|
||||
.gm-switch-row { display: grid; grid-template-columns: 25px minmax(0, 1fr); align-items: start; gap: 8px; padding: 9px 0; border-top: 1px solid rgba(190, 213, 172, .09); cursor: pointer; }
|
||||
.gm-switch-row input { width: 17px; height: 17px; accent-color: #91bc75; }
|
||||
.gm-switch-row span, .gm-switch-row strong, .gm-switch-row small { display: block; }
|
||||
.gm-switch-row strong { font-size: 11px; }
|
||||
.gm-switch-row small { margin-top: 3px; color: var(--front-dim); font-size: 8px; line-height: 1.35; }
|
||||
.gm-admin-summary { display: grid; gap: 5px; margin-top: 14px; padding: 10px; border: 1px solid var(--front-line); border-radius: 8px; background: rgba(255,255,255,.025); font-size: 9px; }
|
||||
.gm-admin-summary span { display: flex; justify-content: space-between; }
|
||||
.gm-unsaved { color: #ffd06d; font-size: 9px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
|
||||
.gm-boss-browser { display: grid; grid-template-rows: auto minmax(0, 1fr); }
|
||||
.gm-boss-browser > header { display: grid; grid-template-columns: minmax(0, 1fr) minmax(145px, .75fr) 130px; align-items: end; gap: 8px; margin-bottom: 10px; }
|
||||
.gm-boss-filters { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
|
||||
.gm-boss-browser input, .gm-boss-browser select, .gm-world-editor input, .gm-world-editor select {
|
||||
width: 100%; min-width: 0; padding: 8px; border: 1px solid var(--front-line); border-radius: 6px; outline: 0; color: var(--front-cream); background: rgba(2, 9, 6, .88); font: inherit;
|
||||
}
|
||||
.gm-boss-browser input:focus, .gm-boss-browser select:focus, .gm-world-editor input:focus, .gm-world-editor select:focus { border-color: rgba(169, 211, 132, .65); }
|
||||
.gm-boss-list { min-height: 0; overflow: auto; border: 1px solid var(--front-line); border-radius: 8px; background: rgba(1, 8, 5, .42); }
|
||||
.gm-boss-row { display: grid; width: 100%; grid-template-columns: minmax(0, 1fr) auto 76px; align-items: center; gap: 10px; padding: 10px; border: 0; border-bottom: 1px solid rgba(190, 213, 172, .08); color: var(--front-cream); background: transparent; cursor: pointer; text-align: left; }
|
||||
.gm-boss-row:hover, .gm-boss-row.is-active { background: rgba(149, 190, 118, .1); }
|
||||
.gm-boss-row.is-active { box-shadow: inset 3px 0 #9dcc7c; }
|
||||
.gm-boss-row span, .gm-boss-row strong, .gm-boss-row small { display: block; min-width: 0; }
|
||||
.gm-boss-row strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.gm-boss-row small, .gm-boss-row em { margin-top: 3px; color: var(--front-dim); font-size: 7px; font-style: normal; }
|
||||
.gm-boss-row > b { padding: 4px 5px; border-radius: 4px; color: #e8e3c8; background: rgba(173, 144, 76, .18); font-size: 7px; text-align: center; }
|
||||
.gm-boss-row.is-ready > b { color: #c9f0b6; background: rgba(85, 146, 78, .24); }
|
||||
.gm-boss-row.is-not-ready > b { color: #f0b6ac; background: rgba(151, 62, 53, .24); }
|
||||
.gm-boss-detail { overflow: auto; background: rgba(3, 10, 7, .48); }
|
||||
.gm-boss-detail > p:not(.front-kicker, .front-notice) { color: var(--front-dim); font-size: 9px; }
|
||||
.gm-boss-detail dl div { display: flex; justify-content: space-between; gap: 8px; padding: 7px 0; border-top: 1px solid rgba(190, 213, 172, .09); font-size: 8px; }
|
||||
.gm-boss-detail dd { margin: 0; color: #d7c68c; text-align: right; }
|
||||
.gm-status-buttons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; margin: 15px 0; }
|
||||
.gm-status-buttons button, .gm-world-editor button { padding: 7px 9px; border: 1px solid var(--front-line); border-radius: 6px; color: var(--front-cream); background: rgba(151, 182, 127, .07); cursor: pointer; }
|
||||
.gm-status-buttons button.is-active { border-color: rgba(184, 219, 144, .6); background: rgba(113, 158, 88, .26); }
|
||||
.gm-status-buttons button:disabled, .gm-world-editor button:disabled { cursor: not-allowed; opacity: .4; }
|
||||
.gm-boss-actions { display: grid; gap: 7px; }
|
||||
.gm-admin-denied { display: grid; width: min(470px, calc(100% - 30px)); margin: auto; gap: 12px; padding: 26px; border: 1px solid var(--front-line); background: rgba(3, 10, 7, .75); }
|
||||
|
||||
.gm-world-editor {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
bottom: 10px;
|
||||
z-index: 95;
|
||||
display: grid;
|
||||
width: min(490px, calc(100% - 20px));
|
||||
grid-template-rows: auto auto auto minmax(0, 1fr) auto;
|
||||
overflow: hidden;
|
||||
border: 1px solid rgba(178, 211, 154, .36);
|
||||
border-radius: 10px;
|
||||
color: var(--ink);
|
||||
background: rgba(5, 15, 11, .96);
|
||||
box-shadow: -14px 18px 45px rgba(0,0,0,.5);
|
||||
pointer-events: auto;
|
||||
}
|
||||
.single-display-frame .gm-world-editor { bottom: 58px; }
|
||||
.gm-world-editor__header { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 10px; padding: 12px 14px; border-bottom: 1px solid var(--edge); }
|
||||
.gm-world-editor__header h2 { margin: 2px 0 0; font-family: Georgia, serif; font-size: 20px; font-weight: 400; }
|
||||
.gm-world-editor__header > span { color: #adc0a6; font-size: 8px; text-transform: uppercase; letter-spacing: .09em; }
|
||||
.gm-world-editor__header > span.is-dirty { color: #ffd06d; }
|
||||
.gm-world-editor__telemetry { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 12px; padding: 9px 14px; border-bottom: 1px solid var(--edge); background: rgba(104, 143, 83, .08); font-size: 8px; }
|
||||
.gm-world-editor__telemetry span { overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; }
|
||||
.gm-world-editor__telemetry b { color: var(--ink); font-weight: 600; }
|
||||
.gm-world-editor__section { padding: 12px 14px; border-bottom: 1px solid var(--edge); }
|
||||
.gm-world-editor__section h3 { margin: 0 0 4px; font-size: 12px; }
|
||||
.gm-world-editor__section p { margin: 0 0 9px; color: var(--muted); font-size: 8px; line-height: 1.4; }
|
||||
.gm-world-editor__boss-select { display: grid; grid-template-columns: 78px minmax(0, 1fr); align-items: center; gap: 8px; font-size: 9px; }
|
||||
.gm-inline-actions { display: flex; gap: 6px; margin-top: 8px; }
|
||||
.gm-world-editor__scroll { min-height: 0; overflow: auto; }
|
||||
.gm-vector-editor { min-width: 0; margin: 9px 0 0; padding: 8px; border: 1px solid rgba(183, 207, 151, .16); border-radius: 7px; }
|
||||
.gm-vector-editor legend { padding: 0 5px; color: #c6d9b4; font-size: 8px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
|
||||
.gm-vector-editor__coordinates { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
|
||||
.gm-vector-editor__coordinates > label { display: grid; grid-template-columns: 12px minmax(0, 1fr); align-items: center; gap: 4px; color: var(--muted); font-size: 8px; }
|
||||
.gm-vector-editor__coordinates .gm-nudges { display: grid; grid-column: 2; grid-template-columns: 1fr 1fr; gap: 3px; }
|
||||
.gm-vector-editor__coordinates .gm-nudges button { padding: 3px; }
|
||||
.gm-yaw-editor { display: flex; align-items: center; gap: 7px; margin-top: 7px; color: var(--muted); font-size: 8px; }
|
||||
.gm-yaw-editor label { display: flex; align-items: center; gap: 7px; }
|
||||
.gm-yaw-editor input { max-width: 105px; }
|
||||
.gm-yaw-editor .gm-nudges { display: flex; gap: 3px; }
|
||||
.gm-yaw-editor .gm-nudges button { padding: 4px 7px; }
|
||||
.gm-vector-editor > button { margin-top: 7px; }
|
||||
.gm-world-editor__linked-heading { display: flex; align-items: start; justify-content: space-between; gap: 10px; }
|
||||
.gm-required-kills { display: grid; grid-template-columns: auto 70px 1fr; align-items: center; gap: 8px; margin: 8px 0; font-size: 9px; }
|
||||
.gm-required-kills small { color: var(--muted); }
|
||||
.gm-linked-list { display: grid; gap: 5px; }
|
||||
.gm-linked-list > div { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 8px; padding: 5px 7px; border: 1px solid rgba(183, 207, 151, .1); border-radius: 5px; background: rgba(255,255,255,.02); }
|
||||
.gm-linked-list code { overflow: hidden; color: #ffd774; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.gm-world-editor__empty { display: grid; min-height: 0; place-items: center; padding: 20px; color: var(--muted); text-align: center; }
|
||||
.gm-world-editor__footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 14px; border-top: 1px solid var(--edge); background: rgba(2, 8, 5, .78); }
|
||||
.gm-world-editor__footer p { min-width: 0; margin: 0; overflow: hidden; color: var(--muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.gm-world-editor__footer i { display: inline-block; width: 7px; height: 7px; margin: 0 2px 0 6px; border-radius: 50%; }
|
||||
.gm-world-editor__footer i.is-party { background: #55e8ff; }
|
||||
.gm-world-editor__footer i.is-boss { background: #ff485f; }
|
||||
.gm-world-editor__footer i.is-portal { background: #c26bff; }
|
||||
.gm-world-editor__footer i.is-linked { background: #ffd255; }
|
||||
|
||||
@media (max-width: 880px) {
|
||||
.gm-admin-layout { grid-template-columns: 190px minmax(320px, 1fr); }
|
||||
.gm-boss-detail { display: none; }
|
||||
.gm-boss-browser { border-right: 0; }
|
||||
.gm-admin-header__actions .front-button:not(.front-button--primary) { display: none; }
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.gm-admin-layout { display: block; overflow: auto; }
|
||||
.gm-admin-options { border-right: 0; border-bottom: 1px solid var(--front-line); }
|
||||
.gm-boss-browser { min-height: 460px; }
|
||||
.gm-boss-browser > header { grid-template-columns: 1fr 1fr; }
|
||||
.gm-boss-browser > header > div { grid-column: 1 / -1; }
|
||||
.gm-boss-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||||
.gm-world-editor { inset: 5px; width: auto; }
|
||||
}
|
||||
Reference in new issue
Block a user