Update candela-obscura-pt-br.css

Remove tables from roll templates
This commit is contained in:
Orla do Dragão
2026-06-17 18:36:31 -03:00
committed by GitHub
parent 9909c811f4
commit 2272a78360
@@ -762,3 +762,239 @@ button[type="roll"]::before {
line-height: 1.35;
}
/* ================= ROLL TEMPLATE CANDELA CARD - SEM TABLES ================= */
/* Bloco revisado para o template candela_card. Mantém o layout sem <table>. */
.sheet-rolltemplate-candela_card .sheet-candela-card {
border: 1px solid #c4a464;
background: #0c0c0c;
width: 280px;
border-radius: 8px;
overflow: hidden;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
box-shadow: 0 4px 6px rgba(0,0,0,0.5);
margin-bottom: 10px;
color: #ffffff;
}
.sheet-rolltemplate-candela_card .sheet-candela-card-header {
border-bottom: 1px solid #c4a464;
padding: 8px 12px;
min-height: 42px;
box-sizing: border-box;
overflow: hidden;
}
.sheet-rolltemplate-candela_card .sheet-candela-card-action {
display: inline-block;
width: 58%;
vertical-align: top;
text-align: left;
font-size: 16px;
font-weight: bold;
color: #c4a464;
text-transform: uppercase;
line-height: 1.2;
}
.sheet-rolltemplate-candela_card .sheet-candela-card-char {
display: inline-block;
width: 40%;
vertical-align: top;
text-align: right;
font-size: 13px;
font-weight: bold;
color: #888888;
line-height: 1.2;
}
.sheet-rolltemplate-candela_card .sheet-candela-card-desc {
text-align: center;
font-style: italic;
padding: 8px;
font-size: 13px;
color: #cccccc;
}
.sheet-rolltemplate-candela_card .sheet-candela-dice-area {
padding: 10px 8px;
text-align: center;
}
.sheet-rolltemplate-candela_card .sheet-candela-dice-row,
.sheet-rolltemplate-candela_card .sheet-candela-label-row {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 2%;
}
.sheet-rolltemplate-candela_card .sheet-candela-dice-col {
flex: 0 0 49%;
text-align: center;
box-sizing: border-box;
}
.sheet-rolltemplate-candela_card .sheet-candela-dice-gap {
display: none !important;
}
.sheet-rolltemplate-candela_card .sheet-candela-dice-col-full {
display: block;
width: 128px;
margin: 0 auto;
text-align: center;
box-sizing: border-box;
}
.sheet-rolltemplate-candela_card .sheet-candela-dice-box {
width: 100%;
height: 88px;
border-radius: 4px;
box-sizing: border-box;
overflow: hidden;
text-align: center;
font-size: 0;
white-space: normal;
}
.sheet-rolltemplate-candela_card .sheet-candela-dice-box-normal {
background: #1a1a1a;
border: 1px solid #555555;
}
.sheet-rolltemplate-candela_card .sheet-candela-dice-box-gold {
background: #2a2211;
border: 1px solid #c4a464;
box-shadow: 0 0 5px rgba(196,164,100,0.3);
}
/* 1, 2 ou 3 dados: centralizados verticalmente */
.sheet-rolltemplate-candela_card .sheet-candela-dice-box-1,
.sheet-rolltemplate-candela_card .sheet-candela-dice-box-2,
.sheet-rolltemplate-candela_card .sheet-candela-dice-box-3 {
line-height: 88px;
padding-top: 0;
}
.sheet-rolltemplate-candela_card .sheet-candela-die {
display: inline-block;
width: 32px;
height: 32px;
line-height: 28px;
text-align: center;
margin: 4px 3px;
padding: 0;
border-radius: 6px;
font-size: 22px;
font-weight: bold;
vertical-align: middle;
box-sizing: border-box;
}
.sheet-rolltemplate-candela_card .sheet-candela-die-normal {
border: 2px solid #777777;
background: #000000;
color: #ffffff;
}
.sheet-rolltemplate-candela_card .sheet-candela-die-gold {
border: 2px solid #c4a464;
background: #1a1405;
color: #c4a464;
box-shadow: 0 0 5px rgba(196,164,100,0.8);
}
.sheet-rolltemplate-candela_card .sheet-candela-dice-label {
display: inline-block;
margin-top: 6px;
font-size: 10px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
line-height: normal;
}
.sheet-rolltemplate-candela_card .sheet-candela-label-normal {
color: #ffffff;
}
.sheet-rolltemplate-candela_card .sheet-candela-label-gold {
color: #c4a464;
}
.sheet-rolltemplate-candela_card .sheet-candela-zero-warning {
font-size: 9px;
color: #e57373;
margin-top: 2px;
font-weight: bold;
text-align: center;
line-height: normal;
}
.sheet-rolltemplate-candela_card .sheet-candela-result {
padding: 8px;
font-size: 14px;
text-align: center;
font-weight: bold;
border-top: 1px solid;
text-transform: uppercase;
}
.sheet-rolltemplate-candela_card .sheet-candela-result-total,
.sheet-rolltemplate-candela_card .sheet-candela-result-crit {
background: #1e3b22;
border-top-color: #81c784;
color: #81c784;
}
.sheet-rolltemplate-candela_card .sheet-candela-result-partial {
background: #3b3212;
border-top-color: #f2d06b;
color: #f2d06b;
}
.sheet-rolltemplate-candela_card .sheet-candela-result-fail {
background: #3b1212;
border-top-color: #e57373;
color: #e57373;
}
.sheet-rolltemplate-candela_card .sheet-candela-dice-box-4,
.sheet-rolltemplate-candela_card .sheet-candela-dice-box-5,
.sheet-rolltemplate-candela_card .sheet-candela-dice-box-6 {
padding-top: 10px !important;
line-height: normal !important;
}
.sheet-rolltemplate-candela_card .sheet-candela-dice-box-4 .sheet-candela-die,
.sheet-rolltemplate-candela_card .sheet-candela-dice-box-5 .sheet-candela-die,
.sheet-rolltemplate-candela_card .sheet-candela-dice-box-6 .sheet-candela-die {
width: 28px !important;
height: 28px !important;
line-height: 24px !important;
margin: 3px 1px !important;
padding: 0 !important;
font-size: 20px !important;
}
.sheet-rolltemplate-candela_card .sheet-candela-dice-col {
width: 49% !important;
}
/* Quando so existe uma caixa, ela pode ficar mais larga e manter 3 dados por linha. */
.sheet-rolltemplate-candela_card .sheet-candela-dice-col-full {
width: 150px !important;
}
.sheet-rolltemplate-candela_card .sheet-candela-dice-break {
display: block !important;
height: 0 !important;
line-height: 0 !important;
font-size: 0 !important;
margin: 0 !important;
padding: 0 !important;
clear: both !important;
}