Fix as per CSV sheet tracking + creature explanation
This commit is contained in:
+722
-95
@@ -167,6 +167,39 @@
|
||||
border: 1px solid rgba(196, 154, 69, 0.16);
|
||||
border-radius: calc(8px - 4px);
|
||||
}
|
||||
.application.mgne fieldset .editor,
|
||||
.application.mgne fieldset .editor-content,
|
||||
.application.mgne fieldset .ProseMirror,
|
||||
.application.mgne fieldset .document-editor {
|
||||
color: #d9c6ae;
|
||||
background: transparent;
|
||||
}
|
||||
.application.mgne fieldset .editor-content p,
|
||||
.application.mgne fieldset .ProseMirror p,
|
||||
.application.mgne fieldset .editor-content li,
|
||||
.application.mgne fieldset .ProseMirror li {
|
||||
color: #d9c6ae;
|
||||
}
|
||||
.application.mgne fieldset .editor-content h1,
|
||||
.application.mgne fieldset .ProseMirror h1,
|
||||
.application.mgne fieldset .editor-content h2,
|
||||
.application.mgne fieldset .ProseMirror h2,
|
||||
.application.mgne fieldset .editor-content h3,
|
||||
.application.mgne fieldset .ProseMirror h3 {
|
||||
color: #c49a45;
|
||||
}
|
||||
.application.mgne fieldset .editor-content .is-empty::before,
|
||||
.application.mgne fieldset .ProseMirror .is-empty::before {
|
||||
color: rgba(196, 154, 69, 0.4);
|
||||
}
|
||||
.application.mgne fieldset .editor-menu button {
|
||||
color: #ab8b68;
|
||||
background: rgba(19, 16, 15, 0.55);
|
||||
}
|
||||
.application.mgne fieldset .editor-menu button:hover {
|
||||
color: #d9c6ae;
|
||||
background: rgba(196, 154, 69, 0.2);
|
||||
}
|
||||
.application.mgne legend {
|
||||
font-family: "CastorTwoMGNE", "Palatino Linotype", serif;
|
||||
text-transform: uppercase;
|
||||
@@ -337,10 +370,15 @@
|
||||
min-width: 0;
|
||||
}
|
||||
.application.mgne .condition-value-grid {
|
||||
grid-template-columns: max-content 1fr;
|
||||
grid-template-columns: max-content minmax(auto, 9rem);
|
||||
align-items: center;
|
||||
margin-bottom: 0.6rem;
|
||||
}
|
||||
.application.mgne .condition-value-grid select {
|
||||
width: auto;
|
||||
min-width: 5rem;
|
||||
max-width: 9rem;
|
||||
}
|
||||
.application.mgne .condition-flag-grid {
|
||||
grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
|
||||
gap: 0.3rem 0.6rem;
|
||||
@@ -375,7 +413,6 @@
|
||||
.application.mgne .resource-box-compact > label {
|
||||
font-size: 0.68rem;
|
||||
letter-spacing: 0.11em;
|
||||
color: #ab8b68;
|
||||
}
|
||||
.application.mgne .resource-box-inline {
|
||||
flex-direction: row;
|
||||
@@ -610,25 +647,6 @@
|
||||
justify-content: flex-start;
|
||||
margin-top: 0.12rem;
|
||||
}
|
||||
.application.mgne .resonation-blocked-banner {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 0.4rem;
|
||||
margin-top: 0.2rem;
|
||||
padding: 0.28rem 0.5rem;
|
||||
border-radius: 4px;
|
||||
background: rgba(180, 40, 20, 0.22);
|
||||
border-left: 3px solid rgba(220, 80, 40, 0.7);
|
||||
color: #e69062;
|
||||
font-size: 0.73rem;
|
||||
}
|
||||
.application.mgne .resonation-blocked-banner .btn-clear-block {
|
||||
flex-shrink: 0;
|
||||
padding: 0.1rem 0.5rem;
|
||||
font-size: 0.7rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
.application.mgne .resource-box-actions-rest {
|
||||
gap: 0.32rem;
|
||||
flex-wrap: wrap;
|
||||
@@ -695,10 +713,22 @@
|
||||
gap: 0.35rem;
|
||||
align-items: center;
|
||||
width: fit-content;
|
||||
padding: 0.1rem 0.3rem 0.1rem 0.2rem;
|
||||
border-radius: 4px;
|
||||
transition: background 0.15s, color 0.15s;
|
||||
}
|
||||
.application.mgne .checkbox-line.active {
|
||||
color: #dd6b2d;
|
||||
color: #f5dfa0;
|
||||
font-weight: 600;
|
||||
text-shadow: 0 0 8px rgba(196, 154, 69, 0.55);
|
||||
background: rgba(196, 154, 69, 0.14);
|
||||
border: 1px solid rgba(196, 154, 69, 0.28);
|
||||
margin: -1px;
|
||||
}
|
||||
.application.mgne .checkbox-line:not(.active) {
|
||||
color: #ab8b68;
|
||||
border: 1px solid transparent;
|
||||
margin: -1px;
|
||||
}
|
||||
.application.mgne .check-grid input[type="checkbox"],
|
||||
.application.mgne .checkbox-line input[type="checkbox"] {
|
||||
@@ -787,6 +817,572 @@
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
.item-weight-badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
padding: 0 0.45em;
|
||||
border-radius: 3px;
|
||||
font-family: "LoraMGNE", "Book Antiqua", serif;
|
||||
font-size: 0.7em;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.04em;
|
||||
text-transform: uppercase;
|
||||
white-space: nowrap;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.item-weight-badge.weight-trivial {
|
||||
color: rgba(171, 139, 104, 0.45);
|
||||
border-color: rgba(171, 139, 104, 0.2);
|
||||
}
|
||||
.item-weight-badge.weight-light {
|
||||
color: #ab8b68;
|
||||
border-color: rgba(171, 139, 104, 0.35);
|
||||
background: rgba(171, 139, 104, 0.08);
|
||||
}
|
||||
.item-weight-badge.weight-normal {
|
||||
color: #c49a45;
|
||||
border-color: rgba(196, 154, 69, 0.4);
|
||||
background: rgba(196, 154, 69, 0.1);
|
||||
}
|
||||
.item-weight-badge.weight-heavy {
|
||||
color: #7f1d17;
|
||||
border-color: rgba(127, 29, 23, 0.45);
|
||||
background: rgba(127, 29, 23, 0.12);
|
||||
}
|
||||
.load-display {
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.04em;
|
||||
cursor: default;
|
||||
}
|
||||
.load-overloaded {
|
||||
color: #7f1d17 !important;
|
||||
text-shadow: 0 0 6px rgba(127, 29, 23, 0.5);
|
||||
}
|
||||
.resource-box-overloaded {
|
||||
border-color: rgba(127, 29, 23, 0.6) !important;
|
||||
background: rgba(127, 29, 23, 0.1) !important;
|
||||
}
|
||||
.resource-box-overloaded .resource-label-accent {
|
||||
color: #7f1d17 !important;
|
||||
}
|
||||
.item-name[data-tooltip] {
|
||||
cursor: help;
|
||||
}
|
||||
.item-name[data-tooltip]:hover {
|
||||
text-decoration: underline dotted rgba(196, 154, 69, 0.55);
|
||||
}
|
||||
#tooltip.mgne-item-tooltip {
|
||||
max-width: 22rem;
|
||||
font-family: "LoraMGNE", "Book Antiqua", serif;
|
||||
font-size: 0.82rem;
|
||||
line-height: 1.5;
|
||||
color: #ccb292;
|
||||
background: rgba(51, 38, 30, 0.66);
|
||||
border: 1px solid rgba(196, 154, 69, 0.35);
|
||||
border-radius: 4px;
|
||||
padding: 0.5rem 0.7rem;
|
||||
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.55);
|
||||
}
|
||||
.item-broken-badge {
|
||||
display: inline-block;
|
||||
margin-left: 0.3em;
|
||||
padding: 0.05em 0.4em;
|
||||
font-size: 0.65em;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.06em;
|
||||
color: #7f1d17;
|
||||
background: rgba(127, 29, 23, 0.14);
|
||||
border: 1px solid rgba(127, 29, 23, 0.45);
|
||||
border-radius: 3px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.item-burned-badge {
|
||||
color: #c49a45;
|
||||
background: rgba(196, 154, 69, 0.12);
|
||||
border-color: rgba(196, 154, 69, 0.4);
|
||||
}
|
||||
.item-durability-badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.25em;
|
||||
padding: 0.1em 0.45em;
|
||||
font-size: 0.7em;
|
||||
font-weight: 700;
|
||||
color: rgba(171, 139, 104, 0.65);
|
||||
border: 1px solid rgba(171, 139, 104, 0.2);
|
||||
border-radius: 3px;
|
||||
white-space: nowrap;
|
||||
letter-spacing: 0.03em;
|
||||
}
|
||||
.item-durability-badge.durability-broken {
|
||||
color: #7f1d17;
|
||||
border-color: rgba(127, 29, 23, 0.4);
|
||||
background: rgba(127, 29, 23, 0.1);
|
||||
text-decoration: line-through;
|
||||
}
|
||||
.item-row-broken {
|
||||
opacity: 0.6;
|
||||
filter: grayscale(0.4);
|
||||
}
|
||||
.item-row-broken .item-name {
|
||||
text-decoration: line-through;
|
||||
color: rgba(204, 178, 146, 0.55);
|
||||
}
|
||||
.weapon-properties-grid {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.35rem 0.6rem;
|
||||
padding: 0.5rem 0.6rem;
|
||||
background: rgba(171, 139, 104, 0.04);
|
||||
border: 1px solid rgba(171, 139, 104, 0.12);
|
||||
border-radius: 4px;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.weapon-properties-grid .property-check {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.3em;
|
||||
font-family: "LoraMGNE", "Book Antiqua", serif;
|
||||
font-size: 0.82rem;
|
||||
color: #ccb292;
|
||||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
padding: 0.15em 0.4em;
|
||||
border-radius: 3px;
|
||||
transition: background 0.15s;
|
||||
}
|
||||
.weapon-properties-grid .property-check:hover {
|
||||
background: rgba(196, 154, 69, 0.08);
|
||||
}
|
||||
.weapon-properties-grid .property-check input[type="checkbox"] {
|
||||
accent-color: #c49a45;
|
||||
}
|
||||
.weapon-property-badge {
|
||||
display: inline-block;
|
||||
margin-left: 0.3em;
|
||||
padding: 0.05em 0.35em;
|
||||
font-size: 0.62em;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
color: rgba(196, 154, 69, 0.85);
|
||||
background: rgba(196, 154, 69, 0.1);
|
||||
border: 1px solid rgba(196, 154, 69, 0.3);
|
||||
border-radius: 3px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.creature-trait-trigger {
|
||||
font-size: 0.82em;
|
||||
color: rgba(204, 178, 146, 0.65);
|
||||
font-style: italic;
|
||||
margin-left: 0.2em;
|
||||
}
|
||||
.creature-traits-container {
|
||||
border: 1px solid rgba(127, 29, 23, 0.35);
|
||||
border-left: 3px solid rgba(127, 29, 23, 0.65);
|
||||
border-radius: 4px;
|
||||
background: linear-gradient(135deg, rgba(127, 29, 23, 0.05), transparent 60%), rgba(64, 47, 37, 0.85);
|
||||
padding: 0.6rem 0.75rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
.creature-traits-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 0.5rem;
|
||||
border-bottom: 1px solid rgba(127, 29, 23, 0.25);
|
||||
padding-bottom: 0.4rem;
|
||||
margin-bottom: 0.1rem;
|
||||
}
|
||||
.creature-traits-header h3 {
|
||||
margin: 0;
|
||||
font-family: "CastorTwoMGNE", "Palatino Linotype", serif;
|
||||
font-size: 0.82rem;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.08em;
|
||||
color: rgba(127, 29, 23, 0.9);
|
||||
}
|
||||
.creature-traits-header button {
|
||||
font-size: 0.72rem;
|
||||
padding: 0.15em 0.6em;
|
||||
background: rgba(127, 29, 23, 0.12);
|
||||
border: 1px solid rgba(127, 29, 23, 0.35);
|
||||
color: rgba(127, 29, 23, 0.8);
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
transition: background 0.15s, color 0.15s;
|
||||
}
|
||||
.creature-traits-header button:hover {
|
||||
background: rgba(127, 29, 23, 0.22);
|
||||
color: #aa271f;
|
||||
}
|
||||
.creature-traits-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.3rem;
|
||||
}
|
||||
.creature-trait-card {
|
||||
background: rgba(19, 16, 15, 0.3);
|
||||
border: 1px solid rgba(127, 29, 23, 0.2);
|
||||
border-radius: 3px;
|
||||
padding: 0.35rem 0.5rem;
|
||||
transition: background 0.15s, border-color 0.15s;
|
||||
}
|
||||
.creature-trait-card:hover {
|
||||
background: rgba(127, 29, 23, 0.08);
|
||||
border-color: rgba(127, 29, 23, 0.35);
|
||||
}
|
||||
.creature-trait-card-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.creature-trait-name {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.35em;
|
||||
font-family: "LoraMGNE", "Book Antiqua", serif;
|
||||
font-size: 0.88rem;
|
||||
font-weight: 600;
|
||||
color: #ccb292;
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
cursor: default;
|
||||
}
|
||||
.creature-trait-name i {
|
||||
color: rgba(127, 29, 23, 0.7);
|
||||
font-size: 0.75em;
|
||||
}
|
||||
.creature-trait-trigger {
|
||||
font-size: 0.75rem;
|
||||
font-style: italic;
|
||||
color: rgba(204, 178, 146, 0.55);
|
||||
white-space: nowrap;
|
||||
}
|
||||
.creature-trait-card .item-actions {
|
||||
display: flex;
|
||||
gap: 0.25rem;
|
||||
margin-left: auto;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.creature-trait-card .item-actions button {
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: transparent;
|
||||
border: 1px solid rgba(171, 139, 104, 0.18);
|
||||
color: rgba(171, 139, 104, 0.5);
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
font-size: 0.72rem;
|
||||
transition: background 0.15s, color 0.15s, border-color 0.15s;
|
||||
}
|
||||
.creature-trait-card .item-actions button:hover {
|
||||
background: rgba(171, 139, 104, 0.1);
|
||||
color: #ab8b68;
|
||||
border-color: rgba(171, 139, 104, 0.35);
|
||||
}
|
||||
.creature-meta-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
flex-wrap: wrap;
|
||||
padding: 0.45rem 0.6rem;
|
||||
background: rgba(64, 47, 37, 0.5);
|
||||
border: 1px solid rgba(183, 70, 31, 0.2);
|
||||
border-radius: 4px;
|
||||
}
|
||||
.creature-meta-label {
|
||||
font-family: "CastorTwoMGNE", "Palatino Linotype", serif;
|
||||
font-size: 0.72rem;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.07em;
|
||||
color: rgba(183, 70, 31, 0.8);
|
||||
white-space: nowrap;
|
||||
}
|
||||
.creature-type-group {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.75rem;
|
||||
flex: 1;
|
||||
}
|
||||
.creature-type-checkbox {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.3em;
|
||||
font-size: 0.83rem;
|
||||
color: #ccb292;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
}
|
||||
.creature-type-checkbox input[type="checkbox"] {
|
||||
accent-color: #b7461f;
|
||||
width: 0.9rem;
|
||||
height: 0.9rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
.creature-number-group {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.4rem;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.creature-number-input {
|
||||
width: 4rem;
|
||||
text-align: center;
|
||||
font-family: "LoraMGNE", "Book Antiqua", serif;
|
||||
font-size: 0.9rem;
|
||||
color: #ccb292;
|
||||
background: rgba(17, 12, 10, 0.72);
|
||||
border: 1px solid rgba(183, 70, 31, 0.3);
|
||||
border-radius: 3px;
|
||||
padding: 0.15em 0.3em;
|
||||
}
|
||||
.creature-number-input:focus {
|
||||
outline: none;
|
||||
border-color: rgba(183, 70, 31, 0.6);
|
||||
background: rgba(17, 12, 10, 0.9);
|
||||
}
|
||||
.creature-action-table-section .action-table-drop-zone {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
padding: 0.5rem 0.75rem;
|
||||
border-radius: 4px;
|
||||
min-height: 2.4rem;
|
||||
font-size: 0.88rem;
|
||||
color: #ccb292;
|
||||
}
|
||||
.creature-action-table-section .action-table-drop-zone i {
|
||||
font-size: 1em;
|
||||
color: #b7461f;
|
||||
}
|
||||
.creature-action-table-section .action-table-drop-zone .action-table-name {
|
||||
font-weight: 600;
|
||||
font-family: "CastorTwoMGNE", "Palatino Linotype", serif;
|
||||
color: #ccb292;
|
||||
}
|
||||
.creature-action-table-section .action-table-drop-zone.drop-hint {
|
||||
border: 2px dashed rgba(183, 70, 31, 0.35);
|
||||
background: rgba(183, 70, 31, 0.04);
|
||||
color: rgba(204, 178, 146, 0.5);
|
||||
font-style: italic;
|
||||
justify-content: center;
|
||||
cursor: default;
|
||||
transition: background 0.15s, border-color 0.15s;
|
||||
}
|
||||
.creature-action-table-section .action-table-drop-zone.drop-hint i {
|
||||
color: rgba(183, 70, 31, 0.5);
|
||||
}
|
||||
.creature-action-table-section .action-table-drop-zone.drop-hint:hover,
|
||||
.creature-action-table-section .action-table-drop-zone.drop-hint.drag-over {
|
||||
background: rgba(183, 70, 31, 0.09);
|
||||
border-color: rgba(183, 70, 31, 0.6);
|
||||
color: rgba(204, 178, 146, 0.7);
|
||||
}
|
||||
.creature-action-table-section .action-table-drop-zone.drop-hint:hover i,
|
||||
.creature-action-table-section .action-table-drop-zone.drop-hint.drag-over i {
|
||||
color: #b7461f;
|
||||
}
|
||||
.creature-action-table-section .action-table-buttons {
|
||||
display: flex;
|
||||
gap: 0.3rem;
|
||||
align-items: center;
|
||||
}
|
||||
.creature-action-table-section .action-table-buttons button {
|
||||
font-size: 0.75rem;
|
||||
padding: 0.15em 0.55em;
|
||||
background: rgba(183, 70, 31, 0.1);
|
||||
border: 1px solid rgba(183, 70, 31, 0.3);
|
||||
color: rgba(183, 70, 31, 0.8);
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
transition: background 0.15s, color 0.15s;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.3em;
|
||||
}
|
||||
.creature-action-table-section .action-table-buttons button:hover {
|
||||
background: rgba(183, 70, 31, 0.22);
|
||||
color: #b7461f;
|
||||
}
|
||||
.application.mgne.party .party-credits-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.6rem;
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.4rem 0.6rem;
|
||||
border: 1px solid rgba(196, 154, 69, 0.35);
|
||||
border-radius: 6px;
|
||||
background: rgba(17, 12, 10, 0.7);
|
||||
}
|
||||
.application.mgne.party .party-credits-stepper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.3rem;
|
||||
}
|
||||
.application.mgne.party .credits-input {
|
||||
width: 5rem;
|
||||
text-align: center;
|
||||
font-size: 1.05rem;
|
||||
font-weight: 700;
|
||||
font-family: "CastorTwoMGNE", "Palatino Linotype", serif;
|
||||
color: #c49a45;
|
||||
background: rgba(19, 16, 15, 0.6);
|
||||
border: 1px solid rgba(196, 154, 69, 0.3);
|
||||
border-radius: 6px;
|
||||
padding: 0.2rem 0.4rem;
|
||||
}
|
||||
.application.mgne.party .credits-symbol {
|
||||
color: #c49a45;
|
||||
font-family: "CastorTwoMGNE", "Palatino Linotype", serif;
|
||||
font-size: 1.1rem;
|
||||
font-weight: 700;
|
||||
margin: 0 0.1rem;
|
||||
}
|
||||
.application.mgne.party .credits-btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-width: 2rem;
|
||||
padding: 0.15rem 0.4rem;
|
||||
font-size: 0.75rem;
|
||||
font-weight: 700;
|
||||
border: 1px solid rgba(171, 139, 104, 0.28);
|
||||
border-radius: 6px;
|
||||
background: rgba(17, 12, 10, 0.8);
|
||||
color: #ab8b68;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
transition: background 0.15s, border-color 0.15s;
|
||||
}
|
||||
.application.mgne.party .credits-btn:hover {
|
||||
background: rgba(196, 154, 69, 0.18);
|
||||
border-color: rgba(196, 154, 69, 0.55);
|
||||
color: #c49a45;
|
||||
}
|
||||
.application.mgne.party .party-member-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.25rem;
|
||||
margin-top: 0.4rem;
|
||||
}
|
||||
.application.mgne.party .party-member-row {
|
||||
display: grid;
|
||||
grid-template-columns: 2rem 1fr 5rem 6rem 5.5rem;
|
||||
gap: 0.5rem;
|
||||
align-items: center;
|
||||
padding: 0.3rem 0.4rem;
|
||||
border-radius: 6px;
|
||||
}
|
||||
.application.mgne.party .party-member-row.party-member-header {
|
||||
color: #7e664f;
|
||||
font-size: 0.72rem;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
border-bottom: 1px solid rgba(171, 139, 104, 0.18);
|
||||
padding-bottom: 0.25rem;
|
||||
margin-bottom: 0.1rem;
|
||||
}
|
||||
.application.mgne.party .party-member-row:not(.party-member-header) {
|
||||
background: rgba(17, 12, 10, 0.75);
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.application.mgne.party .party-member-row:not(.party-member-header):hover {
|
||||
border-color: rgba(196, 154, 69, 0.22);
|
||||
background: rgba(17, 12, 10, 0.9);
|
||||
}
|
||||
.application.mgne.party .party-member-portrait {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
object-fit: cover;
|
||||
border-radius: 3px;
|
||||
border: 1px solid rgba(171, 139, 104, 0.25);
|
||||
}
|
||||
.application.mgne.party .party-member-name a {
|
||||
color: #ccb292;
|
||||
font-weight: 700;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
.application.mgne.party .party-member-name a:hover {
|
||||
color: #c49a45;
|
||||
}
|
||||
.application.mgne.party .party-member-hp {
|
||||
color: #dd6b2d;
|
||||
font-family: "CastorTwoMGNE", "Palatino Linotype", serif;
|
||||
font-size: 0.82rem;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
}
|
||||
.application.mgne.party .party-member-type {
|
||||
color: #7e664f;
|
||||
font-size: 0.78rem;
|
||||
font-style: italic;
|
||||
}
|
||||
.application.mgne.party .party-loot-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.25rem;
|
||||
margin-top: 0.4rem;
|
||||
}
|
||||
.application.mgne.party .party-loot-row {
|
||||
display: grid;
|
||||
grid-template-columns: 2rem 1fr 7rem 4rem;
|
||||
gap: 0.5rem;
|
||||
align-items: center;
|
||||
padding: 0.3rem 0.4rem;
|
||||
border-radius: 6px;
|
||||
}
|
||||
.application.mgne.party .party-loot-row.party-loot-header {
|
||||
color: #7e664f;
|
||||
font-size: 0.72rem;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
border-bottom: 1px solid rgba(171, 139, 104, 0.18);
|
||||
padding-bottom: 0.25rem;
|
||||
margin-bottom: 0.1rem;
|
||||
}
|
||||
.application.mgne.party .party-loot-row:not(.party-loot-header) {
|
||||
background: rgba(17, 12, 10, 0.75);
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.application.mgne.party .party-loot-row:not(.party-loot-header):hover {
|
||||
border-color: rgba(196, 154, 69, 0.22);
|
||||
background: rgba(17, 12, 10, 0.9);
|
||||
}
|
||||
.application.mgne.party .item-portrait {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
object-fit: cover;
|
||||
border-radius: 3px;
|
||||
border: 1px solid rgba(171, 139, 104, 0.25);
|
||||
}
|
||||
.application.mgne.party .item-type-label {
|
||||
color: #7e664f;
|
||||
font-size: 0.78rem;
|
||||
font-style: italic;
|
||||
}
|
||||
.application.mgne.party .party-drop-hint {
|
||||
color: rgba(126, 102, 79, 0.7);
|
||||
font-size: 0.75rem;
|
||||
font-style: italic;
|
||||
text-align: center;
|
||||
margin-top: 0.5rem;
|
||||
padding: 0.3rem;
|
||||
border: 1px dashed rgba(171, 139, 104, 0.18);
|
||||
border-radius: 6px;
|
||||
}
|
||||
.application.mgne.roll-dialog .window-content {
|
||||
padding: 0.55rem;
|
||||
background: radial-gradient(circle at top left, rgba(221, 107, 45, 0.14), transparent 26%), linear-gradient(180deg, rgba(27, 21, 18, 0.26), rgba(19, 16, 15, 0.22)), url("../assets/ui/page_background.webp") center center / cover no-repeat, linear-gradient(180deg, #1b1512, #13100f 120%);
|
||||
@@ -895,52 +1491,117 @@
|
||||
}
|
||||
.mgne-chat-card .chat-formula {
|
||||
color: #52453c;
|
||||
font-size: 0.72rem;
|
||||
font-style: italic;
|
||||
margin: 0;
|
||||
}
|
||||
.mgne-chat-card .chat-formula code {
|
||||
color: #ab8b68;
|
||||
background: rgba(19, 16, 15, 0.65);
|
||||
padding: 0.08em 0.38em;
|
||||
color: #ccb292;
|
||||
background: rgba(19, 16, 15, 0.75);
|
||||
padding: 0.1em 0.42em;
|
||||
border-radius: 3px;
|
||||
font-style: normal;
|
||||
}
|
||||
.mgne-chat-card .chat-outcome {
|
||||
.mgne-chat-card .chat-result-line {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 0.6rem;
|
||||
align-items: end;
|
||||
padding: 0.38rem 0.55rem;
|
||||
border: 1px solid rgba(196, 154, 69, 0.28);
|
||||
border-radius: 6px;
|
||||
background: rgba(19, 16, 15, 0.78);
|
||||
}
|
||||
.mgne-chat-card .chat-result-label {
|
||||
font-family: "CastorTwoMGNE", "Palatino Linotype", serif;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.08em;
|
||||
font-size: 0.62rem;
|
||||
color: #ccb292;
|
||||
}
|
||||
.mgne-chat-card .chat-result-total {
|
||||
font-family: "CastorTwoMGNE", "Palatino Linotype", serif;
|
||||
font-size: 1.08rem;
|
||||
color: #ccb292;
|
||||
}
|
||||
.mgne-chat-card .chat-outcome.has-tooltip,
|
||||
.mgne-chat-card .chat-damage-total.has-tooltip {
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
}
|
||||
.mgne-chat-card .chat-outcome.has-tooltip:hover,
|
||||
.mgne-chat-card .chat-damage-total.has-tooltip:hover {
|
||||
filter: brightness(1.12);
|
||||
}
|
||||
.mgne-chat-card .chat-outcome .chat-tooltip-icon,
|
||||
.mgne-chat-card .chat-damage-total .chat-tooltip-icon {
|
||||
opacity: 0.55;
|
||||
font-size: 0.75em;
|
||||
margin-left: 0.3rem;
|
||||
vertical-align: middle;
|
||||
transition: opacity 0.15s;
|
||||
}
|
||||
.mgne-chat-card .chat-outcome.tooltip-open .chat-tooltip-icon,
|
||||
.mgne-chat-card .chat-damage-total.tooltip-open .chat-tooltip-icon {
|
||||
opacity: 1;
|
||||
}
|
||||
.mgne-chat-card .chat-dice-tooltip {
|
||||
margin-top: 0.4rem;
|
||||
padding: 0.4rem 0.55rem;
|
||||
background: rgba(19, 16, 15, 0.85);
|
||||
border: 1px solid rgba(171, 139, 104, 0.22);
|
||||
border-radius: 6px;
|
||||
}
|
||||
.mgne-chat-card .chat-dice-tooltip .dice-roll {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.2rem;
|
||||
}
|
||||
.mgne-chat-card .chat-dice-tooltip .dice-formula {
|
||||
font-family: "Courier New", monospace;
|
||||
font-size: 0.72rem;
|
||||
color: rgba(204, 178, 146, 0.65);
|
||||
}
|
||||
.mgne-chat-card .chat-dice-tooltip .dice-tooltip {
|
||||
font-size: 0.78rem;
|
||||
}
|
||||
.mgne-chat-card .chat-dice-tooltip .dice {
|
||||
margin: 0.15rem 0;
|
||||
}
|
||||
.mgne-chat-card .chat-dice-tooltip .die-icon,
|
||||
.mgne-chat-card .chat-dice-tooltip .die-face {
|
||||
color: #c49a45;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
.mgne-chat-card .chat-dice-tooltip .part-formula {
|
||||
color: rgba(204, 178, 146, 0.7);
|
||||
font-size: 0.72rem;
|
||||
}
|
||||
.mgne-chat-card .chat-dice-tooltip .part-total {
|
||||
color: #ccb292;
|
||||
font-weight: 600;
|
||||
}
|
||||
.mgne-chat-card .chat-dice-tooltip .max {
|
||||
color: #82b0a6;
|
||||
}
|
||||
.mgne-chat-card .chat-dice-tooltip .min {
|
||||
color: #e48a59;
|
||||
}
|
||||
.mgne-chat-card .chat-dice-tooltip .dice-total {
|
||||
font-family: "CastorTwoMGNE", serif;
|
||||
font-size: 1.05rem;
|
||||
color: #c49a45;
|
||||
text-align: right;
|
||||
border-top: 1px solid rgba(171, 139, 104, 0.2);
|
||||
padding-top: 0.2rem;
|
||||
margin-top: 0.15rem;
|
||||
}
|
||||
.mgne-chat-card .chat-outcome {
|
||||
font-family: "CastorTwoMGNE", "Palatino Linotype", serif;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.08em;
|
||||
margin: 0;
|
||||
padding: 0.42rem 0.65rem 0.42rem 0.8rem;
|
||||
padding: 0.3rem 0.55rem;
|
||||
border-radius: 6px;
|
||||
background: rgba(19, 16, 15, 0.72);
|
||||
border-left: 3px solid rgba(221, 107, 45, 0.7);
|
||||
}
|
||||
.mgne-chat-card .chat-outcome-label {
|
||||
font-family: "CastorTwoMGNE", "Palatino Linotype", serif;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.1em;
|
||||
font-size: 0.88rem;
|
||||
color: #e69062;
|
||||
line-height: 1.1;
|
||||
}
|
||||
.mgne-chat-card .chat-outcome-total {
|
||||
font-family: "CastorTwoMGNE", "Palatino Linotype", serif;
|
||||
font-size: 1.7rem;
|
||||
line-height: 1;
|
||||
color: rgba(204, 178, 146, 0.88);
|
||||
text-shadow: 0 0 18px rgba(221, 107, 45, 0.18);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.mgne-chat-card .chat-damage-total {
|
||||
text-align: center;
|
||||
font-family: "CastorTwoMGNE", "Palatino Linotype", serif;
|
||||
font-size: 2.2rem;
|
||||
line-height: 1;
|
||||
color: #e38450;
|
||||
text-shadow: 0 0 20px rgba(183, 70, 31, 0.3);
|
||||
padding: 0.3rem 0;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
.mgne-chat-card .chat-special {
|
||||
padding: 0.42rem 0.55rem;
|
||||
@@ -948,26 +1609,6 @@
|
||||
background: rgba(17, 12, 10, 0.85);
|
||||
color: #ccb292;
|
||||
}
|
||||
.mgne-chat-card .chat-omen-remind {
|
||||
padding: 0.38rem 0.55rem;
|
||||
border-left: 3px solid rgba(196, 154, 69, 0.6);
|
||||
background: rgba(30, 22, 8, 0.82);
|
||||
color: #c9a84c;
|
||||
font-size: 0.75rem;
|
||||
margin: 0;
|
||||
font-style: italic;
|
||||
}
|
||||
.mgne-chat-card .chat-omen-neutralize {
|
||||
border-left-color: rgba(79, 125, 115, 0.7);
|
||||
color: #9bc0b8;
|
||||
}
|
||||
.mgne-chat-card .chat-omen-used {
|
||||
padding: 0.28rem 0.55rem;
|
||||
color: #c9a84c;
|
||||
font-size: 0.74rem;
|
||||
margin: 0;
|
||||
font-style: italic;
|
||||
}
|
||||
.mgne-chat-card.outcome-critical-success,
|
||||
.mgne-chat-card.outcome-success,
|
||||
.mgne-chat-card.outcome-steady {
|
||||
@@ -976,18 +1617,8 @@
|
||||
.mgne-chat-card.outcome-critical-success .chat-outcome,
|
||||
.mgne-chat-card.outcome-success .chat-outcome,
|
||||
.mgne-chat-card.outcome-steady .chat-outcome {
|
||||
border-left-color: rgba(79, 125, 115, 0.8);
|
||||
}
|
||||
.mgne-chat-card.outcome-critical-success .chat-outcome-label,
|
||||
.mgne-chat-card.outcome-success .chat-outcome-label,
|
||||
.mgne-chat-card.outcome-steady .chat-outcome-label {
|
||||
color: #9bc0b8;
|
||||
}
|
||||
.mgne-chat-card.outcome-critical-success .chat-outcome-total,
|
||||
.mgne-chat-card.outcome-success .chat-outcome-total,
|
||||
.mgne-chat-card.outcome-steady .chat-outcome-total {
|
||||
color: rgba(155, 192, 184, 0.9);
|
||||
text-shadow: 0 0 18px rgba(79, 125, 115, 0.3);
|
||||
border-left-color: rgba(79, 125, 115, 0.8);
|
||||
}
|
||||
.mgne-chat-card.outcome-failure,
|
||||
.mgne-chat-card.outcome-broken,
|
||||
@@ -997,15 +1628,11 @@
|
||||
.mgne-chat-card.outcome-failure .chat-outcome,
|
||||
.mgne-chat-card.outcome-broken .chat-outcome,
|
||||
.mgne-chat-card.outcome-fumble .chat-outcome {
|
||||
color: #eaa37c;
|
||||
border-left-color: rgba(221, 107, 45, 0.8);
|
||||
}
|
||||
.mgne-chat-card.outcome-failure .chat-outcome-label,
|
||||
.mgne-chat-card.outcome-broken .chat-outcome-label,
|
||||
.mgne-chat-card.outcome-fumble .chat-outcome-label {
|
||||
color: #eaa37c;
|
||||
}
|
||||
.mgne-chat-card.mode-apply-damage .chat-damage-total,
|
||||
.mgne-chat-card.mode-damage .chat-damage-total {
|
||||
.mgne-chat-card.mode-apply-damage .chat-result-total,
|
||||
.mgne-chat-card.mode-damage .chat-result-total {
|
||||
color: #e38450;
|
||||
}
|
||||
.mgne-chat-card .chat-card-actions {
|
||||
|
||||
Reference in New Issue
Block a user