diff --git a/OMERTA EL PODER DE LA MAFIA/OMERTA_PODER_MAFIA.css b/OMERTA EL PODER DE LA MAFIA/OMERTA_PODER_MAFIA.css deleted file mode 100644 index c939a73e9a..0000000000 --- a/OMERTA EL PODER DE LA MAFIA/OMERTA_PODER_MAFIA.css +++ /dev/null @@ -1,1611 +0,0 @@ -/* 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; - - /*background-image: url("https://rolmasters.com/ROLL20/OMERTA/boton_portafolio_A4_30px.png"); - background-repeat: no-repeat; - background-size:cover; - background-position: bottom center; - */ - -} - - -/*============= 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: 90% !important; - height: 34px; - margin: 0px 0px 0px 5%; - 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-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 =============*/ - - - - -/*============= 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_D_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-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_D_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; } -