Update Healer Man server
This commit is contained in:
phenom committed
1 parent
3e30af4c98
commit
97ee0c13f9
25 files changed
+576
-179
No files matched your search
+50
-33
@@ -2207,11 +2207,18 @@ html[data-display-layout="thor-preview"], html[data-display-layout="thor-preview
|
||||
|
||||
/* Main menu */
|
||||
.main-menu-screen {
|
||||
--main-menu-gold: #d2b16d;
|
||||
--main-menu-ice: #9fd9df;
|
||||
display: grid;
|
||||
grid-template-columns: minmax(245px, 32%) minmax(0, 1fr);
|
||||
grid-template-rows: 54px minmax(0, 1fr) 25px;
|
||||
column-gap: 22px;
|
||||
padding-bottom: max(8px, env(safe-area-inset-bottom));
|
||||
grid-template-columns: minmax(0, 1fr) minmax(285px, 31%);
|
||||
grid-template-rows: 58px minmax(0, 1fr) 25px;
|
||||
gap: 12px;
|
||||
padding-bottom: max(10px, env(safe-area-inset-bottom));
|
||||
background:
|
||||
linear-gradient(90deg, rgba(2,7,12,.78), rgba(2,7,12,.38) 58%, rgba(2,7,12,.83)),
|
||||
linear-gradient(180deg, rgba(2,7,12,.38), rgba(2,7,12,.91)),
|
||||
url("./assets/ui/login/frozen-gateway.webp") center 44% / cover no-repeat,
|
||||
#071019;
|
||||
}
|
||||
.main-menu-header, .dungeon-select-header, .manastorm-select-header {
|
||||
grid-column: 1 / 3;
|
||||
@@ -2224,35 +2231,47 @@ html[data-display-layout="thor-preview"], html[data-display-layout="thor-preview
|
||||
.main-menu-header > div:nth-child(2) span, .dungeon-select-header > div:nth-child(2) span, .manastorm-select-header > div:nth-child(2) span { color: var(--front-dim); font-size: 8px; letter-spacing: .13em; text-transform: uppercase; }
|
||||
.main-menu-header > div:nth-child(2) strong, .dungeon-select-header > div:nth-child(2) strong, .manastorm-select-header > div:nth-child(2) strong { overflow: hidden; font: 18px Georgia, serif; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.main-menu-header > button {
|
||||
margin-left: auto;
|
||||
padding: 7px 10px;
|
||||
border: 1px solid var(--front-line);
|
||||
border-radius: 7px;
|
||||
background: rgba(255,255,255,.025);
|
||||
color: var(--front-dim);
|
||||
border: 1px solid rgba(210,177,109,.3);
|
||||
border-radius: 4px;
|
||||
background: rgba(8,17,21,.74);
|
||||
color: #d8d2c3;
|
||||
cursor: pointer;
|
||||
font-size: 9px;
|
||||
}
|
||||
.main-menu-character {
|
||||
grid-column: 1;
|
||||
.main-menu-header { padding: 0 4px 5px; border-bottom-color: rgba(210,177,109,.34); }
|
||||
.main-menu-header .front-brand > span:last-child { justify-content: center; }
|
||||
.main-menu-sidebar {
|
||||
grid-column: 2;
|
||||
grid-row: 2;
|
||||
display: grid;
|
||||
min-width: 0;
|
||||
min-height: 0;
|
||||
grid-template-rows: minmax(0, 1fr) auto;
|
||||
border-right: 1px solid var(--front-line);
|
||||
padding-right: 2px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.main-menu-character__preview { min-width: 0; min-height: 0; }
|
||||
.main-menu-character__preview .character-preview__viewport { bottom: 0; }
|
||||
.main-menu-character__preview .character-preview figcaption { display: none; }
|
||||
.main-menu-character__summary { padding: 11px 18px 18px 2px; border-top: 1px solid rgba(204,224,180,.1); }
|
||||
.main-menu-character__summary h1 { overflow: hidden; margin: 4px 0 2px; font: 27px Georgia, serif; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.main-menu-character {
|
||||
display: grid;
|
||||
grid-template-columns: 54px minmax(0, 1fr);
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
padding: 14px;
|
||||
border: 1px solid rgba(210,177,109,.4);
|
||||
border-radius: 4px;
|
||||
background: linear-gradient(145deg, rgba(27,38,41,.96), rgba(6,14,18,.96));
|
||||
box-shadow: 0 16px 36px rgba(0,0,0,.34), inset 3px 0 0 rgba(210,177,109,.68);
|
||||
}
|
||||
.main-menu-character__icon { display: block; width: 52px; height: 52px; overflow: hidden; border: 1px solid; border-radius: 7px; background: #071015; box-shadow: 0 3px 12px rgba(0,0,0,.52); }
|
||||
.main-menu-character__icon img { width: 100%; height: 100%; object-fit: cover; }
|
||||
.main-menu-character__summary { min-width: 0; }
|
||||
.main-menu-character__summary h1 { overflow: hidden; margin: 2px 0 3px; color: #f4eddd; font: 26px Georgia, serif; line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.main-menu-character__summary > strong, .main-menu-character__summary > small { display: block; }
|
||||
.main-menu-character__summary > strong { font-size: 10px; }
|
||||
.main-menu-character__summary > small { margin-top: 4px; color: var(--front-dim); font-size: 8px; text-transform: capitalize; }
|
||||
.main-menu-modes { grid-column: 2; grid-row: 2; min-width: 0; min-height: 0; padding: 18px 0 12px; overflow: auto; }
|
||||
.main-menu-modes > header h2 { margin: 3px 0 4px; font: 28px Georgia, serif; font-weight: 400; }
|
||||
.main-menu-modes > header > p:last-child { max-width: 570px; margin: 0; color: var(--front-dim); font-size: 9px; line-height: 1.45; }
|
||||
.main-menu-mode-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 14px; }
|
||||
.main-menu-character__summary > strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.main-menu-character__summary > small { color: #9fb2b0; font-size: 8px; letter-spacing: .12em; text-transform: uppercase; }
|
||||
.main-menu-sidebar > .online-group-panel { margin: 10px 0 0; border-color: rgba(159,217,223,.3); border-radius: 4px; background: linear-gradient(155deg, rgba(14,31,32,.94), rgba(4,15,17,.96)); }
|
||||
.main-menu-sidebar > .online-group-panel > summary { min-height: 46px; }
|
||||
.main-menu-modes { grid-column: 1; grid-row: 2; min-width: 0; min-height: 0; padding: 0 3px 10px 0; overflow: auto; }
|
||||
.main-menu-mode-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 0; }
|
||||
.main-menu-gm-stack { display: grid; gap: 8px; }
|
||||
.main-menu-mode {
|
||||
position: relative;
|
||||
@@ -2821,7 +2840,7 @@ html[data-display-surface="bottom"] .single-context-toggle { display: none; }
|
||||
.roster-header { grid-column: 1 / 3; }
|
||||
.character-select-screen > .controller-legend { grid-column: 1 / 3; }
|
||||
.character-create-screen { grid-template-columns: 235px minmax(220px, 1fr) 270px; }
|
||||
.main-menu-screen { grid-template-columns: minmax(225px, 31%) minmax(0, 1fr); column-gap: 16px; }
|
||||
.main-menu-screen { grid-template-columns: minmax(0, 1fr) 280px; column-gap: 16px; }
|
||||
.main-menu-mode { min-height: 72px; }
|
||||
.dungeon-select-screen { grid-template-columns: 255px minmax(0, 1fr); column-gap: 14px; }
|
||||
.dungeon-select-detail { grid-template-columns: minmax(190px, .82fr) minmax(220px, 1.18fr); gap: 13px; }
|
||||
@@ -2856,18 +2875,15 @@ html[data-display-surface="bottom"] .single-context-toggle { display: none; }
|
||||
.roster-footer__status { display: none; }
|
||||
.roster-enter { width: min(280px, 62%); margin-left: auto; }
|
||||
.character-avatar { transform: perspective(600px) rotateY(var(--avatar-turn)) scale(.78); }
|
||||
.main-menu-screen { grid-template-columns: 1fr; grid-template-rows: 48px 86px minmax(0, 1fr); gap: 0; }
|
||||
.main-menu-screen { grid-template-columns: 1fr; grid-template-rows: 48px auto minmax(0, 1fr); gap: 8px; }
|
||||
.main-menu-header { grid-column: 1; grid-row: 1; }
|
||||
.main-menu-header > div:nth-child(2) strong { font-size: 14px; }
|
||||
.main-menu-header > button { padding: 6px 8px; }
|
||||
.main-menu-character { grid-column: 1; grid-row: 2; display: grid; grid-template-columns: 86px minmax(0,1fr); grid-template-rows: 1fr; border-right: 0; border-bottom: 1px solid var(--front-line); }
|
||||
.main-menu-character__preview { grid-column: 1; }
|
||||
.main-menu-character__preview .character-preview__aura { width: 75px; }
|
||||
.main-menu-character__summary { grid-column: 2; align-self: center; padding: 7px 8px; border-top: 0; }
|
||||
.main-menu-sidebar { grid-column: 1; grid-row: 2; display: grid; max-height: 176px; grid-template-columns: minmax(190px, .8fr) minmax(0, 1.2fr); gap: 8px; overflow-y: auto; }
|
||||
.main-menu-sidebar > .online-group-panel { margin: 0; }
|
||||
.main-menu-character { align-self: start; }
|
||||
.main-menu-character__summary h1 { font-size: 20px; }
|
||||
.main-menu-modes { grid-column: 1; grid-row: 3; padding-top: 10px; }
|
||||
.main-menu-modes > header h2 { font-size: 22px; }
|
||||
.main-menu-mode-grid { margin-top: 9px; }
|
||||
.main-menu-mode-grid { margin-top: 0; }
|
||||
.main-menu-mode { min-height: 64px; }
|
||||
.main-menu-mode > span small { display: none; }
|
||||
.dungeon-select-screen { grid-template-columns: 40% minmax(0, 60%); grid-template-rows: 48px minmax(0,1fr); column-gap: 10px; }
|
||||
@@ -2910,6 +2926,7 @@ html[data-display-surface="bottom"] .single-context-toggle { display: none; }
|
||||
.manastorm-select-header .front-brand small, .manastorm-select-header .front-brand strong { display: none; }
|
||||
.main-menu-header .front-brand, .dungeon-select-header .front-brand, .manastorm-select-header .front-brand { gap: 0; }
|
||||
.main-menu-mode-grid { grid-template-columns: 1fr; }
|
||||
.main-menu-sidebar { max-height: 210px; grid-template-columns: 1fr; }
|
||||
.main-menu-mode { min-height: 58px; }
|
||||
.dungeon-select-screen { grid-template-columns: 1fr; grid-template-rows: 48px minmax(150px, 42%) minmax(0,58%); gap: 0; }
|
||||
.dungeon-select-header { grid-column: 1; grid-row: 1; }
|
||||
|
||||
Reference in new issue
Block a user