diff --git a/Nights in the Neighborhood/IMAGES/CRANEO_1_GATO.png b/Nights in the Neighborhood/IMAGES/CRANEO_1_GATO.png new file mode 100644 index 0000000000..2cd68fbf1f Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/CRANEO_1_GATO.png differ diff --git a/Nights in the Neighborhood/IMAGES/CRANEO_2_MAPACHE.png b/Nights in the Neighborhood/IMAGES/CRANEO_2_MAPACHE.png new file mode 100644 index 0000000000..ba8a1e85ec Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/CRANEO_2_MAPACHE.png differ diff --git a/Nights in the Neighborhood/IMAGES/CRANEO_3_ZARIGUEYA.png b/Nights in the Neighborhood/IMAGES/CRANEO_3_ZARIGUEYA.png new file mode 100644 index 0000000000..616fae49a9 Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/CRANEO_3_ZARIGUEYA.png differ diff --git a/Nights in the Neighborhood/IMAGES/CRANEO_4_PERRO.png b/Nights in the Neighborhood/IMAGES/CRANEO_4_PERRO.png new file mode 100644 index 0000000000..dbbf3d9b23 Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/CRANEO_4_PERRO.png differ diff --git a/Nights in the Neighborhood/IMAGES/CRANEO_5_RATA.png b/Nights in the Neighborhood/IMAGES/CRANEO_5_RATA.png new file mode 100644 index 0000000000..20855cfb45 Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/CRANEO_5_RATA.png differ diff --git a/Nights in the Neighborhood/IMAGES/CRANEO_6_LECHUZA.png b/Nights in the Neighborhood/IMAGES/CRANEO_6_LECHUZA.png new file mode 100644 index 0000000000..2a0b62eaef Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/CRANEO_6_LECHUZA.png differ diff --git a/Nights in the Neighborhood/IMAGES/NITN_DADOS_30x42px.png b/Nights in the Neighborhood/IMAGES/NITN_DADOS_30x42px.png new file mode 100644 index 0000000000..a8d7d5c573 Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/NITN_DADOS_30x42px.png differ diff --git a/Nights in the Neighborhood/IMAGES/NITN_EXPAND_ENGLISH.png b/Nights in the Neighborhood/IMAGES/NITN_EXPAND_ENGLISH.png new file mode 100644 index 0000000000..80c506b542 Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/NITN_EXPAND_ENGLISH.png differ diff --git a/Nights in the Neighborhood/IMAGES/NITN_EXPAND_SPANISH.png b/Nights in the Neighborhood/IMAGES/NITN_EXPAND_SPANISH.png new file mode 100644 index 0000000000..471ddf06e6 Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/NITN_EXPAND_SPANISH.png differ diff --git a/Nights in the Neighborhood/IMAGES/NITN_FONDO_BACK_EN_860px_A1.jpg b/Nights in the Neighborhood/IMAGES/NITN_FONDO_BACK_EN_860px_A1.jpg new file mode 100644 index 0000000000..af37a6e4ff Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/NITN_FONDO_BACK_EN_860px_A1.jpg differ diff --git a/Nights in the Neighborhood/IMAGES/NITN_FONDO_BACK_ES_860px_A1.jpg b/Nights in the Neighborhood/IMAGES/NITN_FONDO_BACK_ES_860px_A1.jpg new file mode 100644 index 0000000000..81f45b601f Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/NITN_FONDO_BACK_ES_860px_A1.jpg differ diff --git a/Nights in the Neighborhood/IMAGES/NITN_FONDO_COMBAT_EN_860px_A2.jpg b/Nights in the Neighborhood/IMAGES/NITN_FONDO_COMBAT_EN_860px_A2.jpg new file mode 100644 index 0000000000..9942fac26b Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/NITN_FONDO_COMBAT_EN_860px_A2.jpg differ diff --git a/Nights in the Neighborhood/IMAGES/NITN_FONDO_COMBAT_ES_860px_A7.jpg b/Nights in the Neighborhood/IMAGES/NITN_FONDO_COMBAT_ES_860px_A7.jpg new file mode 100644 index 0000000000..a778649477 Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/NITN_FONDO_COMBAT_ES_860px_A7.jpg differ diff --git a/Nights in the Neighborhood/IMAGES/NITN_FONDO_FRONT_EN_860px_A3.jpg b/Nights in the Neighborhood/IMAGES/NITN_FONDO_FRONT_EN_860px_A3.jpg new file mode 100644 index 0000000000..569b5d1917 Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/NITN_FONDO_FRONT_EN_860px_A3.jpg differ diff --git a/Nights in the Neighborhood/IMAGES/NITN_FONDO_FRONT_ES_860px_A3.jpg b/Nights in the Neighborhood/IMAGES/NITN_FONDO_FRONT_ES_860px_A3.jpg new file mode 100644 index 0000000000..897e1d87e8 Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/NITN_FONDO_FRONT_ES_860px_A3.jpg differ diff --git a/Nights in the Neighborhood/IMAGES/TEMPLATE_BUTTON_MENU_NITN_A1_220px.jpg b/Nights in the Neighborhood/IMAGES/TEMPLATE_BUTTON_MENU_NITN_A1_220px.jpg new file mode 100644 index 0000000000..04afe7f5a6 Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/TEMPLATE_BUTTON_MENU_NITN_A1_220px.jpg differ diff --git a/Nights in the Neighborhood/IMAGES/TEMPLATE_BUTTON_MENU_NITN_A2_220px.jpg b/Nights in the Neighborhood/IMAGES/TEMPLATE_BUTTON_MENU_NITN_A2_220px.jpg new file mode 100644 index 0000000000..ca15bc9d1b Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/TEMPLATE_BUTTON_MENU_NITN_A2_220px.jpg differ diff --git a/Nights in the Neighborhood/IMAGES/TEMPLATE_BUTTON_MENU_NITN_A3_220px.jpg b/Nights in the Neighborhood/IMAGES/TEMPLATE_BUTTON_MENU_NITN_A3_220px.jpg new file mode 100644 index 0000000000..25b4c25f2a Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/TEMPLATE_BUTTON_MENU_NITN_A3_220px.jpg differ diff --git a/Nights in the Neighborhood/IMAGES/TEMPLATE_BUTTON_MENU_NITN_A4_220px.jpg b/Nights in the Neighborhood/IMAGES/TEMPLATE_BUTTON_MENU_NITN_A4_220px.jpg new file mode 100644 index 0000000000..337ab13ed6 Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/TEMPLATE_BUTTON_MENU_NITN_A4_220px.jpg differ diff --git a/Nights in the Neighborhood/IMAGES/TEMPLATE_BUTTON_MENU_NITN_A5_220px.jpg b/Nights in the Neighborhood/IMAGES/TEMPLATE_BUTTON_MENU_NITN_A5_220px.jpg new file mode 100644 index 0000000000..4665831a6d Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/TEMPLATE_BUTTON_MENU_NITN_A5_220px.jpg differ diff --git a/Nights in the Neighborhood/IMAGES/TEMPLATE_BUTTON_MENU_NITN_A6_220px.jpg b/Nights in the Neighborhood/IMAGES/TEMPLATE_BUTTON_MENU_NITN_A6_220px.jpg new file mode 100644 index 0000000000..77139bce60 Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/TEMPLATE_BUTTON_MENU_NITN_A6_220px.jpg differ diff --git a/Nights in the Neighborhood/IMAGES/TEMPLATE_BUTTON_MENU_NITN_A7_220px.jpg b/Nights in the Neighborhood/IMAGES/TEMPLATE_BUTTON_MENU_NITN_A7_220px.jpg new file mode 100644 index 0000000000..0bc6648cb6 Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/TEMPLATE_BUTTON_MENU_NITN_A7_220px.jpg differ diff --git a/Nights in the Neighborhood/IMAGES/TEMPLATE_FONDO_NITN_A1_600px.png b/Nights in the Neighborhood/IMAGES/TEMPLATE_FONDO_NITN_A1_600px.png new file mode 100644 index 0000000000..d25e1ee464 Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/TEMPLATE_FONDO_NITN_A1_600px.png differ diff --git a/Nights in the Neighborhood/IMAGES/TEMPLATE_FONDO_NITN_A2_600px.png b/Nights in the Neighborhood/IMAGES/TEMPLATE_FONDO_NITN_A2_600px.png new file mode 100644 index 0000000000..ce0aa70e8c Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/TEMPLATE_FONDO_NITN_A2_600px.png differ diff --git a/Nights in the Neighborhood/IMAGES/TEMPLATE_FONDO_NITN_A3_600px.png b/Nights in the Neighborhood/IMAGES/TEMPLATE_FONDO_NITN_A3_600px.png new file mode 100644 index 0000000000..f65b831740 Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/TEMPLATE_FONDO_NITN_A3_600px.png differ diff --git a/Nights in the Neighborhood/IMAGES/buho.png b/Nights in the Neighborhood/IMAGES/buho.png new file mode 100644 index 0000000000..d9cbc2e143 Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/buho.png differ diff --git a/Nights in the Neighborhood/IMAGES/gato.png b/Nights in the Neighborhood/IMAGES/gato.png new file mode 100644 index 0000000000..bc775d1318 Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/gato.png differ diff --git a/Nights in the Neighborhood/IMAGES/mapache.png b/Nights in the Neighborhood/IMAGES/mapache.png new file mode 100644 index 0000000000..88eca7490c Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/mapache.png differ diff --git a/Nights in the Neighborhood/IMAGES/otro.png b/Nights in the Neighborhood/IMAGES/otro.png new file mode 100644 index 0000000000..f5aeb51335 Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/otro.png differ diff --git a/Nights in the Neighborhood/IMAGES/perro.png b/Nights in the Neighborhood/IMAGES/perro.png new file mode 100644 index 0000000000..327f2899ea Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/perro.png differ diff --git a/Nights in the Neighborhood/IMAGES/rata.png b/Nights in the Neighborhood/IMAGES/rata.png new file mode 100644 index 0000000000..82aa7e8428 Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/rata.png differ diff --git a/Nights in the Neighborhood/IMAGES/zarigueya.png b/Nights in the Neighborhood/IMAGES/zarigueya.png new file mode 100644 index 0000000000..61952adf99 Binary files /dev/null and b/Nights in the Neighborhood/IMAGES/zarigueya.png differ diff --git a/Nights in the Neighborhood/README.md b/Nights in the Neighborhood/README.md new file mode 100644 index 0000000000..a76f74e8fb --- /dev/null +++ b/Nights in the Neighborhood/README.md @@ -0,0 +1,3 @@ +# NINGHTS IN THE NEIGHBORHOOD +Nights in the Neighborhood roll20-character-sheet. +Puedes descargar los archivos para jugar a Nights in the Neighborhood en Roll20. diff --git a/Nights in the Neighborhood/nitn.css b/Nights in the Neighborhood/nitn.css new file mode 100644 index 0000000000..31134bf8c9 --- /dev/null +++ b/Nights in the Neighborhood/nitn.css @@ -0,0 +1,1038 @@ +/* CSS NIGHTS IN THE NEIGHBORHOOD - THE COMPANY */ +/* Character sheet for ROll20 by VJ Rolmasters*/ + +@import url('https://fonts.googleapis.com/css2?family=Boldonse&family=Bowlby+One&family=Dela+Gothic+One&family=Jolly+Lodger&family=Permanent+Marker&family=Rubik+Glitch&display=swap'); + +/*============= FONTS CSS =============*/ +.permanent-marker-regular { + font-family: "Permanent Marker", cursive; + font-weight: 400; + font-style: normal; +} +.jolly-lodger-regular { + font-family: "Jolly Lodger", system-ui; + font-weight: 400; + font-style: normal; +} +.rubik-glitch-regular { + font-family: "Rubik Glitch", system-ui; + font-weight: 400; + font-style: normal; +} +.bowlby-one-regular { + font-family: "Bowlby One", sans-serif; + font-weight: 400; + font-style: normal; +} +.boldonse-regular { + font-family: "Boldonse", system-ui; + font-weight: 400; + font-style: normal; +} +.dela-gothic-one-regular { + font-family: "Dela Gothic One", sans-serif; + font-weight: 400; + font-style: normal; +} + + +/*=================== TABS MENU SPANISH CSS ===================*/ +.sheet-cosmenu{ + float: none; + width: 100%; + height: auto; + min-height: 1000px; + margin: 0px auto ; + } + +/* configure the tab buttons */ +.charsheet .sheet-front, +.charsheet .sheet-back, +.charsheet .sheet-combat, +.charsheet .sheet-company{ + display: none; +} + +/* style the active button */ +.charsheet .sheet-tabstoggle[value="front"] ~ div .sheet-button0 {background-image: url("https://rolmasters.com/ROLL20/NITN/IMAGES/TEMPLATE_BUTTON_MENU_NITN_A7_220px.jpg") !important; color: #FFDD00 !important; text-shadow: 2px 2px 0 #000, /* Borde inferior derecho */ -2px 2px 0 #000, /* Borde inferior izquierdo */ 2px -2px 0 #000, /* Borde superior derecho */ -2px -2px 0 #000, /* Borde superior izquierdo */ 0 2px 0 #000, /* Borde inferior */ 0 -2px 0 #000, /* Borde superior */ 2px 0 0 #000, /* Borde derecho */ -2px 0 0 #000; /* Borde izquierdo */ } +.charsheet .sheet-tabstoggle[value="back"] ~ div .sheet-button1 {background-image: url("https://rolmasters.com/ROLL20/NITN/IMAGES/TEMPLATE_BUTTON_MENU_NITN_A3_220px.jpg") !important; color: #FFDD00 !important; text-shadow: 2px 2px 0 #000, /* Borde inferior derecho */ -2px 2px 0 #000, /* Borde inferior izquierdo */ 2px -2px 0 #000, /* Borde superior derecho */ -2px -2px 0 #000, /* Borde superior izquierdo */ 0 2px 0 #000, /* Borde inferior */ 0 -2px 0 #000, /* Borde superior */ 2px 0 0 #000, /* Borde derecho */ -2px 0 0 #000; /* Borde izquierdo */ } +.charsheet .sheet-tabstoggle[value="combat"] ~ div .sheet-button2 {background-image: url("https://rolmasters.com/ROLL20/NITN/IMAGES/TEMPLATE_BUTTON_MENU_NITN_A4_220px.jpg") !important; color: #FFDD00 !important; text-shadow: 2px 2px 0 #000, /* Borde inferior derecho */ -2px 2px 0 #000, /* Borde inferior izquierdo */ 2px -2px 0 #000, /* Borde superior derecho */ -2px -2px 0 #000, /* Borde superior izquierdo */ 0 2px 0 #000, /* Borde inferior */ 0 -2px 0 #000, /* Borde superior */ 2px 0 0 #000, /* Borde derecho */ -2px 0 0 #000; /* Borde izquierdo */ } +.charsheet .sheet-tabstoggle[value="company"] ~ div .sheet-button3 {background-image: url("https://rolmasters.com/ROLL20/NITN/IMAGES/TEMPLATE_BUTTON_MENU_NITN_A5_220px.jpg") !important; color: #FFDD00 !important; text-shadow: 2px 2px 0 #000, /* Borde inferior derecho */ -2px 2px 0 #000, /* Borde inferior izquierdo */ 2px -2px 0 #000, /* Borde superior derecho */ -2px -2px 0 #000, /* Borde superior izquierdo */ 0 2px 0 #000, /* Borde inferior */ 0 -2px 0 #000, /* Borde superior */ 2px 0 0 #000, /* Borde derecho */ -2px 0 0 #000; /* Borde izquierdo */ } + +/* show the selected tab */ +.charsheet .sheet-tabstoggle[value="front"] ~ div.sheet-front, +.charsheet .sheet-tabstoggle[value="back"] ~ div.sheet-back, +.charsheet .sheet-tabstoggle[value="combat"] ~ div.sheet-combat, +.charsheet .sheet-tabstoggle[value="company"] ~ div.sheet-company{ + display: block; +} + +.sheet-button0, +.sheet-button1, +.sheet-button2, +.sheet-button3{ + width: auto; + height: 24px; + margin: 0px 0px 0px 3px; + padding: 6px 40px 1px; + text-align: center; + font-family: "Rubik Glitch", system-ui; + font-weight: 400; + font-style: normal; + font-size: 17px; + color: #ffffff; + background: #9ECB12; + background-image: url("https://rolmasters.com/ROLL20/NITN/IMAGES/TEMPLATE_BUTTON_MENU_NITN_A2_220px.jpg"); + background-repeat: no-repeat; + background-size:cover; + background-position: center; + border: 2px solid #000000; + } + +.sheet-button0:hover, +.sheet-button1:hover, +.sheet-button2:hover, +.sheet-button3:hover{ + width: auto; + height: 24px; + margin: 0px 0px 0px 3px; + padding: 6px 40px 1px;; + text-align: center; + font-family: "Rubik Glitch", system-ui; + font-weight: 400; + font-style: normal; + font-size: 17px; + color: #000000; + background: #000000; + background-image: url("https://rolmasters.com/ROLL20/NITN/IMAGES/TEMPLATE_BUTTON_MENU_NITN_A1_220px.jpg"); + background-repeat: no-repeat; + background-size:cover; + background-position: center; + border: 2px solid #000000; + } + + +.sheet-barralanzadados{ + float: right; + width: 100px; + height: auto; + min-height: 30px; + margin: 0px 10px 0px 0px; + border: 2px solid #000000; + text-align: center; + color: #000000; + font-family: "Boldonse", system-ui; + font-size: 11px; + cursor: pointer; + } + +/*============= CONTENEDORES Y COLUMNAS CSS =============*/ + +.sheet-clearfloat { + clear:both; + height:0; + font-size: 0px; + line-height:0px; +} +.ui-dialog .charsheet { + padding: 0px 0px; +} +.sheet-contenedorvj{ + float:none; + position:relative; + width:100%; + max-width: 860px; + height:auto; + margin: 0px auto; + padding: 0px 0px; + } + +.sheet-contenedortotal{ + float: left; + width: 860px; + height: auto; + min-height: 1000px; + margin: 0px auto ; +} + +/*============= DADOS CSS =============*/ + +.sheet-dau-box-2d6A { + position:relative; + float:right; + width: 30px; + height: 42px; + min-height: 42px; + margin: 70px 5px 0px 0px; +} +.sheet-dau-box-2d6B { + position:relative; + float:right; + width: 30px; + height: 42px; + min-height: 42px; + margin: -2px 10px 0px 0px; +} +.sheet-dau-box-2d6 { + position:relative; + float:right; + width: 30px; + height: 42px; + min-height: 42px; + margin: 70px 20px 0px 0px; +} +.charsheet button[type="roll"].sheet-2d6:before{ + content: ' '; +} +.charsheet button[type="roll"].sheet-2d6:hover{ + background-position: 0; +} +.charsheet button[type="roll"].sheet-2d6{ + background-image: url("https://rolmasters.com/ROLL20/NITN/IMAGES/NITN_DADOS_30x42px.png"); + background-size: auto; + background-repeat:no-repeat; + width: 30px; + height: 42px; + border-style: none; + background-color: transparent; + margin-left: 0px; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; +} + + +.charsheet button[type="roll"].sheet-2d6R:before{ + content: ' '; +} +.charsheet button[type="roll"].sheet-2d6R:hover{ + background-position: 0; +} +.charsheet button[type="roll"].sheet-2d6R{ + float:right; + background-image: url("https://rolmasters.com/ROLL20/NITN/IMAGES/NITN_DADOS_30x42px.png"); + background-size: auto; + background-repeat:no-repeat; + width: 30px; + height: 42px; + border-style: none; + background-color: transparent; + margin-left: 0px; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; +} + + +.ui-dialog .charsheet button[type=roll]::before { + font-family: none!important; + border: none; + background-color: transparent; + color: transparent!important; +} +/*============= PERSONAJE TAB 1 CSS =============*/ + +.sheet-front{ + float:left; + position:relative; + width:860px; + height:auto; + min-height: 1281px; + margin: 0px; + background-image: url("https://rolmasters.com/ROLL20/NITN/IMAGES/NITN_FONDO_FRONT_ES_860px_A3.jpg"); + background-repeat: no-repeat; + background-size:cover; + background-position: center; + } +.sheet-frontspanish{ + float:left; + position:relative; + width: 860px; + height: 1281px; + } + .sheet-frontenglish{ + float:left; + position:relative; + width:0px; + height:0px; + overflow: hidden!important; + } +.sheet-nom{ + float: left; + position:relative; + width: 860px; + height: 110px; + min-height: 110px; + margin: 0px 0px 0px 0px; + } +.sheet-pjinfo-A{ + float: left; + width: 380px !important; + height: 20px !important; + margin: 80px 0px 0px 70px !important; + border-top: none; + border-left: none; + border-right: none; + border-bottom: solid 1px #000000 !important; + outline: 0px; + text-align: left; background-color: transparent !important; font-size: 20px; font-family: "Amarante", serif; + } + +.sheet-columnaraza{ + float: left; + position:relative; + width: 220px; + height: auto; + min-height: 1150px; + margin: 0px 0px 0px 15px; + } +.sheet-imagenmorador { + width: 100%; + height: auto; + min-height: 345px; + margin-top: 70px; +} +.sheet-razaimagen { + width: 100%; + height: auto; + min-height: 345px; + object-fit: contain; +} +.sheet-barraselectraza{ + float: left; + position:relative; + width: 90% !important; + height: 34px; + margin: 0px 0px 0px 5%; + padding: 0px 0px; + font-family: "Amarante"; + font-size: 16px; + text-align: center; + color: #000000; + border: 3px solid #000000; + cursor: pointer; + } +.sheet-rasgosunicos{ + float: left; + position:relative; + width: 100%; + height: auto; + min-height: auto; + margin: 100px 0px 0px 0px; + } + +.sheet-atributsespai300px{ + float: left; + position:relative; + width: 600px; + height: 255px; + min-height: 255px; + margin: 0px 0px 0px 0px; + } + +.sheet-columnaatributsmig{ + float: left; + position:relative; + width: 400px; + height: auto; + min-height: auto; + margin: 0px 0px 0px 0px; + } +.sheet-columnaatributsfinal{ + float: left; + position:relative; + width: 200px; + height: auto; + min-height: auto; + margin: 0px 0px 0px 0px; + } + .sheet-atributs1{ + float: left; + position:relative; + width: 200px; + height: auto; + min-height: 132px; + margin: 0px 0px 0px 0px; + } + .sheet-atributsbox{ + float: left; + position:relative; + width: 200px; + height: auto; + min-height: 133px; + margin: 0px 0px 0px 0px; + } +.sheet-valoratributos{ + float: left; + width: 50px !important; + height: 50px !important; + border-top: none; + border-left: none; + border-right: none; + border-bottom: none !important; + outline: 0px; + text-align: center; background-color: transparent !important; font-weight: bold; font-size: 24px; font-family: "Boldonse", serif; color:#000000; + -webkit-inner-spin-button: none; + -webkit-outer-spin-button: none; + -moz-appearance: textfield; + -webkit-appearance: none; + } +.sheet-valoratributos2{ + float: left; + width: 50px !important; + height: 50px !important; + border-top: none; + border-left: none; + border-right: none; + border-bottom: none !important; + outline: 0px; + text-align: center; background-color: transparent !important; font-weight: bold; font-size: 28px; font-family: "Boldonse", serif; color:#000000; + -webkit-inner-spin-button: none; + -webkit-outer-spin-button: none; + -moz-appearance: textfield; + -webkit-appearance: none; + } + +.sheet-columnahabilitats{ + float: left; + position:relative; + width: 200px; + height: auto; + min-height: 75px; + margin: 0px 0px 0px 0px; + } + .sheet-habilitatbox{ + float: left; + position:relative; + width: 100%; + height: auto; + min-height: 25px; + margin: 0px 0px 0px 0px; + } + .sheet-ataquebox{ + float: left; + position:relative; + width: 100%; + height: auto; + min-height: 200px; + margin: 0px 0px 0px 0px; + } + .sheet-ataquedescripcio{ + float: left; + position:relative; + width: 100%; + height: 235px; + min-height: 235px; + margin: 0px 0px 0px 0px; + } + +.sheet-columnasalud{ + float: left; + position:relative; + width: 200px; + height: 420px; + min-height: 420px; + margin: 170px 0px 0px 0px; + } +.sheet-saludbox1{ + float: left; + position:relative; + width: 100%; + height: auto; + min-height: 20px; + max-height: 50px; + margin: 0px 0px 0px 0px; + } +.sheet-destino{ + float: left; + position:relative; + width: 200px; + height: 100px; + min-height: 100px; + margin: 0px 0px 0px 0px; + } +.sheet-destinobox{ + float: left; + position:relative; + width: 200px; + height: 30px; + min-height: 30px; + margin: 0px 0px 0px 0px; + } + + +/*=================== CARACTERÍSTICAS TAB 2 CSS ===================*/ +.sheet-back{ + float:left; + position:relative; + width:860px; + height:1312px; + min-height: 1312px; + margin: 0px auto ; + background-image: url("https://rolmasters.com/ROLL20/NITN/IMAGES/NITN_FONDO_BACK_ES_860px_A1.jpg"); + background-repeat: no-repeat; + background-size:auto; + background-position: center; + } +.sheet-dondevives{ + float: left; + width: 860px; + height: auto; + min-height: 40px; + margin: 160px auto 0px ; + } +.sheet-proteges{ + float: left; + width: 100%; + height: 233px; + min-height: 40px; + margin: 80px auto 0px; + } +.sheet-quetemes{ + float: left; + width: 100%; + height: 233px; + min-height: 40px; + margin: 0px auto ; + } +.sheet-unico{ + float: left; + width: 100%; + height: 237px; + min-height: 40px; + margin: 0px auto ; + } +.sheet-quedeseas{ + float: left; + width: 100%; + height: 200px; + min-height: 40px; + margin: 0px auto ; + } + + +/*=================== COMBATE TAB 3 CSS ===================*/ +.sheet-combat{ + float:left; + position:relative; + width:860px; + height:auto; + min-height: 1312px; + margin: 0px; + background-image: url("https://rolmasters.com/ROLL20/NITN/IMAGES/NITN_FONDO_COMBAT_ES_860px_A7.jpg"); + background-repeat: no-repeat; + background-size:cover; + background-position: center; + } +.sheet-combatspanish{ + float:left; + position:relative; + width: 860px; + height: 1312px; + } + .sheet-combatenglish{ + float:left; + position:relative; + width:0px; + height:0px; + overflow: hidden!important; + } + +.sheet-tiradasecreta{ + font-size: 20px!important; font-family: "Jolly Lodger", system-ui; + margin: 0px 0px 0px 50px; + } +.sheet-combatdeclaracion{ + float:left; + position:relative; + width:100%; + height:40px; + min-height: 40px; + margin: 250px 0px 0px 0px; + } + +.sheet-columnacarta{ + float:left; + position:relative; + width:620px; + height:40px; + min-height: 40px; + margin: 0px; + } +.sheet-barraselectaccion{ + float: left; + position:relative; + width: 500px; + height: 34px; + margin: 0px 0px 0px 120px; + padding: 0px 0px; + font-family: "Amarante"; + font-size: 16px; + text-align: center; + color: #000000; + border: 3px solid #000000; + cursor: pointer; + } +.sheet-columnamonedareaccion{ + float:left; + position:relative; + width:200px; + height:40px; + min-height: 40px; + margin: 0px 0px 0px 0px; + } +.sheet-secretadj{ + float:left; + position:relative; + width:600px; + height:25px; + min-height: 25px; + margin: 0px 0px 0px 170px; + } +.sheet-paso2iniciativa{ + float:left; + position:relative; + width:100%; + height:285px; + min-height: 285px; + margin: 0px 0px 0px 0px; + } +.sheet-combatiniciativa{ + float:left; + position:relative; + width:295px; + height:280px; + min-height: 280px; + margin: 0px 0px 0px 0px; + } +.sheet-iniciativabox{ + float:left; + position:relative; + width:195px; + height:50px; + min-height: 50px; + margin: 140px 0px 0px 100px; + } +.sheet-barraselectiniciativa{ + float: left; + position:relative; + width: 155px; + height: 34px; + margin: 0px 0px 0px 0px; + padding: 0px 0px; + font-family: "Amarante"; + font-size: 16px; + text-align: center; + color: #000000; + border: 3px solid #000000; + cursor: pointer; + + } +.sheet-combatpuntosvida{ + float:left; + position:relative; + width:190px; + height:280px; + min-height: 280px; + margin: 0px 0px 0px 0px; + } +.sheet-combatgolpe{ + float:left; + position:relative; + width:125px; + height:280px; + min-height: 280px; + margin: 0px 0px 0px 0px; + } + +.sheet-imagencraneos { + float:left; + position:relative; + width: 240px; + height: auto; + min-height: 255px; + margin-top: 0px; +} +.sheet-craneoimagen { + width: 100%; + height: auto; + min-height: 255px; + object-fit: contain; +} + +/*============= COMPANY TAB 4 CSS =============*/ + +.sheet-block-a, +.charsheet .sheet-block-switch:checked ~ .sheet-block-b { + display: block; +} + +.charsheet .sheet-block-b, +.charsheet .sheet-block-switch:checked ~ .sheet-block-a { + display: none; +} + + +/*=================== FIRMA CSS ===================*/ + +.sheet-firma-foot{ + float: left; + width: 100%; + height: 20px; + min-height: 20px; + margin: 0px auto 5px; + font-family: "Brawler", serif; + font-weight: 500; + font-size: 11px; + text-align: center; + color: #A45700; + cursor: pointer; +} + +/*=================== NITN: NIGHTS IN THE NEIGHBORHOOD ROLLTEMPLATE CSS ===================*/ + +/* Smaller margins - remove these if you want the huge default left margin */ +.sheet-rolltemplate-nitn { + margin-left: -37px; +} +.sheet-rolltemplate-nitn .sheet-fotofondo { + width: 300px; + height: auto; + min-height: 245px; + background-image: url("https://rolmasters.com/ROLL20/NITN/IMAGES/TEMPLATE_FONDO_NITN_A1_600px.png"); + background-repeat: no-repeat; + background-size:cover; + background-position: top; + border: 1px solid #000000; +} +.withoutavatars .sheet-rolltemplate-nitn { + margin-left: -7px; +} + +.sheet-rolltemplate-nitn .sheet-container { +} + +/* Header formatting - title and subtitle */ +.sheet-rolltemplate-nitn .sheet-header { + height: 60px; + background-color: transparent; + /* change text-align to center to center the header text */ + text-align: left; + padding: 5px 5px 0px 5px; + font-weight: bold; font-size: 20px; font-family: "Rubik Glitch", system-ui; color: #ffffff; +} +.sheet-rolltemplate-nitn .sheet-title { + margin-top: 2px; + margin-left: 15px; + font-size:1.1em; +} +.sheet-rolltemplate-nitn .sheet-subtitle { + margin-top: 5px; + margin-left: 15px; + font-size:.9em; +} + +/* example colors */ + +.sheet-rolltemplate-nitn .sheet-container.sheet-color-red { + --header-bg-color: #F00; +} +.sheet-rolltemplate-nitn .sheet-container.sheet-color-green { + --header-bg-color: #0F0; + --header-text-color: #000; +} + +.sheet-rolltemplate-nitn .textchatcontainer .inlinerollresult.fullcrit { + border: 2px solid #20472e !important; + border-color: #20472e !important; +} + +/* Allprops part */ +.sheet-rolltemplate-nitn .sheet-content { + display: grid; + height: 100px !important; + min-height: 100px !important; + background-color: transparent !important; + /* Header formatting - modify the column layout below */ + grid-template-columns: auto auto; + /* Line height to match default roll template */ + line-height:1.4em; + +} +.sheet-rolltemplate-nitn .sheet-content > div { + padding: 5px 0px 0px 1px; +} + +/* Left column */ +.sheet-rolltemplate-nitn .sheet-content .sheet-key { + width: 90px; + height: 40px; + font-size: 26px; font-family: "Jolly Lodger", system-ui; color: #000000; + font-weight: bold; + padding: 3px 0px 0px 35px; + text-align: left; + background-color: transparent !important; + margin-top: 5px; + line-height: 24px; +} + +.sheet-rolltemplate-nitn .sheet-value { + font-size: 100px !important; + color: #000000; +} +/* Empty rule, use this if you want to change the right column +.sheet-rolltemplate-custom .sheet-value { +} +*/ + +/* Make even-numbered rows grey */ +.sheet-rolltemplate-nitn .sheet-content :nth-child(4n+3), +.sheet-rolltemplate-nitn .sheet-content :nth-child(1n) { + background: transparent!important; + border: none; +} + +/* Description field */ +.sheet-rolltemplate-nitn .sheet-desc { + grid-column: span 2; + height: 40px; + min-height: 40px; + margin: 40px 0px 0px; + padding: 0px 20px !important; + text-align: center; + font-size: 26px; font-family: "Jolly Lodger", system-ui; color: #000000; +} + + +.textchatcontainer { + background-color: transparent!important; + border: 0px solid transparent!important; + padding: 0px 3px 0px 3px; + font-weight: bold; + cursor: help; + font-size: 1.1em; +} + + +/*=================== NITN DECLARATION ROLLTEMPLATE CSS ===================*/ + +/* Smaller margins - remove these if you want the huge default left margin */ +.sheet-rolltemplate-nitndeclaration { + margin-left: -37px; +} +.sheet-rolltemplate-nitndeclaration .sheet-fotofondo { + width: 300px; + height: auto; + min-height: 245px; + background-image: url("https://rolmasters.com/ROLL20/NITN/IMAGES/TEMPLATE_FONDO_NITN_A1_600px.png"); + background-repeat: no-repeat; + background-size:cover; + background-position: top; + border: 1px solid #000000; +} +.withoutavatars .sheet-rolltemplate-nitndeclaration { + margin-left: -7px; +} + +.sheet-rolltemplate-nitndeclaration .sheet-container { +} + +/* Header formatting - title and subtitle */ +.sheet-rolltemplate-nitndeclaration .sheet-header { + height: 70px; + background-color: transparent; + /* change text-align to center to center the header text */ + text-align: left; + padding: 5px 5px 0px 5px; + font-weight: bold; font-size: 20px; font-family: "Rubik Glitch", system-ui; color: #ffffff; } +.sheet-rolltemplate-nitndeclaration .sheet-title { + margin-top: 2px; + margin-left: 15px; + font-size:1.1em; +} +.sheet-rolltemplate-nitndeclaration .sheet-subtitle { + margin-top: 5px; + margin-left: 15px; + font-size:.9em; +} + +/* example colors */ + +.sheet-rolltemplate-nitndeclaration .sheet-container.sheet-color-red { + --header-bg-color: #F00; +} +.sheet-rolltemplate-nitndeclaration .sheet-container.sheet-color-green { + --header-bg-color: #0F0; + --header-text-color: #000; +} + +.sheet-rolltemplate-nitndeclaration .textchatcontainer .inlinerollresult.fullcrit { + border: 2px solid #20472e !important; + border-color: #20472e !important; +} + +/* Allprops part */ +.sheet-rolltemplate-nitndeclaration .sheet-content { + display: grid; + height: 100px !important; + min-height: 100px !important; + background-color: transparent !important; + /* Header formatting - modify the column layout below */ + grid-template-columns: auto auto; + /* Line height to match default roll template */ + line-height:1.4em; + +} +.sheet-rolltemplate-nitndeclaration .sheet-content > div { + padding: 5px 0px 0px 1px; +} + +/* Left column */ +.sheet-rolltemplate-nitndeclaration .sheet-content .sheet-key { + width: 250px; + height: 40px; + font-size: 28px; font-family: "Jolly Lodger", system-ui; color: #000000; + font-weight: bold; + padding: 10px 0px 0px 30px; + text-align: center; + background-color: transparent !important; + line-height: 24px; +} + +.sheet-rolltemplate-nitndeclaration .sheet-value { + font-size: 40px !important; + height: 70px !important; + margin-top: 5px; +} +/* Empty rule, use this if you want to change the right column +.sheet-rolltemplate-custom .sheet-value { +}*/ + +/* Make even-numbered rows grey */ +.sheet-rolltemplate-nitndeclaration .sheet-content :nth-child(4n+3), +.sheet-rolltemplate-nitndeclaration .sheet-content :nth-child(4n) { + background-color: transparent !important; +} + +/* Description field */ +.sheet-rolltemplate-nitndeclaration .sheet-desc { + grid-column: span 2; + height: 40px; + min-height: 40px; + margin: 10px 0px 0px; + padding: 0px 20px !important; + text-align: center; + font-size: 26px; font-family: "Jolly Lodger", system-ui; color: #000000; +} + + +/*============= 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; } + +/*=================== IDIOMA SPANISH CSS ===================*/ +.sheet-idioma{ + float: left; + width: 100%; + height: auto; + min-height: 30px; + margin: 0px auto ; + background-image: url("https://rolmasters.com/ROLL20/NITN/IMAGES/NITN_EXPAND_ENGLISH.png"); + background-repeat: no-repeat; + background-size:contain; + background-position: center; + } + +/*=================== MEDIA CSS ===================*/ + +@media screen and (min-width: 950px){ + +.sheet-idioma{ + float: left; + width: 100%; + height: auto; + min-height: 30px; + margin: 0px auto ; + background-image: url("https://rolmasters.com/ROLL20/NITN/IMAGES/NITN_EXPAND_SPANISH.png"); + background-repeat: no-repeat; + background-size:contain; + background-position: center; + } + +.sheet-front{ + float:left; + position:relative; + width:860px; + height:auto; + min-height: 1281px; + margin: 0px; + background-image: url("https://rolmasters.com/ROLL20/NITN/IMAGES/NITN_FONDO_FRONT_EN_860px_A3.jpg"); + background-repeat: no-repeat; + background-size:cover; + background-position: center; + } + + .sheet-frontspanish{ + float:left; + position:relative; + width:0px; + height:0px; + overflow: hidden!important; + } + .sheet-frontenglish{ + float:left; + position:relative; + width: 860px; + height: 1281px; + } + + .sheet-back{ + float:left; + position:relative; + width:860px; + height:1312px; + min-height: 1312px; + margin: 0px auto ; + background-image: url("https://rolmasters.com/ROLL20/NITN/IMAGES/NITN_FONDO_BACK_EN_860px_A1.jpg"); + background-repeat: no-repeat; + background-size:auto; + background-position: center; + } + + .sheet-combat{ + float:left; + position:relative; + width:860px; + height:auto; + min-height: 1312px; + margin: 0px; + background-image: url("https://rolmasters.com/ROLL20/NITN/IMAGES/NITN_FONDO_COMBAT_EN_860px_A2.jpg"); + background-repeat: no-repeat; + background-size:cover; + background-position: center; + } + + .sheet-combatspanish{ + float:left; + position:relative; + width:0px; + height:0px; + overflow: hidden!important; + } + + .sheet-combatenglish{ + float:left; + position:relative; + width: 860px; + height: 1312px; + } + +} \ No newline at end of file diff --git a/Nights in the Neighborhood/nitn.html b/Nights in the Neighborhood/nitn.html new file mode 100644 index 0000000000..6fdd254190 --- /dev/null +++ b/Nights in the Neighborhood/nitn.html @@ -0,0 +1,1690 @@ + + + +
+ +
+ + + +
+ +
+ + + + + + +
+ + +
+
+
+ +
+ +
+
+ +
+ + + + + +
+ + + + + + +
+ +
+ + +
+
+ + +
+ +
+ +
+ + +
+ +
+
+ + +
+
+ +
+ +
+ +
+ +
+ +
+
+ + +
+ + +
+ +
+ + +
+ +
+
+ + +
+
+ +
+ +
+ +
+ +
+ +
+
+ +
+ + +
+ +
+ +
+ +
+
+ + +
+
+ +
+ +
+ +
+ +
+ +
+
+ + +
+ + +
+ +
+ +
+ +
+
+ + +
+
+ +
+ +
+ +
+ +
+ +
+
+ + +
+ + +
+ +
+ +
+ + + + + + +
+ +
+ + + +
+ +
+ +
+ +
+ +
+
+ + +
+
+ +
+ +
+ +
+ +
+ +
+
+ + +
+ +
+ + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + + +
+
+ + + +
+ +
+ + +
+ +
+ + +
+ + + +
+
+ +
+ +
+
+ +
+ + + + + +
+ + + + + + +
+ +
+ + +
+
+ + +
+ +
+ +
+ + +
+ +
+
+ + +
+
+ +
+ +
+ +
+ +
+ +
+
+ + +
+ + +
+ +
+ + +
+ +
+
+ + +
+
+ +
+ +
+ +
+ +
+ +
+
+ +
+ + +
+ +
+ +
+ +
+
+ + +
+
+ +
+ +
+ +
+ +
+ +
+
+ + +
+ + +
+ +
+ +
+ +
+
+ + +
+
+ +
+ +
+ +
+ +
+ +
+
+ + +
+ + +
+ +
+ +
+ + + + + + +
+ +
+ + + +
+ +
+ +
+ +
+ +
+
+ + +
+
+ +
+ +
+ +
+ +
+ +
+
+ + +
+ +
+ + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + + +
+
+ + + +
+ +
+ + +
+ +
+ + +
+ +
+ + + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + +
+ + +
+ +
+
+ +
+ +
+ + + +
+ +
+ +
+ +
+ + +
+ + +
+ +
+ + +
+ +
+
+ + +
+
+
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ +
+ + +
+ + + +
+
+ + +
+
+ +
+ +
+ + + +
+ +
+ +
+ +
+ + +
+ + +
+ +
+ + +
+ +
+
+ + +
+ +
+
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ +
+ + +
+ + + +
+
+ +
+ + + +
+ +
+ +
+ +
+ NIGHTS IN THE NEIGHBORHOOD - Roll20 Character Sheet by VJ Rolmasters +
+ +
+ +
+ + + + +
+
+
+ {{#title}}
{{title}}
{{/title}} + {{#subtitle}}
{{subtitle}}
{{/subtitle}} +
+
+ {{#allprops() title subtitle desc color}} +
{{key}}
+
{{value}}
+ {{/allprops() title subtitle desc color}} + {{#desc}}
{{desc}}
{{/desc}} +
+
+
+ + + + +
+
+
+ {{#title}}
{{title}}
{{/title}} + {{#subtitle}}
{{subtitle}}
{{/subtitle}} +
+
+ {{#allprops() title subtitle desc color}} +
{{key}}
+
{{value}}
+ {{/allprops() title subtitle desc color}} + {{#desc}}
{{desc}}
{{/desc}} +
+
+
+ + + +
+ +
+ + diff --git a/Nights in the Neighborhood/nitn.png b/Nights in the Neighborhood/nitn.png new file mode 100644 index 0000000000..a1e5d79f95 Binary files /dev/null and b/Nights in the Neighborhood/nitn.png differ diff --git a/Nights in the Neighborhood/sheet.json b/Nights in the Neighborhood/sheet.json new file mode 100644 index 0000000000..44fd9f1d51 --- /dev/null +++ b/Nights in the Neighborhood/sheet.json @@ -0,0 +1,10 @@ +{ + "html": "nitn.html", + "css": "nitn.css", + "authors": "VJ Rolmasters", + "roll20userid": "7647363", + "preview": "nitn.png", + "instructions": "Ficha del jugador para el juego de rol Nights in the Neighborhood. Creado por Rodrigo S. Salvay y editado por The company. Lo podéis encontrar en su web. Si detectáis cualquier tipo de error en la ficha o tenéis alguna sugerencia poréis contactar con el autor del Charactersheet de Roll20 mediante un correo a hola@rolmasters.com", + "patreon": "https://ko-fi.com/vjrolmasters", + "legacy": false +}