mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
BokuNC
50e9bc7892
This is an Update for the Character Sheet for the Brazilian OGL System, Daemon. This update includes better visuals, a functional roll template, some degree of automation and personalization. It also tries to bring the code closer to nowadays roll20 standards.
1654 lines
39 KiB
CSS
1654 lines
39 KiB
CSS
@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";
|
|
}
|
|
.charsheet {
|
|
background-color:#F5F5F5;
|
|
width: 804px;
|
|
background-repeat: repeat;
|
|
background-size: cover;
|
|
border: solid 23px black;
|
|
color: transparent;
|
|
margin-left: 0px;
|
|
|
|
}
|
|
|
|
/*corpo da ficha*/
|
|
.sheet-main {
|
|
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
|
|
}
|
|
/* css logo exilia*/
|
|
.sheet-main .sheet-container-logo .sheet-logo-exilia {
|
|
width: 200px;
|
|
height: 185px;
|
|
float: right;
|
|
}
|
|
/*css do cabeçalho de informações do personagem*/
|
|
.sheet-main .sheet-header-info {
|
|
margin-top: 1%;
|
|
display: grid;
|
|
width: 600px;
|
|
height: 100px;
|
|
grid-template-columns: 100px 50px left;
|
|
column-gap: 10px;
|
|
}
|
|
.sheet-main .sheet-input-with-text-bellow {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
.sheet-main .sheet-input-with-text-bellow 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-main .sheet-input-with-text-bellow span {
|
|
display: block;
|
|
padding-top: 2px;
|
|
padding-left: 2px;
|
|
width: 100%;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
text-transform: uppercase
|
|
}
|
|
.sheet-main .sheet-input-with-text-bellow.sheet-char-name {
|
|
padding-top: 15px;
|
|
grid-column: 1/4
|
|
}
|
|
.sheet-char-info {
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
color: #808080;
|
|
}
|
|
/*linha de divisão do atributo*/
|
|
.sheet-main .sheet-linha-de-divisao {
|
|
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-main .sheet-linha-de-divisao h3 {
|
|
padding-top: 35px;
|
|
}
|
|
/*css dos dados atributo*/
|
|
.sheet-atri1{
|
|
margin-top:-22px;
|
|
|
|
}
|
|
|
|
.sheet-coluna-atributo{
|
|
margin-top:-16px;
|
|
}
|
|
|
|
button[type="roll"].sheet-dado1:before {
|
|
content: ' ';
|
|
}
|
|
button[type="roll"].sheet-dado1:hover {
|
|
background-position: 0;
|
|
box-shadow: 0px 0px 20px #00FF0B;
|
|
background-color: #9CF7A0;
|
|
}
|
|
button[type="roll"].sheet-dado1 {
|
|
background-image: url(https://i.imgur.com/7qkxCK7.png);
|
|
background-size: 25px 26px;
|
|
background-repeat: no-repeat;
|
|
background-position-x: 7px;
|
|
width: 35px;
|
|
height: 26px;
|
|
border-style: none;
|
|
background-color: transparent;
|
|
}
|
|
button[type="roll"].sheet-dado2:before {
|
|
content: ' ';
|
|
}
|
|
button[type="roll"].sheet-dado2:hover {
|
|
background-position: 0;
|
|
box-shadow: 0px 0px 20px #FCE300;
|
|
background-color: #F7EE9C;
|
|
}
|
|
button[type="roll"].sheet-dado2 {
|
|
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-dado3:before {
|
|
content: ' ';
|
|
}
|
|
button[type="roll"].sheet-dado3:hover {
|
|
background-position: 0;
|
|
box-shadow: 0px 0px 20px #FF0003;
|
|
background-color: #F9999A;
|
|
}
|
|
button[type="roll"].sheet-dado3 {
|
|
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;
|
|
}
|
|
/*--dado inciativa--*/
|
|
button[type="roll"].sheet-dado7:before {
|
|
content: ' ';
|
|
}
|
|
button[type="roll"].sheet-dado7:hover {
|
|
background-position: 0;
|
|
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-dado7 {
|
|
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 atributos*/
|
|
.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;
|
|
text-align: center;
|
|
}
|
|
.sheet-linha1 {
|
|
background-image: url();
|
|
background-size: 46px 26px;
|
|
background-repeat: no-repeat;
|
|
border-style: black;
|
|
background-color: ;
|
|
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: 47px;
|
|
height: 30px;
|
|
text-align: center;
|
|
}
|
|
.sheet-linha_dado {
|
|
background-image: url();
|
|
background-size: 46px 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;
|
|
background-color: ;
|
|
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;
|
|
}
|
|
/*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;
|
|
}
|
|
.sheet-I1 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;
|
|
}
|
|
.sheet-I3 input[type="text"] {
|
|
background-image: url(https://i.imgur.com/GUI0tbP.png);
|
|
background-size: 98px 40px;
|
|
margin-left: 12px;
|
|
margin-right: 5px;
|
|
margin-bottom: 1px;
|
|
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;
|
|
}
|
|
.sheet-info-1 input[type="text"] {
|
|
border-style: #2F4F4F;
|
|
background-color: #DCDCDC;
|
|
width: 100px;
|
|
height: 30px;
|
|
margin-left: 12px;
|
|
margin-right: 4px;
|
|
margin-top: 3px;
|
|
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-info-2 input[type="text"] {
|
|
border-style: #2F4F4F;
|
|
background-color: #FAEBD7;
|
|
width: 100px;
|
|
height: 30px;
|
|
margin-left: 12px;
|
|
margin-right: 4px;
|
|
margin-top: 3px;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
.sheet-info-3 input[type="text"] {
|
|
border-style: #2F4F4F;
|
|
background-color: #DCDCDC;
|
|
width: 100px;
|
|
height: 30px;
|
|
margin-left: 12px;
|
|
margin-right: 5px;
|
|
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-linha-sub {
|
|
border-style: black;
|
|
background-color: ;
|
|
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-style: ;
|
|
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;
|
|
}
|
|
/**titulo dos atributos e modificadores**/
|
|
.sheet-img-dragon {
|
|
position: relative;
|
|
left: 335px;
|
|
bottom: -25px;
|
|
width: 41px;
|
|
height: 29px;
|
|
}
|
|
.sheet-atributo-name h2 {
|
|
font-size: 20px;
|
|
text-align: center;
|
|
border-bottom: solid 2px black;
|
|
line-height: 24px;
|
|
background-color: transparent;
|
|
}
|
|
.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: 29px 29px;
|
|
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-ip {
|
|
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-decisivo {
|
|
background-image: url(https://i.imgur.com/sUBkbOk.png);
|
|
background-size: 27px 25px;
|
|
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-critico {
|
|
background-image: url(https://i.imgur.com/FxgTzPb.png);
|
|
background-size: 27px 27px;
|
|
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: 25px 26px;
|
|
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-modificador-global {
|
|
margin-top: -15px;
|
|
margin-bottom:10px;
|
|
}
|
|
/*linha de divisão das perícias*/
|
|
.sheet-linha-de-divisao-2 {
|
|
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-2 h3 {
|
|
padding-top: 35px;
|
|
}
|
|
|
|
/*css linhas pericias*/
|
|
.sheet-pericias {
|
|
margin-top: 3px;
|
|
}
|
|
.sheet-linha-inicial-pericias {
|
|
border-style: none;
|
|
background-color: transparent;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
color: black font-weight: bold;
|
|
text-align: left;
|
|
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 font-weight: bold;
|
|
text-align: left;
|
|
position: left;
|
|
text-align: left;
|
|
width: 80px;
|
|
height: 30px;
|
|
margin-top: 3px;
|
|
}
|
|
.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;
|
|
background-color: ;
|
|
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;
|
|
background-color: ;
|
|
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-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-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;
|
|
}
|
|
|
|
.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
|
|
}
|
|
|
|
/*css dos dados de pericias*/
|
|
.sheet-linha-dado2 {
|
|
border-style: none;
|
|
background-color: transparent;
|
|
text-align: center;
|
|
background-repeat: no-repeat;
|
|
margin-top: 1px;
|
|
margin-left: 6px;
|
|
width: 21px;
|
|
height: 2px;
|
|
border-style: black;
|
|
background-color: ;
|
|
padding-left: 1px;
|
|
margin-top: 5px;
|
|
font-weight: bold;
|
|
color: black text-align: center;
|
|
}
|
|
button[type="roll"].sheet-dado4:before {
|
|
content: ' ';
|
|
}
|
|
button[type="roll"].sheet-dado4:hover {
|
|
background-position: 0;
|
|
box-shadow: 0px 0px 20px #00FF0B;
|
|
background-color: #9CF7A0;
|
|
}
|
|
button[type="roll"].sheet-dado4 {
|
|
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-dado5:before {
|
|
content: ' ';
|
|
}
|
|
button[type="roll"].sheet-dado5:hover {
|
|
background-position: 0;
|
|
box-shadow: 0px 0px 20px #FCE300;
|
|
background-color: #F7EE9C;
|
|
}
|
|
button[type="roll"].sheet-dado5 {
|
|
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-dado6:before {
|
|
content: ' ';
|
|
}
|
|
button[type="roll"].sheet-dado6:hover {
|
|
background-position: 0;
|
|
box-shadow: 0px 0px 20px #FF0003;
|
|
background-color: #F9999A;
|
|
}
|
|
button[type="roll"].sheet-dado6 {
|
|
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;
|
|
}
|
|
.sheet-linha_dado3 {
|
|
background-image: url();
|
|
background-size: 21px 26px;
|
|
text-align: center;
|
|
background-repeat: no-repeat;
|
|
margin-top: 1px;
|
|
margin-left: 9px;
|
|
width: 21px;
|
|
height: 2px;
|
|
border-style: none;
|
|
background-color: transparent;
|
|
padding-left: 1px;
|
|
margin-top: 0px;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
color: black text-align: center;
|
|
}
|
|
/*display das pericias de combate e pericias gerais*/
|
|
.sheet-columns {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 400px;
|
|
}
|
|
.sheet-columns > * {
|
|
flex: 1;
|
|
}
|
|
input.sheet-toggle-show:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body {
|
|
display: none;
|
|
}
|
|
/*linha de divisão dos aprimoramentos e manobras*/
|
|
.sheet-linha-de-divisao-3 {
|
|
margin-top: 15px;
|
|
margin-bottom: 1px;
|
|
background-image: url(https://i.imgur.com/NTZLN33.png);
|
|
background-size: 800px 65px;
|
|
background-repeat: no-repeat;
|
|
width: 800px;
|
|
height: 65px;
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
.sheet-linha-de-divisao-3 h3 {
|
|
padding-top: 35px;
|
|
}
|
|
/*display dos aprimoramentos e manobras*/
|
|
.sheet-aprimoramentos-e-manobras {
|
|
margin-top: 1px;
|
|
margin-bottom: 1px;
|
|
border-style: black;
|
|
background-color: #F8F8FF;
|
|
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-inicial-aprimoramentos-manobras {
|
|
border-style: none;
|
|
background-color: transparent;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
color: black text-align: center;
|
|
font-weight: bold;
|
|
margin-left: ;
|
|
position: relative;
|
|
width: 80px;
|
|
height: 30px;
|
|
margin-top: 2px;
|
|
}
|
|
/* CSS checkbox sub-atributos */
|
|
input[type="checkbox"].sheet-block-switch {
|
|
appearance: none;
|
|
border: none;
|
|
outline: none;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
input[type="checkbox"].sheet-block-switch {
|
|
opacity: transparent;
|
|
height: 30px;
|
|
width: 30px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
input[type="checkbox"].sheet-block-switch {
|
|
background-image: url(https://i.imgur.com/bs0x98x.png);
|
|
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;
|
|
}
|
|
/* CSS checkbox pericias*/
|
|
input[type="checkbox"].sheet-toggle-show {
|
|
appearance: none;
|
|
border: none;
|
|
outline: none;
|
|
}
|
|
input[type="checkbox"].sheet-toggle-show {
|
|
opacity: transparent;
|
|
height: 29px;
|
|
width: 30px;
|
|
margin: top;
|
|
25px;
|
|
}
|
|
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;
|
|
}
|
|
/*linha de fechamento das paginas*/
|
|
.sheet-linha-de-divisao-4 {
|
|
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;
|
|
}
|
|
.sheet-linha-de-divisao-4 h3 {
|
|
padding-top: 35px;
|
|
}
|
|
/*CSS Botões troca pagina 1*/
|
|
.sheet-character {
|
|
margin-top: 0px;
|
|
}
|
|
button[type="action"].sheet-button-personagem:before {
|
|
content: ' ';
|
|
}
|
|
button[type="action"].sheet-button-personagem:hover {
|
|
background-image: url(https://i.imgur.com/BeJ5nXO.png);
|
|
|
|
}
|
|
button[type="action"].sheet-button-personagem:hover h4 {
|
|
text-shadow: 0 0 10px #FF9601, 0 0 20px #FF9601, 0 0 40px #FF9601;
|
|
color: #fff
|
|
}
|
|
button[type="action"].sheet-button-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;
|
|
}
|
|
/*CSS Botões troca pagina 2*/
|
|
.sheet-container-botao{
|
|
margin-top:60px;
|
|
margin-bottom:-50px;
|
|
}
|
|
button[type="action"].sheet-button-magia:before {
|
|
content: ' ';
|
|
}
|
|
button[type="action"].sheet-button-magia:hover {
|
|
background-image: url(https://i.imgur.com/IJekFec.png);
|
|
}
|
|
button[type="action"].sheet-button-magia:hover h4 {
|
|
text-shadow: 0 0 10px #FF9601, 0 0 20px #FF9601, 0 0 40px #FF9601;
|
|
color: #fff
|
|
}
|
|
button[type="action"].sheet-button-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;
|
|
}
|
|
.sheet-button-personagem h4 {
|
|
color: #FFFFFF;
|
|
position: center;
|
|
padding-left: 22px;
|
|
font-size: 13px;
|
|
}
|
|
.sheet-button-magia h4 {
|
|
color: #FFFFFF;
|
|
position: center;
|
|
padding-left: 20px;
|
|
font-size: 13px;
|
|
}
|
|
/*CSS Botões troca pagina 3*/
|
|
.sheet-button-equipamento h4 {
|
|
color: #FFFFFF;
|
|
position: center;
|
|
padding-left: 23px;
|
|
font-size: 13px;
|
|
}
|
|
button[type="action"].sheet-button-equipamento:before {
|
|
content: ' ';
|
|
}
|
|
button[type="action"].sheet-button-equipamento:hover {
|
|
background-image: url(https://i.imgur.com/dnazVgl.png);
|
|
}
|
|
button[type="action"].sheet-button-equipamento:hover h4 {
|
|
text-shadow: 0 0 10px #FF9601, 0 0 20px #FF9601, 0 0 40px #FF9601;
|
|
color: #fff
|
|
}
|
|
button[type="action"].sheet-button-equipamento {
|
|
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;
|
|
}
|
|
/*Botões do cabeçalho*/
|
|
.sheet-character, .sheet-config, .sheet-journal {
|
|
display: none;
|
|
}
|
|
.sheet-tabstoggle[value="character"] ~ div.sheet-character, .sheet-tabstoggle[value="configuration"] ~ div.sheet-config, .sheet-tabstoggle[value="journal"] ~ div.sheet-journal {
|
|
display: block;
|
|
}
|
|
/* CSS Pagina 2 */
|
|
.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;
|
|
}
|
|
/* CSS Pagina 3*/
|
|
.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;
|
|
}
|
|
.sheet-texto-equip textarea {
|
|
width: 225px;
|
|
height: 100px;
|
|
border: 2px solid black;
|
|
font-weight: bold;
|
|
font-size: 13px;
|
|
}
|
|
/*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 {
|
|
appearance: none;
|
|
border: none;
|
|
outline: none;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
input[type="checkbox"].sheet-block-switch-personagem {
|
|
opacity: transparent;
|
|
height: 30px;
|
|
width: 30px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
input[type="checkbox"].sheet-block-switch-personagem {
|
|
background-image: url(https://i.ibb.co/Bch2s9N/sheet-block-switch-personagem.png);
|
|
height: 30px;
|
|
width: 30px;
|
|
background-repeat: no-repeat;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
input[type="checkbox"].sheet-block-switch-personagem:checked {
|
|
background-image: url(https://i.ibb.co/PM5XnWQ/sheet-block-switch-personagemchecked.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 mochila e anotacoes*/
|
|
.sheet-linha-de-divisao-5 {
|
|
background-image: url(https://i.imgur.com/NTZLN33.png);
|
|
background-size: 800px 65px;
|
|
background-repeat: no-repeat;
|
|
margin-top: 50px;
|
|
width: 800px;
|
|
height: 65px;
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
.sheet-linha-de-divisao-5 h3 {
|
|
padding-top: 35px;
|
|
text-align: center;
|
|
margin-bottom: 10px;
|
|
}
|
|
.sheet-linha-de-divisao-6 {
|
|
background-image: url(https://i.imgur.com/NTZLN33.png);
|
|
background-size: 800px 65px;
|
|
background-repeat: no-repeat;
|
|
margin-top: 55px;
|
|
margin-bottom: 5px;
|
|
width: 800px;
|
|
height: 65px;
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
.sheet-linha-de-divisao-6 h3 {
|
|
padding-top: 35px;
|
|
text-align: center;
|
|
margin-bottom: 10px;
|
|
}
|
|
/*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;
|
|
}
|
|
/*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-imgbag {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.sheet-mochila-texto{
|
|
margin-left:12px;
|
|
}
|
|
.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-bronze {
|
|
background-image: url(https://i.imgur.com/yk2LSG3.png);
|
|
background-size: 20px 22px;
|
|
background-repeat: no-repeat;
|
|
text-align: center;
|
|
width: 32%;
|
|
height: 22px;
|
|
}
|
|
.sheet-prata {
|
|
background-image: url(https://i.imgur.com/rc5flre.png);
|
|
background-size: 20px 20px;
|
|
background-repeat: no-repeat;
|
|
text-align: center;
|
|
width: 32%;
|
|
height: 22px;
|
|
}
|
|
.sheet-ouro {
|
|
background-image: url(https://i.imgur.com/2kn1Qt5.png);
|
|
background-size: 20px 20px;
|
|
background-repeat: no-repeat;
|
|
text-align: center;
|
|
width: 32%;
|
|
height: 22px;
|
|
}
|
|
.sheet-tabela-moedas td {
|
|
text-align: center;
|
|
border: 3px double;
|
|
}
|
|
.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;
|
|
}
|
|
.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;
|
|
}
|
|
.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-treinamento h3 {
|
|
text-align: center;
|
|
margin-top: -10px;
|
|
margin-bottom: 10px;
|
|
margin-left: -40px;
|
|
position: relative;
|
|
}
|
|
input[type="checkbox"].sheet-block-switch-mochila {
|
|
appearance: none;
|
|
border: none;
|
|
outline: none;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
input[type="checkbox"].sheet-block-switch-mochila {
|
|
opacity: transparent;
|
|
height: 30px;
|
|
width: 30px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
input[type="checkbox"].sheet-block-switch-mochila {
|
|
background-image: url(https://i.imgur.com/PXN6O0U.png);
|
|
background-size: 38px 40px;
|
|
height: 50px;
|
|
width: 50px;
|
|
background-repeat: no-repeat;
|
|
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;
|
|
}
|
|
/*--equipamento--*/
|
|
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 {
|
|
appearance: none;
|
|
border: none;
|
|
outline: none;
|
|
}
|
|
input[type="checkbox"].sheet-toggle-show-arma {
|
|
opacity: transparent;
|
|
height: 29px;
|
|
width: 30px;
|
|
margin: top;
|
|
25px;
|
|
}
|
|
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;
|
|
}
|
|
/*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 {
|
|
appearance: none;
|
|
border: none;
|
|
outline: none;
|
|
}
|
|
input[type="checkbox"].sheet-toggle-show-municao {
|
|
opacity: transparent;
|
|
height: 29px;
|
|
width: 30px;
|
|
margin: top;
|
|
25px;
|
|
}
|
|
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;
|
|
}
|
|
/*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;
|
|
}
|
|
input[type="checkbox"].sheet-toggle-show-armadura {
|
|
opacity: transparent;
|
|
height: 29px;
|
|
width: 30px;
|
|
margin: top;
|
|
25px;
|
|
}
|
|
input[type="checkbox"].sheet-toggle-show-armadura {
|
|
background-image: url("https://i.imgur.com/qj65zXo.png");
|
|
background-size: 29px 29px;
|
|
background-position: center;
|
|
height: 30px;
|
|
width: 30px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
/*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 {
|
|
appearance: none;
|
|
border: none;
|
|
outline: none;
|
|
}
|
|
input[type="checkbox"].sheet-toggle-show-item {
|
|
opacity: transparent;
|
|
height: 29px;
|
|
width: 30px;
|
|
margin: top;
|
|
25px;
|
|
}
|
|
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;
|
|
}
|
|
|
|
/*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 {
|
|
appearance: none;
|
|
border: none;
|
|
outline: none;
|
|
}
|
|
input[type="checkbox"].sheet-toggle-show-rel {
|
|
opacity: transparent;
|
|
height: 20px;
|
|
width: 28px;
|
|
margin: top;
|
|
25px;
|
|
}
|
|
input[type="checkbox"].sheet-toggle-show-rel {
|
|
background-image: url("https://i.imgur.com/lA8jXI3.png");
|
|
background-size: 29px 20px;
|
|
background-position: center;
|
|
height: 29px;
|
|
width: 30px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
/*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 {
|
|
appearance: none;
|
|
border: none;
|
|
outline: none;
|
|
}
|
|
input[type="checkbox"].sheet-toggle-show-pocao {
|
|
opacity: transparent;
|
|
height: 29px;
|
|
width: 30px;
|
|
margin: top;
|
|
25px;
|
|
}
|
|
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;
|
|
}
|
|
|
|
/* Smaller margins - remove these if you want the huge default left margin */
|
|
.sheet-rolltemplate-custom {
|
|
margin-left: -37px;
|
|
}
|
|
.withoutavatars .sheet-rolltemplate-custom {
|
|
margin-left: -7px;
|
|
}
|
|
|
|
.sheet-rolltemplate-custom .sheet-container {
|
|
border: 1px solid;
|
|
/* by default, the border is the same color as the header. You can change this here, e.g. to black */
|
|
border-color: var(--header-bg-color);
|
|
}
|
|
|
|
/* Header formatting - title and subtitle */
|
|
.sheet-rolltemplate-custom .sheet-header {
|
|
background-color: var(--header-bg-color);
|
|
/* change text-align to center to center the header text */
|
|
text-align: center;
|
|
color: var(--header-text-color);
|
|
padding: 5px;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-title {
|
|
font-size:1.1em;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-subtitle {
|
|
font-size:.9em;
|
|
}
|
|
|
|
/* example colors */
|
|
.sheet-rolltemplate-custom .sheet-container {
|
|
/* this is the default color */
|
|
--header-bg-color: rgb(50, 32, 130);
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-magic {
|
|
--header-bg-color: rgb(128, 39, 150);
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-general {
|
|
--header-bg-color: rgb(39, 150, 76);
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-combat {
|
|
--header-bg-color: rgb(130, 32, 40);
|
|
}
|
|
|
|
/* Allprops part */
|
|
.sheet-rolltemplate-custom .sheet-template-wrapper .sheet-content {
|
|
display: grid;
|
|
background: #fff6fb;
|
|
color: black;
|
|
/* Header formatting - modify the column layout below */
|
|
grid-template-columns: auto auto;
|
|
/* Line height to match default roll template */
|
|
line-height:1.4em;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-content > div {
|
|
padding: 5px;
|
|
}
|
|
|
|
/* Left column */
|
|
.sheet-rolltemplate-custom .sheet-content .sheet-key {
|
|
font-weight: bold;
|
|
padding-right: 10px;
|
|
text-align: right;
|
|
}
|
|
|
|
/* Empty rule, use this if you want to change the right column
|
|
.sheet-rolltemplate-custom .sheet-value {
|
|
}
|
|
*/
|
|
|
|
.sheet-rolltemplate-custom .sheet-template-wrapper .inlinerollresult{
|
|
background-color: transparent;
|
|
color: #000000;
|
|
border-style: inset;
|
|
border-radius: 35% 15%;
|
|
border-width: 3px;
|
|
}
|
|
|
|
/* Description field */
|
|
.sheet-rolltemplate-custom .sheet-desc {
|
|
grid-column: span 2;
|
|
padding: 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
/* FICHA DESENVOLVIDA POR BLACK & VERYDYCA
|
|
-.----------------------------------------------------------------------------.
|
|
|
|
-..................................-----::-:+:-..---...........................
|
|
|
|
-..............................-**+**+*+:++--::::::*+..........................
|
|
|
|
-.......................+*:..--...-+#@##@#*+:::::::::+++-......................
|
|
|
|
-.........................-*W@#@==@###@@@@@@@*+#*:--::::::+-...................
|
|
|
|
-..................---.-==+-:-:+:-...--*@WWW@WWW@*::::::*#=+:-.................
|
|
|
|
-.............--*+-:+-.-..-:*+::=**::::-----::++=#=:::===WWW@@=-...............
|
|
|
|
-...........+++:-........:+:+::-::-+=:......-::-.-++-:#W@=:+@W@#+..............
|
|
|
|
-............-+++-.-...-+==++*+-:-::-+*:----------:#=*+*=-...-+:-:*-...........
|
|
|
|
-...........:+++--*#+:**::-.-*:-:::::::-=#=*:...-===#=+*::*-....-+::...........
|
|
|
|
-........-*#*----==*---+=:-.++::-::::-:#==:-:+-.==*:-==+*--:+--...-==-.........
|
|
|
|
-.......*@#++:-+#=*:-----:*-::::-::--:=#:-----:*#**:-#=+=+.-=#=+:*-*@=:........
|
|
|
|
-......:@#******=+-----:--:=#+:::++::--+#=+----+#***+#*=::*#=*++#@@#@@#:.......
|
|
|
|
-....-*#*=#===##:----:==*:*#++*===*-+##****----+#**#===+---:-*::#@@@++@#.......
|
|
|
|
-...:=*-:*@@*@=:+==-:#=*+*#=***==+-:**==**++---*#**==:-:+*==**+--*#@@:=W+......
|
|
|
|
-.-*=+-+@W@###===*::@##=*+*=**+:-::--:==**:::-:#=**+----+*=#**+---:#@W@@=:.....
|
|
|
|
--==*.-@@=*****=+::---+#*+*:--+*:::--:==+*++:=##=**:------*=**+---:##*+*@*-....
|
|
|
|
-==*--=@=####=+::::-:-:#**+*-===:-:::+#=+*++**:==**+--++--*=****:*#*@@=*+*=+...
|
|
|
|
*#**-+###=#:---:==::-+=##*++==*---:-:+==++==+:+==*++*==+--==**--:==+==@@**+....
|
|
|
|
==*+===#::==-:===:--+#=:==***+::++::++##**==-::-=#***=+--:#=++*=+*=*+=@@*++....
|
|
|
|
+#**++*=***====*---+#*:-:=#*:*++..-..-:*=:.--:++:=#=+-----*#***#::==*+=#*+*:...
|
|
|
|
-+#=********=*+---+#=***:.......-....----+++++-..-++-------:=+-:+.+@===*#=+***-
|
|
|
|
-..-+=###=*:-----:==*+-........---......-+::++--...:*:------++--:+:-::--+##=+..
|
|
|
|
-....+**+:::::---*=#+.---...-==:...-----..::.........-::----+-:+:---::-:+......
|
|
|
|
-....-+:+::++-:-+#=*....-:--#**:..........:+*::-....-.::----:+:+:+::::-+-......
|
|
|
|
-.....-++::+:-:*=#**---...--==*-.............-+*:+-.-::+-----:+::+:--::+.......
|
|
|
|
-.......++:--+*:+#=++-:...-==*:-.--.............-..:+:::++++--+:-:*+:++-.......
|
|
|
|
-........-+:-:+-.*@*+*+::*#**-......-:-.....----.....-----.:*+:-:::::++........
|
|
|
|
-..........:+:.-..-=#****==+............---..........--..--:+*=+-:+=+..........
|
|
|
|
-..............++-.--=#+::-.:-.........++..........-----::+-..:=-++-...........
|
|
|
|
-.............-*+--.+#@@=+:::---..--.--:--..-----------::-...:=*:-.............
|
|
|
|
-...............-+-.-#@@@@@#+:---:++*++::-..---.-.-:+:---...-:+-...............
|
|
|
|
-..................:**#@==#@W@*:::----+*++::::++=W@*--.-*:-:-..................
|
|
|
|
-....................-:+---:+=##-------:+-:=:......-:+=+-......................
|
|
|
|
-.......................-:+:--------::--:**=@#*:-..............................
|
|
|
|
-..........................-++++*+::++::::::::--...............................
|
|
|
|
-...............................--.............................................
|
|
|
|
-.----------------------------------------------------------------------------.
|
|
--*/
|