mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
1821 lines
41 KiB
CSS
1821 lines
41 KiB
CSS
/* CSS OMERTA */
|
|
/* Character sheet for ROll20 by VJ Rolmasters*/
|
|
|
|
@import url('https://fonts.googleapis.com/css2?family=Chonburi&family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=Cutive&family=Ramaraja&family=Special+Elite&display=swap');
|
|
|
|
/*============= FONTS CSS =============*/
|
|
.courier-prime-regular {
|
|
font-family: "Courier Prime", monospace;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
|
|
.courier-prime-bold {
|
|
font-family: "Courier Prime", monospace;
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
}
|
|
|
|
.courier-prime-regular-italic {
|
|
font-family: "Courier Prime", monospace;
|
|
font-weight: 400;
|
|
font-style: italic;
|
|
}
|
|
|
|
.courier-prime-bold-italic {
|
|
font-family: "Courier Prime", monospace;
|
|
font-weight: 700;
|
|
font-style: italic;
|
|
}
|
|
|
|
|
|
.cutive-regular {
|
|
font-family: "Cutive", serif;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
|
|
|
|
.special-elite-regular {
|
|
font-family: "Special Elite", system-ui;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
|
|
|
|
.chonburi-regular {
|
|
font-family: "Chonburi", serif;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
|
|
.ramaraja-regular {
|
|
font-family: "Ramaraja", serif;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
|
|
|
|
/* MENU BASIC TAB STYLES - CORREGIDO */
|
|
|
|
.sheet-contenedorvj {
|
|
position: relative;
|
|
width: 100%;
|
|
min-width: 860px;
|
|
max-width: 860px;
|
|
height: 1312px;
|
|
min-height: 1312px;
|
|
margin: 0px auto;
|
|
background-image: url("https://rolmasters.com/ROLL20/OMERTA/OMERTA_FONDO_A3_860px.png");
|
|
background-repeat: no-repeat;
|
|
background-size:cover;
|
|
background-position: center;
|
|
}
|
|
|
|
.sheet-contenedor {
|
|
position: relative;
|
|
float: left;
|
|
width: 720px;
|
|
margin: 200px 0px 0px 80px;
|
|
min-height: 1000px;
|
|
box-sizing:border-box; }
|
|
|
|
.sheet-pj, .sheet-combate, .sheet-trasfondo, .sheet-banda, .sheet-vehiculo {
|
|
position: relative;
|
|
float: left;
|
|
width: 690px;
|
|
margin: 70px 0px 0px 0px;
|
|
min-height: 900px;
|
|
box-sizing:border-box;
|
|
font-family: "Special Elite", system-ui;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
}
|
|
.sheet-trasfondo {
|
|
background-image: url("https://rolmasters.com/ROLL20/OMERTA/OMERTA_TRAS_FONDO_A4_690px.png");
|
|
background-repeat: no-repeat;
|
|
background-size:cover;
|
|
background-position: center;
|
|
overflow-y: auto;
|
|
scrollbar-color: #5d2d1c transparent; /* thumb marró, track transparent */
|
|
scrollbar-width: thin;
|
|
}
|
|
|
|
/* Vertical tabs */
|
|
.sheet-portafoli-tabs {
|
|
position: absolute;
|
|
right: -36px;
|
|
top: 60px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 6px;
|
|
z-index: 10;
|
|
}
|
|
|
|
.sheet-portafoli-tab {
|
|
width: 28px;
|
|
height: 90px;
|
|
background:#d4a562;
|
|
color:#000000;
|
|
border:none;
|
|
border-radius:0 10px 10px 0;
|
|
cursor:pointer;
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
font-weight:bold;
|
|
font-size:12px;
|
|
text-transform:uppercase;
|
|
writing-mode: vertical-rl;
|
|
text-orientation: mixed;
|
|
box-shadow:2px 2px 4px rgba(0,0,0,0.2);
|
|
|
|
}
|
|
.sheet-portafoli-tab:hover { background:#a6662d; }
|
|
|
|
|
|
/* Ocultar todas las pestañas */
|
|
.charsheet .sheet-pj,
|
|
.charsheet .sheet-combate,
|
|
.charsheet .sheet-trasfondo,
|
|
.charsheet .sheet-banda,
|
|
.charsheet .sheet-vehiculo {
|
|
display: none !important;
|
|
}
|
|
|
|
/* Mostrar según valor del input */
|
|
.charsheet .sheet-tabstoggle[value="pj"] ~ .sheet-contenedor .sheet-pj,
|
|
.charsheet .sheet-tabstoggle[value="combate"] ~ .sheet-contenedor .sheet-combate,
|
|
.charsheet .sheet-tabstoggle[value="trasfondo"] ~ .sheet-contenedor .sheet-trasfondo,
|
|
.charsheet .sheet-tabstoggle[value="banda"] ~ .sheet-contenedor .sheet-banda,
|
|
.charsheet .sheet-tabstoggle[value="vehiculo"] ~ .sheet-contenedor .sheet-vehiculo {
|
|
display: block !important;
|
|
}
|
|
|
|
/* Botones activos */
|
|
.charsheet .sheet-tabstoggle[value="pj"] ~ .sheet-contenedor .sheet-portafoli-tabs .sheet-button0,
|
|
.charsheet .sheet-tabstoggle[value="combate"] ~ .sheet-contenedor .sheet-portafoli-tabs .sheet-button1,
|
|
.charsheet .sheet-tabstoggle[value="trasfondo"] ~ .sheet-contenedor .sheet-portafoli-tabs .sheet-button2,
|
|
.charsheet .sheet-tabstoggle[value="banda"] ~ .sheet-contenedor .sheet-portafoli-tabs .sheet-button3,
|
|
.charsheet .sheet-tabstoggle[value="vehiculo"] ~ .sheet-contenedor .sheet-portafoli-tabs .sheet-button4 {
|
|
background: #f1cd99;
|
|
color: #000000;
|
|
width: 50px;
|
|
box-shadow: 2px 2px 6px rgba(0,0,0,0.28);
|
|
border-radius: 1px 8px 8px 1px;
|
|
margin: 0px 0px 0px -10px;
|
|
|
|
}
|
|
|
|
/*============= SEPARADOR STAR CSS =============*/
|
|
.div-sheet-separador {
|
|
position: relative;
|
|
float: left;
|
|
width: 90%;
|
|
height: 20px;
|
|
margin: 10px 5% 10px 5%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.div-sheet-separador::before,
|
|
.div-sheet-separador::after {
|
|
content: "";
|
|
flex: 1;
|
|
height: 2px;
|
|
background: #000;
|
|
}
|
|
.div-sheet-separador span {
|
|
font-size: 18px;
|
|
margin: 0 10px;
|
|
}
|
|
|
|
|
|
/*============= CONTENEDORES Y COLUMNAS CSS =============*/
|
|
|
|
.sheet-separa20{
|
|
float: none;
|
|
position: relative;
|
|
width: 100%;
|
|
height: 20px;
|
|
margin: 0px auto;
|
|
}
|
|
.sheet-separa30{
|
|
float: none;
|
|
position: relative;
|
|
width: 100%;
|
|
height: 30px;
|
|
margin: 0px auto;
|
|
}
|
|
.sheet-clearfloat {
|
|
clear:both;
|
|
height:0;
|
|
font-size: 0px;
|
|
line-height:0px;
|
|
}
|
|
.sheet-ampladatotal{
|
|
float:none;
|
|
width:100%;
|
|
height:auto;
|
|
display: inline-block;
|
|
}
|
|
.sheet-espai100{
|
|
float: left;
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100px;
|
|
margin: 0px auto;
|
|
}
|
|
.ui-dialog .charsheet {
|
|
padding: 0px 0px;
|
|
}
|
|
|
|
/*============= PERSONAJE TAB 1 CSS =============*/
|
|
|
|
.sheet-etiqueta190R{
|
|
position:relative;
|
|
float:left;
|
|
width:190px;
|
|
height:auto;
|
|
min-height: 30px;
|
|
margin: 0% 0% 0% 0%;
|
|
padding: 0px;
|
|
color: #000000;
|
|
text-align:right;
|
|
font-family: "Special Elite", system-ui;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
}
|
|
.sheet-etiqueta100{
|
|
position:relative;
|
|
float:left;
|
|
width:100%;
|
|
height:auto;
|
|
min-height: 30px;
|
|
margin: 0% 0% 0% 0%;
|
|
padding: 0px;
|
|
color: #000000;
|
|
text-align:left;
|
|
font-family: "Special Elite", system-ui;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
}
|
|
.sheet-characterinfo1{
|
|
width:490px;
|
|
height:18px;
|
|
margin:0px 0px;
|
|
padding: 0px 0px 0px 10px ;
|
|
border-top: none;
|
|
border-left: none ;
|
|
border-right: none;
|
|
border-bottom: 1px solid #000000;
|
|
outline: 0px;
|
|
color: #000000;
|
|
text-align: left;
|
|
font-family: "Special Elite", system-ui;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
background-color: transparent;
|
|
}
|
|
.sheet-characterinfo2{
|
|
width:120px;
|
|
height:18px;
|
|
margin:0px 0px;
|
|
padding: 0px 0px 0px 10px ;
|
|
border-top: none;
|
|
border-left: none ;
|
|
border-right: none;
|
|
border-bottom: 1px solid #000000;
|
|
outline: 0px;
|
|
color: #000000;
|
|
text-align: left;
|
|
font-family: "Special Elite", system-ui;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
background-color: transparent;
|
|
}
|
|
.sheet-characterinfo3{
|
|
width:195px;
|
|
height:18px;
|
|
margin:0px 0px;
|
|
padding: 0px 0px 0px 10px ;
|
|
border-top: none;
|
|
border-left: none ;
|
|
border-right: none;
|
|
border-bottom: 1px solid #000000;
|
|
outline: 0px;
|
|
color: #000000;
|
|
text-align: left;
|
|
font-family: "Special Elite", system-ui;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.sheet-atributos-column{
|
|
position:relative;
|
|
float:left;
|
|
width:300px;
|
|
height:auto;
|
|
min-height: 285px;
|
|
margin: 0% 0% 0% 0%;
|
|
padding: 0px;
|
|
}
|
|
|
|
.sheet-valorcaracteristica{
|
|
float: left;
|
|
width: 60px !important;
|
|
height: 20px !important;
|
|
margin: 0px 0px;
|
|
padding: 0px 0px 0px 0px;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: solid 2px #000000 !important;
|
|
outline: 0px;
|
|
text-align: center; background-color: transparent !important; font-size: 18px; font-family: "Special Elite", system-ui;
|
|
}
|
|
.sheet-valoriniestado{
|
|
float: left;
|
|
width: 40px !important;
|
|
height: 20px !important;
|
|
margin: 0px 0px;
|
|
padding: 0px 0px 0px 0px;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: none;
|
|
outline: 0px;
|
|
text-align: left; background-color: transparent !important; font-size: 14px; font-family: "Special Elite", system-ui; color:#000000;
|
|
}
|
|
.sheet-iniciativa{
|
|
float: left;
|
|
width: 145px !important;
|
|
height: 20px !important;
|
|
margin: 0px 0px;
|
|
padding: 0px 0px 0px 0px;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
outline: 0px;
|
|
text-align: left; background-color: transparent !important; font-size: 16px; font-family: "Special Elite", system-ui; color:#000000;
|
|
}
|
|
|
|
.sheet-avatar-column{
|
|
position:relative;
|
|
float:left;
|
|
width:380px;
|
|
height:auto;
|
|
min-height: 285px;
|
|
margin: 0% 0% 0% 0%;
|
|
padding: 0px;
|
|
background-image: url("https://rolmasters.com/ROLL20/OMERTA/FOTO-OMERTA_B3.png");
|
|
background-repeat: no-repeat;
|
|
background-size:contain;
|
|
background-position: center center;
|
|
}
|
|
|
|
.sheet-avatar-foto{
|
|
float: left;
|
|
position: relative;
|
|
width: 138px;
|
|
height: 220px;
|
|
margin: 35px 0px 0px 30px;
|
|
padding: 0px;
|
|
border: 2px solid #000000;
|
|
}
|
|
|
|
.sheet-avatar-foto img{
|
|
float: none;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
height: auto;
|
|
position: relative;
|
|
margin: 0px;
|
|
padding: 0px 0px 0px 0px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-fichado-column{
|
|
position:relative;
|
|
float:left;
|
|
width:150px;
|
|
height:auto;
|
|
min-height: 285px;
|
|
margin: 0% 0% 0% 40px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.sheet-sobrefichado-box{
|
|
position:relative;
|
|
float:left;
|
|
width:100%;
|
|
height:auto;
|
|
min-height: 65px;
|
|
margin: 0% 0% 0% 0%;
|
|
padding: 0px;
|
|
}
|
|
.sheet-etiquetasueerte{
|
|
position:relative;
|
|
float:left;
|
|
width:110px;
|
|
height:auto;
|
|
min-height: 30px;
|
|
margin: 0% 0% 0% 0%;
|
|
padding: 0px;
|
|
color: #000000;
|
|
text-align:left;
|
|
font-family: "Special Elite", system-ui;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
}
|
|
.sheet-valorsuerte{
|
|
float: left;
|
|
width: 40px !important;
|
|
height: 20px !important;
|
|
margin: 0px 0px;
|
|
padding: 0px 0px 0px 0px;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: solid 2px #000000 !important;
|
|
outline: 0px;
|
|
text-align: center; background-color: transparent !important; font-size: 18px; font-family: "Special Elite", system-ui;
|
|
}
|
|
|
|
.sheet-fichado-box{
|
|
position:relative;
|
|
float:left;
|
|
width:100%;
|
|
height:auto;
|
|
min-height: 30px;
|
|
margin: 10px 0% 0% 0%;
|
|
padding: 0px;
|
|
}
|
|
|
|
.sheet-huella {
|
|
position: relative;
|
|
float: left;
|
|
width: 100%;
|
|
height: auto;
|
|
min-height: 155px;
|
|
text-align: left;
|
|
font-size: 14px;
|
|
font-weight: 800;
|
|
color: #000000;
|
|
background-color:transparent;
|
|
}
|
|
.sheet-sinhuella,
|
|
.sheet-fichado-switch:checked ~ .sheet-conhuella {
|
|
display: block;
|
|
}
|
|
.sheet-conhuella,
|
|
.sheet-fichado-switch:checked ~ .sheet-sinhuella {
|
|
display: none;
|
|
}
|
|
.sheet-fichado-switch{
|
|
float:left;
|
|
width: 12px!important;
|
|
height: 12px!important;
|
|
color:black; accent-color:black;
|
|
border-color: black;
|
|
}
|
|
.sheet-selectdifarti{
|
|
width: 100px;
|
|
height: 25px!important;
|
|
margin: 0px 0px 0px 10px !important;
|
|
padding: 0px 0px;
|
|
text-align: center;
|
|
color:#ffffff;
|
|
font-family: "Courier Prime", monospace;
|
|
font-size: 12px;
|
|
border: 1px solid #000000;
|
|
background-color: brown;
|
|
}
|
|
.sheet-selectdificultad{
|
|
width: 150px;
|
|
height: 25px!important;
|
|
margin: 0px 0px 0px 0px !important;
|
|
padding: 0px 0px;
|
|
text-align: center;
|
|
color:#ffffff;
|
|
font-family: "Courier Prime", monospace;
|
|
font-size: 12px;
|
|
border: 1px solid #000000;
|
|
background-color: brown;
|
|
}
|
|
|
|
.sheet-checkomerta{
|
|
float:left;
|
|
width: 12px!important;
|
|
height: 12px!important;
|
|
color:black; accent-color:black;
|
|
border-color: black;
|
|
}
|
|
.sheet-checkomerta2{
|
|
float:left;
|
|
width: 12px!important;
|
|
height: 12px!important;
|
|
margin: 0px 5px 0px 0px!important;
|
|
color:black; accent-color:black;
|
|
border-color: black;
|
|
}
|
|
.sheet-mycheck{
|
|
width: 12px;
|
|
height: 12px;
|
|
color:darkred; accent-color:darkred;
|
|
border-color: darkred;
|
|
}
|
|
|
|
.sheet-valorhabilidad{
|
|
float: right;
|
|
width: 28px !important;
|
|
height: 16px !important;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: 1px solid #000000 !important;
|
|
outline: 0px;
|
|
text-align: center; background-color: transparent !important;
|
|
font-family: "Courier Prime", monospace;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
color:#000000;
|
|
-webkit-inner-spin-button: none;
|
|
-webkit-outer-spin-button: none;
|
|
-moz-appearance: textfield;
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
.sheet-habilidad{
|
|
float:left;
|
|
position:relative;
|
|
width:100%;
|
|
height:auto;
|
|
min-height: 20px;
|
|
margin: 0px 0px;
|
|
padding: 0px 0px;
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
text-align:left;
|
|
font-family: "Special Elite", system-ui;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
font-style: normal;
|
|
color:#000000;
|
|
}
|
|
|
|
.sheet-nuevahabilidad{
|
|
float: left;
|
|
width: 130px !important;
|
|
height:auto;
|
|
min-height: 18px;
|
|
max-height: 18px;
|
|
margin: 0px 0px;
|
|
padding: 0px 0px;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: solid 1px #000000;
|
|
outline: 0px;
|
|
background-color: transparent;
|
|
text-align:left;
|
|
font-family: "Special Elite", system-ui;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
font-style: normal;
|
|
color:#000000;
|
|
}
|
|
|
|
.sheet-tiradasecreta{
|
|
position: relative;
|
|
float: left;
|
|
width:80%;
|
|
height:18px;
|
|
margin:10px 0px 0px 18%;
|
|
padding: 0px 0px 0px 10px ;
|
|
outline: 0px;
|
|
font-family: "Special Elite", system-ui;
|
|
font-weight: 400;
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
color: #000000;
|
|
}
|
|
.sheet-tiradasecreta2{
|
|
position: relative;
|
|
float: left;
|
|
width:100;
|
|
height:18px;
|
|
margin:0px 0px 0px 0px;
|
|
padding: 0px 0px 0px 10px ;
|
|
outline: 0px;
|
|
font-family: "Special Elite", system-ui;
|
|
font-weight: 400;
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
color: #000000;
|
|
}
|
|
/*=================== COMBATE TAB 2 CSS ===================*/
|
|
|
|
|
|
.sheet-titlecombat{
|
|
position:relative;
|
|
float:left;
|
|
width:100%;
|
|
height:auto;
|
|
min-height: 26px;
|
|
margin: 0% 0% 0% 0%;
|
|
padding: 0px;
|
|
color: #000000;
|
|
text-align:center;
|
|
font-family: "Special Elite", system-ui;
|
|
font-weight: 400;
|
|
font-size: 22px;
|
|
font-style: normal;
|
|
}
|
|
.sheet-etiquetacombat{
|
|
position:relative;
|
|
float:left;
|
|
width:150px;
|
|
height:auto;
|
|
min-height: 30px;
|
|
margin: 0% 0% 0% 10px;
|
|
padding: 0px;
|
|
color: #000000;
|
|
text-align:left;
|
|
font-family: "Special Elite", system-ui;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
}
|
|
.sheet-etiquetacombat2{
|
|
position:relative;
|
|
float:left;
|
|
width:200px;
|
|
height:auto;
|
|
min-height: 30px;
|
|
margin: 0% 0% 0% 10px;
|
|
padding: 0px;
|
|
color: #000000;
|
|
text-align:left;
|
|
font-family: "Special Elite", system-ui;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
}
|
|
|
|
.sheet-selectestadovida{
|
|
width: 180px;
|
|
height: 25px!important;
|
|
margin: 0px 0px 0px 20px !important;
|
|
padding: 0px 0px;
|
|
text-align: center;
|
|
color:#ffffff;
|
|
font-family: "Courier Prime", monospace;
|
|
font-size: 12px;
|
|
border: 1px solid #000000;
|
|
background-color:brown ;
|
|
}
|
|
.sheet-armascontainer{
|
|
position:relative;
|
|
float:left;
|
|
width:690px;
|
|
height:auto;
|
|
min-height: 255px;
|
|
max-height: 255px;
|
|
margin: 0px 0px;
|
|
padding: 0px 0px;
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
background-image: url("https://rolmasters.com/ROLL20/OMERTA/OMERTA_ARMAS_BOX_1.png");
|
|
background-repeat: no-repeat;
|
|
background-size:contain;
|
|
background-position: top center;
|
|
}
|
|
|
|
.sheet-armasleyenda{
|
|
position:relative;
|
|
float:left;
|
|
width: 670px;
|
|
height: 25px!important;
|
|
min-height: 20px;
|
|
margin: 18px 0px 0px 10px !important;
|
|
padding: 0px 0px;
|
|
}
|
|
|
|
.sheet-armasbox1,
|
|
.sheet-armasbox2,
|
|
.sheet-armasbox3,
|
|
.sheet-armasbox4,
|
|
.sheet-armasbox5{
|
|
position: relative;
|
|
float: left;
|
|
height: 20px !important;
|
|
min-height: 20px;
|
|
padding: 0;
|
|
color: #fff;
|
|
font-family: "Courier Prime", monospace;
|
|
font-size: 14px;
|
|
text-align: center;
|
|
}
|
|
.sheet-armasbox1 { width: 140px; margin-left: 5px !important; }
|
|
.sheet-armasbox2 { width: 120px; }
|
|
.sheet-armasbox3 { width: 60px; }
|
|
.sheet-armasbox4 { width: 40px; }
|
|
.sheet-armasbox5 { width: 90px; }
|
|
|
|
|
|
.sheet-armascolumn{
|
|
position:relative;
|
|
float:left;
|
|
width:670px;
|
|
height:auto;
|
|
min-height: 195px;
|
|
max-height: 195px;
|
|
margin: 0px 0px 0px 10px;
|
|
padding: 0px 0px;
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
overflow-y: auto;
|
|
scrollbar-color: #5d2d1c transparent; /* thumb marró, track transparent */
|
|
scrollbar-width: thin;
|
|
}
|
|
|
|
.sheet-armaselect-A,
|
|
.sheet-armaselect-B {
|
|
float: left;
|
|
height: 25px !important;
|
|
margin: 0 0 0 5px !important;
|
|
border: none;
|
|
border-bottom: 1px solid #000 !important;
|
|
outline: 0;
|
|
background-color: transparent !important;
|
|
font-family: "Courier Prime", monospace;
|
|
font-size: 14px;
|
|
text-align: center;
|
|
color: #000;
|
|
-moz-appearance: textfield;
|
|
-webkit-appearance: none;
|
|
}
|
|
.sheet-armaselect-A { width: 45px !important; }
|
|
.sheet-armaselect-B { width: 115px !important; }
|
|
|
|
|
|
.sheet-armasinputbox1B,
|
|
.sheet-armasinputbox2B,
|
|
.sheet-armasinputbox3B,
|
|
.sheet-armasinputbox4B{
|
|
float: left;
|
|
height: 25px !important;
|
|
margin-left: 5px;
|
|
border: none;
|
|
border-bottom: 1px solid #000 !important;
|
|
outline: none;
|
|
background: transparent !important;
|
|
font-family: "Courier Prime", monospace;
|
|
font-size: 14px;
|
|
text-align: center;
|
|
color: #000;
|
|
appearance: textfield; /* reemplaza a -webkit y -moz */
|
|
}
|
|
.sheet-armasinputbox1B { width: 145px !important; }
|
|
.sheet-armasinputbox2B { width: 115px !important; }
|
|
.sheet-armasinputbox3B { width: 57px !important; }
|
|
.sheet-armasinputbox4B { width: 40px !important; }
|
|
|
|
details{
|
|
color: #A45700 !important;
|
|
padding: 5px 0px 0px;
|
|
cursor: pointer;
|
|
font-family: "Courier Prime", monospace;
|
|
font-size: 14px;
|
|
}
|
|
details:hover{
|
|
color: #472600 !important;
|
|
padding: 5px 0px 0px;
|
|
cursor: pointer;
|
|
font-family: "Courier Prime", monospace;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.sheet-armadetalls{
|
|
float: none;
|
|
width: 650px;
|
|
height: auto;
|
|
min-height: 35px;
|
|
margin: 0px auto 5px ;
|
|
border-bottom: solid 3px #A45700;
|
|
border-left: solid 3px #A45700;
|
|
border-right: solid 3px #A45700;
|
|
}
|
|
.sheet-armadetalls textarea{
|
|
float: none;
|
|
width: 630px;
|
|
height: 30px;
|
|
min-height: 20px;
|
|
margin: 5px 5px;
|
|
resize: vertical;
|
|
box-sizing: border-box;
|
|
outline: 0px;
|
|
font-family: "Courier Prime", monospace;
|
|
font-size: 14px;
|
|
color: #A45700;
|
|
background-color: transparent; border: 1px solid #A45700;
|
|
}
|
|
|
|
|
|
.sheet-imagenganster {
|
|
width: 100%;
|
|
height: auto;
|
|
min-height: 300px;
|
|
margin-top: 0px;
|
|
}
|
|
.sheet-clasepjimagen {
|
|
width: 100%;
|
|
height: auto;
|
|
min-height: 300px;
|
|
object-fit: contain;
|
|
}
|
|
.sheet-barraselectclase{
|
|
float: left;
|
|
position:relative;
|
|
width: 80% !important;
|
|
height: 34px;
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 0px 0px;
|
|
font-family: "Courier Prime", monospace;
|
|
font-size: 18px;
|
|
text-align: center;
|
|
color: #000000;
|
|
border: 3px solid #000000;
|
|
cursor: pointer;
|
|
background-color: transparent;
|
|
}
|
|
.sheet-botonlocalizacion{
|
|
float:left;
|
|
position:relative;
|
|
width:40px;
|
|
height:auto;
|
|
min-height: 20px;
|
|
margin: 10px 0px 0px;
|
|
padding: 0px 0px;
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-checkbox-group label {
|
|
display: inline-block;
|
|
margin: 2px 8px 0px 0px;
|
|
font-family: "Courier Prime", monospace;
|
|
font-size: 12px;
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-modificadorcombatebox{
|
|
float:left;
|
|
position:relative;
|
|
width:100%;
|
|
height:auto;
|
|
min-height: 15px;
|
|
margin: 0px 0px;
|
|
padding: 0px 0px;
|
|
font-family: "Courier Prime", monospace;
|
|
font-size: 12px;
|
|
text-align: left;
|
|
color: #000000;
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
}
|
|
|
|
|
|
/*=================== TRASFONDO TAB 3 CSS ===================*/
|
|
.sheet-titulotrasfondo {
|
|
float:left;
|
|
position:relative;
|
|
width:300px;
|
|
height:40px;
|
|
margin: 0% 0% 0% 20px;
|
|
padding: 0px;
|
|
font-family: "Courier Prime", monospace;
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
font-size: 26px;
|
|
color:#5d2d1c !important;
|
|
}
|
|
|
|
/*=================== BANDA TAB 4 CSS ===================*/
|
|
|
|
.sheet-etiquetabanda{
|
|
position:relative;
|
|
float:left;
|
|
width:190px;
|
|
height:auto;
|
|
min-height: 20px;
|
|
margin: 3px 5px 0% 0%;
|
|
padding: 0px;
|
|
color: #000000;
|
|
text-align:right;
|
|
font-family: "Special Elite", system-ui;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
}
|
|
.sheet-etiquetabanda2{
|
|
position:relative;
|
|
float:left;
|
|
width:140px;
|
|
height:auto;
|
|
min-height: 20px;
|
|
margin: 3px 5px 0% 0%;
|
|
padding: 0px;
|
|
color: #000000;
|
|
text-align:right;
|
|
font-family: "Special Elite", system-ui;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
}
|
|
.sheet-puntosbanda{
|
|
float:left;
|
|
position:relative;
|
|
width:95%;
|
|
height:auto;
|
|
min-height: 15px;
|
|
margin: 0px 0px 0px 5%;
|
|
padding: 0px 0px;
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
color: #000000;
|
|
}
|
|
|
|
.sheet-puntobandabox1{
|
|
float:left;
|
|
position:relative;
|
|
width:25%;
|
|
height:auto;
|
|
min-height: 15px;
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 0px 0px;
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
color: #000000;
|
|
text-align:right;
|
|
font-family: "Special Elite", system-ui;
|
|
font-weight: 400;
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
}
|
|
.sheet-puntobandaboxmig{
|
|
float:left;
|
|
position:relative;
|
|
width:5%;
|
|
height:auto;
|
|
min-height: 15px;
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 0px 0px;
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
color: #000000;
|
|
text-align:center;
|
|
font-family: "Special Elite", system-ui;
|
|
font-weight: 400;
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
}
|
|
.sheet-puntobandabox2{
|
|
float:left;
|
|
position:relative;
|
|
width:70%;
|
|
height:auto;
|
|
min-height: 15px;
|
|
margin: 0px 0px;
|
|
padding: 0px 0px;
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
color: #000000;
|
|
text-align:left;
|
|
font-family: "Special Elite", system-ui;
|
|
font-weight: 400;
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
}
|
|
|
|
.sheet-notasbanda {
|
|
position: relative;
|
|
float: left;
|
|
width: 690px;
|
|
background-image: url("https://rolmasters.com/ROLL20/OMERTA/OMERTA_BANDA_FONDO_NOTAS_A1_690px.png");
|
|
background-repeat: no-repeat;
|
|
background-size:cover;
|
|
background-position: center;
|
|
overflow-y: auto;
|
|
scrollbar-color: #5d2d1c transparent; /* thumb marró, track transparent */
|
|
scrollbar-width: thin;
|
|
}
|
|
|
|
.sheet-imagenbanda {
|
|
float: left;
|
|
position: relative;
|
|
width: 160px;
|
|
height: auto;
|
|
min-height: 60px;
|
|
margin: 0px 0px 0px 35px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
background-image: url(https://rolmasters.com/ROLL20/OMERTA/OMETRA_BANDA_B1_400x150px.png);
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center center;
|
|
}
|
|
|
|
.sheet-untado-box{
|
|
position:relative;
|
|
float:left;
|
|
width:100%;
|
|
height:auto;
|
|
min-height: 30px;
|
|
}
|
|
|
|
.sheet-billete {
|
|
position: relative;
|
|
float: left;
|
|
width: 165px;
|
|
height: auto;
|
|
min-height: 70px;
|
|
margin: 0px 0px 0px 35px;
|
|
text-align: left;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
color: #000000;
|
|
background-color: transparent;
|
|
}
|
|
.sheet-sinbillete,
|
|
.sheet-untado-switch:checked ~ .sheet-conbillete {
|
|
display: block;
|
|
}
|
|
.sheet-conbillete,
|
|
.sheet-untado-switch:checked ~ .sheet-sinbillete {
|
|
display: none;
|
|
}
|
|
.sheet-untado-switch{
|
|
float:left;
|
|
width: 12px!important;
|
|
height: 12px!important;
|
|
color:black; accent-color:black;
|
|
border-color: black;
|
|
}
|
|
|
|
|
|
/*============= VEHICULO TAB 5 CSS =============*/
|
|
.sheet-selectorvehiculo{
|
|
position:relative;
|
|
float:right;
|
|
width:60px;
|
|
height:auto;
|
|
min-height: 25px;
|
|
}
|
|
|
|
.sheet-tipovehiculo{
|
|
position:relative;
|
|
float:left;
|
|
width:100%;
|
|
height:auto;
|
|
min-height: 30px;
|
|
}
|
|
|
|
.sheet-camioncoche {
|
|
position: relative;
|
|
float: left;
|
|
width: 100%;
|
|
height: auto;
|
|
min-height: 900px;
|
|
margin: 0px 0px 0px 0px;
|
|
}
|
|
|
|
.sheet-coche,
|
|
.sheet-vehiculo-switch:checked ~ .sheet-camion {
|
|
display: block;
|
|
}
|
|
.sheet-camion,
|
|
.sheet-vehiculo-switch:checked ~ .sheet-coche {
|
|
display: none;
|
|
}
|
|
.sheet-vehiculo-switch{
|
|
float:left;
|
|
width: 12px!important;
|
|
height: 12px!important;
|
|
color:black; accent-color:black;
|
|
border-color: black;
|
|
}
|
|
|
|
.sheet-numero-vehiculo {
|
|
position: relative;
|
|
float: left;
|
|
width: 20px;
|
|
height: auto;
|
|
min-height: 20px;
|
|
font-family: "Courier Prime", monospace;
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
font-size: 20px;
|
|
color: #5d2d1c !important;
|
|
}
|
|
|
|
.sheet-caracteristica-vehiculo {
|
|
position: relative;
|
|
float: left;
|
|
width: 295px;
|
|
height: auto;
|
|
min-height: 20px;
|
|
margin: 5px 0px 0px 0px;
|
|
}
|
|
|
|
.sheet-vehiculoinfo{
|
|
width:290px;
|
|
height:18px;
|
|
margin:0px 0px;
|
|
padding: 0px 0px 0px 10px ;
|
|
border-top: none;
|
|
border-left: none ;
|
|
border-right: none;
|
|
border-bottom: 1px solid #000000;
|
|
outline: 0px;
|
|
color: #000000;
|
|
text-align: left;
|
|
font-family: "Special Elite", system-ui;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
font-style: normal;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.sheet-cajavehiculos {
|
|
position: relative;
|
|
float: left;
|
|
width: 690px;
|
|
height: auto;
|
|
min-height: 184px;
|
|
background-image: url(https://rolmasters.com/ROLL20/OMERTA/OMERTA_CAJA_VEHICULOS_FONDO_B1_690px.png);
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: top center;
|
|
overflow-y: auto;
|
|
scrollbar-color: #5d2d1c transparent;
|
|
scrollbar-width: thin;
|
|
}
|
|
.sheet-cajavehiculos2 {
|
|
position: relative;
|
|
float: left;
|
|
width: 338px;
|
|
height: auto;
|
|
min-height: 184px;
|
|
background-image: url(https://rolmasters.com/ROLL20/OMERTA/OMERTA_CAJA_VEHICULOS_FONDO_B2_338px.png);
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: top center;
|
|
overflow-y: auto;
|
|
scrollbar-color: #5d2d1c transparent;
|
|
scrollbar-width: thin;
|
|
}
|
|
|
|
.sheet-textoruedas{
|
|
float:left;
|
|
position:relative;
|
|
width:100%;
|
|
height:auto;
|
|
min-height: 15px;
|
|
margin: 0px 0px;
|
|
padding: 0px 0px;
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
color: #000000;
|
|
text-align:center;
|
|
font-family: "Special Elite", system-ui;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
}
|
|
|
|
/*============= RUEDAS VEHICULO RUEDAS TAB 5 CSS =============*/
|
|
|
|
.sheet-espaicajarueda {
|
|
position: relative;
|
|
float: left;
|
|
width: 50px;
|
|
height: auto;
|
|
min-height: 70px;
|
|
margin: 0px 0px 0px 0px;
|
|
|
|
}
|
|
|
|
.sheet-cajarueda {
|
|
position: relative;
|
|
float: left;
|
|
width: 100px;
|
|
height: auto;
|
|
min-height: 70px;
|
|
margin: 0px 0px 0px 0px;
|
|
text-align: left;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
color: #000000;
|
|
|
|
}
|
|
|
|
.round-checkbox-label {
|
|
width: 35px!important;
|
|
height: 40px !important;
|
|
border: 20px solid #000;
|
|
border-radius: 50%;
|
|
position: relative;
|
|
cursor: pointer;
|
|
}
|
|
.round-checkbox:checked + .round-checkbox-label::after {
|
|
content: "✖";
|
|
position: absolute;
|
|
top: 62%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
color: red;
|
|
font-size: 40px;
|
|
}
|
|
.round-checkbox {
|
|
position: absolute;
|
|
opacity: 0;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
|
|
|
|
.sheet-penalizador-ruedas{
|
|
float: right;
|
|
width: 40px;
|
|
height: 25px !important;
|
|
margin-left: 5px;
|
|
border: none;
|
|
border-bottom: 1px solid #000 !important;
|
|
outline: none;
|
|
background: transparent !important;
|
|
font-family: "Courier Prime", monospace;
|
|
font-size: 18px;
|
|
text-align: center;
|
|
color: #000;
|
|
appearance: textfield; /* reemplaza a -webkit y -moz */
|
|
}
|
|
|
|
|
|
/*============= GENERAL CSS =============*/
|
|
|
|
.sheet-width100{
|
|
float:left;
|
|
position:relative;
|
|
width:100%;
|
|
height:auto;
|
|
min-height: 30px;
|
|
margin: 0px 0px;
|
|
padding: 0px 0px;
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
}
|
|
.sheet-width100B{
|
|
float:left;
|
|
position:relative;
|
|
width:100%;
|
|
height:auto;
|
|
min-height: 20px;
|
|
margin: 0px 0px;
|
|
padding: 0px 0px;
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
}
|
|
.sheet-columnaters{
|
|
float:left;
|
|
position:relative;
|
|
width:32%;
|
|
height:auto;
|
|
min-height: 40px;
|
|
margin: 0% 0px 0px 1%;
|
|
padding: 0px;
|
|
}
|
|
.sheet-columnadosters{
|
|
float:left;
|
|
position:relative;
|
|
width: 64%;
|
|
height:auto;
|
|
min-height: 100px;
|
|
margin: 0px 0px 0px 14px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-columnamig{
|
|
float:left;
|
|
position:relative;
|
|
width:49%;
|
|
height:auto;
|
|
margin: 0% 0% 0% 1%;
|
|
padding: 0px;
|
|
}
|
|
.sheet-columnacinc{
|
|
float:left;
|
|
position:relative;
|
|
width:20%;
|
|
height:auto;
|
|
margin: 0% 0% 0% 0%;
|
|
padding: 0px;
|
|
}
|
|
.sheet-columnasis{
|
|
float:left;
|
|
position:relative;
|
|
width:16%;
|
|
height:auto;
|
|
margin: 0% 0% 0% 0%;
|
|
padding: 0px;
|
|
}
|
|
|
|
/*============= ESPACIADORES Y SEPARADORES CSS =============*/
|
|
|
|
[class^="sheet-espai-"] {
|
|
float: left;
|
|
position: relative;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
}
|
|
|
|
/* === Alturas específicas === */
|
|
.sheet-espai-5 { height: 5px; }
|
|
.sheet-espai-7 { height: 7px; }
|
|
.sheet-espai-10 { height: 10px; }
|
|
.sheet-espai-15 { height: 15px; }
|
|
.sheet-espai-20 { height: 20px; }
|
|
.sheet-espai-30 { height: 30px; }
|
|
.sheet-espai-40 { height: 40px; }
|
|
.sheet-espai-60 { height: 60px; }
|
|
|
|
|
|
/*============= REPCONTROL BOTONS CSS =============*/
|
|
.repcontrol {
|
|
display: flex;
|
|
width: 96%;
|
|
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;
|
|
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;
|
|
}
|
|
|
|
/*=================== FIRMA CSS ===================*/
|
|
|
|
.sheet-firma-foot{
|
|
float: left;
|
|
width: 100%;
|
|
height: 20px;
|
|
min-height: 20px;
|
|
margin: 80px auto 5px;
|
|
font-family: "Brawler", serif;
|
|
font-weight: 500;
|
|
font-size: 11px;
|
|
text-align: center;
|
|
color: #000000;
|
|
}
|
|
.sheet-firma-foot:hover{
|
|
color: #E4BA8C;
|
|
}
|
|
/*=================== MEDIA CSS ===================*/
|
|
|
|
|
|
@media screen and (min-width: 940px){
|
|
|
|
}
|
|
@media screen and (min-width: 1000px){
|
|
.sheet-contenedorvj{
|
|
|
|
}
|
|
}
|
|
@media screen and (min-width: 1050px){
|
|
.sheet-contenedorvj{
|
|
|
|
}
|
|
}
|
|
@media screen and (min-width: 1100px){
|
|
.sheet-contenedorvj{
|
|
|
|
}
|
|
}
|
|
|
|
/*=================== OMERTA ROLL ROLLTEMPLATE CSS ===================*/
|
|
|
|
/* Smaller margins - remove these if you want the huge default left margin */
|
|
.sheet-rolltemplate-omerta {
|
|
margin-left: -37px;
|
|
}
|
|
.sheet-rolltemplate-omerta .sheet-fotofondo {
|
|
width: 300px;
|
|
height: auto;
|
|
min-height: 185px;
|
|
background-image: url("https://rolmasters.com/ROLL20/OMERTA/TEMPLATE_FONDO_OMERTA_F_370px.png");
|
|
background-repeat: no-repeat;
|
|
background-size:cover;
|
|
background-position: top;
|
|
}
|
|
|
|
.sheet-rolltemplate-omerta .sheet-listatemplate{
|
|
position:relative;
|
|
float:left;
|
|
width:90%;
|
|
height:auto;
|
|
min-height: 20px;
|
|
margin: 0% 5%;
|
|
padding: 5px 0px;
|
|
color: #000000;
|
|
text-align:center;
|
|
font-family: "Special Elite", system-ui;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
}
|
|
.sheet-rolltemplate-omerta .sheet-listatemplate2{
|
|
position:relative;
|
|
float:left;
|
|
width:90%;
|
|
height:auto;
|
|
min-height: 25px;
|
|
margin: 0% 5%;
|
|
padding: 10px 0px;
|
|
color: #000000;
|
|
text-align:center;
|
|
font-family: "Special Elite", system-ui;
|
|
font-weight: 700;
|
|
font-size: 20px;
|
|
font-style: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-omerta .sheet-listatemplate3{
|
|
position:relative;
|
|
float:left;
|
|
width:90%;
|
|
height:auto;
|
|
min-height: 15px;
|
|
margin: 0% 5%;
|
|
padding: 10px 0px;
|
|
color: #000000;
|
|
text-align:center;
|
|
font-family: "Special Elite", system-ui;
|
|
font-weight: 700;
|
|
font-size: 20px;
|
|
font-style: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-omerta .sheet-container {
|
|
}
|
|
|
|
/* Header formatting - title and subtitle */
|
|
.sheet-rolltemplate-omerta .sheet-header {
|
|
height: 55px;
|
|
background-color: transparent;
|
|
/* change text-align to center to center the header text */
|
|
text-align: left;
|
|
padding: 5px;
|
|
font-weight: bold; font-size: 18px; font-family: "Cutive", serif; color: #ffcc99;
|
|
}
|
|
.sheet-rolltemplate-omerta .sheet-title {
|
|
font-size:1.1em;
|
|
margin: 6px 0px 0px 10px;
|
|
}
|
|
.sheet-rolltemplate-omerta .sheet-subtitle {
|
|
font-size:.9em;
|
|
margin: 2px 0px 0px 10px;
|
|
}
|
|
|
|
/* example colors */
|
|
|
|
.sheet-rolltemplate-omerta .sheet-container.sheet-color-red {
|
|
--header-bg-color: #F00;
|
|
}
|
|
.sheet-rolltemplate-omerta .sheet-container.sheet-color-green {
|
|
--header-bg-color: #0F0;
|
|
--header-text-color: #000;
|
|
}
|
|
|
|
.textchatcontainer .inlinerollresult {
|
|
background-color: #fef68e;
|
|
border: 2px solid #fef68e;
|
|
padding: 3px 3px 0px 3px!important;
|
|
font-weight: bold;
|
|
cursor: help;
|
|
/* line-height: 20px; */
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
/* Make even-numbered rows grey */
|
|
.sheet-rolltemplate-omerta .sheet-contento :nth-child(1n+3),
|
|
.sheet-rolltemplate-omerta .sheet-contento :nth-child(1n) {
|
|
background-color: transparent !important;
|
|
border: none!important;
|
|
}
|
|
|
|
/* Description field */
|
|
.sheet-rolltemplate-omerta .sheet-desc {
|
|
grid-column: span 2;
|
|
padding: 0px 20px !important;
|
|
text-align: center;
|
|
font-size: 14px; font-family: "Brawler", serif; color: #A45700;
|
|
}
|
|
|
|
/*=================== OMERTAATAC ROLL ROLLTEMPLATE CSS ===================*/
|
|
|
|
/* Smaller margins - remove these if you want the huge default left margin */
|
|
.sheet-rolltemplate-omertaatac {
|
|
margin-left: -37px;
|
|
}
|
|
.sheet-rolltemplate-omertaatac .sheet-fotofondo {
|
|
width: 300px;
|
|
height: auto;
|
|
min-height: 185px;
|
|
background-image: url("https://rolmasters.com/ROLL20/OMERTA/TEMPLATE_FONDO_OMERTA_F_370px.png");
|
|
background-repeat: no-repeat;
|
|
background-size:cover;
|
|
background-position: top;
|
|
}
|
|
|
|
.sheet-rolltemplate-omertaatac .sheet-listatemplate{
|
|
position:relative;
|
|
float:left;
|
|
width:90%;
|
|
height:auto;
|
|
min-height: 15px;
|
|
margin: 0% 5%;
|
|
padding: 5px 0px;
|
|
color: #000000;
|
|
text-align:center;
|
|
font-family: "Special Elite", system-ui;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
}
|
|
.sheet-rolltemplate-omertaatac .sheet-listatemplate2{
|
|
position:relative;
|
|
float:left;
|
|
width:90%;
|
|
height:auto;
|
|
min-height: 15px;
|
|
margin: 0% 5%;
|
|
padding: 10px 0px 5px 0px;
|
|
color: #000000;
|
|
text-align:center;
|
|
font-family: "Special Elite", system-ui;
|
|
font-weight: 700;
|
|
font-size: 20px;
|
|
font-style: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-omertaatac .sheet-container {
|
|
}
|
|
|
|
/* Header formatting - title and subtitle */
|
|
.sheet-rolltemplate-omertaatac .sheet-header {
|
|
height: 45px;
|
|
background-color: transparent;
|
|
/* change text-align to center to center the header text */
|
|
text-align: left;
|
|
padding: 5px;
|
|
font-weight: bold; font-size: 18px; font-family: "Cutive", serif; color: #ffcc99;
|
|
}
|
|
.sheet-rolltemplate-omertaatac .sheet-title {
|
|
font-size:1.1em;
|
|
margin: 6px 0px 0px 10px;
|
|
}
|
|
.sheet-rolltemplate-omertaatac .sheet-subtitle {
|
|
font-size:.9em;
|
|
margin: 2px 0px 0px 10px;
|
|
}
|
|
|
|
/* example colors */
|
|
|
|
.sheet-rolltemplate-omertaatac .sheet-container.sheet-color-red {
|
|
--header-bg-color: #F00;
|
|
}
|
|
.sheet-rolltemplate-omertaatac .sheet-container.sheet-color-green {
|
|
--header-bg-color: #0F0;
|
|
--header-text-color: #000;
|
|
}
|
|
|
|
.textchatcontainer .inlinerollresult {
|
|
background-color: #fef68e;
|
|
border: 2px solid #fef68e;
|
|
padding: 3px 3px 0px 3px!important;
|
|
font-weight: bold;
|
|
cursor: help;
|
|
/* line-height: 20px; */
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
/* Make even-numbered rows grey */
|
|
.sheet-rolltemplate-omertaatac .sheet-contento :nth-child(1n+3),
|
|
.sheet-rolltemplate-omertaatac .sheet-contento :nth-child(1n) {
|
|
background-color: transparent !important;
|
|
border: none!important;
|
|
}
|
|
|
|
/* Description field */
|
|
.sheet-rolltemplate-omertaatac .sheet-desc {
|
|
grid-column: span 2;
|
|
padding: 0px 20px !important;
|
|
text-align: center;
|
|
font-size: 14px; font-family: "Brawler", serif; color: #A45700;
|
|
}
|
|
|
|
|
|
/*============= VJBTNA HABILIDADES CSS =============*/
|
|
|
|
.sheet-VJbtnomerta{
|
|
float: right;
|
|
padding: 0px 0px 0px 0px!important;
|
|
font-size: 30px!important;
|
|
margin: -5px 0px 0px 0px!important;
|
|
background: none!important;
|
|
border: none!important;
|
|
color:#A45700;
|
|
box-shadow: none !important;
|
|
}
|
|
.sheet-VJbtnomerta:hover{
|
|
padding: 0px 0px 0px 0px!important;
|
|
font-size: 30px!important;
|
|
margin: -5px 0px 0px 0px;
|
|
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: #94382d;
|
|
}
|
|
.sheet-VJbtnomerta:active{
|
|
padding: 0px 0px 0px 0px!important;
|
|
font-size: 30px!important;
|
|
margin: -5px 0px 0px 0px;
|
|
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:"A";
|
|
}
|
|
|
|
/*============= VJBTNA ATRIBUTOS CSS =============*/
|
|
|
|
.sheet-VJbtnomerta2{
|
|
float: right;
|
|
padding: 0px 0px 0px 0px!important;
|
|
font-size: 40px!important;
|
|
margin: -5px 0px 0px 0px!important;
|
|
background: none!important;
|
|
border: none!important;
|
|
color:#A45700;
|
|
box-shadow: none !important;
|
|
}
|
|
.sheet-VJbtnomerta2:hover{
|
|
padding: 0px 0px 0px 0px!important;
|
|
font-size: 40px!important;
|
|
margin: -5px 0px 0px 0px;
|
|
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: #94382d;
|
|
}
|
|
.sheet-VJbtnomerta2:active{
|
|
padding: 0px 0px 0px 0px!important;
|
|
font-size: 40px!important;
|
|
margin: -5px 0px 0px 0px;
|
|
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;
|
|
}
|
|
|
|
/*============= VJBTNA ARMAS CSS =============*/
|
|
|
|
.sheet-VJbtnomerta3{
|
|
float: right;
|
|
padding: 0px 0px 0px 0px!important;
|
|
font-size: 30px!important;
|
|
margin: 0px 10px 0px 0px!important;
|
|
background: none!important;
|
|
border: none!important;
|
|
color:#A45700;
|
|
box-shadow: none !important;
|
|
}
|
|
.sheet-VJbtnomerta3:hover{
|
|
padding: 0px 0px 0px 0px!important;
|
|
font-size: 30px!important;
|
|
margin: 0px 10px 0px 0px!important;
|
|
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: #94382d;
|
|
}
|
|
.sheet-VJbtnomerta3:active{
|
|
padding: 0px 0px 0px 0px!important;
|
|
font-size: 30px!important;
|
|
margin: 0px 10px 0px 0px!important;
|
|
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;
|
|
}
|
|
|
|
/*============= 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; }
|
|
|