First Version Commit - Changed Project Name

-> Added the basic Macros
-> Finished the charactersheet styling
This commit is contained in:
Bruno Cesar Alves de Freitas Ferreira Mendes
2023-05-23 09:43:44 -03:00
parent 5de0302ad6
commit 82bce48a51
44 changed files with 493 additions and 193 deletions

Before

Width:  |  Height:  |  Size: 206 KiB

After

Width:  |  Height:  |  Size: 206 KiB

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 33 KiB

Before

Width:  |  Height:  |  Size: 65 KiB

After

Width:  |  Height:  |  Size: 65 KiB

@@ -50,6 +50,7 @@
}
.sheet-container-sheet-main {
position: relative;
margin: 0 auto;
font-family: 'PT Sans', sans-serif;
font-size: 13px;
@@ -76,7 +77,7 @@
margin: 0 auto;
border: 5px solid black;
padding: 15px;
min-width: 856px;
min-width: 925px;
}
.sheet-rituals-title {
@@ -107,10 +108,22 @@
.sheet-rituals-dt-input{
border: 3px solid black;
height: 39px !important;
font-size: 20px !important;
}
.sheet-main{
width: 1000px;
overflow: hidden;
position: relative;
}
.sheet-ordo-bg {
opacity: 0.2;
position: absolute;
left: 75px;
top: 150px;
width: 100%;
height: auto;
}
.sheet-main * {
@@ -264,10 +277,10 @@
text-align: center;
}
.sheet-for-position {position: relative; top: 137px; left: 55px; height: 65px; width: 65px;}
.sheet-agi-position {position: relative; top: -30px; left: 203px; height: 65px; width: 65px;}
.sheet-int-position {position: relative; top: 6px; left: 355px; height: 65px; width: 65px;}
.sheet-pre-position {position: relative; top: 120px; left: 99px; height: 65px; width: 65px;}
.sheet-for-position {position: relative; top: 140px; left: 75px; height: 65px; width: 65px;}
.sheet-agi-position {position: relative; top: -10px; left: 215px; height: 65px; width: 65px;}
.sheet-int-position {position: relative; top: 11px; left: 357px; height: 65px; width: 65px;}
.sheet-pre-position {position: relative; top: 117px; left: 120px; height: 65px; width: 65px;}
.sheet-vig-position {position: relative; top: 55px; left: 310px; height: 65px; width: 65px;}
.sheet-main .sheet-header-info {
@@ -284,7 +297,7 @@
width: 100%;
height: 500px;
margin-bottom: 10px;
background-image: url(https://raw.githubusercontent.com/RoenMidnight/roll20-character-sheets/ordem-paranormal-new-character-sheet/Ordem%20Paranormal/assets/AtributosOP.png);
background-image: url(https://raw.githubusercontent.com/RoenMidnight/roll20-character-sheets/ordem-paranormal-new-character-sheet/Ordem%20Paranormal/assets/AtributosOPBolinha.png);
background-size: 500px;
background-repeat: no-repeat;
width: 500px;
@@ -364,6 +377,7 @@
height: 35px;
margin-left: -5px;
margin-bottom: 3px;
font-size: 20px;
}
.sheet-patent input{
@@ -375,6 +389,7 @@
height: 35px;
margin-left: -5px;
margin-bottom: 3px;
font-size: 20px;
}
.sheet-description-grid textarea{
@@ -399,6 +414,7 @@
display: flex;
align-content: center;
align-items: center;
margin-bottom: 15px;
}
.sheet-item-limit input, .sheet-credit-limit input, .sheet-load-limit input{
@@ -408,6 +424,11 @@
text-align: center;
margin-left: 5px;
margin-right: 5px;
font-size: 20px;
}
.sheet-edit-input {
background-color: transparent;
}
.sheet-credit-limit input{
@@ -438,6 +459,9 @@
margin-bottom: 5px;
}
.sheet-trilha-span{ background-color: transparent !important; color: black !important; }
.sheet-class-input{ border: 3px solid black !important; }
.sheet-label-nex-desloc{
margin-top: 11px !important;
margin-bottom: 11px !important;
@@ -445,6 +469,7 @@
.sheet-label-with-input input {
border: 2px solid; width: 90%;
font-size: 20px;
}
.sheet-nex-desloc, .sheet-nex {
@@ -499,14 +524,16 @@
border: 2px solid;
width: 100%;
height: 50px;
font-size: 20px;
}
.sheet-atuais {
.sheet-atuais, .sheet-classe-trilha {
position: relative;
padding: 5px;
}
.sheet-atuais:after, .sheet-atuais:before{
.sheet-atuais:after, .sheet-atuais:before,
.sheet-classe-trilha:after, .sheet-classe-trilha:before{
border: .2em solid black;
border-right-color: black;
border-right-style: solid;
@@ -530,14 +557,26 @@
left: 0;
}
.sheet-atuais label {
.sheet-classe-trilha:after{
border-left: none;
right: 5px;
top: 5px;
}
.sheet-classe-trilha:before{
border-right: none;
left: 5px;
top: 5px;
}
.sheet-atuais label, .sheet-classe-trilha label {
font-weight: initial;
font-size: 12px;
color: black;
}
.sheet-atuais input {
.sheet-atuais input, .sheet-classe-trilha input {
width: 100%; border: none;
font-size: 20px;
}
.sheet-san-value {
@@ -615,7 +654,7 @@
.sheet-resist{ display:grid; grid-template-columns: 100px auto; }
.sheet-protec label, .sheet-resist label { margin:0px; color: black;}
.sheet-protec input, .sheet-resist input { width: 100%; background-color: transparent; border:none; border-bottom:2px solid black;}
.sheet-protec input, .sheet-resist input { width: 100%; background-color: transparent; border:none; border-bottom:2px solid black; font-size: 20px;}
.sheet-origin, .sheet-class, .sheet-pv-pe, .sheet-def-san{
margin-bottom: 15px;
@@ -623,7 +662,7 @@
.sheet-nex-desloc { margin-bottom: 25px; }
.sheet-pe-rodada input{ width: 80%; height: 100%; }
.sheet-pe-rodada input{ width: 80%; height: 100%; font-size: 20px;}
.sheet-pe-label{
display: block;
@@ -823,8 +862,8 @@ input:checked + .sheet-slider:before {
display: grid;
padding-left: 10px;
padding-right: 10px;
column-gap: 7px;
grid-template-columns: 24px auto 40px 40px 60px 58px 24px;
column-gap: 10px;
grid-template-columns: 24px auto 40px 40px 60px 58px 50px 25px;
grid-template-rows: 24px auto
}
@@ -900,7 +939,7 @@ input:checked + .sheet-slider:before {
.sheet-attacks-container .sheet-attacksgrid .sheet-moreinfo {
position: relative;
margin-top: 7px;
grid-column: 1/8;
grid-column: 1/9;
display: flex;
justify-content: center;
flex-wrap: wrap;
@@ -1859,8 +1898,8 @@ input:checked + .sheet-slider:before {
input.sheet-fake-mod{
border: none;
height: 65px;
width: 65px;
height: 55px;
width: 55px;
background-color: transparent;
justify-content: center;
align-items: center;
@@ -1994,6 +2033,10 @@ input.sheet-fake-mod{
width: 100%
}
.sheet-main .repcontainer[data-groupname="repeating_investigation"] .sheet-container-ability-power {
grid-template-columns: auto 100px 20px;
}
.sheet-main .repcontainer[data-groupname="repeating_powers"] .sheet-container-ability-power .sheet-buttonshowinfo,
.sheet-main .repcontainer[data-groupname="repeating_investigation"] .sheet-container-ability-power .sheet-buttonshowinfo {
background-color: transparent;
@@ -2083,6 +2126,10 @@ sheet-main .repcontainer[data-groupname="repeating_investigation"] .sheet-contai
border: solid 2px black
}
.sheet-main .repcontainer[data-groupname="repeating_investigation"] .sheet-container-ability-power .sheet-extra {
grid-column: 1/4;
}
.sheet-main .repcontainer[data-groupname="repeating_powers"] .sheet-container-ability-power .sheet-extra textarea,
.sheet-main .repcontainer[data-groupname="repeating_investigation"] .sheet-container-ability-power .sheet-extra textarea {
width: 100%;
@@ -2539,7 +2586,8 @@ sheet-main .repcontainer[data-groupname="repeating_investigation"] .sheet-contai
font-size: 13px
}
.sheet-rolltemplate-ordem-paranormal-info {
.sheet-rolltemplate-ordem-paranormal-info,
.sheet-rolltemplate-ordem-paranormal-skill {
font-size: 12px;
box-sizing: border-box;
width: 100%;
@@ -2548,14 +2596,16 @@ sheet-main .repcontainer[data-groupname="repeating_investigation"] .sheet-contai
overflow: hidden
}
.sheet-rolltemplate-ordem-paranormal-info .sheet-rollbox-container {
.sheet-rolltemplate-ordem-paranormal-info .sheet-rollbox-container,
.sheet-rolltemplate-ordem-paranormal-skill .sheet-rollbox-container {
width: 100%;
position: relative;
box-sizing: border-box;
border: 2px solid black
}
.sheet-rolltemplate-ordem-paranormal-info .sheet-rollbox-container::before {
.sheet-rolltemplate-ordem-paranormal-info .sheet-rollbox-container::before,
.sheet-rolltemplate-ordem-paranormal-skill .sheet-rollbox-container::before {
position: absolute;
content: '';
background-color: #d3e5f5;
@@ -2572,7 +2622,8 @@ sheet-main .repcontainer[data-groupname="repeating_investigation"] .sheet-contai
transform: rotate(-90deg)
}
.sheet-rolltemplate-ordem-paranormal-info .sheet-rollbox-container::after {
.sheet-rolltemplate-ordem-paranormal-info .sheet-rollbox-container::after,
.sheet-rolltemplate-ordem-paranormal-skill .sheet-rollbox-container::after {
content: '';
position: absolute;
background-color: #d3e5f5;
@@ -2589,7 +2640,8 @@ sheet-main .repcontainer[data-groupname="repeating_investigation"] .sheet-contai
transform: rotate(180deg)
}
.sheet-rolltemplate-ordem-paranormal-info .sheet-rollbox-container .sheet-rollbox {
.sheet-rolltemplate-ordem-paranormal-info .sheet-rollbox-container .sheet-rollbox,
.sheet-rolltemplate-ordem-paranormal-skill .sheet-rollbox-container .sheet-rollbox {
padding: 5px;
font-family: 'PT Sans';
position: relative;
@@ -2601,7 +2653,8 @@ sheet-main .repcontainer[data-groupname="repeating_investigation"] .sheet-contai
row-gap: 5px
}
.sheet-rolltemplate-ordem-paranormal-info .sheet-rollbox-container .sheet-rollbox::before {
.sheet-rolltemplate-ordem-paranormal-info .sheet-rollbox-container .sheet-rollbox::before,
.sheet-rolltemplate-ordem-paranormal-skill .sheet-rollbox-container .sheet-rollbox::before {
position: absolute;
content: '';
background-color: #d3e5f5;
@@ -2617,7 +2670,8 @@ sheet-main .repcontainer[data-groupname="repeating_investigation"] .sheet-contai
left: -16px
}
.sheet-rolltemplate-ordem-paranormal-info .sheet-rollbox-container .sheet-rollbox::after {
.sheet-rolltemplate-ordem-paranormal-info .sheet-rollbox-container .sheet-rollbox::after,
.sheet-rolltemplate-ordem-paranormal-skill .sheet-rollbox-container .sheet-rollbox::after {
content: '';
position: absolute;
background-color: #d3e5f5;
@@ -2634,7 +2688,8 @@ sheet-main .repcontainer[data-groupname="repeating_investigation"] .sheet-contai
transform: rotate(90deg)
}
.sheet-rolltemplate-ordem-paranormal-info .sheet-rollbox-container .sheet-rollbox .sheet-roll-title {
.sheet-rolltemplate-ordem-paranormal-info .sheet-rollbox-container .sheet-rollbox .sheet-roll-title,
.sheet-rolltemplate-ordem-paranormal-skill .sheet-rollbox-container .sheet-rollbox .sheet-roll-title {
font-weight: bold;
width: 100%;
min-height: 16px;
@@ -2645,7 +2700,8 @@ sheet-main .repcontainer[data-groupname="repeating_investigation"] .sheet-contai
text-transform: uppercase
}
.sheet-rolltemplate-ordem-paranormal-info .sheet-rollbox-container .sheet-rollbox .sheet-info-title {
.sheet-rolltemplate-ordem-paranormal-info .sheet-rollbox-container .sheet-rollbox .sheet-info-title,
.sheet-rolltemplate-ordem-paranormal-skill .sheet-rollbox-container .sheet-rollbox .sheet-info-title {
width: 100%;
font-style: italic;
display: flex;
@@ -2655,7 +2711,12 @@ sheet-main .repcontainer[data-groupname="repeating_investigation"] .sheet-contai
font-size: 13px
}
.sheet-rolltemplate-ordem-paranormal-info .sheet-rollbox-container .sheet-rollbox .sheet-descricao {
.sheet-rolltemplate-ordem-paranormal-skill .sheet-rollbox-container .sheet-rollbox .sheet-custo span {
font-weight: bolder;
}
.sheet-rolltemplate-ordem-paranormal-info .sheet-rollbox-container .sheet-rollbox .sheet-descricao,
.sheet-rolltemplate-ordem-paranormal-skill .sheet-rollbox-container .sheet-rollbox .sheet-descricao {
box-sizing: border-box;
width: 100%;
padding: 10px;
@@ -2665,7 +2726,8 @@ sheet-main .repcontainer[data-groupname="repeating_investigation"] .sheet-contai
overflow-y: auto
}
.sheet-rolltemplate-ordem-paranormal-info .sheet-rollbox-container .sheet-rollbox .sheet-descricao span {
.sheet-rolltemplate-ordem-paranormal-info .sheet-rollbox-container .sheet-rollbox .sheet-descricao span,
.sheet-rolltemplate-ordem-paranormal-skill .sheet-rollbox-container .sheet-rollbox .sheet-descricao span {
margin: 0;
padding: 0 3px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
Binary file not shown.

After

Width:  |  Height:  |  Size: 144 KiB

@@ -7,7 +7,7 @@
"mod_forca": "FORÇA",
"mod_agilidade": "AGILIDADE",
"mod_vigor": "VIGOR",
"mod_inteligencia": "INTELECTO",
"mod_intelecto": "INTELECTO",
"mod_presenca": "PRESENÇA",
"pontos_de_vida": "Pontos de Vida",
"pv_maximos": "Máximos",
@@ -21,6 +21,7 @@
"bonus_ataque": "Bônus de Ataque",
"dano": "Dano",
"dano_extra": "Dano Extra",
"dado_extra": "Dados Extra",
"critico": "Crítico",
"descricao_macros": "Descrição / Macros",
"pericia_utilizada": "Perícia utilizada",