Nighthawk/roll20-character-sheets
1
0
Fork 0
mirror of https://github.com/Nighthawk42/roll20-character-sheets.git synced 2026-08-30 19:52:29 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
fcd1def69752e4e94de164b3d14432b2c2ce0ae8
roll20-character-sheets/Daemon Exilia/Exilia.css
T
Sistema Daemon a7fe8ee027 Update Exilia.css 
Correção de conflitos
2025-04-15 19:57:24 -03:00

1728 lines
41 KiB
CSS
Raw Blame History

/*Importa e define a fonte*/
@font-face {
font-family: "Round Style Basic";
src:url("https://candyfonts.com/wp-data/2018/10/09/228/RoundStyleBasic.ttf") format("woff"),
format("truetype");
font-weight: normal;
font-style: normal;
}
* {
font-family: "round-style-Basic";
}
/*Estilo para toda a ficha*/
.charsheet {
background-color: #F5F5F5;
width: 804px;
background-repeat: repeat;
background-size: cover;
border: solid 3px black;
color: transparent;
margin-left: 20px;
}
.sheet-principal {
margin: 0 auto;
font-size: 13px;
color: black;
width: 800px;
background-repeat: no-repeat;
background-size: cover;
column-gap: 22px;
grid-template-columns: 516px 312px;
min-height: 1200px
}
/*Estilo das linhas de divisão com dragão*/
.sheet-linha-de-divisao-dragao {
margin-top: 50px;
background-image: url(https://i.imgur.com/NTZLN33.png);
background-size: 800px 65px;
background-repeat: no-repeat;
width: 800px;
height: 70px;
text-align: center;
position: relative;
}
.sheet-linha-de-divisao-dragao h3 {
padding-top: 35px;
}
.sheet-linha-de-divisao-menor-dragao {
margin-top:10px;
margin-bottom: 10px;
background-image: url(https://i.imgur.com/NTZLN33.png);
background-size: 800px 65px;
background-repeat: no-repeat;
width: 800px;
height: 60px;
text-align: center;
position: relative;
}
.sheet-linha-de-divisao-menor-dragao h3 {
padding-top: 35px;
}
/*Estilo das linhas de divisão do final da pagina*/
.sheet-linha-de-divisao-final {
margin-top: 50px;
margin-bottom: 10px;
background-image: url(https://i.imgur.com/Eh99AH2.png);
background-size: 798px 64px;
background-repeat: no-repeat;
width: 800px;
height: 100px;
text-align: center;
position: relative;
}
/*Posição do logo*/
.sheet-logo {
width: 200px;
height: 185px;
float: right;
}
/*Primeira linha do cabeçalho*/
.sheet-cabecalho {
margin-top: 1%;
display: grid;
width: 600px;
height: 100px;
grid-template-columns: 100px 100px left;
column-gap: 23.5px;
}
/*Segunda e terceira linha do cabeçalho*/
.sheet-cabecalho-2 {
margin-top: -7.1%;
}
/*Estilo do texto do cabeçalho*/
.sheet-entrada-com-texto {
display: flex;
flex-direction: column
}
.sheet-entrada-com-texto input {
width: 100%;
height: 24px;
border: 0;
background-color: transparent;
border-bottom: solid 2px black;
line-height: 24px;
padding-left: 2px;
padding-right: 2px
}
.sheet-entrada-com-texto span {
display: block;
padding-top: 2px;
padding-left: 2px;
width: 100%;
font-size: 11.7px;
font-weight: bold;
text-transform: uppercase
}
/*Posição das Linhas do Cabeçalho*/
.linhas-cabecalho {
padding-top: 0px;
}
.sheet-topo-do-cabecalho {
width: 185px;
grid-row: 1;
}
.linhas-abaixo {
width: 135px;
}
.sheet-meio-do-cabecalho {
grid-row: 2;
}
.sheet-baixo-do-cabecalho {
grid-row: 3;
}
/*Posição dos botões*/
.sheet-botoes{
margin-top:10px;
margin-bottom:-50px;
}
/*Botões troca pagina*/
.sheet-pagina {
display: none;
}
.sheet-troca-pagina[value="botao-troca-personagem"] ~ .sheet-pagina-personagem,
.sheet-troca-pagina[value="botao-troca-habilidades"] ~ .sheet-pagina-habilidades,
.sheet-troca-pagina[value="botao-troca-magia"] ~ .sheet-pagina-magia,
.sheet-troca-pagina[value="botao-troca-equipamentos"] ~ .sheet-pagina-equipamentos {
display: block;
}
/*Estilo Botões*/
.sheet-botao h4 {
color: #FFFFFF;
position: center;
padding-left: 22px;
font-size: 13px;
}
button[type="action"].sheet-botao:hover h4 {
text-shadow: 0 0 10px #FF9601, 0 0 20px #FF9601, 0 0 40px #FF9601;
color: #fff
}
/*Imagem botão 1*/
button[type="action"].sheet-botao-personagem:hover {
background-image: url(https://i.imgur.com/BeJ5nXO.png);
}
button[type="action"].sheet-botao-personagem {
background-image: url(https://i.imgur.com/7O2DIdH.png);
background-size: 127px 30px;
background-repeat: no-repeat;
background-position: center;
width: 115px;
height: 30px;
border-style: none;
background-color: transparent;
}
/*Imagem botão 2*/
button[type="action"].sheet-botao-habilidades:hover {
background-image: url(https://i.imgur.com/IJekFec.png);
}
button[type="action"].sheet-botao-habilidades {
background-image: url(https://i.imgur.com/VuXzAma.png);
background-size: 127px 30px;
background-repeat: no-repeat;
background-position: center;
width: 115px;
height: 30px;
border-style: none;
background-color: transparent;
}
/*Imagem botão 3*/
button[type="action"].sheet-botao-magia:hover {
background-image: url(https://i.imgur.com/IJekFec.png);
}
button[type="action"].sheet-botao-magia {
background-image: url(https://i.imgur.com/VuXzAma.png);
background-size: 127px 30px;
background-repeat: no-repeat;
background-position: center;
width: 115px;
height: 30px;
border-style: none;
background-color: transparent;
}
/*Imagem botão 4*/
button[type="action"].sheet-botao-equipamentos:hover {
background-image: url(https://i.imgur.com/dnazVgl.png);
}
button[type="action"].sheet-botao-equipamentos {
background-image: url(https://i.imgur.com/QnOwFo9.png);
background-size: 127px 30px;
background-repeat: no-repeat;
background-position: center;
width: 115px;
height: 30px;
border-style: none;
background-color: transparent;
}
/*Itens Atributos e Sub-atributos*/
.sheet-coluna-atributo{
margin-top:-16px;
}
.sheet-img-dragon {
position: relative;
left: 335px;
bottom: -25px;
width: 41px;
height: 29px;
}
.sheet-nome-atributo h2 {
font-size: 20px;
text-align: center;
border-bottom: solid 2px black;
line-height: 24px;
background-color: transparent;
}
.sheet-coluna1 {
background-image: url();
background-size: 92px 26px;
background-repeat: no-repeat;
background-color: #D3D3D3;
padding-left: 1px;
border: 1px solid #333333;
border-bottom: 2px solid #333333;
margin-top: 3px;
font-size: 13px;
font-weight: bold;
color: black;
text-align: center;
width: 80px;
height: 30px;
}
.sheet-linha_dado {
background-image: url();
background-size: 21px 26px;
text-align: center;
background-repeat: no-repeat;
margin-top: 5px;
margin-bottom: 4px;
margin-left: 6px;
margin-right: 4PX;
width: 21px;
height: 2px;
border-style: black;
padding-left: 1px;
border: 1px solid #333333;
border-bottom: 2px solid #333333;
font-weight: bold;
color: black;
text-align: center;
}
.sheet-inic-add {
font-size: 20px;
font-weight: bold;
color: black;
text-align: center;
background-color: transparent;
Border:none;
}
/* Dados */
button[type="roll"].sheet-dado:before {
content: ' ';
}
button[type="roll"].sheet-dado {
background-image: url(https://i.imgur.com/7qkxCK7.png);
background-size: 25px 26px;
background-repeat: no-repeat;
width: 19px;
height: 26px;
border-style: none;
background-color: transparent;
}
button[type="roll"].sheet-dado:hover {
background-position: 0;
}
button[type="roll"].sheet-dado-normal:hover {
box-shadow: 0px 0px 20px #00FF0B;
background-color: #9CF7A0;
}
button[type="roll"].sheet-dado-dificil:hover {
box-shadow: 0px 0px 20px #FCE300;
background-color: #F7EE9C;
}
button[type="roll"].sheet-dado-muito-dificil:hover {
box-shadow: 0px 0px 20px #FF0003;
background-color: #F9999A;
}
/*--dado inciativa--*/
button[type="roll"].sheet-iniciativa:hover {
background-image: url(https://i.imgur.com/zfXSgvw.png);
box-shadow: 0px 0px 20px #FF7E00;
background-color: #FFD0A4;
background-repeat: no-repeat;
background-position: center;
}
button[type="roll"].sheet-dado-iniciativa {
background-image: url(https://i.imgur.com/zfXSgvw.png);
background-size: 30px 30px;
background-repeat: no-repeat;
background-position: center;
width: 30px;
height: 30px;
border-style: none;
border: none;
}
/*css linhas e colunas dos sub-atributos*/
.sheet-block-a, .sheet-block-switch:checked ~ .sheet-block-b {
display: block;
margin-top: 1px;
}
.sheet-block-b, .sheet-block-switch:checked ~ .sheet-block-a {
display: none;
margin-top: -80px;
}
/* CSS checkbox sub-atributos */
input[type="checkbox"].sheet-block-switch {
background-image: url(https://i.imgur.com/bs0x98x.png);
appearance: none;
opacity: transparent;
border: none;
outline: none;
height: 30px;
width: 30px;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
}
input[type="checkbox"].sheet-block-switch:checked {
background-image: url(https://i.imgur.com/iJhgLtR.png);
height: 30px;
width: 30px;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
}
.sheet-linha-sub {
border-style: black;
padding-left: 1px;
border: 6px solid #333333;
border-top: 0px solid #333333;
border-bottom: 2px solid #333333;
border-right: 0px solid #333333;
border-left: 0px solid #333333;
margin-top: 1px;
font-weight: bold;
text-align: center;
color: black
}
.sheet-linha-sub2 {
margin-top: 6px;
border: 0px;
background-color: #C0C0C0;
font-size: 13px;
font-weight: bold;
text-align: center;
position: relative;
}
.sheet-linha-sub3 {
margin-top: 1px;
border-style: none;
background-color: #C0C0C0;
padding-left: 1px;
border: none;
border-top: 0px solid #333333;
border-bottom: 0px solid #333333;
border-right: 0px solid #333333;
border-left: 0px solid #333333;
font-size: 13px;
font-weight: bold;
text-align: center;
position: relative;
}
.sheet-linha-vida {
background-image: url(https://i.imgur.com/PLEaV2V.png);
background-size: 28px 28px;
background-repeat: no-repeat;
width: 30px;
height: 40px;
border-style: none;
background-color: transparent;
margin-top: 5px;
margin-Bottom: 5px;
font-weight: bold;
text-align: center;
color: black
}
.sheet-linha-mana {
background-image: url(https://i.imgur.com/tX4uoof.png);
background-size: 28px 28px;
background-repeat: no-repeat;
width: 30px;
height: 40px;
border-style: none;
background-color: transparent;
margin-top: 5px;
margin-Bottom: 5px;
font-weight: bold;
text-align: center;
color: black
}
.sheet-linha-confinada {
background-image: url(https://i.imgur.com/85vcux3.png);
background-size: 28px 28px;
background-repeat: no-repeat;
width: 30px;
height: 40px;
border-style: none;
background-color: transparent;
margin-top: 5px;
margin-Bottom: 5px;
font-weight: bold;
text-align: center;
color: black
}
.sheet-linha-rd {
background-image: url(https://i.imgur.com/VjcBBCt.png);
background-size: 28px 28px;
background-repeat: no-repeat;
width: 30px;
height: 40px;
border-style: none;
background-color: transparent;
margin-top: 5px;
margin-Bottom: 5px;
font-weight: bold;
text-align: center;
color: black
}
.sheet-linha-rm {
background-image: url(https://i.imgur.com/iolQs0A.png);
background-size: 28px 28px;
background-repeat: no-repeat;
width: 30px;
height: 40px;
border-style: none;
background-color: transparent;
margin-top: 5px;
margin-Bottom: 5px;
font-weight: bold;
text-align: center;
color: black
}
.sheet-linha-move {
background-image: url(https://i.imgur.com/8kGNCPs.png);
background-size: 29px 25px;
background-repeat: no-repeat;
width: 32px;
height: 42px;
border-style: none;
background-color: transparent;
margin-top: 5px;
margin-Bottom: 5px;
font-weight: bold;
text-align: center;
color: black
}
.sheet-linha-critico {
background-image: url(https://i.imgur.com/FxgTzPb.png);
background-size: 28px 28px;
background-repeat: no-repeat;
background-position: center;
width: 30px;
height: 40px;
border-style: none;
background-color: transparent;
margin-top: 5px;
margin-Bottom: 8px;
font-weight: bold;
text-align: center;
color: black
}
.sheet-linha-decisivo {
background-image: url(https://i.imgur.com/sUBkbOk.png);
background-size: 28px 28px;
background-repeat: no-repeat;
background-position: center;
width: 30px;
height: 40px;
border-style: none;
background-color: transparent;
margin-top: 5px;
margin-Bottom: 8px;
font-weight: bold;
text-align: center;
color: black
}
.sheet-linha-penalidade {
background-image: url(https://i.imgur.com/5hhA50Y.png);
background-size: 28px 28px;
background-repeat: no-repeat;
background-position: center;
width: 30px;
height: 40px;
border-style: none;
background-color: transparent;
margin-top: 5px;
margin-Bottom: 8px;
font-weight: bold;
text-align: center;
color: black
}
/*segunda parte atributos direita*/
.sheet-atri1{
margin-top:-22px;
}
.sheet-informacao-atributo-direita input[type="text"]{
border-style: #2F4F4F;
background-color: #DCDCDC;
width: 100px;
height: 30px;
margin-left: 12px;
margin-right: 5px;
margin-bottom: -0px;
margin-top: 3px;
border-top: 2px solid #333333;
border-bottom: 2px solid #333333;
border-right: 2px solid #333333;
border-left: 2px solid #333333;
font-size: 13px;
font-weight: bold;
text-align: center;
position: relative;
}
.sheet-informacao-status-direita input[type="text"] {
background-image: url(https://i.imgur.com/GUI0tbP.png);
background-size: 98px 40px;
margin-left: 12px;
margin-right: 5px;
background-repeat: no-repeat;
width: 100px;
height: 40px;
border-style: none;
background-color: transparent;
margin-left: 12px;
margin-right: 5px;
font-size: 14px;
font-weight: bold;
text-align: center;
position: relative;
color: black
}
.sheet-modificador-global {
margin-top: -15px;
margin-bottom:10px;
}
/*linhas de pericia*/
.sheet-pericias {
margin-top: 3px;
}
/* Remove margem/padding do próprio fieldset */
.sheet-repeating_pericias {
margin: 0 !important;
padding: 0 !important;
border: none !important; /* se quiser sumir com a borda do fieldset */
}
.sheet-linha_N {
width: 30px;
height: 40px;
border-style: none;
background-color: transparent;
margin-top: 0px;
margin-Bottom: 0px;
font-weight: bold;
text-align: center;
color: black
}
.sheet-linha_D {
width: 30px;
height: 40px;
border-style: none;
background-color: transparent;
margin-top: 0px;
margin-Bottom: 0px;
font-weight: bold;
text-align: center;
color: black
}
.sheet-linha_M {
width: 30px;
height: 40px;
border-style: none;
background-color: transparent;
margin-top: 0px;
margin-Bottom: 0px;
font-weight: bold;
text-align: center;
color: black
}
.sheet-linha1 {
background-image: url();
background-size: 46px 26px;
background-repeat: no-repeat;
border-style: black;
padding-left: 1px;
border: 1px solid #333333;
border-bottom: 2px solid #333333;
margin-top: 3px;
font-size: 13px;
font-weight: bold;
color: black;
text-align: center;
width: 80px;
height: 30px;
}
.sheet-linha2 {
border-style: none;
background-color: transparent;
padding-left: 1px;
margin-top: 1px;
font-size: 13px;
font-weight: bold;
color: black;
text-align: center;
width: 47px;
height: 30px;
margin-top: 5px;
}
.sheet-linha3 {
margin-top: 1px;
margin-bottom: 1px;
border-style: black;
padding-left: 1px;
border: black;
border-top: 1px solid #333333;
border-bottom: 2px solid #333333;
border-right: 1px solid #333333;
border-left: 1px solid #333333;
font-size: 13px;
font-weight: bold;
text-align: center;
position: relative;
line-height: 1px !important; /* Diminui a altura de linha */
}
.sheet-linha4 {
margin-top: -1px;
margin-bottom: 1px;
border-style: black;
padding-left: 1px;
border: black;
border-top: 1px solid #333333;
border-bottom: 2px solid #333333;
border-right: 1px solid #333333;
border-left: 1px solid #333333;
font-size: 13px;
font-weight: bold;
text-align: left;
position: relative;
line-height: 1px !important; /* Diminui a altura de linha */
}
.sheet-linha-secundaria2 {
margin-top: 1px;
margin-bottom: 2px;
border-style: black;
background-color: transparent;
padding-left: 1px;
border: black;
border-top: 0px solid #333333;
border-bottom: 0px solid #333333;
border-right: 0px solid #333333;
border-left: 0px solid #333333;
font-size: 12px;
font-weight: bold;
color: #A52A2A;
text-align: center;
position: relative;
}
button[type="roll"].sheet-dado-verde:hover {
background-position: 0;
box-shadow: 0px 0px 20px #00FF0B;
background-color: #9CF7A0;
}
button[type="roll"].sheet-dado-verde {
background-image: url(https://i.imgur.com/7qkxCK7.png);
background-size: 25px 26px;
background-repeat: no-repeat;
width: 19px;
height: 26px;
border-style: none;
background-color: transparent;
}
/* Remove o ícone de dado que o Roll20 injeta (geralmente por pseudo-elemento) */
button[type="roll"].sheet-dado-verde .pictos,
button[type="roll"].sheet-dado-verde::before {
content: "" !important;
display: none !important;
}
button[type="roll"].sheet-dado-amarelo:hover {
background-position: 0;
box-shadow: 0px 0px 20px #FCE300;
background-color: #F7EE9C;
}
button[type="roll"].sheet-dado-amarelo {
background-image: url(https://i.imgur.com/7qkxCK7.png);
background-size: 25px 26px;
background-repeat: no-repeat;
width: 19px;
height: 26px;
border-style: none;
background-color: transparent;
}
/* Remove o ícone de dado que o Roll20 injeta (geralmente por pseudo-elemento) */
button[type="roll"].sheet-dado-amarelo .pictos,
button[type="roll"].sheet-dado-amarelo::before {
content: "" !important;
display: none !important;
}
button[type="roll"].sheet-dado-vermelho:hover {
background-position: 0;
box-shadow: 0px 0px 20px #FF0003;
background-color: #F9999A;
}
button[type="roll"].sheet-dado-vermelho {
background-image: url(https://i.imgur.com/7qkxCK7.png);
background-size: 25px 26px;
background-repeat: no-repeat;
width: 19px;
height: 26px;
border-style: none;
background-color: transparent;
}
/* Remove o ícone de dado que o Roll20 injeta (geralmente por pseudo-elemento) */
button[type="roll"].sheet-dado-vermelho.pictos,
button[type="roll"].sheet-dado-vermelho::before {
content: "" !important;
display: none !important;
}
/*CSS Imagem do Botão de descrição das pericias comuns*/
button[type="roll"].sheet-descricao-pericia {
background-image: url("https://i.imgur.com/gK1Krfv.png");
background-repeat: no-repeat;
background-size: 25px 26px;
background-position: center center; /* Garante que a imagem fique centralizada */
width: 19px;
height: 26px;
border: none;
background-color: transparent;
cursor: pointer;
position: relative; /* Ajuda a anular deslocamentos no :active */
appearance: none; /* Remove aparências padrão de botão */
-webkit-appearance: none; /* Remove aparências padrão de botão no Safari/Chrome */
}
/* Remove o ícone de dado padrão do Roll20 (pictos) */
button[type="roll"].sheet-descricao-pericia .pictos,
button[type="roll"].sheet-descricao-pericia::before {
content: "" !important;
display: none !important;
}
/* Evita que o botão se mova ao clicar (estado :active e :focus) */
button[type="roll"].sheet-descricao-pericia:active,
button[type="roll"].sheet-descricao-pericia:focus {
outline: none !important;
box-shadow: none !important;
top: 0 !important;
transform: none !important;
margin: 0 !important;
}
input.sheet-toggle-show:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body {
display: none;
}
/*CSS checkbox pericias*/
.sheet-atributo-crit-select {
border: black;
border-top: 0px solid #333333;
border-bottom: 2px solid #333333;
border-right: 0px solid #333333;
border-left: 0px solid #333333;
padding: 4px !important;
}
.sheet-atributo-crit-select {
display: inline-block !important; /* Garante que fique na mesma linha dos inputs */
vertical-align: middle !important; /* Alinha verticalmente ao meio */
margin: 0 !important; /* Remove margens extras */
padding: 4px !important; /* Remove espaçamento interno extra */
line-height: 1 !important; /* Diminui a altura de linha */
height: auto !important; /* Evita altura fixa */
}
input[type="checkbox"].sheet-toggle-show {
background-image: url("https://i.imgur.com/vFxlBEm.png");
background-size: 29px 29px;
background-position: center;
margin-left: 2px;
height: 30px;
width: 30px;
background-repeat: no-repeat;
opacity: transparent;
margin: top;
appearance: none;
border: none;
outline: none;
}
.sheet-linha-secundaria {
margin-top: 1px;
margin-bottom: 2px;
border-style: black;
background-color: transparent;
padding-left: 1px;
border: black;
border-top: 0px solid #333333;
border-bottom: 2px solid #333333;
border-right: 0px solid #333333;
border-left: 0px solid #333333;
font-size: 12px;
font-weight: bold;
text-align: center;
position: relative;
}
.sheet-linha-inicial-pericias {
border-style: none;
background-color: transparent;
font-size: 13px;
font-weight: bold;
color: black;
position: center;
text-align: center;
width: 80px;
height: 30px;
margin-top: 3px;
}
.sheet-linha-inicial-pericias2 {
border-style: none;
background-color: transparent;
font-size: 13px;
font-weight: bold;
color: black;
text-align: center;
position: left;
width: 80px;
height: 30px;
margin-top: 3px;
}
.sheet-texto-magias textarea {
width: 95%; /* Largura total do contêiner */
height: 150px; /* Altura fixa */
border: 2px solid #555; /* Borda cinza escura */
background-color: #f9f9f9; /* Cor de fundo da caixa de texto */
font-weight: bold; /* Texto em negrito */
font-size: 13px; /* Tamanho da fonte */
font-family: inherit; /* Usa a fonte padrão da ficha do Roll20 */
padding: 8px; /* Espaçamento interno */
resize: vertical; /* Permite redimensionamento apenas na vertical */
}
.sheet-body {
background-color: #DCDCDC;
padding: 2px;
}
.sheet-linha-focus input[type="text"] {
background-image: url(https://i.imgur.com/IS0rG1Q.png);
background-size: 100px 45px;
margin-Top: 0px;
margin-left: 30px;
margin-right: 20px;
background-repeat: no-repeat;
width: 100px;
height: 45px;
border-style: none;
background-color: transparent;
margin-left: 30px;
margin-right: 20px;
font-size: 13px;
font-weight: bold;
text-align: center;
position: relative;
}
.sheet-linha-focus2 input[type="text"] {
border-style: #2F4F4F;
background-color: #DCDCDC;
width: 100px;
height: 30px;
margin-left: 30px;
margin-right: 20px;
margin-top: 5px;
margin-bottom: 0px;
border-top: 2px solid #333333;
border-bottom: 2px solid #333333;
border-right: 2px solid #333333;
border-left: 2px solid #333333;
font-size: 13px;
font-weight: bold;
text-align: center;
position: relative;
}
.sheet-texto-equip textarea {
width: 225px;
height: 100px;
border: 2px solid black;
font-weight: bold;
font-size: 13px;
}
.sheet-linha-equip {
border-style: black;
background-color: transparent;
padding-left: 1px;
border: none;
border-bottom: 2px solid #333333;
margin-top: 5px;
font-weight: bold;
text-align: center;
}
input.sheet-toggle-show-arma:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body {
display: none;
}
/*CSS linha de armas*/
input[type="checkbox"].sheet-toggle-show-arma {
background-image: url("https://i.imgur.com/MTW75Uh.png");
background-size: 29px 29px;
background-position: center;
height: 30px;
width: 30px;
background-repeat: no-repeat;
opacity: transparent;
margin: top;
appearance: none;
border: none;
outline: none;
}
/*CSS linha de item*/
input.sheet-toggle-show-item:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body {
display: none;
}
input[type="checkbox"].sheet-toggle-show-item {
background-image: url("https://i.imgur.com/qI3aGTm.png");
background-size: 29px 29px;
background-position: center;
height: 30px;
width: 30px;
background-repeat: no-repeat;
opacity: transparent;
margin: top;
appearance: none;
border: none;
outline: none;
}
/*CSS linha de pocoes*/
input.sheet-toggle-show-pocao:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body {
display: none;
}
input[type="checkbox"].sheet-toggle-show-pocao {
background-image: url("https://i.imgur.com/ddt3mgD.png");
background-size: 29px 29px;
background-position: center;
height: 30px;
width: 30px;
background-repeat: no-repeat;
opacity: transparent;
margin: top;
appearance: none;
border: none;
outline: none;
}
/*CSS troca de personagem*/
.sheet-block-feminino, .sheet-block-switch-personagem:checked ~ .sheet-block-masculino {
display: block;
}
.sheet-block-masculino, .sheet-block-switch-personagem:checked ~ .sheet-block-feminino {
display: none;
}
input[type="checkbox"].sheet-block-switch-personagem {
background-image: url(https://i.imgur.com/mKNfjiC.png);
height: 30px;
width: 30px;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
opacity: transparent;
appearance: none;
border: none;
outline: none;
}
input[type="checkbox"].sheet-block-switch-personagem:checked {
background-image: url(https://i.imgur.com/gpOwBpW.png);
height: 30px;
width: 30px;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
}
.sheet-block-feminino {
background-size: 200px 65px;
margin-bottom: 100px;
margin-left: 30px;
margin-right: 20px;
background-repeat: no-repeat;
width: 200px;
height: 65px;
}
.sheet-block-masculino {
background-size: 200px 65px;
margin-bottom: 100px;
margin-left: 30px;
margin-right: 20px;
background-repeat: no-repeat;
width: 200px;
height: 65px;
}
/*CSS linha de reliquias*/
input.sheet-toggle-show-rel:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body {
display: none;
}
input[type="checkbox"].sheet-toggle-show-rel {
background-image: url("https://i.imgur.com/lA8jXI3.png");
background-size: 29px 20px;
background-position: center;
background-repeat: no-repeat;
appearance: none;
border: none;
outline: none;
opacity: transparent;
height: 30px;
width: 30px;
margin: top;
}
/*CSS linha de armadura*/
input.sheet-toggle-show-armadura:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body {
display: none;
}
input[type="checkbox"].sheet-toggle-show-armadura {
appearance: none;
border: none;
outline: none;
background-image: url("https://i.imgur.com/qj65zXo.png");
background-size: 29px 29px;
background-position: center;
height: 30px;
width: 30px;
background-repeat: no-repeat;
opacity: transparent;
margin: top;
}
/*CSS linha de municao*/
input.sheet-toggle-show-municao:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body {
display: none;
}
input[type="checkbox"].sheet-toggle-show-municao {
background-image: url("https://i.imgur.com/zjjY2M3.png");
background-size: 29px 29px;
background-position: center;
height: 30px;
width: 30px;
background-repeat: no-repeat;
opacity: transparent;
margin: top;
appearance: none;
border: none;
outline: none;
}
/*CSS mochila*/
.sheet-mochila {
background-image: url(https://i.imgur.com/ZJa4qi1.png);
background-size: 350px 410px;
background-repeat: no-repeat;
background-position: left;
padding-left: 30px;
padding-top: 70px;
width: 350px;
height: 410px;
}
.sheet-mochila textarea {
width: 275px;
height: 330px;
text-align: left;
position: relative;
resize: vertical;
overflow-y: auto;
font-weight: bold;
font-size: 16px;
background-color: transparent;
border: none;
}
.sheet-block-moeda, .sheet-block-switch-mochila:checked ~ .sheet-block-livro {
display: block;
}
.sheet-block-livro, .sheet-block-switch-mochila:checked ~ .sheet-block-moeda {
display: none;
}
input[type="checkbox"].sheet-block-switch-mochila {
background-image: url(https://i.imgur.com/PXN6O0U.png);
background-size: 38px 40px;
background-repeat: no-repeat;
opacity: transparent;
height: 50px;
width: 50px;
appearance: none;
border: none;
outline: none;
display: flex;
align-items: center;
justify-content: center;
}
input[type="checkbox"].sheet-block-switch-mochila:checked {
background-image: url(https://i.imgur.com/tltOCr8.png);
background-size: 38px 40px;
height: 50px;
width: 50px;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
}
.sheet-moedas {
text-align: center;
margin-top: 5px;
margin-bottom: 2px;
position: relative;
border-bottom: solid 2px black;
}
.sheet-tabela-moedas table {
text-align: center;
margin-left: 50px;
}
.sheet-tabela-moedas td {
text-align: center;
border: 3px double;
}
.sheet-moeda {
background-size: 20px 20px;
background-repeat: no-repeat;
text-align: center;
width: 20px;
height: 22px;
}
.sheet-bronze {
background-image: url(https://i.imgur.com/yk2LSG3.png);
}
.sheet-prata {
background-image: url(https://i.imgur.com/rc5flre.png);
}
.sheet-ouro {
background-image: url(https://i.imgur.com/2kn1Qt5.png);
}
.sheet-treinamento h3 {
text-align: center;
margin-top: -10px;
margin-bottom: 0px; /* Remove espaço abaixo do título */
margin-left: -40px;
position: relative;
}
/*CSS anotacoes*/
.sheet-texto-notas-1 {
background-image: url(https://i.imgur.com/i3vy64w.png);
background-size: 800px 380px;
background-repeat: no-repeat;
background-position: center;
width: 800px;
height: 385px;
}
.sheet-texto-notas-1 h3 {
text-align: center;
position: relative;
padding-top: 50px;
}
.sheet-texto-notas-1 textarea {
width: 600px;
height: 240px;
text-align: left;
margin-left: 65px;
position: relative;
resize: vertical;
overflow-y: auto;
min-height: 5em;
background-color: transparent;
border: none;
}
.sheet-texto-pag1 {
background-repeat: no-repeat;
background-position: left;
margin-left: 35px;
margin-top: 20px; /* Ajuste para posicionamento geral */
width: 270px;
height: 300px;
background-color: transparent;
border: none;
display: flex;
flex-direction: column;
align-items: center;
gap: 5px; /* Reduz o espaço entre os elementos */
justify-content: flex-start; /* Alinha o conteúdo ao topo */
padding-top:; /* Move a caixa de texto para baixo */
font-weight: bold; /* Texto em negrito */
font-size: 16px; /* Tamanho da fonte */
font-family: inherit; /* Usa a fonte padrão da ficha do Roll20 */
}
.sheet-texto-pag1 textarea {
text-align: left;
position: relative;
resize: vertical;
overflow-y: auto;
margin-top:; /* Move a caixa de texto mais para baixo */
}
.sheet-texto-pag2 {
background-repeat: no-repeat;
background-position: left;
margin-left: 20px;
margin-top: 20px;
width: 140px;
height: 300px;
background-color: transparent;
border: none;
}
.sheet-texto-pag2 textarea {
text-align: left;
position: relative;
resize: vertical;
overflow-y: auto;
font-weight: bold;
font-size: 16px;
}
.sheet-imgbag {
margin-left: 10px;
}
.sheet-2coluna {
background-image: url(https://i.imgur.com/UtFqfaI.png);
background-size: 450px 350px;
background-repeat: no-repeat;
background-size: ; /* Ajusta a imagem para caber dentro da div */
background-repeat: no-repeat;
background-position: relative; /* Centraliza a imagem */
width: 436px;
height: 485px;
margin-left: -40px;
margin-top: -10px;
}
.sheet-treinamento h3 {
margin-bottom: 5px; /* Reduz a margem inferior do título */
font-size: 18px; /* Ajuste opcional para tamanho da fonte */
}
/* ---------- Estilos Gerais ---------- */
.sheet-rolltemplate-defaultcustom .sheet-container {
background: #eee;
border: 1px solid #666;
border-radius: 8px;
padding: 5px;
color: black !important; /* Garante que o texto fique preto */
font-size: 14px;
filter: invert(0%) !important; /* Impede alteração no modo escuro */
color-scheme: light dark; /* Garante compatibilidade com ambos os temas */
}
/* ---------- Cabeçalho ---------- */
.sheet-rolltemplate-defaultcustom .sheet-header {
background: #DCDCDC;
color: black !important;
text-align: center;
font-weight: bold;
padding: 5px;
border: 2px solid;
border-image: linear-gradient(to bottom, #4A4A4A, #B0B0B0) 1;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);
border-radius: 8px;
min-height: 20px;
filter: invert(0%) !important;
}
/* ---------- Tabela Principal ---------- */
.sheet-rolltemplate-defaultcustom .sheet-table {
width: 100%;
table-layout: fixed;
border-collapse: separate;
border-spacing: 0 4px;
}
/* Cabeçalhos das colunas */
.sheet-rolltemplate-defaultcustom .sheet-table th {
text-align: left; !important;
padding: 6px;
background: #FFFAFA;
font-weight: bold;
color: black !important;
line-height: 1.3;
border-bottom: 2px solid;
border-image: linear-gradient(to right, #4A4A4A, #B0B0B0) 1;
border-radius: 8px;
width: 60%;
filter: invert(0%) !important;
}
/* Células de dados */
.sheet-rolltemplate-defaultcustom .sheet-table td {
text-align: right;
padding: 6px;
background-image: url("https://i.imgur.com/fTMSIbF.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-bottom: 1px solid #ddd;
font-weight: bold;
color: black !important;
line-height: 1.3;
width: 40%;
filter: invert(0%) !important;
}
/* Linha especial de Efeitos (colspan=2) */
.sheet-rolltemplate-defaultcustom .sheet-efeitos-td {
text-align: left !important;
padding: 8px;
background-image: url("https://i.imgur.com/fTMSIbF.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-bottom: 1px solid #ddd;
font-weight: normal;
line-height: 1.4;
color: black !important;
filter: invert(0%) !important;
display: table-cell; /* Garante comportamento esperado */
}
/* ---------- Estilos das Rolagens ---------- */
.sheet-rolltemplate-defaultcustom .inlinerollresult {
background: #FFFAFA !important;
color: black !important;
border: 2px solid #999 !important;
padding: 2px 4px;
border-radius: 3px;
}
/* Sucesso Crítico */
.sheet-rolltemplate-defaultcustom .inlinerollresult.fullcrit {
background: green !important;
color: white !important;
}
/* Falha Crítica */
.sheet-rolltemplate-defaultcustom .inlinerollresult.fullfail {
background: red !important;
color: white !important;
}
/*CSS*/
/*CSS*/
/* Estilos básicos para o template de perícias comuns */
.sheet-rolltemplate-periciacomum .sheet-container {
font-family: Arial, sans-serif;
font-size: 16px;
color: #000 !important; /* Texto preto */
font-weight: bold !important; /* Texto em negrito */
text-align: center;
border: 1px solid #000;
background-color: #FAEBD7;
padding: 3px;
max-width: 400px; /* Define uma largura máxima */
width: auto;
margin: 0 auto; /* Centraliza na tela */
overflow-wrap: break-word;
word-wrap: break-word;
white-space: normal;
}
/* Cabeçalho do template */
.sheet-rolltemplate-periciacomum .sheet-header {
font-size: 16px;
font-weight: bold;
text-align: center;
margin-bottom: 3px;
border-radius: 3px;
border-bottom: 2px solid #4A4A4A; /* Borda inferior cinza escuro */
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);
background: linear-gradient(to bottom, #DCDCDC, #B0B0B0);
min-height: 20px; /* Define uma altura mínima */
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #4A4A4A; /* Borda cinza escuro */
padding: 5px;
}
/* Pergaminho de texto */
.sheet-rolltemplate-periciacomum .sheet-pergaminho {
background: url("https://i.imgur.com/fTMSIbF.png") no-repeat center center;
background-size: cover;
min-height: 100px;
max-width: 100%;
box-sizing: border-box;
padding: 10px;
font-size: 14px !important;
color: #000 !important;
font-weight: bold !important;
text-align: justify !important;
border: 2px solid #4A4A4A; /* Borda cinza escuro */
border-radius: 8px; /* Bordas arredondadas */
}
/* CSS template danocustom */
/* Container principal */
.sheet-rolltemplate-defaultcustom2 .sheet-container {
background: #eee;
border: 1px solid #666;
border-radius: 5px;
padding: 5px;
color: black;
font-size: 14px;
}
/* Cabeçalho */
.sheet-rolltemplate-defaultcustom2 .sheet-header {
background: #DCDCDC;
color: black;
text-align: center;
font-weight: bold;
padding: 5px;
border-radius: 3px;
border-bottom: 2px solid #4A4A4A;
}
/* Tabela principal */
.sheet-rolltemplate-defaultcustom2 .sheet-table {
table-layout: fixed;
width: 100%;
border-collapse: separate;
border-spacing: 0 4px;
}
/* Cabeçalhos das colunas */
.sheet-rolltemplate-defaultcustom2 .sheet-table th {
text-align: left; !important;
padding: 6px;
background: #FFFAFA;
border-bottom: 2px solid #999;
font-weight: bold;
color: black !important;
line-height: 1.3;
white-space: normal;
word-wrap: break-word;
}
/* Células da tabela */
.sheet-rolltemplate-defaultcustom2 .sheet-table td {
text-align: left !important;
padding: 6px;
background: url("https://i.imgur.com/fTMSIbF.png") center/cover no-repeat;
border-bottom: 1px solid #ddd;
font-weight: bold;
color: black;
width: 40%;
line-height: 1.3;
white-space: normal;
word-wrap: break-word;
}
/* Linha especial de Efeitos */
.sheet-rolltemplate-defaultcustom2 .sheet-efeitos-td {
text-align: left !important;
padding: 8px;
background: url("https://i.imgur.com/fTMSIbF.png") center/cover no-repeat;
border-bottom: 1px solid #ddd;
font-weight: normal;
line-height: 1.4;
white-space: normal;
word-wrap: break-word;
}
/* Ajuste da largura das colunas */
.sheet-rolltemplate-defaultcustom2 .sheet-table th {
width: 60%;
}
/* Estilização das rolagens (inline rolls) */
.sheet-rolltemplate-defaultcustom2 .inlinerollresult {
background: #FFFAFA !important;
color: black !important;
border: 2px solid #999 !important;
padding: 2px 4px;
border-radius: 3px;
}
/* Sucesso Crítico */
.sheet-rolltemplate-defaultcustom2 .inlinerollresult.fullcrit {
background: green !important;
color: white !important;
}
/* Falha Crítica */
.sheet-rolltemplate-defaultcustom2 .inlinerollresult.fullfail {
background: red !important;
color: white !important;
}
/*-- FICHA DESENVOLVIDA POR BLACK, VERYDYCA & AUGUSTINHO
-.----------------------------------------------------------------------------.
-..................................-----::-:+:-..---...........................
-..............................-**+**+*+:++--::::::*+..........................
-.......................+*:..--...-+#@##@#*+:::::::::+++-......................
-.........................-*W@#@==@###@@@@@@@*+#*:--::::::+-...................
-..................---.-==+-:-:+:-...--*@WWW@WWW@*::::::*#=+:-.................
-.............--*+-:+-.-..-:*+::=**::::-----::++=#=:::===WWW@@=-...............
-...........+++:-........:+:+::-::-+=:......-::-.-++-:#W@=:+@W@#+..............
-............-+++-.-...-+==++*+-:-::-+*:----------:#=*+*=-...-+:-:*-...........
-...........:+++--*#+:**::-.-*:-:::::::-=#=*:...-===#=+*::*-....-+::...........
-........-*#*----==*---+=:-.++::-::::-:#==:-:+-.==*:-==+*--:+--...-==-.........
-.......*@#++:-+#=*:-----:*-::::-::--:=#:-----:*#**:-#=+=+.-=#=+:*-*@=:........
-......:@#******=+-----:--:=#+:::++::--+#=+----+#***+#*=::*#=*++#@@#@@#:.......
-....-*#*=#===##:----:==*:*#++*===*-+##****----+#**#===+---:-*::#@@@++@#.......
-...:=*-:*@@*@=:+==-:#=*+*#=***==+-:**==**++---*#**==:-:+*==**+--*#@@:=W+......
-.-*=+-+@W@###===*::@##=*+*=**+:-::--:==**:::-:#=**+----+*=#**+---:#@W@@=:.....
--==*.-@@=*****=+::---+#*+*:--+*:::--:==+*++:=##=**:------*=**+---:##*+*@*-....
-==*--=@=####=+::::-:-:#**+*-===:-:::+#=+*++**:==**+--++--*=****:*#*@@=*+*=+...
*#**-+###=#:---:==::-+=##*++==*---:-:+==++==+:+==*++*==+--==**--:==+==@@**+....
==*+===#::==-:===:--+#=:==***+::++::++##**==-::-=#***=+--:#=++*=+*=*+=@@*++....
+#**++*=***====*---+#*:-:=#*:*++..-..-:*=:.--:++:=#=+-----*#***#::==*+=#*+*:...
-+#=********=*+---+#=***:.......-....----+++++-..-++-------:=+-:+.+@===*#=+***-
-..-+=###=*:-----:==*+-........---......-+::++--...:*:------++--:+:-::--+##=+..
-....+**+:::::---*=#+.---...-==:...-----..::.........-::----+-:+:---::-:+......
-....-+:+::++-:-+#=*....-:--#**:..........:+*::-....-.::----:+:+:+::::-+-......
-.....-++::+:-:*=#**---...--==*-.............-+*:+-.-::+-----:+::+:--::+.......
-.......++:--+*:+#=++-:...-==*:-.--.............-..:+:::++++--+:-:*+:++-.......
-........-+:-:+-.*@*+*+::*#**-......-:-.....----.....-----.:*+:-:::::++........
-..........:+:.-..-=#****==+............---..........--..--:+*=+-:+=+..........
-..............++-.--=#+::-.:-.........++..........-----::+-..:=-++-...........
-.............-*+--.+#@@=+:::---..--.--:--..-----------::-...:=*:-.............
-...............-+-.-#@@@@@#+:---:++*++::-..---.-.-:+:---...-:+-...............
-..................:**#@==#@W@*:::----+*++::::++=W@*--.-*:-:-..................
-....................-:+---:+=##-------:+-:=:......-:+=+-......................
-.......................-:+:--------::--:**=@#*:-..............................
-..........................-++++*+::++::::::::--...............................
-...............................--.............................................
-.----------------------------------------------------------------------------.
--*/
Reference in New Issue View Git Blame Copy Permalink