diff --git a/Candela-Obscura-PT-BR/candela-obscura-pt-br.css b/Candela-Obscura-PT-BR/candela-obscura-pt-br.css index d732a3efd0..cba28cec12 100644 --- a/Candela-Obscura-PT-BR/candela-obscura-pt-br.css +++ b/Candela-Obscura-PT-BR/candela-obscura-pt-br.css @@ -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 . */ + +.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; +}