mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-09-01 04:32:28 +00:00
1362 lines
30 KiB
CSS
1362 lines
30 KiB
CSS
/*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("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;
|
|
}
|
|
.sheet-block-b, .sheet-block-switch:checked ~ .sheet-block-a {
|
|
display: none;
|
|
}
|
|
|
|
/* 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: 1px solid #333333;
|
|
border-top: 0px solid #333333;
|
|
border-bottom: 2px solid #333333;
|
|
border-right: 0px solid #333333;
|
|
border-left: 0px solid #333333;
|
|
margin-top: 6px;
|
|
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-fe {
|
|
background-image: url(https://i.imgur.com/Kkl5ifT.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;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
input.sheet-toggle-show:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body {
|
|
display: none;
|
|
}
|
|
|
|
/*CSS checkbox pericias*/
|
|
input[type="checkbox"].sheet-toggle-show {
|
|
background-image: url("https://i.imgur.com/vFxlBEm.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;
|
|
}
|
|
|
|
.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 {
|
|
height: 80px;
|
|
width: 98%;
|
|
border: 2px solid black;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.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: 10px;
|
|
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: 662px;
|
|
height: 240px;
|
|
text-align: left;
|
|
margin-left: 65px;
|
|
position: relative;
|
|
resize: vertical;
|
|
overflow-y: auto;
|
|
min-height: 5em;
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-texto-pag1 {
|
|
background-repeat: no-repeat;
|
|
background-position: left;
|
|
margin-left: 35px;
|
|
margin-top: 20px;
|
|
width: 150px;
|
|
height: 300px;
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
.sheet-texto-pag1 textarea {
|
|
text-align: left;
|
|
position: relative;
|
|
resize: vertical;
|
|
overflow-y: auto;
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
}
|
|
.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/c12YfkI.png);
|
|
background-size: 430px 380px;
|
|
background-repeat: no-repeat;
|
|
margin-left: -45px;
|
|
width: 436px;
|
|
height: 385px;
|
|
margin-top: -10px;
|
|
}
|
|
|
|
/*-- FICHA DESENVOLVIDA POR BLACK, VERYDYCA & AUGUSTINHO
|
|
-.----------------------------------------------------------------------------.
|
|
|
|
-..................................-----::-:+:-..---...........................
|
|
|
|
-..............................-**+**+*+:++--::::::*+..........................
|
|
|
|
-.......................+*:..--...-+#@##@#*+:::::::::+++-......................
|
|
|
|
-.........................-*W@#@==@###@@@@@@@*+#*:--::::::+-...................
|
|
|
|
-..................---.-==+-:-:+:-...--*@WWW@WWW@*::::::*#=+:-.................
|
|
|
|
-.............--*+-:+-.-..-:*+::=**::::-----::++=#=:::===WWW@@=-...............
|
|
|
|
-...........+++:-........:+:+::-::-+=:......-::-.-++-:#W@=:+@W@#+..............
|
|
|
|
-............-+++-.-...-+==++*+-:-::-+*:----------:#=*+*=-...-+:-:*-...........
|
|
|
|
-...........:+++--*#+:**::-.-*:-:::::::-=#=*:...-===#=+*::*-....-+::...........
|
|
|
|
-........-*#*----==*---+=:-.++::-::::-:#==:-:+-.==*:-==+*--:+--...-==-.........
|
|
|
|
-.......*@#++:-+#=*:-----:*-::::-::--:=#:-----:*#**:-#=+=+.-=#=+:*-*@=:........
|
|
|
|
-......:@#******=+-----:--:=#+:::++::--+#=+----+#***+#*=::*#=*++#@@#@@#:.......
|
|
|
|
-....-*#*=#===##:----:==*:*#++*===*-+##****----+#**#===+---:-*::#@@@++@#.......
|
|
|
|
-...:=*-:*@@*@=:+==-:#=*+*#=***==+-:**==**++---*#**==:-:+*==**+--*#@@:=W+......
|
|
|
|
-.-*=+-+@W@###===*::@##=*+*=**+:-::--:==**:::-:#=**+----+*=#**+---:#@W@@=:.....
|
|
|
|
--==*.-@@=*****=+::---+#*+*:--+*:::--:==+*++:=##=**:------*=**+---:##*+*@*-....
|
|
|
|
-==*--=@=####=+::::-:-:#**+*-===:-:::+#=+*++**:==**+--++--*=****:*#*@@=*+*=+...
|
|
|
|
*#**-+###=#:---:==::-+=##*++==*---:-:+==++==+:+==*++*==+--==**--:==+==@@**+....
|
|
|
|
==*+===#::==-:===:--+#=:==***+::++::++##**==-::-=#***=+--:#=++*=+*=*+=@@*++....
|
|
|
|
+#**++*=***====*---+#*:-:=#*:*++..-..-:*=:.--:++:=#=+-----*#***#::==*+=#*+*:...
|
|
|
|
-+#=********=*+---+#=***:.......-....----+++++-..-++-------:=+-:+.+@===*#=+***-
|
|
|
|
-..-+=###=*:-----:==*+-........---......-+::++--...:*:------++--:+:-::--+##=+..
|
|
|
|
-....+**+:::::---*=#+.---...-==:...-----..::.........-::----+-:+:---::-:+......
|
|
|
|
-....-+:+::++-:-+#=*....-:--#**:..........:+*::-....-.::----:+:+:+::::-+-......
|
|
|
|
-.....-++::+:-:*=#**---...--==*-.............-+*:+-.-::+-----:+::+:--::+.......
|
|
|
|
-.......++:--+*:+#=++-:...-==*:-.--.............-..:+:::++++--+:-:*+:++-.......
|
|
|
|
-........-+:-:+-.*@*+*+::*#**-......-:-.....----.....-----.:*+:-:::::++........
|
|
|
|
-..........:+:.-..-=#****==+............---..........--..--:+*=+-:+=+..........
|
|
|
|
-..............++-.--=#+::-.:-.........++..........-----::+-..:=-++-...........
|
|
|
|
-.............-*+--.+#@@=+:::---..--.--:--..-----------::-...:=*:-.............
|
|
|
|
-...............-+-.-#@@@@@#+:---:++*++::-..---.-.-:+:---...-:+-...............
|
|
|
|
-..................:**#@==#@W@*:::----+*++::::++=W@*--.-*:-:-..................
|
|
|
|
-....................-:+---:+=##-------:+-:=:......-:+=+-......................
|
|
|
|
-.......................-:+:--------::--:**=@#*:-..............................
|
|
|
|
-..........................-++++*+::++::::::::--...............................
|
|
|
|
-...............................--.............................................
|
|
|
|
-.----------------------------------------------------------------------------.
|
|
--*/
|