mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 11:42:29 +00:00
2064 lines
46 KiB
CSS
2064 lines
46 KiB
CSS
/*
|
|
CSS KOBOL */
|
|
/* Character sheet for ROll20 by VJ Rolmasters*/
|
|
|
|
@import url('https://fonts.googleapis.com/css2?family=Amarante&family=Milonga&family=New+Rocker&family=Uncial+Antiqua&display=swap');
|
|
|
|
/*============= FONTS CSS =============*/
|
|
|
|
.uncial-antiqua-regular {
|
|
font-family: "Uncial Antiqua", system-ui;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
.amarante-regular {
|
|
font-family: "Amarante", serif;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
.milonga-regular {
|
|
font-family: "Milonga", serif;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
.new-rocker-regular {
|
|
font-family: "New Rocker", system-ui;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
|
|
|
|
/*=================== TABS MENU CSS ===================*/
|
|
|
|
|
|
.sheet-center-menu{
|
|
float: none;
|
|
position: relative;
|
|
height: auto;
|
|
min-height: 40px;
|
|
margin-top: -66px;
|
|
}
|
|
|
|
.sheet-cosmenu{
|
|
float: none;
|
|
width: 100%;
|
|
height: auto;
|
|
min-height: 1000px;
|
|
margin: 0px auto ;
|
|
}
|
|
|
|
|
|
/* configure the tab buttons */
|
|
.charsheet .sheet-atributos,
|
|
.charsheet .sheet-combate,
|
|
.charsheet .sheet-zurron,
|
|
.charsheet .sheet-magia,
|
|
.charsheet .sheet-credits{
|
|
display: none;
|
|
}
|
|
|
|
/* style the active button */
|
|
.charsheet .sheet-tabstoggle[value="atributos"] ~ div .sheet-button0 {background-color: #eaeaea !important; color: #e76f21 !important;}
|
|
.charsheet .sheet-tabstoggle[value="combate"] ~ div .sheet-button1 {background-color: #eaeaea !important; color: #e76f21 !important;}
|
|
.charsheet .sheet-tabstoggle[value="zurron"] ~ div .sheet-button2 {background-color: #eaeaea !important; color: #e76f21 !important;}
|
|
.charsheet .sheet-tabstoggle[value="magia"] ~ div .sheet-button3 {background-color: #eaeaea !important; color: #e76f21 !important;}
|
|
.charsheet .sheet-tabstoggle[value="credits"] ~ div .sheet-button4 {background-color: #eaeaea !important; color: #e76f21 !important;}
|
|
|
|
/* show the selected tab */
|
|
.charsheet .sheet-tabstoggle[value="atributos"] ~ div.sheet-atributos,
|
|
.charsheet .sheet-tabstoggle[value="combate"] ~ div.sheet-combate,
|
|
.charsheet .sheet-tabstoggle[value="zurron"] ~ div.sheet-zurron,
|
|
.charsheet .sheet-tabstoggle[value="magia"] ~ div.sheet-magia,
|
|
.charsheet .sheet-tabstoggle[value="credits"] ~ div.sheet-credits{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-button0,
|
|
.sheet-button1,
|
|
.sheet-button2,
|
|
.sheet-button3,
|
|
.sheet-button4 {
|
|
width: auto;
|
|
height: 24px;
|
|
background: #eaeaea;
|
|
color: #000000;
|
|
margin: 10px 0px 5px 0px;
|
|
padding: 3px 18px 1px;
|
|
text-align: center;
|
|
font-family: "New Rocker", system-ui;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-size: 22px;
|
|
border: none !important;
|
|
}
|
|
.sheet-button4 img {
|
|
margin:-5px 0px 0px 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.sheet-button0:hover,
|
|
.sheet-button1:hover,
|
|
.sheet-button2:hover,
|
|
.sheet-button3:hover,
|
|
.sheet-button4:hover{
|
|
width: auto;
|
|
height: 24px;
|
|
background: #eaeaea;
|
|
color: #ea8825;;
|
|
margin: 10px 0px 5px 0px;
|
|
padding: 3px 18px 1px;
|
|
text-align: center;
|
|
font-family: "New Rocker", system-ui;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-size: 22px;
|
|
border: none !important;
|
|
}
|
|
|
|
|
|
.charsheet .sheet-tabstoggle ~ div .sheet-button0 {
|
|
margin-left: 85px;
|
|
}
|
|
|
|
|
|
|
|
|
|
/*============= CONTENEDORES Y COLUMNAS CSS =============*/
|
|
|
|
|
|
|
|
.sheet-clearfloat {
|
|
clear:both;
|
|
height:0;
|
|
font-size: 0px;
|
|
line-height:0px;
|
|
}
|
|
|
|
|
|
.ui-dialog .charsheet {
|
|
padding: 0px 0px;
|
|
}
|
|
|
|
.sheet-contenedorvj{
|
|
float:none;
|
|
position:relative;
|
|
width:100%;
|
|
max-width: 860px;
|
|
height:auto;
|
|
min-height: 1050px;
|
|
margin: 0px auto;
|
|
padding: 0px 0px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/FICHA_KOBOLD_ROLL20_FONDO_B2_860px.png");
|
|
background-repeat:no-repeat;
|
|
background-size: auto;
|
|
background-position: center top;
|
|
}
|
|
|
|
|
|
.sheet-contenedor-central{
|
|
float: none;
|
|
width: 860px;
|
|
height: auto;
|
|
min-height: 0px;
|
|
margin: 0px auto ;
|
|
background-image: none;
|
|
background-repeat:repeat-y;
|
|
background-size: auto;
|
|
background-position: center;
|
|
}
|
|
|
|
.sheet-kobold-cap{
|
|
float:none;
|
|
position:relative;
|
|
width:100%;
|
|
max-width: 860px;
|
|
height:auto;
|
|
min-height: 371px;
|
|
margin: 0px auto;
|
|
padding: 0px 0px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/FICHA_KOBOLD_ROLL20_HEADER_A5_860px.png");
|
|
background-repeat:none;
|
|
background-size: auto;
|
|
background-position: center;
|
|
}
|
|
|
|
.sheet-kobold-atributos{
|
|
float:none;
|
|
position:relative;
|
|
width:100%;
|
|
max-width: 860px;
|
|
height:auto;
|
|
min-height: 683px;
|
|
margin: 0px auto;
|
|
padding: 0px 0px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/FICHA_KOBOLD_ROLL20_ATRIBUTOS_RETALLA_860px.png");
|
|
background-repeat:none;
|
|
background-size: auto;
|
|
background-position: center;
|
|
}
|
|
|
|
.sheet-kobold-combate{
|
|
float:none;
|
|
position:relative;
|
|
width:100%;
|
|
max-width: 860px;
|
|
height:auto;
|
|
min-height: 683px;
|
|
margin: 0px auto;
|
|
padding: 0px 0px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/FICHA_KOBOLD_ROLL20_COMBATE_RETALLA_860px.png");
|
|
background-repeat:none;
|
|
background-size: auto;
|
|
background-position: center;
|
|
}
|
|
|
|
.sheet-kobold-zurron{
|
|
float:none;
|
|
position:relative;
|
|
width:100%;
|
|
max-width: 860px;
|
|
height:auto;
|
|
min-height: 683px;
|
|
margin: 0px auto;
|
|
padding: 0px 0px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/FICHA_KOBOLD_ROLL20_ZURRON_RETALL_860px.png");
|
|
background-repeat:none;
|
|
background-size: auto;
|
|
background-position: center;
|
|
}
|
|
|
|
.sheet-kobold-magia{
|
|
float:none;
|
|
position:relative;
|
|
width:100%;
|
|
max-width: 860px;
|
|
height:auto;
|
|
min-height: 683px;
|
|
margin: 0px auto;
|
|
padding: 0px 0px;
|
|
background-image: none;
|
|
background-repeat:none;
|
|
background-size: auto;
|
|
background-position: center;
|
|
}
|
|
|
|
.sheet-kobold-credits{
|
|
float:none;
|
|
position:relative;
|
|
width:100%;
|
|
max-width: 860px;
|
|
height:auto;
|
|
min-height: 683px;
|
|
margin: 0px auto;
|
|
padding: 0px 0px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/FICHA_KOBOLD_ROLL20_CREDITS_B4_860px.png");
|
|
background-repeat:no-repeat;
|
|
background-size: auto;
|
|
background-position: top;
|
|
}
|
|
|
|
.sheet-columna600{
|
|
float:left;
|
|
position:relative;
|
|
width:620px;
|
|
height:auto;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-characterinfo{
|
|
width:150px;
|
|
height:30px;
|
|
margin:0px 0px;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: solid 2px #000000;
|
|
}
|
|
.sheet-columnalogo{
|
|
float:left;
|
|
position:relative;
|
|
width:190px;
|
|
height:auto;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.sheet-100{
|
|
float:left;
|
|
position:relative;
|
|
width:96%;
|
|
height:auto;
|
|
margin: 0px 2%;
|
|
padding: 0px 0px;
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-width100{
|
|
float:left;
|
|
position:relative;
|
|
width:100%;
|
|
height:auto;
|
|
min-height: 32px;
|
|
margin: 0px 0px;
|
|
padding: 0px 0px;
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-columnaters{
|
|
float:left;
|
|
position:relative;
|
|
width:32%;
|
|
height:auto;
|
|
margin: 0% 0% 0% 1%;
|
|
padding: 0px;
|
|
}
|
|
.sheet-columnadosters{
|
|
float:left;
|
|
position:relative;
|
|
width:66%;
|
|
height:auto;
|
|
margin: 0% 0% 0% 1%;
|
|
padding: 0px;
|
|
background-color: aqua;
|
|
}
|
|
|
|
/*============= HEAD CSS =============*/
|
|
.sheet-noms{
|
|
float:left;
|
|
position:relative;
|
|
width:80px;
|
|
height:25px;
|
|
min-height: 25px;
|
|
margin: 0px 0px;
|
|
padding: 5px 0px 0px;
|
|
display: inline-block;
|
|
font-family: "Merienda", cursive;
|
|
font-size: 14px;
|
|
}
|
|
.sheet-inputs-text{
|
|
float:left;
|
|
position:relative;
|
|
width:auto;
|
|
height:30px;
|
|
min-height: 30px;
|
|
margin: 0px 0px;
|
|
padding: 0px 0px;
|
|
display: inline-block;
|
|
font-family: "Merienda", cursive;
|
|
font-size: 14px;
|
|
}
|
|
.sheet-title-abilities{
|
|
float:left;
|
|
position:relative;
|
|
width:100%;
|
|
height:30px;
|
|
margin: 0px 0px 0px;
|
|
padding: 0px 0px;
|
|
font-family: "Merienda", cursive;
|
|
font-size: 18px;
|
|
text-align: center;
|
|
}
|
|
/*============= CHECK BOX CSS =============*/
|
|
|
|
/*============= DETAILS =============*/
|
|
details{
|
|
color: #A45700 !important;
|
|
padding: 5px 0px 0px;
|
|
cursor: pointer;
|
|
}
|
|
details:hover{
|
|
color: #472600 !important;
|
|
padding: 5px 0px 0px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/*============= REPCONTROL BOTONS CSS =============*/
|
|
.repcontrol {
|
|
display: flex;
|
|
width: 86%;
|
|
justify-content: flex-end;
|
|
clear: both;
|
|
}
|
|
.repcontrol_add,
|
|
.repcontrol_edit,
|
|
.repcontrol_add:hover,
|
|
.repcontrol_edit:hover,
|
|
.repcontrol_add:active,
|
|
.repcontrol_edit:active
|
|
.repcontrol_add:focus,
|
|
.repcontrol_edit:focus{
|
|
width: 2em;
|
|
height: 1.2em;
|
|
margin: 1px;
|
|
padding: 0 1px 3px 1px;
|
|
box-shadow: none;
|
|
color: transparent !important;
|
|
text-shadow: none;
|
|
outline: transparent !important;
|
|
}
|
|
.repcontrol_move {
|
|
float: left;
|
|
margin-left: 5px;
|
|
margin-left: 15px;
|
|
cursor: move;
|
|
}
|
|
button.btn.repcontrol_del:after,
|
|
button.btn.repcontrol_del:hover {
|
|
color: black;
|
|
}
|
|
button.btn.repcontrol_edit:after {
|
|
font-family: Pictos;
|
|
content: '(';
|
|
color: black;
|
|
margin: 0 0 0 -38px;
|
|
}
|
|
.repcontainer.ui-sortable.editmode ~ .repcontrol button.btn.repcontrol_edit:after {
|
|
margin: 0 0 0 -28px;
|
|
content: ')';
|
|
}
|
|
button.btn.repcontrol_add:after {
|
|
font-family: Pictos;
|
|
content: '&';
|
|
color: black;
|
|
margin: 0 0 0 -31px;
|
|
}
|
|
button.btn:hover.repcontrol_edit:after,
|
|
button.btn:hover.repcontrol_add:after,
|
|
button.btn:hover.repcontrol_del:after {
|
|
color: #73940D;
|
|
}
|
|
a.btn.repcontrol_move:hover {
|
|
color: #73940D;
|
|
}
|
|
button.btn.btn-danger.pictos.repcontrol_del:hover {
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
.btn-danger {
|
|
background-color: rgb(218, 79, 73);
|
|
background-image: -webkit-linear-gradient(top, rgb(238, 95, 91), rgb(189, 54, 47));
|
|
background-repeat: repeat-x;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
|
margin-right: 20px;
|
|
}
|
|
/*============= RADIOBOX CSS =============*/
|
|
|
|
|
|
/*============= ESPACIADORES Y SEPARADORES CSS =============*/
|
|
.sheet-espaimenu{
|
|
float:none;
|
|
position:relative;
|
|
width:100%;
|
|
height:20px;
|
|
margin: 0px auto;
|
|
padding: 0px;
|
|
}
|
|
.sheet-espai-5{
|
|
float:left;
|
|
position:relative;
|
|
width:100%;
|
|
height:5px;
|
|
margin: 0px auto;
|
|
padding: 0px;
|
|
}
|
|
.sheet-espai-10{
|
|
float:left;
|
|
position:relative;
|
|
width:100%;
|
|
height:10px;
|
|
margin: 0px auto;
|
|
padding: 0px;
|
|
}
|
|
.sheet-espai-15{
|
|
float:left;
|
|
position:relative;
|
|
width:100%;
|
|
height:15px;
|
|
margin: 0px auto;
|
|
padding: 0px;
|
|
}
|
|
.sheet-espai-20{
|
|
float:left;
|
|
position:relative;
|
|
width:100%;
|
|
height:20px;
|
|
margin: 0px auto;
|
|
padding: 0px;
|
|
}
|
|
.sheet-espai-30{
|
|
float:left;
|
|
position:relative;
|
|
width:100%;
|
|
height:30px;
|
|
margin: 0px auto;
|
|
padding: 0px;
|
|
}
|
|
.sheet-espai-40{
|
|
float:none;
|
|
position:relative;
|
|
width:100%;
|
|
height:40px;
|
|
margin: 0px auto;
|
|
padding: 0px;
|
|
}
|
|
.sheet-espai-60{
|
|
float:left;
|
|
position:relative;
|
|
width:100%;
|
|
height:60px;
|
|
margin: 0px auto;
|
|
padding: 0px;
|
|
}
|
|
.sheet-espai-70{
|
|
float:left;
|
|
position:relative;
|
|
width:100%;
|
|
height:70px;
|
|
margin: 0px auto;
|
|
padding: 0px;
|
|
}
|
|
.sheet-espai-80{
|
|
float:left;
|
|
position:relative;
|
|
width:100%;
|
|
height:80px;
|
|
margin: 0px auto;
|
|
padding: 0px;
|
|
}
|
|
.sheet-espai-90{
|
|
float:left;
|
|
position:relative;
|
|
width:100%;
|
|
height:90px;
|
|
margin: 0px auto;
|
|
padding: 0px;
|
|
}
|
|
.sheet-espai100{
|
|
float: left;
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100px;
|
|
margin: 0px auto;
|
|
}
|
|
.sheet-line-separador{
|
|
float:none;
|
|
position:relative;
|
|
width:90%;
|
|
height:15px;
|
|
margin: 0px auto;
|
|
padding: 0px;
|
|
border-bottom: 1px solid #000000;
|
|
}
|
|
|
|
/*============= MARGENES CSS =============*/
|
|
|
|
.sheet-marge-left4{
|
|
float:left;
|
|
position:relative;
|
|
width:4px;
|
|
height:30px;
|
|
margin: 5px auto 0px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-marge-left40{
|
|
float:none;
|
|
position:relative;
|
|
width:40px;
|
|
height:30px;
|
|
margin: 5px auto 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
|
|
|
|
/*============= VJBTNA NICE CSS =============*/
|
|
|
|
.sheet-VJbtna{
|
|
padding: 2px 3px 2px 0px!important;
|
|
font-size: 35px!important;
|
|
margin: 0px 3px;
|
|
background: none!important;
|
|
border: none!important;
|
|
color:#cc6633;
|
|
box-shadow: none !important;
|
|
}
|
|
.sheet-VJbtna:hover{
|
|
padding: 2px 3px 2px 0px!important;
|
|
font-size: 35px!important;
|
|
margin: 0px 3px;
|
|
background: none;
|
|
border: none;
|
|
-webkit-transition: background-position 0.1s linear;
|
|
-moz-transition: background-position 0.1s linear;
|
|
-ms-transition: background-position 0.1s linear;
|
|
-o-transition: background-position 0.1s linear;
|
|
transition: background-position 0.1s linear;
|
|
color: #336633;
|
|
}
|
|
.sheet-VJbtna:active{
|
|
padding: 2px 3px 2px 0px!important;
|
|
font-size: 35px!important;
|
|
margin: 0px 3px;
|
|
background: none!important;
|
|
border: none!important;
|
|
box-shadow: none;
|
|
-webkit-transition: background-position 0.1s linear;
|
|
-moz-transition: background-position 0.1s linear;
|
|
-ms-transition: background-position 0.1s linear;
|
|
-o-transition: background-position 0.1s linear;
|
|
transition: background-position 0.1s linear;
|
|
}
|
|
|
|
.ui-dialog .charsheet button[type=roll]::before {
|
|
font-family: dicefontd10;
|
|
border: none;
|
|
background-color: transparent;
|
|
content:"K";
|
|
}
|
|
|
|
/*============= CHECK CSS =============*/
|
|
|
|
/* Chrome, Safari, Edge, Opera */
|
|
input::-webkit-outer-spin-button,
|
|
input::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0; }
|
|
|
|
/* Firefox */
|
|
input[type=number] {
|
|
-moz-appearance: textfield; }
|
|
|
|
|
|
/*============= CAP HEADER AVATAR =============*/
|
|
|
|
.sheet-columna-pj{
|
|
float:left;
|
|
position:relative;
|
|
width:240px;
|
|
height:auto;
|
|
min-height: 200px;
|
|
max-height: 200px;
|
|
margin: 0px 0px 0px 150px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-experiencia-box{
|
|
float:left;
|
|
position:relative;
|
|
width:70px;
|
|
height:auto;
|
|
min-height: 40px;
|
|
max-height: 40px;
|
|
margin: 20px 0px 0px 170px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-puntos-exp{
|
|
float: right;
|
|
width: 60px !important;
|
|
height: 30px !important;
|
|
margin: 6px 5px 0px 0px;
|
|
padding: 0px 0px 0px 0px;
|
|
text-align: center; font-weight: bold; font-size: 18px; font-family: "Amarante", serif;
|
|
}
|
|
.sheet-pj-box{
|
|
float:left;
|
|
position:relative;
|
|
width:100%;
|
|
height:25px;
|
|
min-height: 25px;
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-pjinfo-A{
|
|
float: right;
|
|
width: 150px !important;
|
|
height: 20px !important;
|
|
margin: 6px 5px 0px 0px !important;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: solid 1px #000000 !important;
|
|
outline: 0px;
|
|
text-align: left; background-color: transparent !important; font-size: 15px; font-family: "Amarante", serif;
|
|
}
|
|
|
|
.sheet-pjinfo-B{
|
|
float: left;
|
|
width: 133px !important;
|
|
height: 20px !important;
|
|
margin: 6px 5px 0px 0px !important;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: solid 1px #000000 !important;
|
|
outline: 0px;
|
|
text-align: left; background-color: transparent !important; font-size: 15px; font-family: "Amarante", serif;
|
|
}
|
|
.sheet-pjinfo-C{
|
|
float: right;
|
|
width: 40px !important;
|
|
height: 20px !important;
|
|
margin: 6px 5px 0px 0px !important;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: solid 1px #000000 !important;
|
|
outline: 0px;
|
|
text-align: center; background-color: transparent !important; font-size: 15px; font-family: "Amarante", serif;
|
|
}
|
|
|
|
.sheet-columna-vyc{
|
|
float:left;
|
|
position:relative;
|
|
width:175px;
|
|
height:auto;
|
|
min-height: 200px;
|
|
max-height: 200px;
|
|
margin: 0px 0px 0px 10px;
|
|
padding: 0px;
|
|
border-left: 1px solid #000000;
|
|
border-right: 0px;
|
|
border-bottom: 0px;
|
|
border-top: 0px;
|
|
}
|
|
.sheet-vyc-box{
|
|
float:left;
|
|
position:relative;
|
|
width:100%;
|
|
height:auto;
|
|
min-height: 100px;
|
|
max-height: 100px;
|
|
margin: 38px 0px 0px 0px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-vyc{
|
|
float: left;
|
|
width: 165px !important;
|
|
height: 20px !important;
|
|
margin: 6px 0px 0px 5px !important;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: solid 1px #000000 !important;
|
|
outline: 0px;
|
|
text-align: center; background-color: transparent !important; font-size: 15px; font-family: "Amarante", serif;
|
|
}
|
|
.sheet-dificultad-box{
|
|
float:left;
|
|
position:relative;
|
|
width:100%;
|
|
height:auto;
|
|
min-height: 40px;
|
|
max-height: 40px;
|
|
margin: 30px 0px 0px 0px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-titolbarradificultat{
|
|
color: #000000;
|
|
width: 165px !important;
|
|
height: 34px;
|
|
margin: 0px 0px 0px 5px;
|
|
padding: 0px 0px;
|
|
font-family: "Amarante";
|
|
font-size: 16px;
|
|
text-align: center;
|
|
}
|
|
.sheet-columna-avatar{
|
|
float:left;
|
|
position:relative;
|
|
width:180px;
|
|
height:auto;
|
|
min-height: 200px;
|
|
max-height: 200px;
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 0px;
|
|
border: 1px solid #000000;
|
|
}
|
|
.sheet-fotoavatar{
|
|
float: left;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
height: auto;
|
|
min-height: 200px;
|
|
max-height: 200px;
|
|
margin: 0px 0px 0px;
|
|
overflow: hidden;
|
|
border: 1px solid #ccc;
|
|
}
|
|
.sheet-fotoavatar img{
|
|
float: none;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
height: auto;
|
|
position: relative;
|
|
margin: 0px;
|
|
padding: 0px 0px 0px 0px;
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
/*============= ATRIBUTOS Y HABILIDADES TAB 1 CSS =============*/
|
|
|
|
.sheet-columna-atributos{
|
|
float:left;
|
|
position:relative;
|
|
width:500px;
|
|
height:auto;
|
|
min-height: 683px;
|
|
margin: 0px 0px 0px 45px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.sheet-atributo{
|
|
float:left;
|
|
position:relative;
|
|
width:165px;
|
|
height:auto;
|
|
min-height: 275px;
|
|
margin: 60px 0px 0px 0px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-atributos-box{
|
|
float:left;
|
|
position:relative;
|
|
width:100%;
|
|
height:39px;
|
|
min-height: 39px;
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-titolbarramulti{
|
|
color: #000000;
|
|
width: 140px !important;
|
|
height: 22px;
|
|
margin: 0px 0px 0px 5px;
|
|
padding: 0px 0px;
|
|
font-family: "Amarante";
|
|
font-size: 14px;
|
|
text-align: center;
|
|
}
|
|
.sheet-valoratributos{
|
|
float: left;
|
|
width: 35px !important;
|
|
height: 30px !important;
|
|
margin: 0px 0px 0px 75px;
|
|
padding: 5px 0px 0px 0px;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: none !important;
|
|
outline: 0px;
|
|
text-align: center; background-color: transparent !important; font-weight: bold; font-size: 18px; font-family: "Milonga", serif; color:#000000;
|
|
-webkit-inner-spin-button: none;
|
|
-webkit-outer-spin-button: none;
|
|
-moz-appearance: textfield;
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
.sheet-checkboxatributos{
|
|
float: left;
|
|
margin: 50px 0px 0px 70px;
|
|
}
|
|
.sheet-mycheck{
|
|
float: left;
|
|
|
|
}
|
|
/* filter: invert(100%) hue-rotate(1040deg) brightness(0.8); */
|
|
.sheet-mycheck:checked {
|
|
}
|
|
|
|
.sheet-resistencias{
|
|
float:left;
|
|
position:relative;
|
|
width:160px;
|
|
height:auto;
|
|
min-height: 320px;
|
|
margin: 30px 0px 0px 0px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-resistencias-box{
|
|
float:left;
|
|
position:relative;
|
|
width:100%;
|
|
height:40px;
|
|
min-height: 40px;
|
|
margin: 20px 0px 0px 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.sheet-valorresistencias{
|
|
float: left;
|
|
width: 30px !important;
|
|
height: 30px !important;
|
|
margin: 0px 0px 0px 90px;
|
|
padding: 0px 0px 0px 0px;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: none !important;
|
|
outline: 0px;
|
|
text-align: center; background-color: transparent !important; font-weight: bold; font-size: 18px; font-family: "Milonga", serif;
|
|
-webkit-inner-spin-button: none;
|
|
-webkit-outer-spin-button: none;
|
|
-moz-appearance: textfield;
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
|
|
.sheet-movimiento-box{
|
|
float:left;
|
|
position:relative;
|
|
width:100%;
|
|
height:40px;
|
|
min-height: 60px;
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-valormovimiento{
|
|
float: left;
|
|
width: 50px !important;
|
|
height:45px !important;
|
|
margin: 0px 0px 0px 100px;
|
|
padding: 10px 0px 0px 0px;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: none !important;
|
|
outline: 0px;
|
|
text-align: center; background-color: transparent !important; font-weight: bold; font-size: 18px; font-family: "Milonga", serif;
|
|
-webkit-inner-spin-button: none;
|
|
-webkit-outer-spin-button: none;
|
|
-moz-appearance: textfield;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: textfield;
|
|
}
|
|
|
|
.sheet-valoraspecto{
|
|
float: left;
|
|
width: 100px !important;
|
|
height:30px !important;
|
|
margin: 0px 0px 0px 50px;
|
|
padding: 0px 0px 0px 0px;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: none !important;
|
|
outline: 0px;
|
|
text-align: center; background-color: transparent !important; font-weight: bold; font-size: 16px; font-family: "Milonga", serif;
|
|
-webkit-inner-spin-button: none;
|
|
-webkit-outer-spin-button: none;
|
|
-moz-appearance: textfield;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: textfield;
|
|
}
|
|
.sheet-apariencia{
|
|
float: right;
|
|
width: 100px !important;
|
|
height: 25px !important;
|
|
margin: 0px 5px 0px 0px;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: solid 1px #000000 !important;
|
|
outline: 0px;
|
|
text-align: center; background-color: transparent !important; font-weight: bold; font-size: 16px; font-family: "Milonga", serif;
|
|
}
|
|
|
|
|
|
.sheet-columna-puntos{
|
|
float:left;
|
|
position:relative;
|
|
width:170px;
|
|
height:auto;
|
|
min-height: 320px;
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-puntos-box{
|
|
float:left;
|
|
position:relative;
|
|
width:100%;
|
|
height:24px;
|
|
min-height: 28px;
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-puntos-A{
|
|
float: right;
|
|
width: 40px !important;
|
|
height: 22px !important;
|
|
margin: 4px 40px 0px 0px !important;
|
|
padding: 0px 0px 0px 0px;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: none;
|
|
outline: 0px;
|
|
text-align: center; background-color: transparent; font-weight: bold; font-size: 16px; font-family: "Milonga", serif;
|
|
}
|
|
.sheet-puntos-B{
|
|
float: right;
|
|
width: 40px !important;
|
|
height: 22px !important;
|
|
margin: 2px 5px 0px 0px;
|
|
padding: 0px 0px 0px 0px;
|
|
text-align: center; font-weight: bold; font-size: 16px; font-family: "Milonga", serif;
|
|
}
|
|
.sheet-iniciativa-box{
|
|
float:right;
|
|
position:relative;
|
|
width: 35px;
|
|
height:30px;
|
|
min-height: 30px;
|
|
margin: 14px 0px 0px 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.sheet-rasgos{
|
|
float:left;
|
|
position:relative;
|
|
width:225px;
|
|
height:auto;
|
|
min-height: 270px;
|
|
margin: 30px 0px 0px 0px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-columna-aptitudes{
|
|
float:left;
|
|
position:relative;
|
|
width:260px;
|
|
height:auto;
|
|
min-height: 260px;
|
|
margin: 40px 0px 0px 5px;
|
|
padding: 0px;
|
|
|
|
}
|
|
.sheet-aptitudes{
|
|
float: left;
|
|
width: 130px !important;
|
|
height: 21px !important;
|
|
margin: 0px 2px 0px 2px;
|
|
padding: 5px 0px 0px 0px;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: solid 1px #000000;
|
|
outline: 0px;
|
|
text-align: center; background-color: transparent; font-size: 15px; font-family: "Amarante", serif;
|
|
}
|
|
|
|
|
|
.sheet-columna-habilidades{
|
|
float:left;
|
|
position:relative;
|
|
width:270px;
|
|
height:auto;
|
|
min-height: 613px;
|
|
margin: 70px 0px 0px 0px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-habilidad-box{
|
|
float:left;
|
|
position:relative;
|
|
width:100%;
|
|
height:23px;
|
|
min-height: 20px;
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-habilidad-check{
|
|
float:left;
|
|
position:relative;
|
|
width:170px;
|
|
height:21px;
|
|
min-height: 20px;
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-valorhabilidad{
|
|
float: left;
|
|
width: 30px !important;
|
|
height: 20px !important;
|
|
padding: 0px 5px 0px 0px;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: solid 1px #000000 !important;
|
|
outline: 0px;
|
|
text-align: center; background-color: transparent !important; font-size: 16px; font-family: "Amarante", serif;
|
|
}
|
|
/*=================== COMBATE TAB 2 CSS ===================*/
|
|
|
|
/*=================== MAESTRIAS CSS ===================*/
|
|
|
|
.sheet-columna-maestiras{
|
|
float:left;
|
|
position:relative;
|
|
width:780px;
|
|
height:auto;
|
|
min-height: 150px;
|
|
margin: 20px 0px 0px 40px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-maestira-A{
|
|
float:left;
|
|
position:relative;
|
|
width:240px;
|
|
height:auto;
|
|
min-height: 110px;
|
|
margin: 40px 0px 0px 0px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-maestira-B{
|
|
float:left;
|
|
position:relative;
|
|
width:240px;
|
|
height:auto;
|
|
min-height: 150px;
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-maestira-C{
|
|
float:left;
|
|
position:relative;
|
|
width:270px;
|
|
height:auto;
|
|
min-height: 150px;
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-bonificador-A{
|
|
float:left;
|
|
position:relative;
|
|
width:240px;
|
|
height:40px;
|
|
min-height: 40px;
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-bonificador-B{
|
|
float:left;
|
|
position:relative;
|
|
width:270px;
|
|
height:40px;
|
|
min-height: 40px;
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-maestria-box{
|
|
float:left;
|
|
position:relative;
|
|
width:100%;
|
|
height:23px;
|
|
min-height: 20px;
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-maestria-check{
|
|
float:left;
|
|
position:relative;
|
|
width:170px;
|
|
height:21px;
|
|
min-height: 20px;
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
/*=================== ARMAS TAB 2 CSS ===================*/
|
|
|
|
.sheet-columna-armas{
|
|
float:left;
|
|
position:relative;
|
|
width:730px;
|
|
height:auto;
|
|
min-height: 340px;
|
|
margin: 90px 0px 0px 60px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-armas-box{
|
|
float:left;
|
|
position:relative;
|
|
width:730px;
|
|
height: 255px;
|
|
min-height: 20px;
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-armas-fila{
|
|
float:left;
|
|
position:relative;
|
|
width:100%;
|
|
height: auto;
|
|
min-height: 20px;
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-arma-A{
|
|
float: left;
|
|
width: 140px !important;
|
|
height: 30px !important;
|
|
margin: 0px 5px 0px 1px !important;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: solid 1px #000000 !important;
|
|
outline: 0px;
|
|
text-align: center; background-color: transparent !important; font-size: 16px; font-family: "Amarante", serif;
|
|
}
|
|
.sheet-arma-B{
|
|
float: left;
|
|
width: 60px !important;
|
|
height: 30px !important;
|
|
margin: 0px 5px 0px 0px !important;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: solid 1px #000000 !important;
|
|
outline: 0px;
|
|
text-align: center; background-color: transparent !important; font-size: 16px; font-family: "Amarante", serif;
|
|
}
|
|
.sheet-arma-C{
|
|
float: left;
|
|
width: 100px !important;
|
|
height: 30px !important;
|
|
margin: 0px 5px 0px 0px !important;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: solid 1px #000000 !important;
|
|
outline: 0px;
|
|
text-align: center; background-color: transparent !important; font-size: 16px; font-family: "Amarante", serif;
|
|
}
|
|
|
|
.sheet-armadura-box{
|
|
float:left;
|
|
position:relative;
|
|
width:380px;
|
|
height:50px;
|
|
min-height: 20px;
|
|
margin: 30px 0px 0px 0px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-armadura-A{
|
|
float: left;
|
|
width: 165px !important;
|
|
height: 20px !important;
|
|
margin: 6px 5px 0px 0px !important;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: solid 1px #000000 !important;
|
|
outline: 0px;
|
|
text-align: center; background-color: transparent !important; font-size: 16px; font-family: "Amarante", serif;
|
|
}
|
|
.sheet-armadura-B{
|
|
float: left;
|
|
width: 45px !important;
|
|
height: 20px !important;
|
|
margin: 6px 5px 0px 0px !important;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: solid 1px #000000 !important;
|
|
outline: 0px;
|
|
text-align: center; background-color: transparent !important; font-size: 16px; font-family: "Amarante", serif;
|
|
}
|
|
.sheet-localizacion{
|
|
float: right;
|
|
width: 200px !important;
|
|
height: 20px !important;
|
|
margin: 6px 50px 0px 0px !important;
|
|
text-align: right;
|
|
font-family: "New Rocker", system-ui;
|
|
font-size: 30px;
|
|
font-weight:500;
|
|
color: #000000;
|
|
|
|
}
|
|
|
|
/*=================== ZURRON TAB 3 CSS ===================*/
|
|
.sheet-canut-monedes{
|
|
float:left;
|
|
position:relative;
|
|
width:44%;
|
|
height:40px;
|
|
margin: 0px auto;
|
|
padding: 0px;
|
|
}
|
|
.sheet-monedes{
|
|
float: right;
|
|
width:60px !important;
|
|
height:10px;
|
|
margin:0px 5px;
|
|
padding: 5px 0px 0px 0px ;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: solid 2px #000000;
|
|
outline: 0px;
|
|
text-align: right; background-color: transparent; font-weight: bold; font-size: 16px; font-family: "Amarante", serif;
|
|
}
|
|
|
|
|
|
/*============= MAGIA TAB 4 CSS =============*/
|
|
|
|
|
|
.sheet-titol-magia{
|
|
position: relative;
|
|
float: none;
|
|
width: 800px;
|
|
height: 195px;
|
|
min-height: 195px;
|
|
margin: 0px auto;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/FICHA_KOBOLD_ROLL20_MAGIA_E3_860px.png");
|
|
background-repeat: no-repeat;
|
|
background-size:cover;
|
|
background-position: center;
|
|
}
|
|
.sheet-magia-mana-actual{
|
|
float:left;
|
|
position:relative;
|
|
width:270px;
|
|
height:30px;
|
|
margin: 65px 0px 0px 20px;
|
|
}
|
|
.sheet-vademecum-mana-A{
|
|
float:right;
|
|
position:relative;
|
|
width:60px;
|
|
height:30px;
|
|
margin: 0px 0px 0px 10px;
|
|
padding: 0px;
|
|
font-family: "Milonga", serif;
|
|
font-size: 18px;
|
|
color: #000000;
|
|
text-align: center;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: solid 2px #000000;
|
|
outline: 0px;
|
|
background-color: transparent;
|
|
}
|
|
.sheet-magia-mana-total{
|
|
float:left;
|
|
position:relative;
|
|
width:390px;
|
|
height:30px;
|
|
margin: 60px 0px 0px 20px;
|
|
}
|
|
.sheet-vademecum-mana-B{
|
|
float: right;
|
|
width: 60px !important;
|
|
height: 30px !important;
|
|
margin: 0px 5px 0px 0px;
|
|
padding: 0px 0px 0px 0px;
|
|
text-align: center; font-size: 18px; font-family: "Milonga", serif;
|
|
}
|
|
|
|
.sheet-cosmagia860px{
|
|
position: relative;
|
|
float: none;
|
|
width: 800px;
|
|
height: auto;
|
|
min-height: 350px;
|
|
margin: 0px auto;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/FICHA_KOBOLD_ROLL20_MAGIA_D2_860px.png");
|
|
background-repeat: repeat-y;
|
|
background-size: auto;
|
|
background-position: center;
|
|
}
|
|
.sheet-conjuro-box{
|
|
float:none;
|
|
position:relative;
|
|
width: 600px;
|
|
height: auto;
|
|
min-height: 30px;
|
|
margin: 0px 0px 0px 80px;
|
|
font-family: "Brawler", serif;
|
|
font-size: 14px;
|
|
color: #A45700;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-nombre-conjuro{
|
|
float:left;
|
|
position:relative;
|
|
width:340px;
|
|
height:30px;
|
|
margin: 0px 0px 0px 30px;
|
|
padding: 5px 0px 0px 20px;
|
|
font-family: "Milonga", serif;
|
|
font-size: 16px;
|
|
color: #000000;
|
|
text-align: left;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: solid 2px #000000;
|
|
outline: 0px;
|
|
background-color: transparent;
|
|
}
|
|
.sheet-coste-mana{
|
|
float:left;
|
|
position:relative;
|
|
width:60px;
|
|
height:30px;
|
|
margin: 0px 0px 0px 10px;
|
|
padding: 5px 0px 0px;
|
|
font-family: "Milonga", serif;
|
|
font-size: 14px;
|
|
color: #000000;
|
|
text-align: center;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: solid 2px #000000;
|
|
outline: 0px;
|
|
background-color: transparent;
|
|
}
|
|
.sheet-magia-curt3{
|
|
float:left;
|
|
position:relative;
|
|
width:60px;
|
|
height:30px;
|
|
margin: 0px;
|
|
font-family: "Brawler", serif;
|
|
font-size: 14px;
|
|
color: #A45700;
|
|
text-align: center;
|
|
}
|
|
.sheet-nombre-carta{
|
|
float:left;
|
|
position:relative;
|
|
width:270px;
|
|
height:30px;
|
|
margin: 0px 0px 0px 30px;
|
|
padding: 5px 0px 0px 20px;
|
|
font-family: "Milonga", serif;
|
|
font-size: 16px;
|
|
color: #000000;
|
|
text-align: left;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: solid 2px #000000;
|
|
outline: 0px;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.sheet-select-carga{
|
|
float: left;
|
|
width: 60px !important;
|
|
height: 30px;
|
|
margin: -5px 0px 0px 10px !important;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: solid 2px #000000 !important;
|
|
outline: 0px;
|
|
padding: 10px 0px 0px;
|
|
text-align: center; background-color: transparent !important; font-size: 14px; font-family: "Milonga", serif;
|
|
}
|
|
.sheet-peu-magia{
|
|
position: relative;
|
|
float: none;
|
|
width: 800px;
|
|
height: 107px;
|
|
min-height: 107px;
|
|
margin: 0px auto;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/FICHA_KOBOLD_ROLL20_MAGIA_D3B_860px.png");
|
|
background-repeat: repeat-y;
|
|
background-size: cover;
|
|
background-position: center;
|
|
}
|
|
.sheet-encanteridetalls{
|
|
float: none;
|
|
width: 580px;
|
|
height: auto;
|
|
min-height: 100px;
|
|
margin: 0px auto 5px ;
|
|
}
|
|
.sheet-encanteridetalls textarea{
|
|
float: none;
|
|
width: 580px;
|
|
height: auto;
|
|
min-height: 130px;
|
|
margin: 0px auto;
|
|
padding: 10px;
|
|
resize: vertical;
|
|
box-sizing: border-box;
|
|
outline: 0px; font-size: 14px; font-family: "Amarante", serif; color: #000000;
|
|
background-color: transparent; border: 2px solid #000000;
|
|
}
|
|
details{
|
|
color: #000000 !important;
|
|
padding: 5px 0px 0px;
|
|
cursor: pointer;
|
|
}
|
|
details:hover{
|
|
color: #F49A07 !important;
|
|
padding: 5px 0px 0px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/*=================== CREDITS TAB 5 CSS ===================*/
|
|
.sheet-columna-credits{
|
|
float:left;
|
|
position:relative;
|
|
width:650px;
|
|
height:auto;
|
|
min-height: 100px;
|
|
margin: 30px 0px 0px 80px;
|
|
padding: 0px;
|
|
/*border: 2px solid #FF0004;*/
|
|
}
|
|
|
|
|
|
/*=================== LUPA Y AMPLIAR IMAGEN ===================*/
|
|
.sheet-mapa-tzar {
|
|
overflow: visible ; /* Para que la imagen ampliada no se salga del contenedor */
|
|
width: auto; /* Ancho de tu imagen inicial */
|
|
height: auto; /* Alto de tu imagen inicial */
|
|
position: relative; /* Necesario para un posicionamiento absoluto futuro si se desea */
|
|
margin: 130px auto 0px;
|
|
text-align: center;
|
|
/* cursor: url("https://rolmasters.com/ROLL20/KOBOLD/KOBOLD_LUPA_100x200px.png") 16 16, auto; */
|
|
}
|
|
|
|
.sheet-mapa-tzar img {
|
|
width: 85%; /* La imagen ocupa todo el contenedor */
|
|
height: 100%; /* La imagen ocupa todo el contenedor */
|
|
object-fit: cover; /* Mantiene la relación de aspecto */
|
|
transition: transform 0.3s ease; /* Transición suave al escalar la imagen */
|
|
cursor: zoom-in; /* Cambia el puntero a una mano para indicar interactividad */
|
|
}
|
|
|
|
.sheet-mapa-tzar:hover img {
|
|
transform: scale(1.7); /* Escala la imagen al 120% de su tamaño al pasar el cursor */
|
|
}
|
|
|
|
|
|
|
|
/* DADOS KOBOLD */
|
|
|
|
.sheet-columna-daus {
|
|
position: relative;
|
|
float: left;
|
|
width: 860px;
|
|
height: 130px;
|
|
margin: -60px 0px 0px 0px;
|
|
}
|
|
|
|
.sheet-dau-box-1d4 {
|
|
position: relative;
|
|
float: left;
|
|
width: 104px;
|
|
height: 84px;
|
|
min-height: 84px;
|
|
}
|
|
.charsheet button[type="roll"].sheet-d4:before{
|
|
content: ' ';
|
|
}
|
|
.charsheet button[type="roll"].sheet-d4:hover{
|
|
background-position: top;
|
|
}
|
|
.charsheet button[type="roll"].sheet-d4{
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/DAU_KOBOLD_1D4.png");
|
|
background-size: auto;
|
|
background-repeat:no-repeat;
|
|
width: 104px;
|
|
height: 84px;
|
|
border-style: none;
|
|
background-color: transparent;
|
|
margin-left: 0px;
|
|
-webkit-box-shadow: none !important;
|
|
-moz-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
|
|
.sheet-dau-box-1d6 {
|
|
position: relative;
|
|
float: left;
|
|
width: 104px;
|
|
height: 90px;
|
|
min-height: 90px;
|
|
margin: 35px 0px 0px 5px;
|
|
}
|
|
.charsheet button[type="roll"].sheet-d6:before{
|
|
content: ' ';
|
|
}
|
|
.charsheet button[type="roll"].sheet-d6:hover{
|
|
background-position: top;
|
|
}
|
|
.charsheet button[type="roll"].sheet-d6{
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/DAU_KOBOLD_1D6.png");
|
|
background-size: auto;
|
|
background-repeat:no-repeat;
|
|
width: 104px;
|
|
height: 90px;
|
|
border-style: none;
|
|
background-color: transparent;
|
|
margin-left: 0px;
|
|
-webkit-box-shadow: none !important;
|
|
-moz-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
|
|
.sheet-dau-box-1d8 {
|
|
position: relative;
|
|
float: left;
|
|
width: 100px;
|
|
height: 110px;
|
|
min-height: 122px;
|
|
margin: 5px 0px 0px 200px;
|
|
}
|
|
.charsheet button[type="roll"].sheet-d8:before{
|
|
content: ' ';
|
|
}
|
|
.charsheet button[type="roll"].sheet-d8:hover{
|
|
background-position: top;
|
|
}
|
|
.charsheet button[type="roll"].sheet-d8{
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/DAU_KOBOLD_1D8.png");
|
|
background-size: auto;
|
|
background-repeat:no-repeat;
|
|
width: 100px;
|
|
height: 110px;
|
|
border-style: none;
|
|
background-color: transparent;
|
|
margin-left: 0px;
|
|
-webkit-box-shadow: none !important;
|
|
-moz-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
|
|
.sheet-dau-box-1d10 {
|
|
position: relative;
|
|
float: left;
|
|
width: 104px;
|
|
height: 104px;
|
|
min-height: 104px;
|
|
margin: 12px 0px 0px 0px;
|
|
}
|
|
.charsheet button[type="roll"].sheet-d10:before{
|
|
content: ' ';
|
|
}
|
|
.charsheet button[type="roll"].sheet-d10:hover{
|
|
background-position: top;
|
|
}
|
|
.charsheet button[type="roll"].sheet-d10{
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/DAU_KOBOLD_1D10.png");
|
|
background-size: auto;
|
|
background-repeat:no-repeat;
|
|
width: 104px;
|
|
height: 104px;
|
|
border-style: none;
|
|
background-color: transparent;
|
|
margin-left: 0px;
|
|
-webkit-box-shadow: none !important;
|
|
-moz-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
|
|
.sheet-dau-box-1d12 {
|
|
position: relative;
|
|
float: left;
|
|
width: 100px;
|
|
height: 104px;
|
|
min-height: 104px;
|
|
margin: 25px 0px 0px 10px;
|
|
}
|
|
.charsheet button[type="roll"].sheet-d12:before{
|
|
content: ' ';
|
|
}
|
|
.charsheet button[type="roll"].sheet-d12:hover{
|
|
background-position: top;
|
|
}
|
|
.charsheet button[type="roll"].sheet-d12{
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/DAU_KOBOLD_1D12.png");
|
|
background-size: auto;
|
|
background-repeat:no-repeat;
|
|
width: 100px;
|
|
height: 104px;
|
|
border-style: none;
|
|
background-color: transparent;
|
|
margin-left: 0px;
|
|
-webkit-box-shadow: none !important;
|
|
-moz-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
|
|
.sheet-dau-box-1d20 {
|
|
position: relative;
|
|
float: left;
|
|
width: 110px;
|
|
height: 112px;
|
|
min-height: 112px;
|
|
margin: 0px 0px 0px 20px;
|
|
}
|
|
.charsheet button[type="roll"].sheet-d20:before{
|
|
content: ' ';
|
|
}
|
|
.charsheet button[type="roll"].sheet-d20:hover{
|
|
background-position: top;
|
|
}
|
|
.charsheet button[type="roll"].sheet-d20{
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/DAU_KOBOLD_1D20.png");
|
|
background-size: auto;
|
|
background-repeat:no-repeat;
|
|
width: 110px;
|
|
height: 112px;
|
|
border-style: none;
|
|
background-color: transparent;
|
|
margin-left: 0px;
|
|
-webkit-box-shadow: none !important;
|
|
-moz-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
|
|
}
|
|
|
|
.sheet-contenedorMO{
|
|
float:left;
|
|
position:relative;
|
|
width:100%;
|
|
height:auto;
|
|
margin: 0px auto;
|
|
border: solid medium double ;
|
|
border-color: #000000;
|
|
overflow:hidden;
|
|
max-width: 1000px;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* LINKS CSS */
|
|
a:link {
|
|
color: #000;
|
|
text-decoration: none;
|
|
}
|
|
a:visited {
|
|
color: #000;
|
|
text-decoration: none;
|
|
}
|
|
a:hover {
|
|
color: #D3000D;
|
|
text-decoration: none;
|
|
}
|
|
a:active {
|
|
color: #CCC;
|
|
text-decoration: none;
|
|
}
|
|
/* =============== POP UPS ================== */
|
|
|
|
.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;
|
|
z-index: 3;
|
|
}
|
|
.overlay:target {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
.overlay2:target {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
|
|
.popup {
|
|
margin: 70px auto;
|
|
background: #fff;
|
|
border-radius: 5px;
|
|
width: 452px;
|
|
height: 570px;
|
|
position: relative;
|
|
transition: all 5s ease-in-out;
|
|
background-color: transparent !important;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/FICHA_KOBOLD_ROLL20_COMBATE_LOCALIZACION_B_860px.png");
|
|
background-repeat:no-repeat;
|
|
background-size: auto;
|
|
background-position: center top;
|
|
}
|
|
|
|
.popup .close {
|
|
position: relative;
|
|
transition: all 200ms;
|
|
font-size: 30px;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
color: #FF0000; opacity: 1;
|
|
}
|
|
.popup .close:hover {
|
|
color: #880202;
|
|
}
|
|
.popup .content {
|
|
float: right;
|
|
position:relative;
|
|
width: 50px;
|
|
height: 50px;
|
|
max-height: 50px;
|
|
overflow: auto;
|
|
margin: 450px 55px 0px 0px;
|
|
}
|
|
|
|
|
|
/*=================== KOBOLD ROLLTEMPLATE CSS ===================*/
|
|
|
|
/* Smaller margins - remove these if you want the huge default left margin */
|
|
.sheet-rolltemplate-kobold {
|
|
margin-left: -37px;
|
|
}
|
|
.sheet-rolltemplate-kobold .sheet-fotofondo {
|
|
width: 300px;
|
|
height: auto;
|
|
min-height: 245px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/TEMPLATE_FONDO_KOBOLD_A3_600px.png");
|
|
background-repeat: no-repeat;
|
|
background-size:cover;
|
|
background-position: top;
|
|
border: 1px solid #000000;
|
|
}
|
|
.withoutavatars .sheet-rolltemplate-kobold {
|
|
margin-left: -7px;
|
|
}
|
|
|
|
.sheet-rolltemplate-kobold .sheet-container {
|
|
}
|
|
|
|
/* Header formatting - title and subtitle */
|
|
.sheet-rolltemplate-kobold .sheet-header {
|
|
height: 70px;
|
|
background-color: transparent;
|
|
/* change text-align to center to center the header text */
|
|
text-align: left;
|
|
padding: 5px 5px 0px 5px;
|
|
font-weight: bold; font-size: 20px; font-family: "New Rocker", serif; color: #efcb4d;
|
|
}
|
|
.sheet-rolltemplate-kobold .sheet-title {
|
|
margin-top: 2px;
|
|
margin-left: 15px;
|
|
font-size:1.1em;
|
|
}
|
|
.sheet-rolltemplate-kobold .sheet-subtitle {
|
|
margin-top: 5px;
|
|
margin-left: 15px;
|
|
font-size:.9em;
|
|
}
|
|
|
|
/* example colors */
|
|
|
|
.sheet-rolltemplate-kobold .sheet-container.sheet-color-red {
|
|
--header-bg-color: #F00;
|
|
}
|
|
.sheet-rolltemplate-kobold .sheet-container.sheet-color-green {
|
|
--header-bg-color: #0F0;
|
|
--header-text-color: #000;
|
|
}
|
|
|
|
.sheet-rolltemplate-kobold .textchatcontainer .inlinerollresult.fullcrit {
|
|
border: 2px solid #20472e !important;
|
|
border-color: #20472e !important;
|
|
}
|
|
|
|
/* Allprops part */
|
|
.sheet-rolltemplate-kobold .sheet-content {
|
|
display: grid;
|
|
height: 100px !important;
|
|
min-height: 100px !important;
|
|
background-color: transparent !important;
|
|
/* 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-kobold .sheet-content > div {
|
|
padding: 5px 0px 0px 1px;
|
|
}
|
|
|
|
/* Left column */
|
|
.sheet-rolltemplate-kobold .sheet-content .sheet-key {
|
|
width: 140px;
|
|
height: 40px;
|
|
font-size: 22px; font-family: "Amarante", serif; color: #000000;
|
|
font-weight: bold;
|
|
padding: 3px 0px 0px 30px;
|
|
text-align: right;
|
|
background-color: transparent !important;
|
|
line-height: 24px;
|
|
}
|
|
|
|
.sheet-rolltemplate-kobold .sheet-value {
|
|
font-size: 40px !important;
|
|
height: 70px !important;
|
|
margin-top: 5px;
|
|
}
|
|
/* Empty rule, use this if you want to change the right column
|
|
.sheet-rolltemplate-custom .sheet-value {
|
|
}
|
|
*/
|
|
|
|
/* Make even-numbered rows grey */
|
|
.sheet-rolltemplate-kobold .sheet-content :nth-child(4n+3),
|
|
.sheet-rolltemplate-kobold .sheet-content :nth-child(4n) {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
/* Description field */
|
|
.sheet-rolltemplate-kobold .sheet-desc {
|
|
grid-column: span 2;
|
|
height: 40px;
|
|
min-height: 40px;
|
|
margin: 10px 0px 0px;
|
|
padding: 0px 20px !important;
|
|
text-align: center;
|
|
font-size: 18px; font-family: "Amarante", serif; color: #000000;
|
|
}
|
|
|
|
|
|
/*=================== KOBOLDICE ROLLTEMPLATE CSS ===================*/
|
|
|
|
/* Smaller margins - remove these if you want the huge default left margin */
|
|
.sheet-rolltemplate-koboldice {
|
|
margin-left: -37px;
|
|
}
|
|
.sheet-rolltemplate-koboldice .sheet-fotofondo {
|
|
width: 300px;
|
|
height: auto;
|
|
min-height: 245px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/TEMPLATE_FONDO_KOBOLD_A3_600px.png");
|
|
background-repeat: no-repeat;
|
|
background-size:cover;
|
|
background-position: top;
|
|
border: 1px solid #000000;
|
|
}
|
|
.withoutavatars .sheet-rolltemplate-koboldice {
|
|
margin-left: -7px;
|
|
}
|
|
|
|
.sheet-rolltemplate-koboldice .sheet-container {
|
|
}
|
|
|
|
/* Header formatting - title and subtitle */
|
|
.sheet-rolltemplate-koboldice .sheet-header {
|
|
height: 60px;
|
|
background-color: transparent;
|
|
/* change text-align to center to center the header text */
|
|
text-align: left;
|
|
padding: 5px 5px 0px 5px;
|
|
font-weight: bold; font-size: 20px; font-family: "New Rocker", serif; color: #efcb4d;
|
|
}
|
|
.sheet-rolltemplate-koboldice .sheet-title {
|
|
margin-top: 2px;
|
|
margin-left: 15px;
|
|
font-size:1.1em;
|
|
}
|
|
.sheet-rolltemplate-koboldice .sheet-subtitle {
|
|
margin-top: 5px;
|
|
margin-left: 15px;
|
|
font-size:.9em;
|
|
}
|
|
|
|
/* example colors */
|
|
|
|
.sheet-rolltemplate-koboldice .sheet-container.sheet-color-red {
|
|
--header-bg-color: #F00;
|
|
}
|
|
.sheet-rolltemplate-koboldice .sheet-container.sheet-color-green {
|
|
--header-bg-color: #0F0;
|
|
--header-text-color: #000;
|
|
}
|
|
|
|
.sheet-rolltemplate-koboldice .textchatcontainer .inlinerollresult.fullcrit {
|
|
border: 2px solid #20472e !important;
|
|
border-color: #20472e !important;
|
|
}
|
|
|
|
/* Allprops part */
|
|
.sheet-rolltemplate-koboldice .sheet-content {
|
|
display: grid;
|
|
height: 100px !important;
|
|
min-height: 100px !important;
|
|
background-color: transparent !important;
|
|
/* 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-koboldice .sheet-content > div {
|
|
padding: 5px 0px 0px 1px;
|
|
}
|
|
|
|
/* Left column */
|
|
.sheet-rolltemplate-koboldice .sheet-content .sheet-key {
|
|
width: 90px;
|
|
height: 40px;
|
|
font-size: 18px; font-family: "Amarante", serif; color: #000000;
|
|
font-weight: bold;
|
|
padding: 3px 0px 0px 35px;
|
|
text-align: left;
|
|
background-color: transparent !important;
|
|
margin-top: 5px;
|
|
line-height: 24px;
|
|
}
|
|
|
|
.sheet-rolltemplate-koboldice .sheet-value {
|
|
font-size: 72px !important;
|
|
}
|
|
/* Empty rule, use this if you want to change the right column
|
|
.sheet-rolltemplate-custom .sheet-value {
|
|
}
|
|
*/
|
|
|
|
/* Make even-numbered rows grey */
|
|
.sheet-rolltemplate-koboldice .sheet-content :nth-child(4n+3),
|
|
.sheet-rolltemplate-koboldice .sheet-content :nth-child(4n) {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
/* Description field */
|
|
.sheet-rolltemplate-koboldice .sheet-desc {
|
|
grid-column: span 2;
|
|
height: 40px;
|
|
min-height: 40px;
|
|
margin: 40px 0px 0px;
|
|
padding: 0px 20px !important;
|
|
text-align: center;
|
|
font-size: 18px; font-family: "Amarante", serif; color: #000000;
|
|
}
|
|
|
|
|
|
|
|
/*=================== FIRMA CSS ===================*/
|
|
|
|
.sheet-firma-foot{
|
|
float: none;
|
|
width: 100%;
|
|
height: 30px;
|
|
min-height: 30px;
|
|
margin: 0px auto 0px;
|
|
font-family: "Vollkorn SC", serif;
|
|
font-weight: 500;
|
|
font-size: 11px;
|
|
text-align: center;
|
|
}
|
|
|
|
|