New combat management and various improvments
All checks were successful
Release Creation / build (release) Successful in 48s
All checks were successful
Release Creation / build (release) Successful in 48s
This commit is contained in:
275
styles/chat.less
275
styles/chat.less
@@ -39,3 +39,278 @@
|
||||
font-family: var(--font-secondary);
|
||||
font-size: calc(var(--font-size-standard) * 1.2);
|
||||
}
|
||||
.defense-request {
|
||||
padding: 12px;
|
||||
background: linear-gradient(to bottom, #3a3930 0%, #2a2920 100%);
|
||||
border: 2px solid #d4af37;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
|
||||
|
||||
h3 {
|
||||
margin: 0 0 10px 0;
|
||||
color: #d4af37;
|
||||
font-size: calc(var(--font-size-standard) * 1.1);
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
|
||||
i {
|
||||
margin-right: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 8px 0;
|
||||
color: #f0e6d2;
|
||||
font-size: calc(var(--font-size-standard) * 0.95);
|
||||
line-height: 1.4;
|
||||
|
||||
strong {
|
||||
color: #d4af37;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
.defense-prompt {
|
||||
margin-top: 12px;
|
||||
padding: 8px;
|
||||
background: rgba(212, 175, 55, 0.1);
|
||||
border-left: 3px solid #d4af37;
|
||||
border-radius: 4px;
|
||||
font-weight: 600;
|
||||
color: #d4af37;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.defense-request-dialog {
|
||||
.attack-info {
|
||||
padding: 12px;
|
||||
background: linear-gradient(to bottom, rgba(42, 41, 32, 0.8) 0%, rgba(26, 25, 16, 0.9) 100%);
|
||||
border: 1px solid rgba(212, 175, 55, 0.5);
|
||||
border-radius: 6px;
|
||||
margin-bottom: 16px;
|
||||
|
||||
p {
|
||||
margin: 6px 0;
|
||||
color: #f0e6d2;
|
||||
font-size: calc(var(--font-size-standard) * 0.95);
|
||||
|
||||
strong {
|
||||
color: #d4af37;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.weapon-selection {
|
||||
label {
|
||||
display: block;
|
||||
margin-bottom: 8px;
|
||||
color: #d4af37;
|
||||
font-weight: 600;
|
||||
font-size: calc(var(--font-size-standard) * 0.95);
|
||||
}
|
||||
|
||||
select {
|
||||
width: 100%;
|
||||
padding: 8px 12px;
|
||||
background: #3a3930 !important;
|
||||
border: 1px solid #d4af37;
|
||||
border-radius: 4px;
|
||||
color: #ffffff !important;
|
||||
font-size: calc(var(--font-size-standard) * 0.95);
|
||||
cursor: pointer;
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
border-color: #f0e6d2;
|
||||
box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.3);
|
||||
}
|
||||
|
||||
option {
|
||||
background: #3a3930 !important;
|
||||
color: #ffffff !important;
|
||||
padding: 6px;
|
||||
|
||||
&:checked,
|
||||
&:hover {
|
||||
background: #4a4940 !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.grit-luck-dialog {
|
||||
.combat-status {
|
||||
padding: 12px;
|
||||
background: linear-gradient(to bottom, rgba(42, 41, 32, 0.8) 0%, rgba(26, 25, 16, 0.9) 100%);
|
||||
border: 1px solid rgba(212, 175, 55, 0.5);
|
||||
border-radius: 6px;
|
||||
margin-bottom: 16px;
|
||||
|
||||
p {
|
||||
margin: 6px 0;
|
||||
color: #f0e6d2;
|
||||
font-size: calc(var(--font-size-standard) * 0.95);
|
||||
|
||||
strong {
|
||||
color: #d4af37;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
.bonus-info {
|
||||
color: #90EE90;
|
||||
font-style: italic;
|
||||
margin-top: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.offer-text {
|
||||
color: #f0e6d2;
|
||||
font-size: calc(var(--font-size-standard) * 1);
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.attack-result {
|
||||
padding: 16px;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
|
||||
margin: 8px 0;
|
||||
|
||||
&.attack-success {
|
||||
background: linear-gradient(to bottom, rgba(139, 0, 0, 0.2) 0%, rgba(100, 0, 0, 0.3) 100%);
|
||||
border: 2px solid rgba(220, 20, 60, 0.6);
|
||||
}
|
||||
|
||||
&.attack-failure {
|
||||
background: linear-gradient(to bottom, rgba(0, 100, 139, 0.2) 0%, rgba(0, 70, 100, 0.3) 100%);
|
||||
border: 2px solid rgba(70, 130, 180, 0.6);
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin: 0 0 16px 0;
|
||||
color: #d4af37;
|
||||
font-size: calc(var(--font-size-standard) * 1.2);
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
|
||||
i {
|
||||
margin-right: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.combat-comparison {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
margin-bottom: 16px;
|
||||
padding: 12px;
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
border-radius: 6px;
|
||||
|
||||
.combat-side {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
padding: 12px;
|
||||
border-radius: 6px;
|
||||
|
||||
&.winner {
|
||||
background: rgba(0, 255, 0, 0.1);
|
||||
border: 2px solid rgba(0, 255, 0, 0.4);
|
||||
}
|
||||
|
||||
&.loser {
|
||||
background: rgba(255, 0, 0, 0.1);
|
||||
border: 2px solid rgba(255, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.side-label {
|
||||
font-size: calc(var(--font-size-standard) * 0.8);
|
||||
color: #aaa;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.side-name {
|
||||
font-size: calc(var(--font-size-standard) * 1);
|
||||
color: #f0e6d2;
|
||||
font-weight: 600;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.side-roll {
|
||||
font-size: calc(var(--font-size-standard) * 1.5);
|
||||
color: #d4af37;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
|
||||
.combat-vs {
|
||||
font-size: calc(var(--font-size-standard) * 1.2);
|
||||
color: #d4af37;
|
||||
font-weight: 700;
|
||||
padding: 0 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.combat-result-text {
|
||||
text-align: center;
|
||||
font-size: calc(var(--font-size-standard) * 1.1);
|
||||
color: #f0e6d2;
|
||||
margin-bottom: 16px;
|
||||
padding: 12px;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
border-radius: 6px;
|
||||
|
||||
i {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
strong {
|
||||
color: #d4af37;
|
||||
}
|
||||
}
|
||||
|
||||
.attack-result-damage {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
justify-content: center;
|
||||
|
||||
.roll-damage-btn {
|
||||
padding: 10px 16px;
|
||||
background: linear-gradient(to bottom, #8b0000 0%, #660000 100%);
|
||||
border: 1px solid #ff0000;
|
||||
border-radius: 6px;
|
||||
color: #f0e6d2;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s ease;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
|
||||
|
||||
&:hover {
|
||||
background: linear-gradient(to bottom, #a00000 0%, #7b0000 100%);
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
&:active {
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
i {
|
||||
margin-right: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
1084
styles/roll.less
1084
styles/roll.less
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user