mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
1128 lines
28 KiB
CSS
1128 lines
28 KiB
CSS
/* 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://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nights in the Neighborhood/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://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nights in the Neighborhood/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://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nights in the Neighborhood/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://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nights in the Neighborhood/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://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nights in the Neighborhood/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://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nights in the Neighborhood/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; background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nights in the Neighborhood/IMAGES/NITN_DADOS_C_30x42px.png")!important;
|
|
}
|
|
.charsheet button[type="roll"].sheet-2d6{
|
|
float: left;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nights in the Neighborhood/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; background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nights in the Neighborhood/IMAGES/NITN_DADOS_C_30x42px.png")!important;
|
|
}
|
|
.charsheet button[type="roll"].sheet-2d6R{
|
|
float:right;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nights in the Neighborhood/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://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nights in the Neighborhood/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-valoratributos3{
|
|
float: left;
|
|
width: 60px !important;
|
|
height: 30px !important;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: none !important;
|
|
outline: 0px;
|
|
text-align: center; background-color: transparent !important; font-size: 16px; font-family: "Amarante", 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-mycheck{
|
|
color:Black; accent-color:Black;
|
|
}
|
|
.sheet-mysaludcheck{
|
|
color:Black; accent-color:Black;
|
|
}
|
|
.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://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nights in the Neighborhood/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://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nights in the Neighborhood/IMAGES/NITN_COMBAT_ES_860px_A9.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;
|
|
}
|
|
|
|
.sheet-resolution{
|
|
float: left;
|
|
width: 100%;
|
|
height: 220px;
|
|
min-height: 40px;
|
|
margin: 0px auto;
|
|
}
|
|
.sheet-columnaselectataque{
|
|
float:left;
|
|
position:relative;
|
|
width:120px;
|
|
height:40px;
|
|
min-height: 40px;
|
|
margin: 0px 0px 0px 270px;
|
|
}
|
|
|
|
.sheet-damagebasico{
|
|
float: left;
|
|
position:relative;
|
|
width:60px;
|
|
height: 28px;
|
|
margin: 0px 0px 0px 60px;
|
|
padding: 0px 0px;
|
|
font-family: "Amarante";
|
|
font-size: 16px;
|
|
text-align: center;
|
|
color: #000000;
|
|
border: 3px solid #000000;
|
|
}
|
|
|
|
.sheet-columnaselectdanos{
|
|
float:left;
|
|
position:relative;
|
|
width:120px;
|
|
height:40px;
|
|
min-height: 40px;
|
|
margin: 0px 0px 0px 10px;
|
|
}
|
|
|
|
|
|
|
|
/*============= COMPANY TAB 4 CSS =============*/
|
|
|
|
|
|
|
|
/*=================== 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_600px.jpg");
|
|
background-repeat: no-repeat;
|
|
background-size:cover;
|
|
background-position: top;
|
|
border: 1px solid #000000;
|
|
display: flex; /* para que el hijo no desborde raro */
|
|
align-items: stretch; /* que el hijo ocupe el mismo alto */
|
|
}
|
|
.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_600px.jpg");
|
|
background-repeat: no-repeat;
|
|
background-size:cover;
|
|
background-position: top;
|
|
border: 1px solid #000000;
|
|
display: flex; /* para que el hijo no desborde raro */
|
|
align-items: stretch; /* que el hijo ocupe el mismo alto */
|
|
}
|
|
.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://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nights in the Neighborhood/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://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nights in the Neighborhood/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://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nights in the Neighborhood/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://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nights in the Neighborhood/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://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nights in the Neighborhood/IMAGES/NITN_COMBAT_EN_860px_A9.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;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Rolltemplate básico de prueba */
|
|
.sheet-rolltemplate-nitntest .sheet-fotofondo {
|
|
width: 300px;
|
|
min-height: 245px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nights%20in%20the%20Neighborhood/IMAGES/TEMPLATE_FONDO_NITN_A1_600px.png");
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-position: top;
|
|
border: 1px solid #000000;
|
|
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Para que no tape el fondo */
|
|
.sheet-rolltemplate-nitntest .sheet-container {
|
|
background: transparent !important;
|
|
color: white; /* texto en blanco para contrastar con el fondo */
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
|