Rework des fiches creature/PJ et Tinji/Loksyu
This commit is contained in:
@@ -986,9 +986,11 @@ section.npc .cde-neon-tabs .item.active {
|
||||
gap: 6px;
|
||||
padding: 6px 8px 4px;
|
||||
border-top: 1px solid #1a2436;
|
||||
pointer-events: auto;
|
||||
}
|
||||
.cde-chat-app-buttons .cde-chat-btn {
|
||||
flex: 1 1 0;
|
||||
pointer-events: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -1024,19 +1026,25 @@ section.npc .cde-neon-tabs .item.active {
|
||||
padding: 12px;
|
||||
}
|
||||
.cde-loksyu-standalone .cde-loksyu-elements {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
margin-bottom: 12px;
|
||||
justify-content: center;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.cde-loksyu-standalone .cde-lok-card {
|
||||
flex: 0 0 calc(33.333% - 6px);
|
||||
min-width: 140px;
|
||||
max-width: 160px;
|
||||
background: rgba(16, 22, 34, 0.8);
|
||||
border: 1px solid #1a2436;
|
||||
border-radius: 6px;
|
||||
padding: 8px 6px;
|
||||
padding: 10px 8px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
transition: border-color 0.2s;
|
||||
}
|
||||
.cde-loksyu-standalone .cde-lok-card--wood:hover {
|
||||
@@ -1151,8 +1159,10 @@ section.npc .cde-neon-tabs .item.active {
|
||||
margin: 6px 0;
|
||||
}
|
||||
.cde-loksyu-standalone .cde-loksyu-visual-row .cde-lok-visual {
|
||||
max-width: 100%;
|
||||
max-height: 80px;
|
||||
max-width: 120px;
|
||||
max-height: 160px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
opacity: 0.6;
|
||||
}
|
||||
.cde-loksyu-standalone .cde-lok-footer {
|
||||
@@ -1201,11 +1211,12 @@ section.npc .cde-neon-tabs .item.active {
|
||||
font-family: serif;
|
||||
}
|
||||
.cde-tinji-standalone .cde-tinji-label {
|
||||
font-size: 10px;
|
||||
font-size: 11px;
|
||||
font-family: "Orbitron", sans-serif;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.12em;
|
||||
color: #7d94b8;
|
||||
color: #e2e8f4;
|
||||
opacity: 0.75;
|
||||
}
|
||||
.cde-tinji-standalone .cde-tinji-counter {
|
||||
display: flex;
|
||||
@@ -1214,12 +1225,12 @@ section.npc .cde-neon-tabs .item.active {
|
||||
margin: 4px 0;
|
||||
}
|
||||
.cde-tinji-standalone .cde-tinji-step {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
background: #101622;
|
||||
border: 1px solid #1a2436;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: #0d1520;
|
||||
border: 1px solid #263853;
|
||||
border-radius: 50%;
|
||||
color: #7d94b8;
|
||||
color: #e2e8f4;
|
||||
font-size: 18px;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
@@ -1230,9 +1241,9 @@ section.npc .cde-neon-tabs .item.active {
|
||||
padding: 0;
|
||||
}
|
||||
.cde-tinji-standalone .cde-tinji-step:hover {
|
||||
background: rgba(255, 61, 90, 0.15);
|
||||
background: rgba(255, 61, 90, 0.25);
|
||||
border-color: #ff3d5a;
|
||||
color: #ff3d5a;
|
||||
color: #e2e8f4;
|
||||
}
|
||||
.cde-tinji-standalone .cde-tinji-direct {
|
||||
width: 72px;
|
||||
@@ -1268,58 +1279,247 @@ section.npc .cde-neon-tabs .item.active {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
padding: 5px 12px;
|
||||
padding: 6px 12px;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s;
|
||||
letter-spacing: 0.03em;
|
||||
}
|
||||
.cde-tinji-standalone .cde-tinji-spend-btn {
|
||||
background: rgba(255, 61, 90, 0.15);
|
||||
background: rgba(255, 61, 90, 0.25);
|
||||
border: 1px solid #ff3d5a;
|
||||
color: #ff3d5a;
|
||||
color: #e2e8f4;
|
||||
}
|
||||
.cde-tinji-standalone .cde-tinji-spend-btn:hover {
|
||||
background: rgba(255, 61, 90, 0.3);
|
||||
background: rgba(255, 61, 90, 0.45);
|
||||
border-color: #ff7085;
|
||||
}
|
||||
.cde-tinji-standalone .cde-tinji-spend-btn[disabled] {
|
||||
opacity: 0.4;
|
||||
opacity: 0.55;
|
||||
cursor: not-allowed;
|
||||
pointer-events: none;
|
||||
}
|
||||
.cde-tinji-standalone .cde-tinji-reset-btn {
|
||||
background: #101622;
|
||||
border: 1px solid #1a2436;
|
||||
color: #7d94b8;
|
||||
background: #0d1520;
|
||||
border: 1px solid #263853;
|
||||
color: #e2e8f4;
|
||||
opacity: 0.85;
|
||||
}
|
||||
.cde-tinji-standalone .cde-tinji-reset-btn:hover {
|
||||
border-color: #e2e8f4;
|
||||
color: #e2e8f4;
|
||||
opacity: 1;
|
||||
}
|
||||
.cde-tinji-standalone .cde-tinji-visual {
|
||||
width: 90px;
|
||||
height: auto;
|
||||
opacity: 0.6;
|
||||
opacity: 0.85;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.cde-tinji-spend-msg {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
font-size: 12px;
|
||||
padding: 6px 8px;
|
||||
background: rgba(255, 61, 90, 0.08);
|
||||
border-left: 3px solid #ff3d5a;
|
||||
gap: 8px;
|
||||
font-size: 13px;
|
||||
padding: 8px 10px;
|
||||
background: rgba(255, 61, 90, 0.18);
|
||||
border: 1px solid rgba(255, 61, 90, 0.35);
|
||||
border-left: 4px solid #ff3d5a;
|
||||
border-radius: 4px;
|
||||
color: #e2e8f4;
|
||||
}
|
||||
.cde-tinji-spend-msg .cde-tinji-icon {
|
||||
font-size: 18px;
|
||||
color: #ff3d5a;
|
||||
text-shadow: 0 0 6px rgba(255, 61, 90, 0.7);
|
||||
flex-shrink: 0;
|
||||
font-weight: 700;
|
||||
line-height: 1;
|
||||
}
|
||||
.cde-tinji-spend-msg i {
|
||||
color: #ff3d5a;
|
||||
font-size: 15px;
|
||||
filter: drop-shadow(0 0 4px rgba(255, 61, 90, 0.6));
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.cde-tinji-spend-msg strong {
|
||||
color: #ff3d5a;
|
||||
font-size: 13px;
|
||||
letter-spacing: 0.02em;
|
||||
}
|
||||
.cde-tinji-spend-msg .cde-tinji-remain {
|
||||
margin-left: auto;
|
||||
font-size: 11px;
|
||||
color: rgba(226, 232, 244, 0.65);
|
||||
font-style: italic;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.cde-loksyu-draw-msg {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 5px;
|
||||
font-size: 12px;
|
||||
padding: 9px 11px;
|
||||
background: linear-gradient(135deg, rgba(0, 212, 212, 0.1) 0%, rgba(16, 22, 34, 0.95) 100%);
|
||||
border: 1px solid rgba(0, 212, 212, 0.4);
|
||||
border-left: 4px solid #00d4d4;
|
||||
border-radius: 5px;
|
||||
color: #e2e8f4;
|
||||
box-shadow: 0 2px 8px rgba(0, 212, 212, 0.12);
|
||||
}
|
||||
.cde-loksyu-draw-msg .cde-loksyu-draw-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
gap: 5px;
|
||||
font-size: 13px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
.cde-loksyu-draw-msg .cde-loksyu-draw-aspect-icon {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
object-fit: contain;
|
||||
filter: drop-shadow(0 0 4px rgba(0, 212, 212, 0.6));
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.cde-loksyu-draw-msg .cde-loksyu-draw-user {
|
||||
font-weight: 700;
|
||||
color: #00d4d4;
|
||||
letter-spacing: 0.03em;
|
||||
}
|
||||
.cde-loksyu-draw-msg .cde-loksyu-draw-action {
|
||||
color: rgba(226, 232, 244, 0.65);
|
||||
font-size: 12px;
|
||||
font-style: italic;
|
||||
}
|
||||
.cde-loksyu-draw-msg .cde-loksyu-draw-type {
|
||||
font-weight: 700;
|
||||
font-size: 13px;
|
||||
color: #c9a227;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
text-shadow: 0 0 6px rgba(201, 162, 39, 0.4);
|
||||
}
|
||||
.cde-loksyu-draw-msg .cde-loksyu-draw-from {
|
||||
color: rgba(226, 232, 244, 0.6);
|
||||
font-size: 11px;
|
||||
}
|
||||
.cde-loksyu-draw-msg .cde-loksyu-draw-from em {
|
||||
color: #00d4d4;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
}
|
||||
.cde-loksyu-draw-msg .cde-loksyu-draw-footer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
font-size: 11px;
|
||||
color: rgba(226, 232, 244, 0.55);
|
||||
padding-top: 4px;
|
||||
border-top: 1px solid rgba(0, 212, 212, 0.2);
|
||||
}
|
||||
.cde-loksyu-draw-msg .cde-loksyu-draw-footer i {
|
||||
color: #00d4d4;
|
||||
font-size: 10px;
|
||||
color: #7d94b8;
|
||||
}
|
||||
.cde-loksyu-draw-msg .cde-loksyu-draw-footer .cde-loksyu-remain {
|
||||
color: #00d4d4;
|
||||
font-weight: 700;
|
||||
}
|
||||
.cde-roll-actions {
|
||||
margin-top: 10px;
|
||||
padding-top: 8px;
|
||||
border-top: 1px solid rgba(26, 36, 54, 0.6);
|
||||
}
|
||||
.cde-roll-actions .cde-roll-actions-title {
|
||||
font-size: 10px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.08em;
|
||||
color: rgba(226, 232, 244, 0.5);
|
||||
margin-bottom: 6px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
}
|
||||
.cde-roll-actions .cde-roll-actions-title i {
|
||||
font-size: 9px;
|
||||
}
|
||||
.cde-roll-actions .cde-roll-actions-btns {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 5px;
|
||||
}
|
||||
.cde-roll-actions .cde-roll-action-btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
padding: 4px 8px;
|
||||
font-size: 11px;
|
||||
font-family: "Courier New", Courier, monospace;
|
||||
border-radius: 3px;
|
||||
border: 1px solid rgba(26, 36, 54, 0.8);
|
||||
background: rgba(16, 22, 34, 0.9);
|
||||
color: #e2e8f4;
|
||||
cursor: pointer;
|
||||
transition: background 0.15s, border-color 0.15s, box-shadow 0.15s;
|
||||
pointer-events: auto;
|
||||
line-height: 1.4;
|
||||
}
|
||||
.cde-roll-actions .cde-roll-action-btn:hover:not(:disabled) {
|
||||
border-color: rgba(0, 212, 212, 0.7);
|
||||
background: rgba(0, 212, 212, 0.12);
|
||||
box-shadow: 0 0 6px rgba(0, 212, 212, 0.25);
|
||||
color: #00d4d4;
|
||||
}
|
||||
.cde-roll-actions .cde-roll-action-btn:disabled {
|
||||
opacity: 0.35;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.cde-roll-actions .cde-roll-action-btn .cde-roll-action-icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
object-fit: contain;
|
||||
filter: drop-shadow(0 0 2px rgba(0, 212, 212, 0.4));
|
||||
}
|
||||
.cde-roll-actions .cde-roll-action-btn .cde-roll-action-label {
|
||||
flex: 1;
|
||||
}
|
||||
.cde-roll-actions .cde-roll-action-btn .cde-roll-action-count {
|
||||
background: rgba(26, 36, 54, 0.6);
|
||||
border-radius: 2px;
|
||||
padding: 1px 4px;
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
min-width: 18px;
|
||||
text-align: center;
|
||||
}
|
||||
.cde-roll-actions .cde-roll-action-btn .cde-roll-action-tinji-char {
|
||||
font-size: 14px;
|
||||
line-height: 1;
|
||||
color: #ff3d5a;
|
||||
text-shadow: 0 0 4px rgba(255, 61, 90, 0.6);
|
||||
}
|
||||
.cde-roll-actions .cde-roll-action-btn.cde-roll-action--success:hover:not(:disabled) {
|
||||
border-color: rgba(201, 162, 39, 0.7);
|
||||
background: rgba(201, 162, 39, 0.1);
|
||||
box-shadow: 0 0 6px rgba(201, 162, 39, 0.25);
|
||||
color: #c9a227;
|
||||
}
|
||||
.cde-roll-actions .cde-roll-action-btn.cde-roll-action--faste:hover:not(:disabled) {
|
||||
border-color: rgba(0, 212, 212, 0.7);
|
||||
background: rgba(0, 212, 212, 0.1);
|
||||
box-shadow: 0 0 6px rgba(0, 212, 212, 0.25);
|
||||
color: #00d4d4;
|
||||
}
|
||||
.cde-roll-actions .cde-roll-action-btn.cde-roll-action--tinji:hover:not(:disabled) {
|
||||
border-color: rgba(255, 61, 90, 0.7);
|
||||
background: rgba(255, 61, 90, 0.12);
|
||||
box-shadow: 0 0 6px rgba(255, 61, 90, 0.3);
|
||||
color: #ff3d5a;
|
||||
}
|
||||
.cde-roll-actions .cde-roll-action-btn.cde-roll-action--tinji:hover:not(:disabled) .cde-roll-action-count {
|
||||
background: rgba(255, 61, 90, 0.25);
|
||||
}
|
||||
.cde-loksyu-grid {
|
||||
display: grid;
|
||||
@@ -3189,6 +3389,38 @@ ol.item-list li.item .item-controls a.item-control:hover {
|
||||
letter-spacing: 0.1em;
|
||||
color: #7d94b8;
|
||||
}
|
||||
.cde-roll-result .cde-rr-hero .cde-rr-loksyu-bonus {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 3px;
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
padding: 2px 6px;
|
||||
border-radius: 3px;
|
||||
animation: cde-pulse-in 0.3s ease;
|
||||
}
|
||||
.cde-roll-result .cde-rr-hero .cde-rr-loksyu-bonus.cde-rr-loksyu-bonus--success {
|
||||
background: rgba(201, 162, 39, 0.2);
|
||||
border: 1px solid rgba(201, 162, 39, 0.5);
|
||||
color: #c9a227;
|
||||
text-shadow: 0 0 6px rgba(201, 162, 39, 0.6);
|
||||
}
|
||||
.cde-roll-result .cde-rr-hero .cde-rr-loksyu-bonus.cde-rr-loksyu-bonus--faste {
|
||||
background: rgba(0, 212, 212, 0.15);
|
||||
border: 1px solid rgba(0, 212, 212, 0.4);
|
||||
color: #00d4d4;
|
||||
text-shadow: 0 0 6px rgba(0, 212, 212, 0.5);
|
||||
}
|
||||
@keyframes cde-pulse-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: scale(0.7);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
.cde-roll-result .cde-rr-details {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -3212,6 +3444,17 @@ ol.item-list li.item .item-controls a.item-control:hover {
|
||||
text-align: center;
|
||||
text-shadow: 0 0 6px currentColor;
|
||||
}
|
||||
.cde-roll-result .cde-rr-row .cde-rr-loksyu-bonus {
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
padding: 1px 4px;
|
||||
border-radius: 2px;
|
||||
background: rgba(0, 212, 212, 0.15);
|
||||
border: 1px solid rgba(0, 212, 212, 0.4);
|
||||
color: #00d4d4;
|
||||
text-shadow: 0 0 4px rgba(0, 212, 212, 0.5);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.cde-roll-result .cde-rr-row .cde-rr-icon {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
|
||||
Reference in New Issue
Block a user