mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
1101 lines
28 KiB
CSS
1101 lines
28 KiB
CSS
@import url('https://fonts.googleapis.com/css?family=Creepster');
|
|
@import url('https://fonts.googleapis.com/css?family=Passion+One');
|
|
@import url('https://fonts.googleapis.com/css?family=Rubik+Beastly');
|
|
/* Creepster, Passion One, Rubik Beastly */
|
|
.ui-dialog .charsheet .ficha-madness input[type=number] {
|
|
width: 100%;
|
|
}
|
|
.ficha-madness {
|
|
width: 760px;
|
|
background: rgba(0, 0, 0, 0.0);
|
|
padding: 0px;
|
|
font-family: "Arial";
|
|
font-size: 14px;
|
|
}
|
|
/* Chrome, Safari, Edge, Opera */
|
|
.ficha-madness input::-webkit-outer-spin-button, .ficha-madness input::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
/* Firefox */
|
|
.ficha-madness input[type=number] {
|
|
-moz-appearance: textfield;
|
|
}
|
|
.ficha-madness * {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
}
|
|
.ficha-madness input[type="text"], .ficha-madness input[type="number"], .ficha-madness select {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
line-height: 1em;
|
|
background: none;
|
|
outline: none;
|
|
color: #45004B;
|
|
}
|
|
.ficha-madness input:disabled {
|
|
color: darkred;
|
|
}
|
|
.ficha-madness label {
|
|
font-size: 1em;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
.ficha-madness select {
|
|
margin-top: 1px;
|
|
}
|
|
.ficha-madness .itemcontrol {
|
|
z-index: 9999;
|
|
background-color: yellow;
|
|
}
|
|
.ficha-madness button {
|
|
padding: inherit;
|
|
margin: auto;
|
|
border: inherit;
|
|
}
|
|
.topo {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
margin-bottom: 10px;
|
|
justify-content: space-between;
|
|
}
|
|
.nome {
|
|
width: 370px;
|
|
}
|
|
.nome label {
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
}
|
|
.nome input[type="text"] {
|
|
min-height: 50px;
|
|
line-height: 50px;
|
|
font-size: 2em;
|
|
font-weight: bold;
|
|
background: #fafafa;
|
|
border-radius: 5px;
|
|
border: 1px solid #a0a0a0;
|
|
padding-left: 10px;
|
|
}
|
|
.logo {
|
|
width: 350px;
|
|
padding-left: 10px;
|
|
}
|
|
.logo img {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
}
|
|
.sessao {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.sessao:last-child {
|
|
margin-bottom: 20px;
|
|
}
|
|
.celula-simples {}
|
|
.celula-simples label {
|
|
font-weight: 500;
|
|
text-transform: uppercase;
|
|
opacity: 0.75;
|
|
font-size: 0.85em;
|
|
letter-spacing: 0.5px;
|
|
}
|
|
.celula-simples input[type="text"], .celula-simples input[type="number"], .celula-simples select {
|
|
min-height: 25px;
|
|
line-height: 25px;
|
|
border-bottom: 1px solid black;
|
|
font-size: 1.20em;
|
|
letter-spacing: -0.25px;
|
|
font-weight: 600;
|
|
}
|
|
.w60 {
|
|
width: 60px;
|
|
}
|
|
.w120 {
|
|
width: 120px;
|
|
}
|
|
.w180 {
|
|
width: 180px;
|
|
}
|
|
.w240 {
|
|
width: 240px;
|
|
}
|
|
.w300 {
|
|
width: 300px;
|
|
}
|
|
.lado {
|
|
width: 100%;
|
|
}
|
|
.esquerdo {
|
|
max-width: 520px;
|
|
z-index: 2;
|
|
}
|
|
.direito {
|
|
max-width: 240px;
|
|
z-index: 1;
|
|
}
|
|
.valores {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-around;
|
|
}
|
|
.valores-unicos {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-around;
|
|
margin-bottom: 30px;
|
|
}
|
|
.valores.circulo {
|
|
max-width: 50%;
|
|
}
|
|
.valores.outros {
|
|
max-width: 50%;
|
|
}
|
|
.valor {
|
|
max-width: 100px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: top center;
|
|
margin-bottom: 20px;
|
|
}
|
|
.valor .valor-numero {}
|
|
.valor .valor-numero input[type="number"], .valor .valor-numero input[type="text"] {
|
|
width: 100%;
|
|
text-align: center;
|
|
font-size: 3.75em;
|
|
line-height: 100px;
|
|
font-weight: 800;
|
|
letter-spacing: -0.075em;
|
|
padding-right: 0.075em;
|
|
}
|
|
.break {
|
|
flex-basis: 100%;
|
|
height: 0;
|
|
}
|
|
.box {
|
|
width: 40%;
|
|
margin: 0 auto;
|
|
background: rgba(255, 255, 255, 0.2);
|
|
padding: 35px;
|
|
border: 2px solid #fff;
|
|
border-radius: 20px/50px;
|
|
background-clip: padding-box;
|
|
text-align: center;
|
|
}
|
|
.button {
|
|
border: none;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
transition: all 0.3s ease-out;
|
|
height: 100%;
|
|
width: 100%;
|
|
position: absolute;
|
|
z-index: 9970;
|
|
}
|
|
.valor-numero .button {
|
|
border-radius: 100%;
|
|
}
|
|
.button:hover {}
|
|
.overlay {
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
background: rgba(0, 0, 0, 0.7);
|
|
transition: opacity 500ms;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
display: none;
|
|
}
|
|
.overlay:target {
|
|
display: block;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
z-index: 9990;
|
|
cursor: not-allowed;
|
|
user-select: none;
|
|
}
|
|
.popup {
|
|
margin: auto;
|
|
padding: 10px;
|
|
background: rgba(255, 255, 255, 1);
|
|
border-radius: 0px;
|
|
width: 100%;
|
|
position: relative;
|
|
transition: all 5s ease-in-out;
|
|
border: 5px solid white;
|
|
}
|
|
.popup2 {
|
|
margin: 70px auto;
|
|
background: rgba(0, 0, 0, 0.0);
|
|
border-radius: 10px;
|
|
width: 75%;
|
|
position: relative;
|
|
transition: all 5s ease-in-out;
|
|
padding: 5px;
|
|
border: 5px solid white;
|
|
cursor: default;
|
|
}
|
|
.popup h2 {
|
|
margin-top: 0;
|
|
color: #333;
|
|
font-family: Tahoma, Arial, sans-serif;
|
|
}
|
|
.popup .close {
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 10px;
|
|
transition: all 200ms;
|
|
font-size: 30px;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
color: #333;
|
|
}
|
|
.popup .close:hover {
|
|
color: #45004B;
|
|
}
|
|
.close2 {
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 1000px;
|
|
width: 1000px;
|
|
position: absolute;
|
|
text-decoration: none;
|
|
}
|
|
.popup .content {}
|
|
.valor-abv {
|
|
text-align: center;
|
|
font-family: "Creepster";
|
|
font-size: 3.25em;
|
|
line-height: 1em;
|
|
background: -webkit-linear-gradient(#45004B, #000);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
}
|
|
.valor-nome {
|
|
text-align: center;
|
|
font-size: 1.5em;
|
|
line-height: 1em;
|
|
letter-spacing: -0.05em;
|
|
font-stretch: extra-condensed;
|
|
margin-top: -2.5px;
|
|
text-transform: uppercase;
|
|
font-weight: 800;
|
|
}
|
|
.charsheet .ficha-madness .valor-nome button[type=roll] {}
|
|
.circulo .valor {
|
|
background-image: url("http://arkana-rpg.com.br/patrick/comissao/IntoTheMadness/img_circle.png");
|
|
}
|
|
.coracao {
|
|
background-image: url("http://arkana-rpg.com.br/patrick/comissao/IntoTheMadness/img_heart.png");
|
|
background-position: center 10px;
|
|
}
|
|
.nuvem {
|
|
background-image: url("http://arkana-rpg.com.br/patrick/comissao/IntoTheMadness/img_cloud.png");
|
|
}
|
|
.vigor {
|
|
background-image: url("http://arkana-rpg.com.br/patrick/comissao/IntoTheMadness/img_vigor.png");
|
|
}
|
|
.escudo {
|
|
background-image: url("http://arkana-rpg.com.br/patrick/comissao/IntoTheMadness/img_shield.png");
|
|
}
|
|
.hexagono {
|
|
background-image: url("http://arkana-rpg.com.br/patrick/comissao/IntoTheMadness/img_hexagon.png");
|
|
}
|
|
.book {
|
|
background-image: url("http://arkana-rpg.com.br/patrick/comissao/IntoTheMadness/img_book.png");
|
|
background-position: center 5px;
|
|
}
|
|
.valor.coracao {
|
|
max-width: 120px;
|
|
}
|
|
.valor.nuvem {
|
|
max-width: 130px;
|
|
}
|
|
.valor.vigor {
|
|
max-width: 130px;
|
|
position: relative;
|
|
margin-left: -25px;
|
|
}
|
|
.valor.escudo {
|
|
max-width: 100px;
|
|
}
|
|
.valor.hexagono {
|
|
max-width: 95px;
|
|
}
|
|
.valor.book {
|
|
max-width: 120px;
|
|
}
|
|
.popup-content {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.popup-content input[type="number"], .popup-content input[type="text"] {
|
|
width: 100%;
|
|
text-align: center;
|
|
font-size: 2.5em;
|
|
line-height: 1em;
|
|
font-weight: 800;
|
|
letter-spacing: -0.075em;
|
|
padding-right: 0.075em;
|
|
}
|
|
.popup-content label {
|
|
font-size: 0.85em;
|
|
line-height: 1em;
|
|
text-transform: uppercase;
|
|
letter-spacing: -0.05em;
|
|
font-weight: bold;
|
|
}
|
|
.popup-content * {
|
|
text-align: center;
|
|
}
|
|
.popup h2 {
|
|
text-align: center;
|
|
font-family: "Creepster";
|
|
font-size: 2.5em;
|
|
line-height: 1em;
|
|
background: -webkit-linear-gradient(#45004B, #000);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.clear {
|
|
clear: both;
|
|
}
|
|
.quadro {
|
|
border: 2px solid black;
|
|
padding: 5px;
|
|
border-radius: 10px;
|
|
position: relative;
|
|
}
|
|
.quadro2 {
|
|
border: 1px solid black;
|
|
border-radius: 10px;
|
|
}
|
|
.titulo-black {
|
|
position: absolute;
|
|
z-index: 9970;
|
|
font-family: "Passion One";
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.5px;
|
|
font-size: 0.95em;
|
|
line-height: 1em;
|
|
border-radius: 5px;
|
|
padding: 2px;
|
|
border: 1px solid black;
|
|
background: white;
|
|
}
|
|
.titulo-black2 {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 5px;
|
|
background: black;
|
|
color: white;
|
|
border-radius: 5px;
|
|
min-width: 100px;
|
|
text-align: center;
|
|
}
|
|
.ficha-madness textarea {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
min-width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
margin-top: 10px;
|
|
border: 2px solid red;
|
|
padding: 10px;
|
|
background: none;
|
|
outline: none;
|
|
color: #45004B;
|
|
border-radius: 5px;
|
|
}
|
|
.botao-menu {
|
|
position: absolute;
|
|
height: 17px;
|
|
width: 17px;
|
|
display: none;
|
|
}
|
|
.p10 {
|
|
width: 10%;
|
|
}
|
|
.p20 {
|
|
width: 20%;
|
|
}
|
|
.p30 {
|
|
width: 30%;
|
|
}
|
|
.p40 {
|
|
width: 40%;
|
|
}
|
|
.p50 {
|
|
width: 50%;
|
|
}
|
|
.p60 {
|
|
width: 60%;
|
|
}
|
|
.p70 {
|
|
width: 70%;
|
|
}
|
|
.p80 {
|
|
width: 80%;
|
|
}
|
|
.p90 {
|
|
width: 90%;
|
|
}
|
|
.p100 {
|
|
width: 100%;
|
|
}
|
|
.float {
|
|
float: left;
|
|
}
|
|
.position1 {
|
|
top: -30px;
|
|
left: 10px;
|
|
}
|
|
.position2 {
|
|
top: -30px;
|
|
left: calc(100% - 5px);
|
|
}
|
|
.salva-box {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
flex-wrap: wrap;
|
|
margin-left: 10px;
|
|
margin-bottom: 8px;
|
|
}
|
|
.salva-box .quadro {}
|
|
.salva-box .quadro2 {
|
|
width: 60px;
|
|
height: 50px;
|
|
}
|
|
.salva-box:first-child {
|
|
margin-top: 25px;
|
|
}
|
|
.salva-nome {
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
font-weight: 600;
|
|
font-size: 0.85em;
|
|
letter-spacing: -0.25px;
|
|
width: calc(100% - 20px);
|
|
position: relative;
|
|
bottom: -17px;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
.salva-valor {}
|
|
.salva-valor input[type="number"], .salva-valor input[type="text"] {
|
|
text-align: center;
|
|
font-size: 2em;
|
|
line-height: 50px;
|
|
font-weight: bold;
|
|
padding-right: 5px;
|
|
}
|
|
.salva-check {
|
|
position: absolute;
|
|
transform: rotate(-45deg);
|
|
border: 1px solid black;
|
|
width: 26px;
|
|
height: 26px;
|
|
top: 38px;
|
|
right: 8px;
|
|
z-index: 9980;
|
|
background: white;
|
|
}
|
|
.salva-check input[type="checkbox"] {
|
|
width: 26px;
|
|
height: 26px;
|
|
transform: rotate(45deg);
|
|
border: none;
|
|
opacity: 1;
|
|
margin-left: -2px;
|
|
margin-top: -2px;
|
|
z-index: 9970;
|
|
}
|
|
.subtitulo {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 0 10px;
|
|
padding-top: 5px;
|
|
align-items: center;
|
|
font-size: 1.0em;
|
|
font-weight: 800;
|
|
text-transform: uppercase;
|
|
letter-spacing: -0.75px;
|
|
}
|
|
.final {
|
|
position: absolute;
|
|
width: calc(100% + 0px);
|
|
bottom: 0px;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
right: 10px;
|
|
text-transform: uppercase;
|
|
font-size: 0.85em;
|
|
font-weight: 800;
|
|
line-height: 1em;
|
|
letter-spacing: -0.5px;
|
|
}
|
|
.final .quadro {
|
|
max-width: 65px;
|
|
}
|
|
.final .linha {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
text-transform: uppercase;
|
|
font-size: 0.85em;
|
|
font-weight: 800;
|
|
line-height: 1em;
|
|
letter-spacing: -0.5px;
|
|
}
|
|
.linha {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
text-transform: uppercase;
|
|
font-size: 0.85em;
|
|
font-weight: 800;
|
|
line-height: 1em;
|
|
letter-spacing: -0.5px;
|
|
}
|
|
.final .linha .celula, .final .celula {
|
|
display: flex;
|
|
width: 100%;
|
|
margin: 2px;
|
|
align-items: center;
|
|
}
|
|
.final .linha .celula .quadro, .final .linha .celula .quadro2 {
|
|
background: white;
|
|
}
|
|
.final .linha .celula span, .final .celula span, .final span {
|
|
position: absolute;
|
|
right: calc(100% + 5px);
|
|
bottom: 15px;
|
|
}
|
|
.celula div:first-child {
|
|
text-align: right;
|
|
}
|
|
input[type="number"].equipamento1,
|
|
input[type="text"].equipamento1{
|
|
width: 35px;
|
|
max-width: 35px;
|
|
height: 30px;
|
|
text-align: center;
|
|
font-size: 2.0em;
|
|
font-weight: 600;
|
|
}
|
|
input[type="number"].equipamento2,
|
|
input[type="text"].equipamento2 {
|
|
width: 35px;
|
|
max-width: 45px;
|
|
height: 35px;
|
|
text-align: center;
|
|
font-size: 2.0em;
|
|
font-weight: 600;
|
|
}
|
|
.ficha-madness fieldset {
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.flexgrid {
|
|
display: flex;
|
|
}
|
|
.flexgrid input[type="text"], .flexgrid input[type="number"] {
|
|
padding: 5px;
|
|
}
|
|
.flexgrid input[type="text"] {}
|
|
.flexgrid input[type="number"] {
|
|
max-width: 60px;
|
|
text-align: center;
|
|
}
|
|
.equipamentos .quadro2 {
|
|
margin: 5px;
|
|
}
|
|
.equipamentos input[type="text"],
|
|
.equipamentos input[type="number"]{
|
|
font-size: 1.15em;
|
|
font-weight: 600;
|
|
}
|
|
.boxscroll {
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
padding: 0px 10px;
|
|
padding-bottom: 0px;
|
|
margin-top: 35px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.boxscroll span {
|
|
white-space: break-spaces;
|
|
}
|
|
.boxscroll textarea {}
|
|
.valorchave[value="0"] ~ textarea {
|
|
display: none;
|
|
}
|
|
.valorchave[value="1"] ~ span {
|
|
display: none;
|
|
}
|
|
.centerall, .centerall * {
|
|
text-align: center;
|
|
}
|
|
.modificadores input[type="text"] {
|
|
border-bottom: 1px solid black;
|
|
padding-bottom: 1px;
|
|
line-height: 20px;
|
|
}
|
|
.centerall label {
|
|
text-align: center;
|
|
}
|
|
.ficha-madness .centerall .repcontrol_edit {
|
|
float: none;
|
|
position: absolute;
|
|
right: 0;
|
|
z-index: 9999;
|
|
}
|
|
.ficha-madness .centerall .repcontrol_add {
|
|
float: none;
|
|
position: absolute;
|
|
left: 0;
|
|
z-index: 9999;
|
|
}
|
|
.ficha-madness .centerall .repcontrol_move {
|
|
float: none;
|
|
position: absolute;
|
|
left: 0;
|
|
z-index: 9999;
|
|
}
|
|
.ficha-madness .centerall .repcontrol_del {
|
|
float: none;
|
|
position: absolute;
|
|
right: 0;
|
|
z-index: 9999;
|
|
}
|
|
.popup-content input[type="number"], .popup-content input[type="text"] {
|
|
max-width: 80px;
|
|
}
|
|
.salva-box a {
|
|
max-width: 60px;
|
|
left: 7px;
|
|
max-height: 52px;
|
|
bottom: 6px;
|
|
}
|
|
.armas-titulo {
|
|
background: black;
|
|
color: white;
|
|
padding: 10px;
|
|
padding-left: 15%;
|
|
font-family: "Passion One";
|
|
text-transform: uppercase;
|
|
font-size: 2.0em;
|
|
margin-bottom: 20px;
|
|
margin-top: 40px;
|
|
}
|
|
.armas-header {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
font-family: "Rubik Beastly";
|
|
font-size: 1.0em;
|
|
}
|
|
.armas-header div {
|
|
max-width: 100%;
|
|
text-align: left;
|
|
}
|
|
.armas-header span {
|
|
font-family: "Arial";
|
|
font-weight: 300;
|
|
font-stretch: extra-condensed;
|
|
font-size: 0.85em;
|
|
margin-right: 5px;
|
|
}
|
|
.armas-linha {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
font-family: "Passion One";
|
|
font-size: 1.25em;
|
|
border-bottom: 1px solid black;
|
|
padding-bottom: 1px;
|
|
}
|
|
.armas-linha input[type="text"], .armas-linha input[type="number"] {
|
|
justify-content: space-between;
|
|
font-family: "Arial";
|
|
font-size: 1.0em;
|
|
font-weight: 500;
|
|
max-width: 100%;
|
|
}
|
|
.armas-linha input[type="number"],
|
|
.armas-linha input[type="text"], .armas-linha select {
|
|
font-family: "Passion One";
|
|
font-size: 1.25em;
|
|
max-width: 100%;
|
|
}
|
|
.armas-linha div {
|
|
max-width: 100%;
|
|
text-align: left;
|
|
}
|
|
.minmax {
|
|
display: flex;
|
|
}
|
|
.minmax input[type="number"], .minmax select {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
text-align: center;
|
|
}
|
|
.rollbutton {
|
|
display: flex;
|
|
}
|
|
.rollbutton button {
|
|
margin-right: 5px;
|
|
}
|
|
.radiobutton {
|
|
position: absolute;
|
|
right: 0;
|
|
font-size: 0.75em;
|
|
width: 140px;
|
|
top: 5px;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
.radiobutton span {
|
|
width: 40px;
|
|
height: 40px;
|
|
background: rgba(255, 255, 255, 0.15);
|
|
margin-right: 5px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: 10px;
|
|
}
|
|
.ficha-madness input.buttoncomplete {
|
|
position: absolute;
|
|
height: 100%;
|
|
width: 100%;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
opacity: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
line-height: 1em;
|
|
z-index: 9970;
|
|
}
|
|
.ficha-madness input.buttoncomplete:checked + b {
|
|
color: violet;
|
|
}
|
|
.arma-img {
|
|
position: absolute;
|
|
width: 265px;
|
|
left: -5px;
|
|
top: -25px;
|
|
}
|
|
.arma-img img {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
}
|
|
.valor-maximo {
|
|
position: absolute;
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
.valor .valor-numero .valor-maximo input[type="number"], .valor .valor-numero .valor-maximo input[type="text"] {
|
|
font-size: 25px;
|
|
line-height: 1em;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.paddingblack {
|
|
background: black;
|
|
color: white;
|
|
width: 100%;
|
|
padding: 5px;
|
|
text-align: center;
|
|
margin: 20px 0px 5px 0px;
|
|
border-radius: 5px;
|
|
}
|
|
.ficha-madness .repcontrol {
|
|
position: absolute;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
}
|
|
.repcontrol {
|
|
min-height: 27px;
|
|
}
|
|
.repcontrol .btn {
|
|
/*visibility: hidden;*/
|
|
border: medium none;
|
|
color: white !important;
|
|
background: none;
|
|
box-shadow: none;
|
|
font-size: 0px;
|
|
padding: 2px;
|
|
margin: 0;
|
|
}
|
|
.repcontrol .btn:focus {
|
|
outline: 0;
|
|
}
|
|
.repcontrol .repcontrol_edit:after {
|
|
content: '(';
|
|
visibility: visible;
|
|
font-family: pictos;
|
|
background-color: #fff;
|
|
border: 1px solid black;
|
|
border-radius: 2px;
|
|
font-size: 12px;
|
|
height: 12px;
|
|
width: 12px;
|
|
padding: 2px 4px 2px 4px;
|
|
color: black;
|
|
}
|
|
.editmode ~ .repcontrol .repcontrol_edit:after {
|
|
content: ')';
|
|
}
|
|
.repcontrol .repcontrol_add:before {
|
|
content: '&';
|
|
visibility: visible;
|
|
font-family: pictos;
|
|
background-color: #fff;
|
|
border: 1px solid black;
|
|
border-radius: 2px;
|
|
font-size: 12px;
|
|
height: 12px;
|
|
width: 12px;
|
|
padding: 2px 4px 2px 4px;
|
|
color: black;
|
|
}
|
|
.repcontrol .repcontrol_edit:hover:after, .repcontrol .repcontrol_add:hover:before {
|
|
background-color: #EFEFEF;
|
|
}
|
|
.itemcontrol {
|
|
z-index: 10;
|
|
}
|
|
.itemcontrol .repcontrol_del {
|
|
font-size: 20px;
|
|
margin-top: 0px;
|
|
padding: 0px;
|
|
height: 30px;
|
|
width: 30px;
|
|
}
|
|
.itemcontrol .repcontrol_move {
|
|
font-size: 20px;
|
|
margin-top: 0px;
|
|
padding: 0px;
|
|
height: 30px;
|
|
width: 30px;
|
|
}
|
|
.charsheet .ficha-madness button[type=roll] {
|
|
background: inherit;
|
|
color: inherit;
|
|
padding: inherit;
|
|
margin: inherit;
|
|
line-height: inherit;
|
|
border: inherit;
|
|
font-size: inherit;
|
|
font-family: inherit;
|
|
text-align: inherit;
|
|
text-shadow: inherit;
|
|
}
|
|
.ficha-madness .valor-nome button[type="roll"] {
|
|
font-family: "Passion One";
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.5px;
|
|
padding: 0;
|
|
}
|
|
.ficha-madness .valor-nome button[type="roll"]:hover {
|
|
|
|
background: -webkit-linear-gradient(#228b22, #333);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
}
|
|
.charsheet .ficha-madness button[type=roll]:before {
|
|
content: '';
|
|
}
|
|
/* 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: left;
|
|
color: var(--header-text-color);
|
|
padding: 5px;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-title {
|
|
font-size: 1.1em;
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-subtitle {
|
|
font-size: .9em;
|
|
}
|
|
/* example colors */
|
|
.sheet-rolltemplate-custom .sheet-container {
|
|
/* this is the default color */
|
|
--header-bg-color: #45004B;
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-red {
|
|
--header-bg-color: #F00;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-green {
|
|
--header-bg-color: #0F0;
|
|
--header-text-color: #000;
|
|
}
|
|
/* Allprops part */
|
|
.sheet-rolltemplate-custom .sheet-content {
|
|
display: grid;
|
|
background: #FFF;
|
|
/* 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 {
|
|
}
|
|
*/
|
|
/* Make even-numbered rows grey */
|
|
.sheet-rolltemplate-custom .sheet-content :nth-child(4n+3), .sheet-rolltemplate-custom .sheet-content :nth-child(4n) {
|
|
/*background: #EEE;*/
|
|
}
|
|
/* Description field */
|
|
.sheet-rolltemplate-custom .sheet-desc {
|
|
grid-column: span 2;
|
|
padding: 5px;
|
|
text-align: center;
|
|
}
|
|
.salva-box .valor-nome button[type="roll"] {
|
|
position: relative;
|
|
width: 100%;
|
|
font-size: 0.75em;
|
|
text-align: center;
|
|
}
|
|
input.mostraoculta + div.mostraoculta > input.mostraoculta {
|
|
display: none;
|
|
}
|
|
input.mostraoculta:checked + div.mostraoculta > input.mostraoculta {
|
|
display: block
|
|
}
|
|
input.mostraoculta:checked + div.mostraoculta > input.mostraoculta + input {
|
|
display: none
|
|
}
|
|
input.mostraoculta:checked + div.mostraoculta:hover > input.mostraoculta {
|
|
display: none
|
|
}
|
|
input.mostraoculta:checked + div.mostraoculta:hover > input.mostraoculta + input {
|
|
display: block
|
|
}
|
|
.charsheet .ficha-madness .rollbutton button[type=roll]{
|
|
text-transform: uppercase;
|
|
font-size: 1.25em;
|
|
}
|
|
.charsheet .ficha-madness .rollbutton button[type=roll]:hover{
|
|
|
|
background: -webkit-linear-gradient(#228b22, #333);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
}
|
|
|
|
/* ========================================= FICHA FEITA POR PATRICK LEO =========================================
|
|
|
|
|
|
|
|
`syy/ `yyyyyo: :yy +ys. :yyy. /yys` oy/ .yyy: syyyys/` .yyyyyo: :oyhhhs:
|
|
omydm. `mmo:/dmo +mm`-hms. `dmsNy oNmNh. yNo yNsmd` dNs:/dNy -NN+:+NN/ `ymmo:-:+`
|
|
-md.+my `NNo-:dN+ +NNomm/ sNs`dN/ oNsoNd- yNo /Nd`sNs dNs-:hNy -NN:.:mN+ /Nm- .....
|
|
`yms::dm/ .dmhymd/ /mmhdm+ :mm+:sNd. oNs +md-sm+ .dms:/mm: `oooo hmhydd+` -ddyyyy+` /dh` +syho
|
|
+dhssssdh. `dd:`ods. /dd`.ydo` `ydssssydo +d+ :hhyh/ shysooshy``:::: yh/`/ys. .yy-``` .yy/``.oyo
|
|
-yh- oho `yy- /ys. :yy `oyo`+ys` .yy: /y+ -syy/ :ss. `ss/ os: :so- .ss. .+oooooo/
|
|
`.. `.. ..` ..` `.. `..`..` ..` `.` `..` `.` `.. `.` `.. .. `....``
|
|
|
|
`
|
|
`:/+/-.`
|
|
`-+ssssso+++/-`
|
|
`-+syyyhhddhssoooo/-`
|
|
./+osyhddddmmmdhhyyo+++:
|
|
`` ` ```` ```` `-/osyhhhhhdddmNhyysss/:/-
|
|
````` ```````` `` ``````.-+sso-````.-/+oo:-..+s/--`
|
|
``````````````````` ````` `-+yoo.`````````````` `/s:-.
|
|
````````````````` ```` `./hys:``.......```..`` `+s-.`
|
|
```````````````` ` ````` ```` ./hyss``-/++/-..-:/++/.` `/o..
|
|
````````````` ` `.```` ``` `:yhyy/`..///ss:-:/://--`` //.`
|
|
```````````` ``` ` ` ````` ` ``` `-shyyo``..+o/::-.-:/+/-.``` `/:` ` `
|
|
```````````````` `` ` ````` `./hsss: .:/osyy+:.-+yso+-.`` -/.````````` ```````
|
|
``````````````````` ` ```` ````` .-ysoss``./ymmmmsso+ommmh:.`. `+:` ```````` `````````` ```
|
|
```````````..--..``` ``.``` ```....:yoss: `.-+hmmmdyysdmmh+..:` +/. ```````````````````````````````````````
|
|
`````````....:ooy/..```` ``````` ``````.`ooos+ .-.-ohhy+---+hho..-` :+-````````````````````````````````````````
|
|
````````.--..:oomh//:-..``` `` `````````-soso` .:..-oo/-...-+o:.:- -o-.```````````````````````````````````````
|
|
```````.-.-::/s++ooyhs+/:.``` ` ```````.`+ooo- `--..:osssyyhy/--: .+--```````````````````````````````````````
|
|
```````.--://os+ohmNMNdyso/-.` `` `.`` `.`-///:` `:--..:+oyyys/-/. .:-..-...............``.`````````......````
|
|
```````:/s/:+sosmMMMNmNNNmyo/-.` ``.`````.``.---/:` ``hy/```........: `-:/oyhds/:::///-.-:....````````.......````
|
|
``````.:+dyshhmMMNNNNNMMMNNNNho:`````:..-.`.``.-:+/``oyhh/.`````..`:+ .:+hdhs+yy/+smhoy/-:/--..`````..`.....``.``.
|
|
```...-/ymhNMNdhdNNNNdysydNNNmyo/:.`.:ooyhhyhh+--//o//oyhh:.``.::-.+o `yhhssddys+shNhyymo//dy/-..```` -:.`.```````.
|
|
`..-.-/omhNNo+o+++/::::///+mNdyso+/::shhyhdddmmy/.-:+:/oyyh+..-/+/:oN/ `.+so/:/`..sh+...Nyo::my/:..`````o-```.`````.
|
|
``.-.:/hsmd-.-/hhysossossydNNdmmmmdyo/ydmdhdmmmNmh/.-+/:+oos+--/o+/sNdh+/:::-:`` ``........Nd+:.:Nh/:.`````++.`````````
|
|
``.-.:+hss-----+NNdhdddmmmmddoohmmNNmdhddmddmmNNmmms-.++-:////::///os+ooooo::..:-```........dd+...om/:-.````:o/.````````
|
|
.`.-::omh-------/mNmmmmmmNmmNmhyyydmmdmmmmNmmNmNNmmNd+-++-::/:::::::::/osss.:+-oo-////++...`-+-````oy::-.`` :/+:.```````
|
|
...::/sdm+:::---.:mNNNmmmddmdddy/:oddhhmdhNNmmNNNNmNNmh+/o/+so++:--.:+ossyo--d/sy:yddmdhhhyso+/:::``+-::.`` :-:/:-``````
|
|
..--::+sNds::--/shhhmNNNNmddyssys:/yssshdymNmmmNMNNmNNNms+o/osoo+:.-/+osyhs.+h/+d+sddhsmNMNNNNdddh-`+:-/:.` /-.-.:.`````
|
|
--:-://shNd+:::dm+.`/hNNNNNNmho++o+o++sydhmNNmmmMNNmNmNNNds+/osso/:--:/oyhy`+o/-msohdsmNNMmmmhdNyd- -/-:-..`:....-:`````
|
|
+++///+syNmd+::ymo. `-/sdddmdy/:/oso+/+shdNNmdhNmNmdmmNNMmh++syys+:.-:+yys`s+/.yy/ys+NmmNmNssdmsd- -//-::.-.....:.````
|
|
oo+++++yhmymmd+omyo` :o-.---/o/:+ys/+ohdmNdhyNmhhhmmNNNMNdo+oysoo:--/++o`yho-:s+o/omhddmm/sdd/y: `:/so....`.`.:.``.
|
|
soooooo+oooshNNydss/` .o-`.` ``.---+yhoohdydmyhNhysymmNNNMMNds/sooo+-..:/+.ymd+.-+:-sdydhhd/ohh-+: ` ``--..`.`.:-...
|
|
ssssosso+os+osdNmy/o/``+/``. .`-s.:+ooyydy+smhmmyy+ydmmNNNMMNmo+so++/.`.::`ydmho..``oysdysy+/yy-:- ````` --.`-`.`-----
|
|
ssssssssoohy++smNd+-o//o/.....:--+/syhyhmdssymhmhys/ydddmNNNNNNm+-://+:``..`ydmmds. /s+yyoo+.sy-.. ```` `:- ..-..-.:::
|
|
yyyysoossosy+++ohmo::hms++ooooos/::osyhhy+:+dddmy+//shmhhdmmNNmmd:-:///:``.`sdmmdhs- -o/+o+//.+y.`.``` `:.`-.:----:::
|
|
yhhhyssssoososo++hh+ooyys:-...s/``-+syhyhyhy/omhs/:/osdmhhhdmmmmdy-.-:--.```+hddddyo-`:/-+///::s-`-````` .-`.-.-:---///
|
|
yyhhhhysssosooso+smdo--.:os/.-+-``/ohhshdh/.-sms:::::+ohdhyyhhhhyy+.-...````:shhhhhs+.`:.+//::.o:`.` `` `. .-.::-::///
|
|
hyhhhhyssssyyyyss+++/osssosoo/-``+ohhhhhyo:-:hy:-:-:-::/shdyosso++/..`..``` ./ssoo+/:.`--///:-`+/``` `` `.-::-::/++
|
|
hhhhhhhyssyyhhhyso+/` ``-/osyyhy+sddysooso//ss:.--------:+oso+////:-...```` .----....``.-/+/:-`/:``` ``````...--.-:/+o
|
|
hddddddhyyyyyhhyso//. `. ``.:ohmhoy++yyo+o+-..-:--..---:/++/:::::--`````` .---...--..--:+/:-.::..` ```....-..--.-:/++
|
|
dmmNNmmmdhhhhhhyso+/. :os///+osooo.``...-:-----.-::::::::-..````` `.....://-.-::+++/--/--.``..-::::/:::/::/+oo
|
|
mmmNNNNNNmmddddhys+:. `- `:+s::/+oo++-```...-----....-----.-:-..````````.../+++:-://+++/::/::/::::++++oo++ooo++oss
|
|
mmmmNNNNNNmmdddhys+:` -:::::/+oo+:```-:+:----....-.......-:...``````...-osoo/:///+o+///++oooo+osyyyyyyyyyyyyyyy
|
|
mmmmNNNNNNNmmddhys/:` `:::::/+o/::.--./+oo/----..--.......-:...``````...-sysso//++osso++ssssssyhhddddddddddddddd
|
|
dmmmmmNNNNNmmmddhs/-` -:::::/+/:--::/:/o++o/:-::---........--..``````.--:oyyysooooyyyysyyhhddddmmmmmNmmddmmmmmmm
|
|
dmmNNmNNNNNNmmmdhs/-` .::::-:/:-::/+++o+osooo/:/::---.-...-.--..``.-..--:/+yhhhyyyhhddhhhhddmmmmNNNNNNNNNNNNNNNNm
|
|
mmNmmmNNNNNNmddhyo/- `/:/:::::-::/+osyysosysoo+///::--------.-....`...:::+oydddddddddmmddmmNNNNNNMMNNNNMNNNNNNNNm
|
|
mNNmmNNNNNNNmdhhyo/-```` ``:://///:-:/+oyyhhhyysyyysoo++//:--:::--.---.-----//+sshmmmmddmmmmmmmNNNNNNNNNMNNNNNNNNNmmmmm
|
|
mNNNNNNNNNNNmdhyso+-```````://++///::+oyhhdddddddhyhdhyysso++///////::://+//+osyhddmNNmmmmmNNNNNNNNMMMNNNNNNNMMMMNNNmmmm
|
|
NNNNNNNNNNNNmdhyoo/:`.....::/+++++++oyhdmmmNmmmmmdmdmmmmdhhyyso+++++//+ossssyhdddmmNNNNNNNNNNNNNMMMMMMNMNMMMNNMMMNNNNNmm
|
|
NNNNNNNNNNmmmdhsoo+:...--://++++ooyyhdmNNNNNNNNNNNNNmmmmmmdhhhyoooososyyyhhdddmmNNNNNNNNNNNNNNNMMMMMMMMMMMMMMMMMMMMMNNNN
|
|
NNNNNNNNNNmmddhyyys/--:/+ooosssssshdmNNNMMNNNNNNNNNNNNmmmmmmdhhyyyyyhhhdddmmNNNNNNNNNNNNNNNNNNMMMMMMMMMMMMMMMMMMMMMMNNNN */ |