diff --git a/Aquelarre_3era_Nosolorol/README.md b/Aquelarre_3era_Nosolorol/README.md new file mode 100644 index 0000000000..d5aa8b43d4 --- /dev/null +++ b/Aquelarre_3era_Nosolorol/README.md @@ -0,0 +1,6 @@ +# AQUELARRE-3era- Nosolorol + +Roll20 Character sheet del juego Aquelarre, 3era edición publicada por Nosolorol en 2011. + +Más información + diff --git a/Aquelarre_3era_Nosolorol/aquelarre_3ed_nsr.css b/Aquelarre_3era_Nosolorol/aquelarre_3ed_nsr.css new file mode 100644 index 0000000000..e5090622e2 --- /dev/null +++ b/Aquelarre_3era_Nosolorol/aquelarre_3ed_nsr.css @@ -0,0 +1,4630 @@ +/* CSS AQUELARRE - 3ERA EDICION - NSR */ +/* Character sheet for ROll20 by VJ Rolmasters*/ + +@import url('https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica+SC&family=IM+Fell+Great+Primer:ital@0;1&family=Ibarra+Real+Nova:ital,wght@0,400..700;1,400..700&family=Jacquard+24&family=UnifrakturCook:wght@700&family=UnifrakturMaguntia&display=swap'); + +/*============= FONTS CSS =============*/ + +.jacquard-24-regular { + font-family: "Jacquard 24", system-ui; + font-weight: 400; + font-style: normal; +} + +.im-fell-dw-pica-sc-regular { + font-family: "IM Fell DW Pica SC", serif; + font-weight: 400; + font-style: normal; +} + +.im-fell-great-primer-regular { + font-family: "IM Fell Great Primer", serif; + font-weight: 400; + font-style: normal; +} + +.im-fell-great-primer-regular-italic { + font-family: "IM Fell Great Primer", serif; + font-weight: 400; + font-style: italic; +} + +.unifrakturmaguntia-regular { + font-family: "UnifrakturMaguntia", cursive; + font-weight: 400; + font-style: normal; +} + +.ibarra-real-nova { + font-family: "Ibarra Real Nova", serif; + font-optical-sizing: auto; + font-weight: 500; + font-style: normal; +} + +.unifrakturcook-bold { + font-family: "UnifrakturCook", cursive; + font-weight: 700; + font-style: normal; +} + + +/* BASIC TAB STYLES - CORREGIDO */ + + +/* Vertical tabs */ +.sheet-notebook-tabs { + display: flex; + width: 100%; + gap: 6px; + z-index: 10; +} + +.sheet-notebook-tab { + flex: 1; + height: 30px; + padding: 0px 10px; + background: darkred; + color: #ffffff; + border: none; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + /* border-radius: 0 10px 10px 0; */ + cursor: pointer; + font-family: "UnifrakturCook", cursive; + font-optical-sizing: auto; + font-weight: 700; + font-size: 26px; + transition: background-color 2s ease; + -webkit-transition: background-color 2s ease; + -moz-transition: background-color 2s ease; + -o-transition: background-color 2s ease; +} +.sheet-notebook-tab:hover { + background:darkred; + color:goldenrod; + border-bottom: 5px solid goldenrod; +} + +/* Ocultar todas las pestañas */ +.charsheet .sheet-pj, +.charsheet .sheet-mecanica, +.charsheet .sheet-combate, +.charsheet .sheet-alquimia, +.charsheet .sheet-hechizos { + display: none !important; +} + +/* Mostrar según valor del input */ +.charsheet .sheet-tabstoggle[value="pj"] ~ .sheet-container .sheet-pj, +.charsheet .sheet-tabstoggle[value="mecanica"] ~ .sheet-container .sheet-mecanica, +.charsheet .sheet-tabstoggle[value="combate"] ~ .sheet-container .sheet-combate, +.charsheet .sheet-tabstoggle[value="alquimia"] ~ .sheet-container .sheet-alquimia, +.charsheet .sheet-tabstoggle[value="hechizos"] ~ .sheet-container .sheet-hechizos { + display: block !important; +} + +/* Botones activos */ +.charsheet .sheet-tabstoggle[value="pj"] ~ .sheet-container .sheet-notebook-tabs .sheet-button0, +.charsheet .sheet-tabstoggle[value="mecanica"] ~ .sheet-container .sheet-notebook-tabs .sheet-button1, +.charsheet .sheet-tabstoggle[value="combate"] ~ .sheet-container .sheet-notebook-tabs .sheet-button2, +.charsheet .sheet-tabstoggle[value="alquimia"] ~ .sheet-container .sheet-notebook-tabs .sheet-button3, +.charsheet .sheet-tabstoggle[value="hechizos"] ~ .sheet-container .sheet-notebook-tabs .sheet-button4 { + color: darkred; + width: auto; + min-width: 100px; + height: 30px; + padding: 0px 10px; + background-color: transparent !important; + font-family: "UnifrakturCook", cursive; + font-optical-sizing: auto; + font-weight: 700; + font-size: 26px; + border: none; + border-top: 5px solid transparent; + /* border-left: 5px solid darkred; */ + /* border-right:5px solid darkred; */ + border-bottom: 5px solid darkred; + /*background-image: url("https://rolmasters.com/ROLL20/"); + background-repeat: no-repeat; + background-size:cover; + background-position: bottom center; + */ + +} + + +/*============= CONTENEDORES Y COLUMNAS CSS =============*/ + + +.sheet-contenedorvj { + position: relative; + width: 100%; + max-width: 870px; + min-width: 600px; + height: auto; + min-height: 1930px; + margin: 0px auto; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/AQUELARRE_FONDO_PAPEL_3.jpg"); + background-repeat:repeat-y; + background-size:cover; + +} +.sheet-container { + position: relative; + float: left; + width: 98%; + max-width: 1200px; + margin: 0px 0px 0px 10px; + height: 980px; + min-height: 980px; + box-sizing:border-box; +} +.sheet-akeresquerra { + position: relative; + float: left; + width: 860px; + max-width: 860px; + margin: 0px 0px 0px 0px; + height: 950px; + min-height: 950px; + box-sizing:border-box; +} +.sheet-akerdreta { + position: relative; + float: left; + width: 860px; + max-width: 860px; + margin: 30px 0px 0px 0px; + height: 900px; + min-height: 900px; + box-sizing:border-box; +} +.sheet-datosdelpj{ + 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-clearfloat { + clear:both; + height:0; + font-size: 0px; + line-height:0px; +} + +.ui-dialog .charsheet { + padding: 0px 0px; +} + +.sheet-barralanzadados{ + position: absolute; + right: 50px; + top: 10px; + width: auto; + height: 30px; + min-height: 30px; + background: darkred; + color: #ffffff; + margin: 0px 0px 0px 3px; + padding: 4px 8px 1px; + text-align: center; + font-family: "IM Fell Great Primer", serif; + font-weight: 400; + font-style: normal; + font-size: 16px; + z-index: 3; +} +/*============= TOPBAR CSS =============*/ + +.sheet-logo1200px{ + float:none; + position:relative; + width:98%; + max-width: 1200px; + min-width: 600px; + height:auto; + min-height: 120px; + margin: -30px 1% 0px 1%; + padding: 0px 0px; + box-sizing: border-box; + display: inline-block; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/AQUELARRE_3_LOGO_A1_1200px.png"); + background-repeat: no-repeat; + background-size:contain; + background-position: center; + z-index: 1; + } +.sheet-logo1200px img{ + float:none; + position:relative; + width:100%; + } +.sheet-logo{ + float:none; + position:relative; + width:100%; + height:130px; + margin: 0% auto; + padding: 0px; + text-align: center; + } + +.sheet-imagoaker { + position: relative; + float: none; + width: 100%; + margin: 0px auto; + height: auto; + min-height: 100px; + box-sizing:border-box; + text-align: center; +} +/*============= PERSONAJE TAB 1 CSS =============*/ + +.sheet-infopj { + display: flex; + align-items: center; + gap: 8px; +} + +.sheet-infopj2 { + display: flex; + margin-left: 20px; + align-items: center; + gap: 8px; +} +.sheet-nomenclatura { + font-family: "IM Fell DW Pica SC", serif; + font-optical-sizing: auto; + font-size: 17px; + font-weight: 400; + font-style: normal; + color: darkred; +} +.sheet-margeespai { + width: 0px; + height: 0px; + margin: 0px 0px 0px 0px; +} +.sheet-characterinfo1{ + float: left; + flex: 1; + min-width: 100px; + margin:0px 0px; + padding: 0px 0px 0px 10px ; + border-top: none; + border-left: none ; + border-right: none; + border-bottom: 1px solid darkred; + outline: 0px; + color: #000000; + text-align: left; + font-family: "IM Fell Great Primer", serif; + font-weight: 400; + font-size: 16px; + font-style: normal; + background-color: transparent; + } +.sheet-characterinfo1:hover, +.sheet-characterinfo1:focus, +textarea:hover, +textarea:focus { + background-color: rgba(255, 255, 0, 0.20); /* amarillo claro transparente */ + transition: background-color 0.2s ease-in-out; +} + + +.sheet-infopj3 { + display: flex; + align-items: center; + width: 100%; + gap: 6px; +} + +.sheet-characterinfo3 { + width: 80px; + border: none; + border-bottom: 1px solid darkred; + background: transparent; + padding-left: 6px; + color: #000000; + text-align: center; + font-family: "IM Fell Great Primer", serif; + font-weight: 400; + font-size: 16px; +} + +.sheet-characterinfo3:hover, +.sheet-characterinfo3:focus { + background: rgba(255,255,0,0.20); +} +.sheet-characterinfo4 { + width: 55px; + border: none; + border-bottom: 1px solid darkred; + background: transparent; + padding-left: 6px; + color: #000000; + text-align: center; + font-family: "IM Fell Great Primer", serif; + font-weight: 400; + font-size: 16px; +} + +.sheet-characterinfo4:hover, +.sheet-characterinfo4:focus { + background: rgba(255,255,0,0.20); +} +.sheet-selectaspecto{ + width: 235px; + height: 25px!important; + margin: 0px 0px 0px 0px !important; + padding: 0px 0px; + text-align: left; + font-family: "IM Fell Great Primer", serif; + font-size: 16px; + font-weight: 400; + color: #000000; + border: none; + border-bottom: 1px solid darkred; + background: transparent; +} +.sheet-selectaspecto:hover, +.sheet-selectaspecto:focus { + background: rgba(255,255,0,0.20); +} + +.sheet-avatar-box{ + float:none; + position:relative; + width:400px; + height:507px; + margin: 0% auto; + padding: 0px; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/AQUELARRE_MARCO_FOTO_7.png"); + background-repeat: no-repeat; + background-size:contain; + background-position: center center; + text-align: center + } +.sheet-avatar-foto{ + float: left; + position: relative; + box-sizing: border-box; + width: 300px; + height: auto; + max-height: 400px; + margin: 54px 0px 0px 52px; + overflow: hidden; + border: none; + } +.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-textpj1{ + position: relative; + float: none; + margin: 0px 2% 0px 2%; + padding: 0px 15px; + width: 96%!important; + min-width:200px; + max-width: 600px; + height:200px!important; + max-height: 200px; + resize: none; + box-sizing: border-box; + background-color:transparent; + border: 3px double darkred; + line-height: 20px; + font-size: 14px; + font-family: "IM Fell Great Primer", serif; + font-weight: 500; + color: #000000; + overflow-y: auto; + scrollbar-color: darkred transparent; + scrollbar-width: thin; +} +.sheet-textpj1B{ + position: relative; + float: none; + margin: 0px 2% 0px 2%; + padding: 0px 15px; + width: 96%!important; + min-width:200px; + max-width: 600px; + height:350px!important; + max-height: 350px; + resize: none; + box-sizing: border-box; + background-color:transparent; + border: 3px double darkred; + line-height: 20px; + font-size: 14px; + font-family: "IM Fell Great Primer", serif; + font-weight: 500; + color: #000000; + overflow-y: auto; + scrollbar-color: darkred transparent; + scrollbar-width: thin; +} +.sheet-textpj2{ + position: relative; + float: none; + margin: 0px 2% 0px 2%; + padding: 0px 15px; + width: 96%!important; + min-width:290px; + max-width: 600px; + height:220px!important; + max-height: 220px; + resize: none; + box-sizing: border-box; + background-color:transparent; + border: 3px double darkred; + line-height: 20px; + font-size: 14px; + font-family: "IM Fell Great Primer", serif; + font-weight: 500; + color: #000000; + overflow-y: auto; + scrollbar-color: darkred transparent; + scrollbar-width: thin; +} +.sheet-textpj3{ + position: relative; + float: none; + margin: 0px 0px 0px 0px; + padding: 0px 15px; + width: 100%!important; + min-width:170px; + max-width: 500px; + height:180px!important; + max-height: 180px; + resize: none; + box-sizing: border-box; + background-color:transparent; + border: 1px solid darkred; + line-height: 20px; + font-size: 14px; + font-family: "IM Fell Great Primer", serif; + font-weight: 500; + color: #000000; + overflow-y: auto; + scrollbar-color: darkred transparent; + scrollbar-width: thin; +} + +.sheet-titulopj{ + float:left; + position:relative; + width:100%; + height:auto; + min-height: 50px; + margin: 0px 0px 0px; + padding: 0px; + font-family: "IM Fell Great Primer", serif; + font-weight: 500; + font-style: normal; + font-size: 24px; + color: #761d2c; + text-align: center; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/AQUELARRE_4_CENEFA_TITULOS_5.png"); + background-repeat: no-repeat; + background-size:contain; + background-position: bottom center; + } +.sheet-titulopj1{ + float:left; + position:relative; + width:100%; + height:auto; + min-height: 50px; + margin: 0px 0px 0px; + padding: 0px; + font-family: "IM Fell DW Pica SC", serif; + font-weight: 500; + font-style: normal; + font-size: 26px; + color: #761d2c; + text-align: center; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/AQUELARRE_4_CENEFA_TITULOS_5.png"); + background-repeat: no-repeat; + background-size:contain; + background-position: bottom center; + } +.sheet-titulopj2{ + float:left; + position:relative; + width:100%; + height:auto; + min-height: 50px; + margin: 0px 0px 0px; + padding: 0px; + font-family: "IM Fell Great Primer", serif; + font-weight: 500; + font-style: normal; + font-size: 24px; + color: #761d2c; + text-align: center; + } +/*=================== CARACTERÍSTICAS TAB 2 CSS ===================*/ + +.sheet-columnacaracteristicas{ + float:left; + position:relative; + width:31%; + height:auto; + margin: 0% 1% 0px 1%; + padding: 0px; + + } + +.sheet-tituloatributos{ + float:left; + position:relative; + width:100%; + height:auto; + min-height: 30px; + margin: 0px 0px 0px; + padding: 0px; + font-family: "IM Fell Great Primer", serif; + font-weight: 500; + font-style: normal; + font-size: 24px; + color: #761d2c; + text-align: center; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/AQUELARRE_4_CENEFA_TITULOS_3.png"); + background-repeat:repeat-x; + background-size:auto; + background-position: left bottom; + } +.sheet-selectdifcar{ + width: 90%; + height: 25px!important; + margin: 0px 0px 0px 5% !important; + padding: 0px 0px; + text-align: center; + color:#ffffff; + font-family: "IM Fell Great Primer", serif; + font-size: 16px; + border: 1px solid #000000; + background-color: darkred; +} +select.sheet-selectdifcar option:disabled { + color: #ffffff !important; +} +.sheet-etiquetacaracteristica{ + float:left; + position:relative; + width:130px; + height:auto; + min-height: 30px; + margin: 0px 0px 0px 10px; + padding: 5px 0px 0px 0px; + font-family: "IM Fell Great Primer", serif; + font-weight: 700; + font-style: italic; + font-size: 18px; + color: darkred; + text-align: left; + } +.sheet-valorcaracteristica{ + float: left; + width: 60px !important; + height: 30px !important; + margin: 0px 0px; + padding: 5px 5px 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: 22px; + font-family: "Ibarra Real Nova", serif; + font-weight: 700; + font-style: italic; + color: #1F1F1F; + } +.sheet-valorcaracteristica:hover, +.sheet-valorcaracteristica:focus, +textarea:hover, +textarea:focus { + background-color: rgba(255, 255, 0, 0.20) !important; + transition: background-color 0.2s ease-in-out; +} +.sheet-valorcaracteristicaR{ + float: right; + width: 60px !important; + height: 30px !important; + margin: 0px 0px; + padding: 5px 5px 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: 22px; + font-family: "Ibarra Real Nova", serif; + font-weight: 700; + font-style: italic; + color: #1F1F1F; + } +.sheet-valorcaracteristicaR:hover, +.sheet-valorcaracteristicaR:focus, +textarea:hover, +textarea:focus { + background-color: rgba(255, 255, 0, 0.20) !important; + transition: background-color 0.2s ease-in-out; +} +.sheet-selectdificultad{ + width: 200px; + height: 25px!important; + padding: 0px 0px 0px 0px; + text-align: center; + color:#ffffff; + font-family: "IM Fell Great Primer", serif; + font-size: 16px; + border: 1px solid #000000; + background-color: darkred; +} + + +.sheet-columnasecundarias{ + float:left; + position:relative; + width:31%; + height:auto; + margin: 0% 1% 0px 1%; + padding: 0px; + } +.sheet-columnaetiquetasecundaria{ + float:left; + position:relative; + width:29%; + height:auto; + margin: 0% 1% 0px 1%; + padding: 0px; + } +.sheet-etiquetasecundaria{ + float:left; + position:relative; + width:100%; + height:auto; + min-height: 27px; + margin: 0px 0px 0px 0px; + padding: 5px 0px 0px 0px; + font-family: "IM Fell Great Primer", serif; + font-weight: 700; + font-style: italic; + font-size: 18px; + color: darkred; + text-align: center; + } +.sheet-etiquetasecundariadado{ + float:left; + position:relative; + width:100%; + height:auto; + min-height: 27px; + margin: 0px 0px 0px 0px; + padding: 5px 0px 0px 0px; + text-align: center; + } +.sheet-columnavalorsecundaria{ + float:left; + position:relative; + width:66%; + height:auto; + margin: 0% 1% 0px 1%; + padding: 0px; + } +.sheet-columnamax{ + float:left; + position:relative; + width:65px; + height:auto; + margin: 0% 0px 0px 0px; + padding: 0px; + } +.sheet-columnaactual{ + float:left; + position:relative; + width:65px; + height:auto; + margin: 0% 5px 0px 5px; + padding: 0px; + } +.sheet-columnadausec{ + float:left; + position:relative; + width:30px; + height:auto; + margin: 0% 0px 0px 0px; + padding: 0px; + } +.sheet-valorsecundaria{ + float: left; + width: 94% !important; + height: 20px !important; + margin: 0px 3%; + padding: 3px 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: "Ibarra Real Nova", serif; + font-weight: 700; + font-style: italic; + color: #1F1F1F; + } +.sheet-valorsecundaria:hover, +.sheet-valorsecundaria:focus, +textarea:hover, +textarea:focus { + background-color: rgba(255, 255, 0, 0.20) !important; + transition: background-color 0.2s ease-in-out; +} +.sheet-valorsecundaria2{ + float: left; + width: 60px !important; + height: 20px !important; + margin: 0px 0px; + padding: 3px 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: "Ibarra Real Nova", serif; + font-weight: 700; + font-style: italic; + color: #1F1F1F; + } +.sheet-valorsecundaria2:hover, +.sheet-valorsecundaria2:focus, +textarea:hover, +textarea:focus { + background-color: rgba(255, 255, 0, 0.20) !important; + transition: background-color 0.2s ease-in-out; +} + + +.sheet-selectvalorsecundaria{ + float: left; + width: 60px !important; + height: 20px !important; + margin: -2px 0px 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: "Ibarra Real Nova", serif; + font-weight: 700; + font-style: italic; + color: #1F1F1F; + } +.sheet-selectvalorsecundaria:hover, +.sheet-selectvalorsecundaria:focus { + background-color: rgba(255, 255, 0, 0.20) !important; + transition: background-color 0.2s ease-in-out; +} +.sheet-columnaracionalidad{ + float:left; + position:relative; + width:96%; + height:auto; + margin: 0% 1% 0px 1%; + padding: 0px; + border: double 5px #761d2c !important; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/AQUELARRE_LEON_C_100px.png"); + background-repeat:no-repeat; + background-size:contain; + background-position: center; + } + +.sheet-etiquetaracionalidad{ + float:left; + position:relative; + width:100%; + height:auto; + min-height: 27px; + margin: 0px 5px 0px 0px; + padding: 5px 0px 0px 0px; + font-family: "IM Fell Great Primer", serif; + font-weight: 700; + font-style: italic; + font-size: 24px; + color: darkred; + text-align: center; + } + + +/*============= COMPETENCIAS VS TECNICAS SOCIALES TAB 2 CSS =============*/ +.sheet-selectortecnicassociales{ + position:relative; + float:right; + width:120px; + height:auto; + min-height: 15px; +} + +.sheet-competencias, +.sheet-competenciassociales-switch:checked ~ .sheet-sociales { + display: block; +} +.sheet-sociales, +.sheet-competenciassociales-switch:checked ~ .sheet-competencias { + display: none; +} +.sheet-competenciassociales-switch{ +float:left; +width: 12px!important; +height: 12px!important; +color:black; accent-color:black; +border-color: black; +} + +.sheet-columnaterssocial{ + float:left; + position:relative; + width:32%!important; + height:470px; + margin: 0px 0% 0px 1%; + padding: 0px; + overflow-y: auto; + scrollbar-color: darkred transparent; + scrollbar-width: thin; +} + + +.sheet-titulosociales{ + float:left; + position:relative; + width:100%; + height:auto; + min-height: 30px; + margin: 0px 0px 0px; + padding: 0px; + font-family: "IM Fell DW Pica SC", serif; + font-weight: 500; + font-style: normal; + font-size: 22px; + color: #761d2c; + text-align: left; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/AQUELARRE_4_CENEFA_TITULOS_5.png"); + background-repeat:repeat-x; + background-size:auto; + background-position: left bottom; + } +.sheet-valorcaracteristicasocial{ + float: right; + width: 60px !important; + height: 30px !important; + margin: 0px 0px; + padding: 5px 0px 0px 0px; + border-top: none; + border-left: none; + border-right: none; + outline: 0px; + text-align: center; + background-color: transparent !important; + font-size: 22px; + font-family: "Ibarra Real Nova", serif; + font-weight: 700; + font-style: italic; + color: #1F1F1F; + } +.sheet-nomenclaturasocial { + width: 100px; + font-family: "IM Fell DW Pica SC", serif; + font-optical-sizing: auto; + font-size: 17px; + font-weight: 400; + font-style: normal; + color: darkred; +} + +.sheet-characterinfo1social{ + float: left; + flex: 1; + min-width: 100px; + max-width: 235px; + margin:0px 0px; + padding: 0px 0px 0px 10px ; + border-top: none; + border-left: none ; + border-right: none; + border-bottom: 1px solid darkred; + outline: 0px; + color: #000000; + text-align: left; + font-family: "IM Fell Great Primer", serif; + font-weight: 400; + font-size: 16px; + font-style: normal; + background-color: transparent; + } +.sheet-characterinfo1social:hover, +.sheet-characterinfo1social:focus, +textarea:hover, +textarea:focus { + background-color: rgba(255, 255, 0, 0.20); /* amarillo claro transparente */ + transition: background-color 0.2s ease-in-out; +} +.sheet-cajasocial{ + float:none; + position:relative; + width:94%; + min-width: 80px; + height:auto; + min-height: 20px; + margin: 0px 0% 4px 4%; + padding: 0px 0px 4px 5px; + box-sizing: border-box; + display: inline-block; + background-color: #fffae5; + border: 1px solid #761d2c; + } +.sheet-modsoc { + float: left; + width: 100%; + font-family: "IM Fell DW Pica SC", serif; + font-optical-sizing: auto; + font-size: 17px; + font-weight: 400; + font-style: normal; + color: darkred; + text-align: center +} +.sheet-tipomodsoc{ + float: left; + width: 100%; + margin:0px 0px; + padding: 0px 0px 0px 0px ; + border-top: none; + border-left: none ; + border-right: none; + outline: 0px; + color: #000000; + text-align: center; + font-family: "IM Fell Great Primer", serif; + font-weight: 400; + font-size: 14px; + font-style: normal; + } + +.sheet-selectbotonsocial{ + width: 90%; + height: 25px!important; + margin: 0px 5% 0px 5% !important; + padding: 0px 0px; + text-align: center; + font-family: "IM Fell Great Primer", serif; + font-size: 16px; + font-weight: 400; + color: #000000; + border: none; + border-bottom: 1px solid darkred; + background: transparent; + padding-left: 6px; + +} + +.sheet-espai-social { + width: 100%; + height: 50px; + margin: 0px 0px 0px 0px; +} + + + +/*============= COMPETENCIAS TAB 2 CSS =============*/ + +.sheet-columnacompetencias{ + float:left; + position:relative; + width:31%; + height:auto; + margin: 0% 0% 0px 2%; + padding: 0px; + } +.sheet-competenciabox{ + float:left; + position:relative; + width:100%; + height:auto; + min-height: 35px; + margin: 0px 0px; + padding: 0px 0px; + box-sizing: border-box; + display: inline-block; + } +.sheet-competenciabox2{ + 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-selectcompetencia{ + float: left; + width: 17px !important; + height: 17px!important; + margin: 3px 0px 0px 0px ; + padding: 0px 0px; + text-align: center; + color:#ffffff; + font-family: "Ibarra Real Nova", serif; + font-size: 12px; + border: 2px solid #000000 !important; + background-color: brown; + appearance: none; + -webkit-appearance: none; + -moz-appearance: none; + background-image: none; + cursor: pointer; +} +.sheet-competencia{ + float:left; + position:relative; + width:170px; + height:auto; + min-height: 30px; + margin: 0px 0px 0px 5px; + padding: 0px 0px; + box-sizing: border-box; + display: inline-block; + text-align:left; + font-family: "IM Fell Great Primer", serif; + font-weight: 500; + font-size: 18px; + font-style: normal; + color:#000000; + } +.sheet-nuevacompetencia{ + float: left; + width: 140px !important; + height:auto; + min-height: 20px; + max-height: 20px; + margin: 0px 0px 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: "IM Fell Great Primer", serif; + font-weight: 500; + font-size: 18px; + font-style: normal; + color:#000000; + } +.sheet-valorcompetencia{ + float: left; + width: 38px !important; + height: 19px !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: "Ibarra Real Nova", serif; + font-weight: 500; + font-size: 20px; + color:#1F1F1F; + -webkit-inner-spin-button: none; + -webkit-outer-spin-button: none; + -moz-appearance: textfield; + -webkit-appearance: none; + } +.sheet-valorcompetencia:hover, +.sheet-valorcompetencia:focus, +textarea:hover, +textarea:focus { + background-color: rgba(255, 255, 0, 0.20) !important; + transition: background-color 0.2s ease-in-out; +} + +.sheet-checkvyc1{ +float:none; +width: 15px!important; +height: 15px!important; +margin: -5px 0px 0px 0px !important; +color:black; accent-color:black; +border-color: black; +} +.sheet-checkvyc2{ +float:none; +width: 15px!important; +height: 15px!important; +margin: -5px 0px 0px 0px !important; +color:#761d2c; accent-color:#761d2c; +border-color: #761d2c; +} +.sheet-checkvyc3{ +float:left; +width: 12px!important; +height: 12px!important; +margin: 2px 5px 0px 0px!important; +color:#761d2c; accent-color:#761d2c; +border-color: black; +} +/*=================== SELECTOR COMBATE COMBATE AVANZADO TAB 3 CSS ===================*/ + + +.sheet-selectordecombate{ + position:absolute; + right: 5px; + float:right; + width:220px; + height:auto; + min-height: 15px; + margin-top: 5px; + font-family: "Ibarra Real Nova", serif; + font-weight: 500; + font-size: 14px; +} + +.sheet-contenedortotalcombate { + position: relative; + float: left; + width: 100%; + height: auto; + min-height: 900px; + margin: 0px 0px 0px 0px; +} + +.sheet-combatenormal, +.sheet-combate-switch:checked ~ .sheet-combateavanzado { + display: block; + +} +.sheet-combateavanzado, +.sheet-combate-switch:checked ~ .sheet-combatenormal { + display: none; +} +.sheet-combate-switch{ +float:left; +width: 12px!important; +height: 12px!important; +color:black; accent-color:black; +border-color: black; +} + +.sheet-columnaaccionescombate{ + float:left; + position:relative; + width:100%; + height:auto; + min-height: 100px; + max-height: 870px; + box-sizing: border-box; + display: inline-block; + overflow-y: auto; + scrollbar-color: darkred transparent; + scrollbar-width: thin; + } +.sheet-tituloaccion{ + float: left; + flex: 1; + margin:0px 0px; + padding: 0px 0px 0px 5px ; + border-top: none; + border-left: none ; + border-right: none; + border-bottom: 1px solid darkred; + outline: 0px; + color: darkred; + text-align: left; + font-family: "IM Fell DW Pica SC", serif; + font-weight: 500; + font-size: 20px; + font-style: bold; + background-color: transparent; + overflow: hidden; + } +.sheet-tipoaccion{ + float: left; + flex: 1; + min-width: 50px!important; + margin:0px 0px; + padding: 0px 0px 0px 0px ; + border-top: none; + border-left: none ; + border-right: none; + outline: 0px; + color: #000000; + text-align: left; + font-family: "IM Fell Great Primer", serif; + font-weight: 400; + font-size: 14px; + font-style: normal; + } +.sheet-combatefile{ + float:left; + position:relative; + width:96%; + height:auto; + min-height: 20px; + margin: 0px 2%; + padding: 0px 0px; + box-sizing: border-box; + display: inline-block; + } +.sheet-detaccombate{ + float: left; + width: 98%; + height: 60px; + min-height: 20px; + margin: 5px 1% 5px 1%; + padding: 3px 3px; + resize: vertical; + box-sizing: border-box; + outline: 0px; + font-family: "IM Fell Great Primer", serif; + font-size: 14px; + color: #761d2c; + background-color: transparent; + border: 1px solid #761d2c; + overflow-y: auto; + scrollbar-color: darkred transparent; + scrollbar-width: thin; + } +/*=================== COMBATE TAB 3 CSS ===================*/ + + +.sheet-estadopj{ + width: 90%; + height: 25px!important; + margin: 0px 0px 0px 5% !important; + padding: 0px 0px; + text-align: center; + color:#ffffff; + font-family: "IM Fell Great Primer", serif; + font-size: 16px; + border: 1px solid #000000; + background-color: darkred !important; +} +.sheet-selectestadopj{ + width: 90%; + height: 30px!important; + margin: 0px 0px 0px 5% !important; + padding: 0px 0px; + text-align: center; + color:#ffffff; + font-family: "IM Fell Great Primer", serif; + font-size: 20px; + border: 1px solid #000000; + background-color: darkred; +} +.sheet-etiquetasecundariacombate{ + float:left; + position:relative; + width:100%; + height:auto; + min-height: 27px; + margin: 0px 0px 0px 0px; + padding: 0px 0px 0px 0px; + font-family: "IM Fell Great Primer", serif; + font-weight: 700; + font-style: normal; + font-size: 16px; + color: darkred; + text-align: center; + } +.sheet-columnaresto{ + float:left; + position:relative; + flex: 1; + height:auto; + min-height: 24px; + margin: 0px 0px; + padding: 0px 0px; + box-sizing: border-box; + display: inline-block; + background-color: aqua + } +.sheet-selectini{ + float: left; + width: 60px; + height: 25px!important; + margin: 0px 1% 0px 1% !important; + padding: 0px 0px; + text-align: center; + font-family: "Ibarra Real Nova", serif; + font-size: 14px; + font-weight: 500; + color: #000000; + border: none; + border-bottom: 1px solid darkred; + background: transparent; + padding-left: 6px; +} +.sheet-textsecuelas{ + position: relative; + float: none; + margin: 0px 0px 0px 0px; + padding: 0px 15px; + width: 100%!important; + min-width:100px; + max-width: 500px; + height:308px!important; + max-height: 350px; + resize: none; + box-sizing: border-box; + background-color:transparent; + border: 3px double darkred; + line-height: 20px; + font-size: 14px; + font-family: "Ibarra Real Nova", serif; + font-weight: 500; + color: #000000; + overflow-y: auto; + scrollbar-color: darkred transparent; + scrollbar-width: thin; +} + +.sheet-modline{ + float:left; + position:relative; + width:100%; + height:auto; + min-height: 24px; + margin: 0px 0px; + padding: 0px 0px; + box-sizing: border-box; + display: inline-block; + font-family: "IM Fell Great Primer", serif; + font-size: 14px; + } +.sheet-modlineotros { + float: left; + position: relative; + width: 150px; + height: auto; + min-height: 24px; + margin: 5px 0px 0px 15px; + padding: 0px 0px; + box-sizing: border-box; + display: inline-block; +} +.sheet-modtotal{ + float:left; + position:relative; + width:150px; + height:auto; + min-height: 30px; + margin: 10px 0px 0px 20px; + padding: 0px; + font-family: "Ibarra Real Nova", serif; + font-weight: 500; + font-style: normal; + font-size: 18px; + color: #761d2c; + text-align: left; + } +.sheet-valormodtotal{ + float: left; + width: 60px !important; + height: 30px !important; + margin: 5px 0px 0px 0px !important; + padding: 5px 5px 0px 0px; + border-top: none; + border-left: none; + border-right: none; + border-bottom: solid 2px #761d2c !important; + outline: 0px; + text-align: center; + background-color: transparent !important; + font-size: 22px; + font-family: "Ibarra Real Nova", serif; + font-weight: 700; + font-style: italic; + color: #761d2c; + } +.sheet-valormcotrosmodi{ + float: left; + width: 60px !important; + height: 19px !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: "Ibarra Real Nova", serif; + font-weight: 500; + font-size: 20px; + color:#1F1F1F; + -webkit-inner-spin-button: none; + -webkit-outer-spin-button: none; + -moz-appearance: textfield; + -webkit-appearance: none; + } + +.sheet-columnaterscombate{ + float:left; + position:relative; + width:32%!important; + height:auto; + margin: 0px 1% 0px 0%; + padding: 0px; +} + +.sheet-columnaarmas{ + float:left; + position:relative; + width:100%; + height:auto; + min-height: 310px; + max-height: 310px; + box-sizing: border-box; + display: inline-block; + overflow-x: hidden; + overflow-y: auto; + scrollbar-color: darkred transparent; + scrollbar-width: thin; + } +.sheet-columnaesgrima{ + float:left; + position:relative; + width:100%; + height:auto; + min-height: 285px; + max-height:285px; + box-sizing: border-box; + display: inline-block; + overflow-x: hidden; + overflow-y: auto; + scrollbar-color: darkred transparent; + scrollbar-width: thin; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/VYC_ESGRIMA_FONDO_V2.png"); + background-repeat: no-repeat; + background-size:contain; + background-position: center bottom; + } +.sheet-cajaarmas{ + float:none; + position:relative; + width:80%; + min-width: 80px; + height:auto; + min-height: 20px; + margin: 0px 10% 5px 10%; + padding: 0px 0px 5px 0px; + box-sizing: border-box; + display: inline-block; + background-color: #fffae5; + border: 1px solid #761d2c; + } +.sheet-tituloarma{ + float: left; + flex: 1; + min-width: 100px; + margin:0px 0px; + padding: 0px 0px 0px 5px ; + border-top: none; + border-left: none ; + border-right: none; + border-bottom: 1px solid darkred !important; + outline: 0px; + color: #000000; + text-align: left; + font-family: "Ibarra Real Nova", serif; + font-weight: 400; + font-size: 18px; + font-style: normal; + background-color: transparent !important; + } +.sheet-titulopoder:hover, +.sheet-titulopoder:focus, +textarea:hover, +textarea:focus { + background-color: rgba(255, 255, 0, 0.20); /* amarillo claro transparente */ + transition: background-color 0.2s ease-in-out; +} + +.sheet-armainfo3 { + float: left; + width: 98%!important; + height: 25px!important; + margin: 0px 1% 0px 1% !important; + padding: 0px 0px; + text-align: center; + font-family: "Ibarra Real Nova", serif; + font-size: 14px; + font-weight: 500; + color: #000000; + border: none; + border-bottom: 1px solid darkred!important; + background: transparent!important; + padding-left: 6px; +} + +.sheet-armainfo3:hover, +.sheet-armainfo3:focus { + background: rgba(255,255,0,0.20)!important; +} +.sheet-armadetalls{ + float: left; + width: 96%; + height: auto; + min-height: 35px; + margin: 0px 2% 5px 2% ; + } +.sheet-armadetalls textarea{ + float: left; + width: 98%; + height: 30px; + min-height: 20px; + margin: 5px 1% 5px 1%; + resize: vertical; + box-sizing: border-box; + outline: 0px; + font-family: "Ibarra Real Nova", serif; + font-size: 14px; + color: #761d2c; + background-color: transparent; + border: 1px solid #761d2c; + } + +.sheet-columnalocalizacion{ + float:left; + position:relative; + width:160px; + height:auto; + min-height: 250px; + margin: 0px 5px; + padding: 0px 0px; + box-sizing: border-box; + display: inline-block; + } +.sheet-localizacionbox{ + float:left; + position:relative; + width:auto; + min-width: 160px; + height:auto; + min-height: 277px; + margin: 0px 0px; + padding: 0px 0px; + box-sizing: border-box; + display: inline-block; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/AQUELARRE_3_LOCALIZACION_V1.png"); + background-repeat: no-repeat; + background-size:contain; + background-position: center center; + } +.sheet-etiquetalocalizacion { + float: left; + position: relative; + width: 120px; + height: auto; + min-height: 27px; + margin: 0px 0px 0px 5px; + padding: 0px 0px 0px 0px; + font-family: "Ibarra Real Nova", serif; + font-weight: 700; + font-style: normal; + font-size: 20px; + color: darkred; + text-align: left; +} +.sheet-columnasecuelas{ + float:left; + position:relative; + width:30px; + height:auto; + margin: 0% 0px 0px 0px; + padding: 0px; + background-color: aqua; + } +.sheet-columnaprotecciones{ + float: right; + position:relative; + width: 68%; + min-width: auto; + height:auto; + margin: 0px 0px; + padding: 0px 0px; + box-sizing: border-box; + } +.sheet-columnaarmaduras{ + float:left; + position:relative; + width:100%; + height:auto; + min-height: 350px; + max-height: 350px; + box-sizing: border-box; + display: inline-block; + overflow-x: hidden; + overflow-y: auto; + scrollbar-color: darkred transparent; + scrollbar-width: thin; + } +.sheet-cajaproteccion{ + float:none; + position:relative; + width:90%; + min-width: 80px; + height:auto; + min-height: 20px; + margin: 0px 0% 4px 2%; + padding: 0px 0px 4px 5px; + box-sizing: border-box; + display: inline-block; + background-color: #fffae5; + border: 1px solid #761d2c; + } +.sheet-selectmalusproteccion{ + float: left; + width: 98%; + height: 25px!important; + margin: 0px 1% 0px 1% !important; + padding: 0px 0px; + text-align: center; + font-family: "Ibarra Real Nova", serif; + font-size: 14px; + font-weight: 500; + color: #000000; + border: none; + border-bottom: 1px solid darkred; + background: transparent; + padding-left: 6px; +} +.sheet-selectmalusproteccion:hover, +.sheet-selectmalusproteccion:focus { + background: rgba(255,255,0,0.20); +} +.sheet-dadocajasecuela{ + float:none; + position:relative; + width:23px; + height:auto; + min-height: 20px; + box-sizing: border-box; + display: inline-block; + } + +/*=================== COMBATE ACCIONES AVANZADAS AQUELTARRE 3 ERA CSS ===================*/ + +.sheet-accionavanzada{ + float:left; + position:relative; + width:90%; + height:auto; + min-height: 30px; + margin: 0px 0px 0px 10%; + padding: 0px 0px; + box-sizing: border-box; + display: inline-block; + text-align:left; + font-family: "IM Fell DW Pica SC", serif; + font-weight: 500; + font-size: 20px; + font-style: normal; + color:#000000; + } + + + +.sheet-tituloaccioncombate{ + float:left; + position:relative; + width:180px; + height:auto; + min-height: 25px; + margin: 0px 0px 0px 0px; + padding: 0px 0px 0px 0px; + font-family: "IM Fell DW Pica SC", serif; + font-weight: 700; + font-style: normal; + font-size: 16px; + color: darkred; + text-align: left; + background-color: bisque; + } +.sheet-tipoaccioncombate{ + float:left; + position:relative; + width:140px; + height:auto; + min-height: 23px; + margin: 2px 0px 0px 0px; + padding: 0px 0px 0px 0px; + font-family: "IM Fell Great Primer", serif; + font-weight: 700; + font-style: normal; + font-size: 14px; + color: darkred; + text-align: center; + background-color: antiquewhite; + } +.sheet-resumenaccioncombate{ + float:left; + position:relative; + width:520px; + height:auto; + min-height: 23px; + margin: 0px 0px 0px 0px; + padding: 2px 0px 0px 0px; + font-family: "IM Fell Great Primer", serif; + font-weight: 400; + font-size: 14px; + font-style: normal; + color: #000000; + text-align: center; + background-color:blanchedalmond; + } + + + + +/*=================== INVENTARIO Y FORMULAS TAB 4 CSS ===================*/ + +.sheet-vista { + display: none; +} + +.sheet-vista1-radio:checked ~ .sheet-vista1, +.sheet-vista2-radio:checked ~ .sheet-vista2, +.sheet-vista3-radio:checked ~ .sheet-vista3, +.sheet-vista4-radio:checked ~ .sheet-vista4, +.sheet-vista5-radio:checked ~ .sheet-vista5 { + display: block; +} + + +.sheet-moneda{ + width: 100%!important; + text-align: center; + font-family: "IM Fell Great Primer", serif; + font-weight: 400; + font-size: 16px; + font-style: normal; + color: #000000; + border: 1px solid darkred !important; + background-color: transparent!important; + +} +.sheet-moneda:hover, +.sheet-moneda:focus { + background: rgba(255,255,0,0.20)!important; +} + + +.sheet-textbolsapj{ + position: relative; + float: none; + margin: 0px 2% 0px 2%; + padding: 0px 15px; + width: 96%!important; + min-width:200px; + max-width: 600px; + height:320px!important; + max-height: 320px; + resize: none; + box-sizing: border-box; + background-color:transparent; + border: 3px double darkred; + line-height: 20px; + font-size: 14px; + font-family: "Ibarra Real Nova", serif; + font-weight: 500; + color: #000000; + overflow-y: auto; + scrollbar-color: darkred transparent; + scrollbar-width: thin; +} +.sheet-columnarasgos{ + float:left; + position:relative; + width:100%; + height:auto; + min-height: 350px; + max-height: 350px; + box-sizing: border-box; + display: inline-block; + overflow-y: auto; + scrollbar-color: darkred transparent; + scrollbar-width: thin; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/VYC_ALQUIMIA_FONDO_V3.png"); + background-repeat: no-repeat; + background-size:contain; + background-position: center bottom; + border-bottom: 1px solid darkred; + } +.sheet-cajaalquimia{ + float:none; + position:relative; + width:84%; + min-width: 100px; + height:auto; + min-height: 30px; + margin: 0px 8% 10px 8%; + padding: 5px 0px 5px 0px; + box-sizing: border-box; + display: inline-block; + background-color: transparent; + border: 1px solid #761d2c; + } + +/*============= FE Y MAGIA TAB 5 CSS =============*/ + +.sheet-selectorfemagica{ + position:relative; + float:right; + width:60px; + height:auto; + min-height: 25px; +} +.sheet-showfe, +.sheet-femagic-switch:checked ~ .sheet-showmagic { + display: block; +} +.sheet-showmagic, +.sheet-femagic-switch:checked ~ .sheet-showfe { + display: none; +} +.sheet-femagic-switch{ +float:left; +width: 12px!important; +height: 12px!important; +color:black; accent-color:black; +border-color: black; +} + +.sheet-selectensalmos{ + width: 100%; + height: 25px!important; + margin: 0px 0px 0px 1% !important; + padding: 0px 0px; + text-align: center; + color:#ffffff; + font-family: "Ibarra Real Nova", serif; + font-size: 16px; + border: 1px solid #000000; + background-color: darkred; +} +.sheet-textnotasreligiosas{ + position: relative; + float: none; + margin: 0px 2% 0px 2%; + padding: 0px 15px; + width: 96%!important; + min-width:200px; + max-width: 600px; + height:250px!important; + max-height: 250px; + resize: none; + box-sizing: border-box; + background-color:transparent; + border: 3px double darkred; + line-height: 20px; + font-size: 14px; + font-family: "Ibarra Real Nova", serif; + font-weight: 500; + color: #000000; + overflow-y: auto; + scrollbar-color: darkred transparent; + scrollbar-width: thin; +} +.sheet-columnapoder{ + float:left; + position:relative; + width:100%; + height:auto; + min-height: 100px; + max-height: 725px; + box-sizing: border-box; + display: inline-block; + overflow-y: auto; + scrollbar-color: darkred transparent; + scrollbar-width: thin; + border-bottom: 2px solid darkred; + } + +.sheet-cajapoder{ + float:none; + position:relative; + width:84%; + min-width: 100px; + height:auto; + min-height: 80px; + margin: 0px 8% 10px 8%; + padding: 10px 0px 10px 0px; + box-sizing: border-box; + display: inline-block; + background-color: transparent; + border: 3px double #761d2c; + } +.sheet-poderfile{ + float:left; + position:relative; + width:96%; + height:auto; + min-height: 30px; + margin: 0px 2%; + padding: 0px 0px; + box-sizing: border-box; + display: inline-block; + } +.sheet-titulopoder{ + float: left; + flex: 1; + margin:0px 0px; + padding: 0px 0px 0px 5px ; + border-top: none; + border-left: none ; + border-right: none; + border-bottom: 1px solid darkred; + outline: 0px; + color: #000000; + text-align: left; + font-family: "IM Fell DW Pica SC", serif; + font-weight: 400; + font-size: 20px; + font-style: normal; + background-color: transparent; + } +.sheet-titulopoder:hover, +.sheet-titulopoder:focus, +textarea:hover, +textarea:focus { + background-color: rgba(255, 255, 0, 0.20); /* amarillo claro transparente */ + transition: background-color 0.2s ease-in-out; +} +.sheet-selectordo{ + float: left; + width: 210px; + height: 25px!important; + margin: 0px 10px 0px 15px !important; + padding: 0px 0px; + text-align: left; + font-family: "Ibarra Real Nova", serif; + font-size: 14px; + font-weight: 500; + color: #000000; + border: none; + border-bottom: 1px solid darkred; + background: transparent; + padding-left: 6px; +} +.sheet-selectordo:hover, +.sheet-selectordo:focus { + background: rgba(255,255,0,0.20); +} + +.sheet-titulopoderdetalls { + float: left; + width: 100%; + margin: 0; + padding: 0; + color: #761d2c; + text-align: center; + font-family: "IM Fell DW Pica SC", serif; + font-weight: 400; + font-size: 20px; + position: relative; +} +.sheet-titulopoderdetalls::before, +.sheet-titulopoderdetalls::after { + content: ""; + position: absolute; + top: 50%; + width: 30%; + height: 1px; + background: #761d2c; +} +.sheet-titulopoderdetalls::before { + left: 0; +} +.sheet-titulopoderdetalls::after { + right: 0; +} + +.sheet-poderdetalls{ + float: left; + width: 96%; + height: auto; + min-height: 35px; + margin: 0px 2% 5px 2% ; + } +.sheet-poderdetalls textarea{ + float: left; + width: 98%; + height: 60px; + min-height: 20px; + margin: 5px 1% 5px 1%; + resize: vertical; + box-sizing: border-box; + outline: 0px; + font-family: "Ibarra Real Nova", serif; + font-size: 14px; + color: #761d2c; + background-color: transparent; + border: 1px solid #761d2c; + } + + +.sheet-columnatersmagia{ + float:left; + position:relative; + width:31%; + height:auto; + margin: 0% 1% 0px 1%; + padding: 0px; + font-family: "Ibarra Real Nova", serif; + font-size: 14px; + text-align: center; + color: #ffffff; + background-color: darkred; + } +.sheet-columnaquartmagia{ + float:left; + position:relative; + width: 23%; + height:auto; + margin: 0px 1% 0px 1%; + padding: 0px; + } +.sheet-columnaquartmagiavermell{ + float:left; + position:relative; + width:23%; + height:auto; + margin: 0% 1% 0px 1%; + padding: 0px; + font-family: "Ibarra Real Nova", serif; + font-size: 14px; + text-align: center; + color: #ffffff; + background-color: darkred; + } + +.sheet-etiquetamagica{ + float:left; + position:relative; + width:100%; + height:auto; + margin: 0% 1% 0px 1%; + padding: 0px; + font-family: "Ibarra Real Nova", serif; + font-size: 16px; + text-align: center; + color: #ffffff; + background-color: darkred; + } +.sheet-selectmagia{ + float: left; + width: 98%; + height: 25px!important; + margin: 0px 1% 0px 1% !important; + padding: 0px 0px; + text-align: left; + font-family: "Ibarra Real Nova", serif; + font-size: 14px; + font-weight: 500; + color: #000000; + border: none; + border-bottom: 1px solid darkred; + background: transparent; + padding-left: 6px; +} +.sheet-selectmagia:hover, +.sheet-selectmagia:focus { + background: rgba(255,255,0,0.20); +} +.sheet-selectmagia2{ + float: left; + width: 50px; + height: 25px!important; + margin: 0px 1% 0px 1% !important; + padding: 0px 0px; + text-align: left; + font-family: "Ibarra Real Nova", serif; + font-size: 14px; + font-weight: 500; + color: #000000; + border: none; + border-bottom: 1px solid darkred; + background: transparent; + padding-left: 6px; +} +.sheet-selectmagia2:hover, +.sheet-selectmagia2:focus { + background: rgba(255,255,0,0.20); +} +.sheet-magiainfo1{ + float: left; + flex: 1; + min-width: 30px!important; + margin:0px 0px; + padding: 0px 0px 0px 10px ; + border-top: none; + border-left: none ; + border-right: none; + border-bottom: 1px solid darkred!important; + outline: 0px; + color: #000000; + text-align: left; + font-family: "Ibarra Real Nova", serif; + font-weight: 400; + font-size: 14px; + font-style: normal; + background-color: transparent; + } + +.sheet-magiainfo1:hover, +.sheet-magiainfo1:focus { + background: rgba(255,255,0,0.20); +} + +/*============= DETAILS CSS =============*/ +details{ + color: #761d2c !important; + padding: 0px 0px 0px; + cursor: pointer; + } +details:hover{ + color: #761d2c !important; + padding: 0px 0px 0px; + cursor: pointer; + } + + +/*============= SUMMARY CSS =============*/ +/* CONTENEDOR DETAILS */ +.sheet-detailsbox { + color: #761d2c; + padding: 0; +} + +/* SUMMARY */ +.sheet-detailsbox summary { + list-style: none; +} +.sheet-detailsbox summary::-webkit-details-marker { + display: none; +} + +.sheet-details-summary { + cursor: pointer; + font-family: "IM Fell DW Pica SC", serif; + font-size: 18px; + display: flex; + align-items: center; + gap: 5px; + user-select: none; +} + +.sheet-details-summary:hover { + color: #a8293e; +} + +/* FLECHA */ +.sheet-details-icon { + display: inline-block; + transform: rotate(-90deg); + transition: transform 0.25s ease-in-out; +} +.sheet-detailsbox[open] .sheet-details-icon { + transform: rotate(0deg); +} + +/* ====== PICTOS ====== */ + +/* Contenedor */ +.sheet-pictos-wrap { + position: relative; + width: 16px; + height: 16px; +} + +/* Iconos */ +.sheet-pictos { + font-family: Pictos; + font-size: 16px; + line-height: 1; + position: absolute; + top: 0; + left: 0; + transition: opacity 0.2s ease-in-out; +} + +/* Estado CERRADO (por defecto) */ +.sheet-pictos-closed { + opacity: 1; +} + +.sheet-pictos-open { + opacity: 0; +} + +/* Estado ABIERTO */ +.sheet-detailsbox[open] .sheet-pictos-closed { + opacity: 0; +} + +.sheet-detailsbox[open] .sheet-pictos-open { + opacity: 1; +} + +/*============= GENERAL CSS =============*/ +.sheet-80{ + float:left; + position:relative; + width:80%; + height:auto; + margin: 0px 0px 0px 20%; + padding: 0px 0px; + box-sizing: border-box; + display: inline-block; + } + +.sheet-cos100{ + float: none; + width: 100%; + height: auto; + min-height: 40px; + margin: 0px auto ; + } +.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: 30px; + margin: 0px 0px; + padding: 0px 0px; + box-sizing: border-box; + display: inline-block; + } +.sheet-particion1{ + float:left; + position:relative; + width:99%; + height:auto; + min-height: 40px; + max-height: 40px; + margin: 0px 0px 0px 1%; + padding: 0px 0px; + box-sizing: border-box; + display: inline-block; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/AQUELARRE_3_CENEFA_PARTICION_8.png"); + background-repeat: no-repeat; + background-size:cover; + background-position: center center; + } +.sheet-particion2{ + float:left; + position:relative; + width:99%; + height:auto; + min-height: 40px; + max-height: 40px; + margin: 0px 0px 0px 1%; + padding: 0px 0px; + box-sizing: border-box; + display: inline-block; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/AQUELARRE_3_CENEFA_PARTICION_A1.png"); + background-repeat: no-repeat; + background-size:cover; + background-position: center center; + } + +.sheet-columnaters{ + float:left; + position:relative; + width:31%; + height:auto; + margin: 0% 1% 0px 1%; + padding: 0px; + } +.sheet-columnaterscenter{ + float:left; + position:relative; + width:31%; + height:auto; + margin: 0% 1% 0px 1%; + padding: 0px; + text-align: center; + } +.sheet-columnaterscomb{ + float:left; + position:relative; + width:31%; + height:auto; + margin: 0% 1% 0px 1%; + padding: 0px; + } +.sheet-columnadosters{ + float:left; + position:relative; + width: 65%; + height:auto; + min-height: 200px; + margin: 0px 0px 0px 0px; + padding: 0px; + } +.sheet-columnamig{ + float:left; + position:relative; + width:48%; + height:auto; + margin: 0% 1% 0% 1%; + padding: 0px; + } +.sheet-columnaquart{ + float:left; + position:relative; + width: 23%; + height:auto; + min-height: 100px; + margin: 0px 1% 0px 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; + } +.sheet-ampladatotal30{ + float:none; + width:100%; + height:30px; + display: inline-block; + } + +.sheet-espai-5RR +{ + float: left; + position: relative; + width: 100%; + height: 5px; + margin: 0 auto; + padding: 0; +} + +/*============= ESPACIADORES Y SEPARADORES CSS =============*/ + +[class^="sheet-espai-"] { + float: left; + position: relative; + width: 100%; + margin: 0 auto; + padding: 0; +} + +/* === Alturas específicas === */ +.sheet-espai-3 { height: 3px; } +.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-50 { height: 50px; } +.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: #761d2c; +} +a.btn.repcontrol_move:hover { + color: #761d2c; +} +button.btn.btn-danger.pictos.repcontrol_del:hover { + color: #fff; +} + +/*=================== FIRMA CSS ===================*/ +.sheet-tiradasecreta { + position: absolute; + left: 20px; + top: 20px; + float: left; + width: 250px; + height: 20px; + box-sizing:border-box; + z-index:2; + font-family: "IM Fell Great Primer", serif; + font-weight: 500; + font-size: 13px; + text-align: left; + color: #761d2c; +} +.sheet-imagopeu{ + float:none; + position:relative; + width:98%; + max-width: 1200px; + min-width: 600px; + height:auto; + min-height: 86px; + margin: 0px 1% 0px 1%; + padding: 0px 0px; + box-sizing: border-box; + display: inline-block; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/AQUELARRE_4_IMAGO_V1.png"); + background-repeat: no-repeat; + background-size:cover; + background-position: center top; + } +.sheet-firma-foot { + position: absolute; + left: 310px; + bottom: -30px; + float: right; + width: 300px; + height: 28px; + box-sizing:border-box; + z-index:2; + font-family: "IM Fell Great Primer", serif; + font-weight: 500; + font-size: 11px; + text-align: left; + color: #761d2c; +} +.sheet-firma-foot:hover{ + color: darkred; +} +.sheet-logoeditorial { + position: absolute; + right: 10px!important; + bottom: -30px!important; + float: right; + width: 150px; + height: 40px; + box-sizing:border-box; + z-index:2; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/Logo-nosolorol_red.png"); + background-repeat:no-repeat; + background-size:cover; + background-position: center; +} +.sheet-logoeditorial:hover { + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/Logo-nosolorol_red.png"); +} + +/* =============== POP UPS ================== */ + +.overlay { + position: absolute; + 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: 840px; + height:1000px; + position: relative; + transition: all 0s ease-in-out; + background-color: transparent !important; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/AQUELARRE_4_PERGAMINO_POPUP_1.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: darkred; +} +.popup .content { + float: right; + position:relative; + width: 50px; + height: 50px; + max-height: 50px; + overflow: auto; + margin: 50px 150px 0px 0px; +} +.sheet-titolpopup { + position: relative; + float: left; + width: 60%; + height: auto; + min-height: 34px; + margin: 150px 20% 0px 20%; + box-sizing:border-box; + z-index:2; + font-family: "IM Fell Great Primer", serif; + font-weight: 500; + font-size: 30px; + font-style: italic; + text-align: left; + color: #761d2c; +} +.sheet-frasepopup { + position: relative; + float: left; + width: 60%; + height: auto; + min-height: 10px; + margin: 10px 20% 0px 20%; + box-sizing:border-box; + z-index:2; + font-family: "IM Fell Great Primer", serif; + font-weight: 500; + font-size: 18px; + font-style: italic; + text-align: left; + color: #761d2c; +} +.sheet-descripciopopup { + position: relative; + float: left; + width: 60%; + height: auto; + min-height: 20px; + margin: 10px 20% 0px 20%; + box-sizing:border-box; + z-index:2; + font-family: "Ibarra Real Nova", serif; + font-weight: 500; + font-size: 15px; + text-align: left; + color: #00000; +} + /* LINKS CSS */ +a:link { + color: #000; + text-decoration: none; +} +a:visited { + color: #000; + text-decoration: none; +} +a:hover { + color: #761d2c; + text-decoration:underline; +} +a:active { + color: #761d2c; + text-decoration:underline; +} +/*=================== MEDIA CSS ===================*/ + +@media (max-width: 450px) { + +.sheet-contenedorvj { + max-width: 500px!important; + min-width: 300px!important; + } +.sheet-container { + margin: 10px 0px 0px 1% !important; + } +.sheet-tiradasecreta { + left: 5px!important; + } +.sheet-characterinfo3 { + width: 35px; + } + .sheet-selectaspecto{ + width: 150px; +} +.sheet-etiquetacaracteristica { + margin: 0px 0px 0px 20px!important; + } +.sheet-columnaracionalidad { + background-image: none; +} +.sheet-selectcompetencia { + margin: 3px 0px 0px 10px !important; + } + +.sheet-modline { + width: 94%!important; + margin: 0px 0px 0px 3%!important; + } + +.sheet-cajaproteccion { + margin: 0px 0% 4px 0%!important; + } +.sheet-titulopoder { + min-width: 50px; +} + +.sheet-columnaarmaduras { + height: auto; + max-height: none !important; + } + +} + +@media screen and (max-width: 800px){ + +.sheet-notebook-tabs { + display:block; + width: 100%; + gap: 6px; +} + .sheet-notebook-tab { + min-width: 80px; + margin: 5px 5px; +} + +.sheet-contenedorvj { + position: relative; + width: 100%; + max-width: 500px; + min-width: 300px; + height: auto; + min-height: 100px; + max-height: 1078px; + margin: 0px auto; + background-image: none; + background-repeat: no-repeat; + background-size:cover; + background-position: center; + background-color: antiquewhite; +} + + +.sheet-container { + position: relative; + float: left; + width: 98%; + max-width: 1200px; + min-width: 300px; + margin: 10px 0px 0px 5px; + height: auto; + min-height: 400px; + box-sizing: border-box; +} + +.sheet-akeresquerra { + position: relative; + float: left; + width: 100%; + max-width: 600px; + margin: 0px; + height: auto; + min-height: none; + background-color: linen; +} +.sheet-akerdreta { + position: relative; + float: left; + width: 100%; + max-width: 600px; + margin: 0px; + height: auto; + min-height: none; + background-color: linen; +} + +.sheet-logo1200px { + float: none; + position: relative; + width: 98%; + max-width: 100%; + min-width: 100%; + height: auto; + min-height: 80px; + margin: 30px 0% 10px 0%; + padding: 0px 0px; + box-sizing: border-box; + display: inline-block; + background-image: url(https://rolmasters.com/ROLL20/AQUELARRE3/AQUELARRE_3A_LOGO_400px.png); + background-repeat: no-repeat; + background-size: contain; + background-position: center; +} + + .sheet-logo1200px img { + float: none; + position: relative; + width: 0%; +} + + +.sheet-columnadosters{ + float:left; + position:relative; + width: 98%; + height:auto; + min-height: 200px; + margin: 0% 1% 0px 1%; + padding: 0px; + } +.sheet-columnamig{ + float:left; + position:relative; + width:98%; + height:auto; + margin: 0% 1% 0% 1%; + padding: 0px; + } +.sheet-columnaterscomb{ + float:left; + position:relative; + width:98%; + height:auto; + margin: 0% 1% 0px 1%; + padding: 0px; + } +.sheet-columnaquart{ + float:left; + position:relative; + width: 98%; + height:auto; + min-height: 100px; + margin: 0px 1% 0px 1%; + padding: 0px; + } + +.sheet-imagopeu { + min-width: 400px; + margin: 0px 1% 50px 1%; +} +.sheet-avatar-box { + background-image: none; + width: 90%; + height: auto; + } +.sheet-avatar-foto{ + width: 100%; + height: auto; + margin: 0px 0px 0px 0px; + min-block-size: fit-content; + } +/*=================== TAB2: MECANICA ===================*/ + +.sheet-columnacaracteristicas { + width: 98%; + margin: 0px 0px 0px 10%px; +} +.sheet-columnasecundarias { + width: 98%; +} +.sheet-columnacompetencias { + width: 98%; +} +.sheet-tituloatributos { + margin: 20px 0px 0px; +} +.sheet-etiquetacaracteristica { + margin: 0px 0px 0px 80px; + padding: 5px 0px 0px 0px; +} +.sheet-competenciabox { + min-height: 45px; +} +.sheet-competenciabox2 { + min-height: 45px; +} +.sheet-selectcompetencia { + margin: 3px 0px 0px 70px; +} + + +.sheet-espai-social { + width: 100%; + height: 0px; +} + +.sheet-columnaterssocial{ + float:left; + position:relative; + width:94%!important; + height:auto; + margin: 0px 3% 0px 3%; +} + +/*=================== TAB3: COMBATE ===================*/ + +.sheet-margeespai { + width: 5px; + height: 20px; + margin: 0px 0px 0px 40px; +} + + .sheet-columnaterscombate{ + float:left; + position:relative; + width:98%!important; + height:auto; + margin: 0% 0% 0px 1%; + padding: 0px; +} + +.sheet-modline { + width: 80%; + min-height: 30px; + margin: 0px 0px 0px 60px; +} +.sheet-columnaesgrima{ + height:auto!important; + min-height: none; + max-height:none; + } + .sheet-columnaarmas{ + height:auto!important; + min-height: none; + max-height:none; + } + +.sheet-columnaprotecciones { + width: 100%; + margin: 0px 0px; +} +.sheet-columnaaccionescombate{ + height:auto; + min-height: 100px; + max-height: none; + } + .sheet-columnalocalizacion { + margin: 20px 0px 20px 35%; +} +.sheet-columnaarmaduras { + height: auto; + max-height: none !important; + } + +.sheet-columnarasgos { + max-height: none; + min-height: 50px; +} +.sheet-columnapoder{ + height:auto!important; + min-height: none; + max-height:none; + } + +.sheet-columnafe{ + height:auto!important; + min-height: none; + max-height:none; + } + +.sheet-columnaracionalidad { + width: 70%; + margin: 20px 14% 20px 14%; + background-position: right; +} +.sheet-espai-5RR{ + width: 2%; + height: auto; +} +.sheet-etiquetaracionalidad { + width: 50px; + padding: 0px 0px 0px 10px; + text-align: left; +} +.sheet-valorcaracteristicaR { + float: left; +} + .sheet-VJbtnvyc1RR { + float: left!important; + } + +.sheet-firma-foot { + position: relative; + left: 0px; + bottom: 0px; + float: right; + width: 100%; + height: 28px; + margin: 100px 0px 0px 0px; + box-sizing: border-box; + z-index: 2; + font-family: "Ibarra Real Nova", serif; + font-weight: 500; + font-size: 11px; + text-align: center; + color: darkred; +} + +.sheet-logoeditorial { + position: absolute; + right: 15px!important; + bottom: 40px!important; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/Logo-nosolorol_red.png"); +} + +.popup { + margin: 70px auto; + background: #fff; + border-radius: 5px; + width: 90%; + height: auto!important; + position: relative; + transition: all 0s ease-in-out; + background-image: none; + background-repeat: no-repeat; + background-size: auto; + background-position: center top; + background-color: antiquewhite!important; +} +.sheet-frasepopup { + position: relative; + float: none; + width: 60%; + height: auto; + min-height: 10px; + margin: 10px 20% 0px 20%; + box-sizing: border-box; + z-index: 2; + font-family: "Ibarra Real Nova", serif; + font-weight: 500; + font-size: 14px; + font-style: italic; + text-align: left; + color: #761d2c; +} +.sheet-titolpopup { + position: relative; + float: none; + width: 60%; + height: auto !important; + min-height: 34px; + margin: 50px 20% 0px 20%; + padding: 60px 0px 0px; + box-sizing: border-box; + z-index: 2; + font-family: "Ibarra Real Nova", serif; + font-weight: 500; + font-size: 30px; + font-style: italic; + text-align: left; + color: #761d2c; + } +.sheet-descripciopopup { + position: relative; + float: none; + width: 60%; + height: auto; + min-height: 20px; + margin: 10px 20% 0px 20%; + padding: 0px 0px 90px; + box-sizing: border-box; + z-index: 2; + font-family: "Ibarra Real Nova", serif; + font-weight: 500; + font-size: 14px; + text-align: left; + color: #00000; +} +.popup .content { + /* float: right; */ + position: absolute; + bottom: 20px; + right: 50px; + width: 50px; + height: 50px; + max-height: 50px; + overflow: auto; + margin: 0px 0px 0px 0px; +} + + + } + +@media screen and (min-width: 1100px){ +.sheet-contenedorvj { + position: relative; + width: 1300px; + max-width: 1300px; + min-width: 1300px; + height: 2023px; + min-height: 2023px; + margin: 0px auto; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/AQUELARRE_FONDO_PAPEL_MARGEN_V2.jpg"); + background-repeat:repeat-y; + background-size:cover; + } +.sheet-akeresquerra { + position: relative; + float: left; + width: 1000px; + max-width: 1000px; + margin: 0px 0px 0px 150px; + height: 950px; + min-height: 950px; + box-sizing:border-box; +} +.sheet-akerdreta { + position: relative; + float: left; + width: 1000px; + max-width: 1000px; + margin: 50px 0px 0px 150px; + height: 900px; + min-height: 900px; + box-sizing:border-box; +} +.sheet-datosdelpj{ + float:left; + position:relative; + width:830px; + height:auto; + min-height: 30px; + margin: 0px 0px 0px 90px; + padding: 0px 0px; + box-sizing: border-box; + display: inline-block; + } +.sheet-tiradasecreta { + position: absolute; + left: 100px; + } +.sheet-barralanzadados{ + position: absolute; + right: 150px; + } + +/*============= VJBTNVYC1 : CARACTERISTICAS CSS =============*/ + +.sheet-VJbtnvyc1B{ + position: absolute; + right: 100px; + } + +.sheet-etiquetacaracteristica { + margin: 0px 0px 0px 35px; + } +.sheet-selectcompetencia { + margin: 3px 0px 0px 20px; + } + .sheet-margeespai { + width: 5px; + height: 20px; + margin: 0px 0px 0px 40px; + } +.sheet-firma-foot { + left: 365px; + } + +} + +@media screen and (min-width: 1400px){ + .sheet-contenedorvj { + position: relative; + width: 100%; + max-width: 2150px; + min-width: 2150px; + height: auto; + min-height: 1078px; + margin: 0px auto; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/Aquelarre_Book_4.png"); + background-repeat: no-repeat; + background-size:cover; + background-position: center top; +} + +.sheet-akeresquerra { + position: relative; + float: left; + width: 860px; + max-width: 860px; + margin: 60px 0px 0px 200px; + height: 900px; + min-height: 400px; + box-sizing:border-box; + background-color: transparent; +} +.sheet-akerdreta { + position: relative; + float: left; + width: 860px; + max-width: 860px; + margin: 90px 0px 0px 100px; + height: 900px; + min-height: 400px; + box-sizing:border-box; + background-color:transparent; +} +.sheet-datosdelpj{ + float:left; + position:relative; + width:100%; + height:auto; + min-height: 30px; + margin: 0px 0px 0px 0px; + } +.sheet-tiradasecreta { + position: absolute; + left: 10px; +} +.sheet-barralanzadados{ + position: absolute; + right: 70px; +} +/*============= VJBTNVYC1 : CARACTERISTICAS CSS =============*/ + +.sheet-VJbtnvyc1B{ + position: absolute; + right: 20px; +} + +.sheet-etiquetacaracteristica { + margin: 0px 0px 0px 15px; + } +.sheet-selectcompetencia { + margin: 3px 0px 0px 0px; + } + +.sheet-margeespai { + width: 5px; + height: 20px; + margin: 0px 0px 0px 40px; +} + + .sheet-firma-foot { + position: absolute; + left: 10px; + bottom: -20px; + float: right; + width: 300px; + height: 28px; + box-sizing:border-box; + z-index:2; + font-family: "IM Fell Great Primer", serif; + font-weight: 500; + font-size: 11px; + text-align: left; + color: #ffffff; +} +.sheet-firma-foot:hover{ + color: darkred; +} +.sheet-logoeditorial { + position: absolute; + right: 10px!important; + bottom: -20px!important; + float: right; + width: 150px; + height: 40px; + box-sizing:border-box; + z-index:2; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/Logo-nosolorol.png"); + background-repeat:no-repeat; + background-size:cover; + background-position: center; +} +.sheet-logoeditorial:hover { + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/Logo-nosolorol_red.png"); +} + + + } + + +/*============= VJBTNVYC1 : CARACTERISTICAS CSS =============*/ + +.sheet-VJbtnvyc1{ + float: left; + font-size: 40px!important; + margin: 5px 10px 0px 10px!important; + padding: 0px 0px 0px 0px!important; + background: none!important; + border: none!important; + color:darkred; + box-shadow: none !important; +} +.sheet-VJbtnvyc1:hover{ + font-size: 40px!important; + margin: 5px 10px 0px 10px!important; + padding: 0px 0px 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:firebrick; +} +.sheet-VJbtnvyc1:active{ + font-size: 40px!important; + margin: 5px 10px 0px 10px!important; + padding: 0px 0px 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; +} +/*============= VJBTNVYC1RR : CARACTERISTICAS CSS =============*/ + +.sheet-VJbtnvyc1RR{ + float: right; + font-size: 40px!important; + margin: 5px 10px 0px 10px!important; + padding: 0px 0px 0px 0px!important; + background: none!important; + border: none!important; + color:darkred; + box-shadow: none !important; +} +.sheet-VJbtnvyc1RR:hover{ + font-size: 40px!important; + margin: 5px 10px 0px 10px!important; + padding: 0px 0px 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:firebrick; +} +.sheet-VJbtnvyc1RR:active{ + font-size: 40px!important; + margin: 5px 10px 0px 10px!important; + padding: 0px 0px 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; +} +/*============= VJBTNVYC1 : LANZADADOS CSS =============*/ +.sheet-VJbtnvyc1B{ + position: relative; + float: right; + font-size: 40px!important; + margin: 15px 10px 0px 0px!important; + padding: 0px 0px 0px 0px!important; + background: none!important; + border: none!important; + color:darkred; + box-shadow: none !important; + z-index: 3; +} +.sheet-VJbtnvyc1B:hover{ + font-size: 40px!important; + margin: 15px 10px 0px 0px!important; + padding: 0px 0px 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:firebrick; +} +.sheet-VJbtnvyc1B:active{ + font-size: 40px!important; + margin: 15px 10px 0px 0px!important; + padding: 0px 0px 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; +} + +.ui-dialog .charsheet button[type=roll]::before { + font-family: dicefontd10; + border: none; + background-color: transparent; + content:"K"; +} + + +/*============= VJBTNVYC2 : COMPETENCIAS CSS =============*/ + +.sheet-VJbtnvyc2{ + float: left; + padding: 0px 0px 0px 0px!important; + font-size: 32px!important; + margin: 0px 0px 0px 0px!important; + background: none!important; + border: none!important; + color:darkred; + box-shadow: none !important; +} +.sheet-VJbtnvyc2:hover{ + padding: 0px 0px 0px 0px!important; + font-size: 32px!important; + margin: 0px 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:firebrick; +} +.sheet-VJbtnvyc2:active{ + padding: 0px 0px 0px 0px!important; + font-size: 32px!important; + margin: 0px 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:"K"; +} + +/*============= VJBTNVYC2 : PARADA CSS =============*/ + +.sheet-VJbtnvyc2p{ + float: left; + padding: 0px 0px 0px 0px!important; + font-size: 32px!important; + margin: 0px 0px 0px 0px!important; + background: none!important; + border: none!important; + color:black; + box-shadow: none !important; +} +.sheet-VJbtnvyc2p:hover{ + padding: 0px 0px 0px 0px!important; + font-size: 32px!important; + margin: 0px 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:dimgray; +} +.sheet-VJbtnvyc2p:active{ + padding: 0px 0px 0px 0px!important; + font-size: 32px!important; + margin: 0px 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; +} + + + +/*============= 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; } + + + +/*=================== AQUELARRE ROLL ROLLTEMPLATE CSS ===================*/ + + +.sheet-rolltemplate-vyc { + margin-left: -37px; +} +.sheet-rolltemplate-vyc .sheet-fotofondo { + width: 300px; + height: auto; + min-height: 232px; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/AQUELARRE_TEMPLATE_NSR_V1.jpg"); + background-repeat: no-repeat; + background-size:cover; + background-position: top; +} + +.sheet-rolltemplate-vyc .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: "IM Fell Great Primer", serif; + font-weight: 400; + font-size: 16px; + font-style: normal; + } +.sheet-rolltemplate-vyc .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: "IM Fell DW Pica SC", serif; + font-weight: 700; + font-size: 24px; + font-style: italic; + } + +.sheet-rolltemplate-vyc .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: "IM Fell Great Primer", serif; + font-weight: 700; + font-size: 20px; + font-style: normal; + } + +.sheet-rolltemplate-vyc .sheet-container { +} + +/* Header formatting - title and subtitle */ +.sheet-rolltemplate-vyc .sheet-header { + height: 65px; + background-color: transparent; + /* change text-align to center to center the header text */ + text-align: center; + padding: 5px; + font-weight: bold; + font-size: 18px; + font-family: "UnifrakturCook", cursive; + color: #f2ecd8; +} +.sheet-rolltemplate-vyc .sheet-title { + font-size:1.5em; + margin: 10px 0px 0px 0px; +} +.sheet-rolltemplate-vyc .sheet-subtitle { + font-size:1.0em; + margin: 5px 0px 0px 0px; +} + +/* example colors */ + +.sheet-rolltemplate-vyc .sheet-container.sheet-color-red { + --header-bg-color: #F00; +} +.sheet-rolltemplate-vyc .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-vyc .sheet-contento :nth-child(1n+3), +.sheet-rolltemplate-vyc .sheet-contento :nth-child(1n) { + background-color: transparent !important; + border: none!important; +} + +/* Description field */ +.sheet-rolltemplate-vyc .sheet-desc { + grid-column: span 2; + padding: 0px 20px !important; + text-align: center; + font-size: 14px; font-family: "Brawler", serif; color: #A45700; +} + + + +/*=================== AQUELARRE COMPETENCIAS ROLL ROLLTEMPLATE CSS ===================*/ + +/* Smaller margins - remove these if you want the huge default left margin */ +.sheet-rolltemplate-vyccompetencias { + margin-left: -37px; +} +.sheet-rolltemplate-vyccompetencias .sheet-fotofondo { + width: 300px; + height: auto; + min-height: 232px; + background-color: transparent !important; + +} + +.sheet-rolltemplate-vyccompetencias .sheet-listatemplate{ + position:relative; + display: block; + width:90%; + height:auto; + min-height: 20px; + margin: 0% 5%; + padding: 5px 0px; + color: #000000; + text-align:center; + font-family: "IM Fell Great Primer", serif; + font-weight: 400; + font-size: 16px; + font-style: normal; + } +.sheet-rolltemplate-vyccompetencias .sheet-listatemplate2{ + position:relative; + display: block; + width:90%; + height:auto; + min-height: 25px; + margin: 0% 5%; + padding: 0px 0px; + color: #000000; + text-align:center; + font-family: "IM Fell DW Pica SC", serif; + font-weight: 700; + font-size: 24px; + font-style: italic; + line-height: 30px; + } + +.sheet-rolltemplate-vyccompetencias .sheet-listatemplate3{ + position:relative; + display: block; + width:90%; + height:auto; + min-height: 15px; + margin: 0% 5%; + padding: 10px 0px; + color: #000000; + text-align:center; + font-family: "IM Fell Great Primer", serif; + font-weight: 700; + font-size: 20px; + font-style: normal; + } + +.sheet-rolltemplate-vyccompetencias .sheet-container { +} + +/* Header formatting - title and subtitle */ +.sheet-rolltemplate-vyccompetencias .sheet-header { + width: 290px; + height: 75px; + background-color: transparent; + /* change text-align to center to center the header text */ + text-align: center; + padding: 5px 5px 0px 5px; + font-weight: bold; + font-size: 18px; + font-family: "UnifrakturCook", cursive; + color: #f2ecd8; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/AQUELARRE_TEMPLATE_TROS_CAP_V5.png"); + background-repeat: no-repeat; + background-size:cover; + background-position: top; +} +.sheet-rolltemplate-vyccompetencias .sheet-title { + font-size:1.5em; + margin: 10px 0px 0px 0px; +} +.sheet-rolltemplate-vyccompetencias .sheet-subtitle { + font-size:1.0em; + margin: 5px 0px 0px 0px; +} + +/* example colors */ + +.sheet-rolltemplate-vyccompetencias .sheet-container.sheet-color-red { + --header-bg-color: #F00; +} +.sheet-rolltemplate-vycattack .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-vyccompetencias .sheet-contento :nth-child(1n+3), +.sheet-rolltemplate-vyccompetencias .sheet-contento :nth-child(1n) { + height: auto; + border: none!important; + background-color: transparent !important; +} + +/* Description field */ +.sheet-rolltemplate-vyccompetencias .sheet-desc { + grid-column: span 2; + padding: 0px 20px !important; + text-align: center; + font-size: 14px; font-family: "Brawler", serif; color: #A45700; +} + +.sheet-rolltemplate-vyccompetencias .sheet-tpsenefamig { + width: 300px; + height: auto; + min-height: 100px; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/AQUELARRE_TEMPLATE_TROS_MIG_V5.png"); + background-repeat: repeat; + background-size:cover; + background-position: top; + padding-bottom: 10px; +} + +.sheet-rolltemplate-vyccompetencias .sheet-tpsenefapeu { + width: 300px; + height: auto; + min-height: 40px; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/AQUELARRE_TEMPLATE_TROS_PEU_V5.png"); + background-repeat: no-repeat; + background-size:cover; + background-position: top; +} + .sheet-rolltemplate-vyccompetencias .sheet-desplegablemod { + background: lightyellow; + color: #333333; + line-height: 1.1em; + text-align: center; + font-family: "IM Fell Great Primer", serif; + width: 100%; +} + +.sheet-rolltemplate-vyccompetencias .sheet-desplegablemod:hover ~ .sheet-modificadorestirada { + display: block; +} + +.sheet-rolltemplate-vyccompetencias .sheet-modificadorestirada { + display: none; +} + +.sheet-rolltemplate-vyccompetencias .sheet-modificadorestirada:hover { + display: block; +} + +.sheet-rolltemplate-vyccompetencias .sheet-details { + display: grid; + background: #FFF; + color: #333333; + grid-template-columns: auto auto; + line-height: 1.4em; + font-size: 1.1em; +} + +.sheet-rolltemplate-vyccompetencias .sheet-details :nth-child(4n+3), +.sheet-rolltemplate-vyccompetencias .sheet-details :nth-child(4n) { + background: #EEE; +} + + + + + +/*=================== AQUELARRE ATTACK ROLL ROLLTEMPLATE CSS ===================*/ + +.sheet-rolltemplate-vycattack { + margin-left: -37px; +} +.sheet-rolltemplate-vycattack .sheet-fotofondo { + width: 300px; + height: auto; + min-height: 232px; + background-color: transparent !important; + +} + +.sheet-rolltemplate-vycattack .sheet-listatemplate{ + position:relative; + display: block; + width:90%; + height:auto; + min-height: 20px; + margin: 0% 5%; + padding: 5px 0px; + color: #000000; + text-align:center; + font-family: "IM Fell Great Primer", serif; + font-weight: 400; + font-size: 16px; + font-style: normal; + } +.sheet-rolltemplate-vycattack .sheet-listatemplate2{ + position:relative; + display: block; + width:90%; + height:auto; + min-height: 25px; + margin: 0% 5%; + padding: 0px 0px; + color: #000000; + text-align:center; + font-family: "IM Fell DW Pica SC", serif; + font-weight: 700; + font-size: 24px; + font-style: italic; + line-height: 30px; + } + +.sheet-rolltemplate-vycattack .sheet-listatemplate3{ + position:relative; + display: block; + width:90%; + height:auto; + min-height: 15px; + margin: 0% 5%; + padding: 10px 0px; + color: #000000; + text-align:center; + font-family: "IM Fell Great Primer", serif; + font-weight: 700; + font-size: 20px; + font-style: normal; + } + +.sheet-rolltemplate-vycattack .sheet-container { +} + +/* Header - title and subtitle */ +.sheet-rolltemplate-vycattack .sheet-header { + width: 290px; + height: 75px; + background-color: transparent; + text-align: center; + padding: 5px 5px 0px 5px; + font-weight: bold; + font-size: 18px; + font-family: "UnifrakturCook", cursive; + color: #f2ecd8; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/AQUELARRE_TEMPLATE_TROS_CAP_V5.png"); + background-repeat: no-repeat; + background-size:cover; + background-position: top; +} +.sheet-rolltemplate-vycattack .sheet-title { + font-size:1.5em; + margin: 10px 0px 0px 0px; +} +.sheet-rolltemplate-vycattack .sheet-subtitle { + font-size:1.0em; + margin: 5px 0px 0px 0px; +} + + +.sheet-rolltemplate-vycattack .sheet-container.sheet-color-red { + --header-bg-color: #F00; +} +.sheet-rolltemplate-vycattack .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; +} + +.sheet-rolltemplate-vycattack .sheet-contento :nth-child(1n+3), +.sheet-rolltemplate-vycattack .sheet-contento :nth-child(1n) { + height: auto; + border: none!important; + background-color: transparent !important; +} + +.sheet-rolltemplate-vycattack .sheet-desc { + grid-column: span 2; + padding: 0px 20px !important; + text-align: center; + font-size: 14px; font-family: "Brawler", serif; color: #A45700; +} + +.sheet-rolltemplate-vycattack .sheet-tpsenefamig { + width: 300px; + height: auto; + min-height: 100px; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/AQUELARRE_TEMPLATE_TROS_MIG_V5.png"); + background-repeat: repeat; + background-size:cover; + background-position: top; + padding-bottom: 10px; +} + +.sheet-rolltemplate-vycattack .sheet-tpsenefapeu { + width: 300px; + height: auto; + min-height: 40px; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/AQUELARRE_TEMPLATE_TROS_PEU_V5.png"); + background-repeat: no-repeat; + background-size:cover; + background-position: top; +} + .sheet-rolltemplate-vycattack .sheet-desplegablemod { + background: lightyellow; + color: #333333; + line-height: 1.1em; + text-align: center; + font-family: "IM Fell Great Primer", serif; + width: 100%; +} + +.sheet-rolltemplate-vycattack .sheet-desplegablemod:hover ~ .sheet-modificadorestirada { + display: block; +} + +.sheet-rolltemplate-vycattack .sheet-modificadorestirada { + display: none; +} + +.sheet-rolltemplate-vycattack .sheet-modificadorestirada:hover { + display: block; +} + +.sheet-rolltemplate-vycattack .sheet-details { + display: grid; + background: #FFF; + color: #333333; + grid-template-columns: auto auto; + line-height: 1.4em; + font-size: 1.1em; +} + +.sheet-rolltemplate-vycattack .sheet-details :nth-child(4n+3), +.sheet-rolltemplate-vycattack .sheet-details :nth-child(4n) { + background: #EEE; +} + + +/*=================== AQUELARRE PARADA ROLL ROLLTEMPLATE CSS ===================*/ + + +.sheet-rolltemplate-vycparada { + margin-left: -37px; +} +.sheet-rolltemplate-vycparada .sheet-fotofondo { + width: 300px; + height: auto; + min-height: 232px; + background-color: transparent !important; + +} + +.sheet-rolltemplate-vycparada .sheet-listatemplate{ + position:relative; + display: block; + width:90%; + height:auto; + min-height: 20px; + margin: 0% 5%; + padding: 5px 0px; + color: #000000; + text-align:center; + font-family: "IM Fell Great Primer", serif; + font-weight: 400; + font-size: 16px; + font-style: normal; + } +.sheet-rolltemplate-vycparada .sheet-listatemplate2{ + position:relative; + display: block; + width:90%; + height:auto; + min-height: 25px; + margin: 0% 5%; + padding: 0px 0px; + color: #000000; + text-align:center; + font-family: "IM Fell DW Pica SC", serif; + font-weight: 700; + font-size: 24px; + font-style: italic; + line-height: 30px; + } + +.sheet-rolltemplate-vycparada .sheet-listatemplate3{ + position:relative; + display: block; + width:90%; + height:auto; + min-height: 15px; + margin: 0% 5%; + padding: 10px 0px; + color: #000000; + text-align:center; + font-family: "IM Fell Great Primer", serif; + font-weight: 700; + font-size: 20px; + font-style: normal; + } + +.sheet-rolltemplate-vycparada .sheet-container { +} + +/* Header - title and subtitle */ +.sheet-rolltemplate-vycparada .sheet-header { + width: 290px; + height: 75px; + background-color: transparent; + text-align: center; + padding: 5px 5px 0px 5px; + font-weight: bold; + font-size: 18px; + font-family: "UnifrakturCook", cursive; + color: #f2ecd8; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/AQUELARRE_TEMPLATE_TROS_CAP_V5.png"); + background-repeat: no-repeat; + background-size:cover; + background-position: top; +} +.sheet-rolltemplate-vycparada .sheet-title { + font-size:1.5em; + margin: 10px 0px 0px 0px; +} +.sheet-rolltemplate-vycparada .sheet-subtitle { + font-size:1.0em; + margin: 5px 0px 0px 0px; +} + + +.sheet-rolltemplate-vycparada .sheet-container.sheet-color-red { + --header-bg-color: #F00; +} +.sheet-rolltemplate-vycparada .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; +} + +.sheet-rolltemplate-vycparada .sheet-contento :nth-child(1n+3), +.sheet-rolltemplate-vycparada .sheet-contento :nth-child(1n) { + height: auto; + border: none!important; + background-color: transparent !important; +} + +.sheet-rolltemplate-vycparada .sheet-desc { + grid-column: span 2; + padding: 0px 20px !important; + text-align: center; + font-size: 14px; font-family: "Brawler", serif; color: #A45700; +} + +.sheet-rolltemplate-vycparada .sheet-tpsenefamig { + width: 300px; + height: auto; + min-height: 100px; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/AQUELARRE_TEMPLATE_TROS_MIG_V5.png"); + background-repeat: repeat; + background-size:cover; + background-position: top; + padding-bottom: 10px; +} + +.sheet-rolltemplate-vycparada .sheet-tpsenefapeu { + width: 300px; + height: auto; + min-height: 40px; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/AQUELARRE_TEMPLATE_TROS_PEU_V5.png"); + background-repeat: no-repeat; + background-size:cover; + background-position: top; +} + .sheet-rolltemplate-vycparada .sheet-desplegablemod { + background: lightyellow; + color: #333333; + line-height: 1.1em; + font-family: "IM Fell Great Primer", serif; + text-align: center; + width: 100%; +} + +.sheet-rolltemplate-vycparada .sheet-desplegablemod:hover ~ .sheet-modificadorestirada { + display: block; +} + +.sheet-rolltemplate-vycparada .sheet-modificadorestirada { + display: none; +} + +.sheet-rolltemplate-vycparada .sheet-modificadorestirada:hover { + display: block; +} + +.sheet-rolltemplate-vycparada .sheet-details { + display: grid; + background: #FFF; + color: #333333; + grid-template-columns: auto auto; + line-height: 1.4em; + font-size: 1.1em; +} + +.sheet-rolltemplate-vycparada .sheet-details :nth-child(4n+3), +.sheet-rolltemplate-vycparada .sheet-details :nth-child(4n) { + background: #EEE; +} + + +/*=================== AQUELARRE DADOS ROLL ROLLTEMPLATE CSS ===================*/ + + +.sheet-rolltemplate-vycdados { + margin-left: -37px; +} +.sheet-rolltemplate-vycdados .sheet-fotofondo { + width: 300px; + height: auto; + min-height: 232px; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/AQUELARRE_TEMPLATE_NSR_V1.jpg"); + background-repeat: no-repeat; + background-size:cover; + background-position: top; +} + +.sheet-rolltemplate-vycdados .sheet-listatemplate1{ + position:relative; + float:left; + width:90%; + height:auto; + min-height: 30px; + margin: 10px 5% 0px; + padding: 5px 0px; + color: #000000; + text-align:center; + font-family: "IM Fell Great Primer", serif; + font-weight: 400; + font-size: 24px; + font-style: normal; + } +.sheet-rolltemplate-vycdados .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: "IM Fell DW Pica SC", serif; + font-weight: 700; + font-size: 30px; + font-style: italic; + } + +.sheet-rolltemplate-vycdados .sheet-container { +} + +/* Header title and subtitle */ +.sheet-rolltemplate-vycdados .sheet-header { + height: 65px; + background-color: transparent; + text-align: center; + padding: 5px; + font-weight: bold; + font-size: 18px; + font-family: "UnifrakturCook", cursive; + color: #f2ecd8; +} +.sheet-rolltemplate-vycdados .sheet-title { + font-size:1.5em; + margin: 10px 0px 0px 0px; +} +.sheet-rolltemplate-vycdados .sheet-subtitle { + font-size:1.0em; + margin: 5px 0px 0px 0px; +} + +.sheet-rolltemplate-vycdados .sheet-container.sheet-color-red { + --header-bg-color: #F00; +} +.sheet-rolltemplate-vycdados .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; +} + +.sheet-rolltemplate-vycdados .sheet-contento :nth-child(1n+3), +.sheet-rolltemplate-vycdados .sheet-contento :nth-child(1n) { + background-color: transparent !important; + border: none!important; +} + +.sheet-rolltemplate-vycdados .sheet-desc { + grid-column: span 2; + padding: 0px 20px !important; + text-align: center; + font-size: 14px; font-family: "Brawler", serif; color: #A45700; +} + + + +/*=================== AQUELARRE SECUELAS ROLL ROLLTEMPLATE CSS ===================*/ + + +.sheet-rolltemplate-vycsecuelas { + margin-left: -37px; +} +.sheet-rolltemplate-vycsecuelas .sheet-fotofondo { + width: 300px; + height: auto; + min-height: 232px; + background-color: transparent !important; + +} + +.sheet-rolltemplate-vycsecuelas .sheet-listatemplate{ + position:relative; + display: block; + width:90%; + height:auto; + min-height: 20px; + margin: 0% 5%; + padding: 5px 0px; + color: #000000; + text-align:center; + font-family: "IM Fell Great Primer", serif; + font-weight: 400; + font-size: 16px; + font-style: normal; + } +.sheet-rolltemplate-vycsecuelas .sheet-listatemplate2{ + position:relative; + display: block; + width:90%; + height:auto; + min-height: 25px; + margin: 0% 5%; + padding: 0px 0px; + color: #000000; + text-align:center; + font-family: "IM Fell DW Pica SC", serif; + font-weight: 700; + font-size: 24px; + font-style: italic; + line-height: 30px; + } + +.sheet-rolltemplate-vycsecuelas .sheet-listatemplate3{ + position:relative; + display: block; + width:90%; + height:auto; + min-height: 15px; + margin: 0% 5%; + padding: 10px 0px; + color: #000000; + text-align:center; + font-family: "IM Fell Great Primer", serif; + font-weight: 700; + font-size: 20px; + font-style: normal; + } + +.sheet-rolltemplate-vycsecuelas .sheet-container { +} + +.sheet-rolltemplate-vycsecuelas .sheet-header { + width: 290px; + height: 75px; + background-color: transparent; + text-align: center; + padding: 5px 5px 0px 5px; + font-weight: bold; + font-size: 18px; + font-family: "UnifrakturCook", cursive; + color: #f2ecd8; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/AQUELARRE_TEMPLATE_TROS_CAP_V5.png"); + background-repeat: no-repeat; + background-size:cover; + background-position: top; +} +.sheet-rolltemplate-vycsecuelas .sheet-title { + font-size:1.5em; + margin: 10px 0px 0px 0px; +} +.sheet-rolltemplate-vycsecuelas .sheet-subtitle { + font-size:1.0em; + margin: 5px 0px 0px 0px; +} + + + +.sheet-rolltemplate-vycsecuelas .sheet-container.sheet-color-red { + --header-bg-color: #F00; +} +.sheet-rolltemplate-vycsecuelas .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; +} + +.sheet-rolltemplate-vycsecuelas .sheet-contento :nth-child(1n+3), +.sheet-rolltemplate-vycsecuelas .sheet-contento :nth-child(1n) { + height: auto; + border: none!important; + background-color: transparent !important; +} + +.sheet-rolltemplate-vycsecuelas .sheet-desc { + grid-column: span 2; + padding: 0px 20px !important; + text-align: center; + font-size: 14px; font-family: "Brawler", serif; color: #A45700; +} + +.sheet-rolltemplate-vycsecuelas .sheet-tpsenefamig { + width: 300px; + height: auto; + min-height: 100px; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/AQUELARRE_TEMPLATE_TROS_MIG_V5.png"); + background-repeat: repeat; + background-size:cover; + background-position: top; + padding-bottom: 10px; +} + +.sheet-rolltemplate-vycsecuelas .sheet-tpsenefapeu { + width: 300px; + height: auto; + min-height: 40px; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/AQUELARRE_TEMPLATE_TROS_PEU_V5.png"); + background-repeat: no-repeat; + background-size:cover; + background-position: top; +} + + +/*=================== AQUELARRE DESPLEGABLE PODERES DE FE CSS ===================*/ + +.sheet-dropdown { + float: left; + position: relative; + width: 95%; + height: auto; + font-family: "Ibarra Real Nova", serif; + box-sizing: border-box; + font-size: 14px; + +} + +.sheet-dropdown input[type="radio"], +.sheet-dropdown .dd-toggle { + position: absolute; + left: -9999px; + opacity: 0; + pointer-events: none; +} + +.sheet-dropdown .dd-display { + display: flex; + height: 20px; + align-items: center; + justify-content: space-between; + padding: 6px 8px; + border: 1px solid #666; + background: darkred; + cursor: pointer; + user-select: none; + color: #ffffff; +} + +.sheet-dropdown .dd-caret { + height: auto; + margin-left: 10px; + font-style: normal; + opacity: 0.8; +} + +.sheet-dropdown .dd-list { + display: none; + position: absolute; + top: calc(100%); + left: 50%; + margin-left: -220px; + width: auto; + min-width: 450px; + height: auto; + padding: 40px 0px 40px 0px !important; + overflow-y: none; + border: none; + z-index: 9999; + background-image: url("https://rolmasters.com/ROLL20/AQUELARRE3/AQUELARRE_PERGAMINO_FE_V1.png"); + background-repeat: no-repeat; + background-size:cover; + background-position: center; +} + +.sheet-dropdown .dd-list label { + display: block; + padding: 0px 0px; + cursor: pointer; + white-space: normal; text-align: center !important; +} + +.sheet-dropdown .dd-list label:hover { + background: #efefef; +} + +/*=================== EXTRA PECADOS POR RELIGION PODERES DE FE CSS ===================*/ + +.dd-display span { display: none; } + +#rel1:checked ~ .dd-display .r1 { display: inline; } +#rel2:checked ~ .dd-display .r2 { display: inline; } +#rel3:checked ~ .dd-display .r3 { display: inline; } +#rel4:checked ~ .dd-display .r4 { display: inline; } +#rel5:checked ~ .dd-display .r5 { display: inline; } +#rel6:checked ~ .dd-display .r6 { display: inline; } +#rel7:checked ~ .dd-display .r7 { display: inline; } +#rel8:checked ~ .dd-display .r8 { display: inline; } +#rel9:checked ~ .dd-display .r9 { display: inline; } +#rel10:checked ~ .dd-display .r10 { display: inline; } +#rel11:checked ~ .dd-display .r11 { display: inline; } +#rel12:checked ~ .dd-display .r12 { display: inline; } +#rel13:checked ~ .dd-display .r13 { display: inline; } +#rel14:checked ~ .dd-display .r14 { display: inline; } +#rel15:checked ~ .dd-display .r15 { display: inline; } +#rel16:checked ~ .dd-display .r16 { display: inline; } +#rel17:checked ~ .dd-display .r17 { display: inline; } + + +/*=================== EXTRA PENITENCIAS PODERES DE FE CSS ===================*/ + +.sheet-dropdown .dd-display span { display: none; } + +#opt1:checked ~ .dd-display .d1 { display: inline; } +#opt2:checked ~ .dd-display .d2 { display: inline; } +#opt3:checked ~ .dd-display .d3 { display: inline; } +#opt4:checked ~ .dd-display .d4 { display: inline; } +#opt5:checked ~ .dd-display .d5 { display: inline; } +#opt6:checked ~ .dd-display .d6 { display: inline; } +#opt7:checked ~ .dd-display .d7 { display: inline; } +#opt8:checked ~ .dd-display .d8 { display: inline; } +#opt9:checked ~ .dd-display .d9 { display: inline; } +#opt10:checked ~ .dd-display .d10 { display: inline; } +#opt11:checked ~ .dd-display .d11 { display: inline; } +#opt12:checked ~ .dd-display .d12 { display: inline; } +#opt13:checked ~ .dd-display .d13 { display: inline; } +#opt14:checked ~ .dd-display .d14 { display: inline; } +#opt15:checked ~ .dd-display .d15 { display: inline; } +#opt16:checked ~ .dd-display .d16 { display: inline; } +#opt17:checked ~ .dd-display .d17 { display: inline; } +#opt18:checked ~ .dd-display .d18 { display: inline; } +#opt19:checked ~ .dd-display .d19 { display: inline; } +#opt20:checked ~ .dd-display .d20 { display: inline; } +#opt21:checked ~ .dd-display .d21 { display: inline; } +#opt22:checked ~ .dd-display .d22 { display: inline; } +#opt23:checked ~ .dd-display .d23 { display: inline; } +#opt24:checked ~ .dd-display .d24 { display: inline; } + +.dd-toggle:checked ~ .dd-list { + display: block; +} + + +.dd-toggle:checked ~ .dd-display { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +#optp1:checked ~ .dd-display .p1 { display: inline; } +#optp2:checked ~ .dd-display .p2 { display: inline; } +#optp3:checked ~ .dd-display .p3 { display: inline; } +#optp4:checked ~ .dd-display .p4 { display: inline; } +#optp5:checked ~ .dd-display .p5 { display: inline; } +#optp6:checked ~ .dd-display .p6 { display: inline; } +#optp7:checked ~ .dd-display .p7 { display: inline; } +#optp8:checked ~ .dd-display .p8 { display: inline; } +#optp9:checked ~ .dd-display .p9 { display: inline; } +#optp10:checked ~ .dd-display .p10 { display: inline; } +#optp11:checked ~ .dd-display .p11 { display: inline; } +#optp12:checked ~ .dd-display .p12 { display: inline; } +#optp13:checked ~ .dd-display .p13 { display: inline; } +#optp14:checked ~ .dd-display .p14 { display: inline; } +#optp15:checked ~ .dd-display .p15 { display: inline; } + + + +@media (max-width: 480px) { + .sheet-dropdown .dd-list { max-height: 180px; overflow-y: auto; width: 400px; min-width: 400px; background-image: none; background-color: antiquewhite; border: 1px solid #000000;} + .sheet-dropdown .dd-display { padding: 8px; } +} + + + diff --git a/Aquelarre_3era_Nosolorol/aquelarre_3ed_nsr.html b/Aquelarre_3era_Nosolorol/aquelarre_3ed_nsr.html new file mode 100644 index 0000000000..f291cdae98 --- /dev/null +++ b/Aquelarre_3era_Nosolorol/aquelarre_3ed_nsr.html @@ -0,0 +1,9945 @@ + + + +