mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 11:42:29 +00:00
2010 lines
45 KiB
CSS
2010 lines
45 KiB
CSS
@font-face {
|
|
font-family: 'League Gothic';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local('League Gothic Regular'), local('LeagueGothic-Regular'), url(http://nahualrpg.com/roll20/fonts/leaguegothic-regular-webfont.woff) format('woff');
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'La Ghandi Sans';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local('La Ghandi Sans Regular'), local('LaGhandiSans-Regular'), url(http://nahualrpg.com/roll20/fonts/GandhiSans-Regular-webfont.woff) format('woff');
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'GandhiSansBold';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local('GandhiSansBold Regular'), local('GandiSansBold-Regular'), url(http://nahualrpg.com/roll20/fonts/GandhiSansBold.woff) format('woff');
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
}
|
|
|
|
button[type=roll].sheet-buttonbroadcast {
|
|
|
|
font-family: pictos;
|
|
position: absolute;
|
|
border: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
z-index: 3;
|
|
}
|
|
|
|
|
|
/*
|
|
.sheet-tabstoggle[value="barrioqs"] ~ div.sheet-barrioqsn,
|
|
.sheet-tabstoggle[value="barrioqs"] ~ div.sheet-nahualityg,
|
|
.sheet-tabstoggle[value="nahuality"] ~ div.sheet-nahualityn,
|
|
.sheet-tabstoggle[value="nahuality"] ~ div.sheet-barriosqsg{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-tabstoggle[value="barrioqs"] ~ div.sheet-barriosqsg,
|
|
.sheet-tabstoggle[value="barrioqs"] ~ div.sheet-nahualityn,
|
|
.sheet-tabstoggle[value="nahuality"] ~ div.sheet-nahualityg,
|
|
.sheet-tabstoggle[value="nahuality"] ~ div.sheet-barriosqsn{
|
|
display: none;
|
|
}
|
|
*/
|
|
|
|
/*TABS*/
|
|
/*---------------------------*/
|
|
/* Fake tabs style1 (reskinned radio button; fixed to work properly in firefox */
|
|
div.sheet-tab-content { display: none; }
|
|
|
|
input.sheet-tab1:checked ~ div.sheet-tab1,
|
|
input.sheet-tab2:checked ~ div.sheet-tab2
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
input.sheet-tab1:checked + span.sheet-tab1,
|
|
input.sheet-tab2:checked + span.sheet-tab2
|
|
{
|
|
/* background: gray;
|
|
color: white;*/
|
|
color:#e0e0e0;
|
|
background:#000000;
|
|
}
|
|
|
|
input.sheet-tab
|
|
{
|
|
width: 200px;
|
|
height: 30px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin-left: -1.5px;
|
|
margin-top: -1.5px;
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
z-index: 9999;
|
|
}
|
|
span.sheet-tab {
|
|
line-height:normal;
|
|
outline:none;
|
|
border:0px;
|
|
height:30px;
|
|
width:200px;
|
|
font-weight:bold;
|
|
font-size:1.0em;
|
|
font-family:'La Ghandi Sans','Helvetica',sans-serif;
|
|
padding:0;
|
|
/*margin:0;*/
|
|
line-height:30px;
|
|
text-align: center;
|
|
color:#000000;
|
|
background:#e0e0e0;
|
|
|
|
position: relative;
|
|
margin-left: -200px;
|
|
cursor:pointer;
|
|
display:inline-block;
|
|
/*
|
|
display: inline-block;
|
|
font-size: 13px;
|
|
background: white;
|
|
color: gray;
|
|
font-weight: bold;
|
|
width: 70px;
|
|
height: 20px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
margin-left: -75px;
|
|
*/
|
|
}
|
|
input.sheet-tab::before
|
|
{
|
|
content: attr(title);
|
|
border: solid 1px #a8a8a8;
|
|
border-bottom-color: black;
|
|
text-align: center;
|
|
display: inline-block;
|
|
background: #fff;
|
|
background: -moz-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
|
|
background: -webkit-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
|
|
background: -ms-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
|
|
background: -o-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
|
|
background: linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
|
|
width: 50px;
|
|
height: 20px;
|
|
font-size: 18px;
|
|
}
|
|
|
|
input.sheet-tab:checked::before
|
|
{
|
|
background: #dcdcdc;
|
|
background: -moz-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
|
|
background: -webkit-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
|
|
background: -ms-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
|
|
background: -o-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
|
|
background: linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
|
|
border-bottom-color: #fff;
|
|
}
|
|
|
|
input.sheet-tab:not(:first-child)::before
|
|
{
|
|
border-left: none;
|
|
}
|
|
|
|
div.sheet-tab-content
|
|
{
|
|
/*
|
|
border: 1px solid #a8a8a8;
|
|
border-top-color: #000;
|
|
margin: 2px 0 0 5px;
|
|
padding: 5px;
|
|
*/
|
|
|
|
}
|
|
|
|
|
|
/*
|
|
button[type=roll].sheet-buttonbroadcast:hover {
|
|
background-image:url(http://nahualrpg.com/roll20/nahuales/volutan.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 15px 15px;
|
|
font-family: pictos;
|
|
position: absolute;
|
|
border: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
z-index: 3;
|
|
}*/
|
|
|
|
.sheet-flat{
|
|
display: grid;
|
|
grid-template-columns:33% auto;
|
|
/*grid-template-rows: auto auto;*/
|
|
grid-gap: 2px;
|
|
grid-template-areas:
|
|
"flat1 flat2";
|
|
|
|
}
|
|
|
|
.sheet-flat1{
|
|
grid-area:flat1;
|
|
justify-self: start:
|
|
align-self: end;
|
|
border: 0px solid #909090;
|
|
}
|
|
|
|
.sheet-flat2{
|
|
grid-area:flat2;
|
|
justify-self: start:
|
|
align-self: end;
|
|
border: 0px solid #909090;
|
|
}
|
|
|
|
|
|
.sheet-gral{
|
|
display: grid;
|
|
grid-template-columns:2% 7% 35% 7% 33%;
|
|
/*grid-template-rows: auto auto;*/
|
|
grid-gap: 2px;
|
|
grid-template-areas:
|
|
"gral0 gral1 gral1 gral1 gral1"
|
|
"gral0 gral2 gral3 gral4 gral5";
|
|
|
|
}
|
|
|
|
.sheet-gral0{
|
|
grid-area:gral0;
|
|
justify-self: start:
|
|
align-self: end;
|
|
border: 0px solid #909090;
|
|
}
|
|
|
|
.sheet-gral1{
|
|
grid-area:gral1;
|
|
justify-self: start:
|
|
align-self: end;
|
|
border: 0px solid #909090;
|
|
}
|
|
|
|
.sheet-gral2{
|
|
grid-area:gral2;
|
|
justify-self: start:
|
|
align-self: end;
|
|
border: 0px solid #909090;
|
|
}
|
|
|
|
.sheet-gral3{
|
|
grid-area:gral3;
|
|
justify-self: start:
|
|
align-self: end;
|
|
border: 0px solid #909090;
|
|
}
|
|
|
|
.sheet-gral4{
|
|
grid-area:gral4;
|
|
justify-self: start:
|
|
align-self: end;
|
|
border: 0px solid #909090;
|
|
}
|
|
|
|
.sheet-gral5{
|
|
grid-area:gral5;
|
|
justify-self: start:
|
|
align-self: end;
|
|
border: 0px solid #909090;
|
|
}
|
|
|
|
.sheet-barrio-question{
|
|
padding-left:11px;
|
|
font-size: 9px;
|
|
padding-top: 0px;
|
|
}
|
|
|
|
.sheet-rombo{
|
|
padding-left:11px;
|
|
font-size: 9px;
|
|
padding-top: 0px;
|
|
}
|
|
|
|
.sheet-separador{
|
|
height: 10px;
|
|
}
|
|
|
|
.sheet-div-numerito{
|
|
display:inline;
|
|
position:relative;
|
|
}
|
|
|
|
.sheet-label-numerito{
|
|
display:inline;
|
|
font-size:13px;
|
|
color:#909090;
|
|
position:absolute;
|
|
top:-9px;
|
|
font-family:'La Ghandi Sans','Helvetica',sans-serif;
|
|
|
|
}
|
|
/*CHECKBOXS*/
|
|
/*container-vices */
|
|
.sheet-div-gearandnotes{
|
|
display: grid;
|
|
grid: auto/ 50% 50%;
|
|
grid-gap: 10px;
|
|
}
|
|
|
|
.sheet-div-stages{
|
|
display: grid;
|
|
grid: auto/ 266px 263px 263px;
|
|
grid-gap: 15px;
|
|
}
|
|
/**/
|
|
.sheet-titulo {
|
|
display: grid;
|
|
grid: auto / 5px auto;
|
|
height: 25px;
|
|
width: 100%;
|
|
justify-items:start;
|
|
grid-gap: 4px;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: 0px solid #0FF;
|
|
background: #dedede;
|
|
padding-top:7px;
|
|
|
|
}
|
|
.sheet-character{
|
|
color: #FFF;
|
|
text-align: left;
|
|
/*width:100%;*/
|
|
/*height:100%;*/
|
|
/*justify-self: start;*/
|
|
/*padding-top:21px;*/
|
|
place-self: center start;
|
|
border: 0px solid #F00;
|
|
}
|
|
.sheet-descripcion{
|
|
color: #FFF;
|
|
text-align: left;
|
|
/*width:100%;*/
|
|
/*height:100%;*/
|
|
/*justify-self: start;*/
|
|
place-self: center start;
|
|
border: 0px solid #0FF;
|
|
}
|
|
/**/
|
|
.sheet-barrioq{
|
|
display: grid;
|
|
grid: auto/ 18px auto;
|
|
grid-gap: 2px;
|
|
}
|
|
|
|
.sheet-container-vices {
|
|
display: block;
|
|
position: relative;
|
|
padding-left: 35px;
|
|
margin-bottom: 12px;
|
|
cursor: pointer;
|
|
font-size: 22px;
|
|
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
/* Hide the browser's default checkbox */
|
|
.sheet-container-vices input {
|
|
position: absolute;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
height: 0;
|
|
width: 0;
|
|
}
|
|
|
|
/* Create a custom checkbox */
|
|
.sheet-checkmark-vices {
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 0;
|
|
height: 9px;
|
|
width: 9px;
|
|
background-color: #fff; /*#eee*/
|
|
border: 1px solid #000;
|
|
}
|
|
|
|
.sheet-checkmark-gear {
|
|
position: absolute;
|
|
top: 1px;
|
|
left: 0;
|
|
height: 12px;
|
|
width: 12px;
|
|
background-color: #fff; /*#eee*/
|
|
border: 1px solid #000;
|
|
}
|
|
|
|
.sheet-gear-label{
|
|
padding-top:1px;
|
|
}
|
|
|
|
/* On mouse-over, add a grey background color */
|
|
.sheet-container-vices:hover input ~ .sheet-checkmark-vices {
|
|
background-color: #FFF; /*ccc*/
|
|
}
|
|
|
|
/* When the checkbox is checked, add a blue background */
|
|
.sheet-container-vices input:checked ~ .sheet-checkmark-vices {
|
|
background-color: #FFF; /*2196F3*/
|
|
background: url("http://nahualrpg.com/roll20/nahuales/x1.jpg");
|
|
background-size: cover;
|
|
border: 1px solid #000;
|
|
}
|
|
|
|
/* Create the checkmark/indicator (hidden when not checked) */
|
|
.sheet-checkmark-vices:after {
|
|
content: "";
|
|
position: absolute;
|
|
display: none;
|
|
}
|
|
/* Show the checkmark when checked */
|
|
.sheet-container-vices input:checked ~ .sheet-checkmark-vices:after {
|
|
display: block;
|
|
}
|
|
|
|
/* Style the checkmark/indicator */
|
|
.sheet-container-vices .sheet-checkmark-vices:after {
|
|
left: -1000px;
|
|
top: 5px;
|
|
width: 5px;
|
|
height: 10px;
|
|
border: solid white;
|
|
border-width: 0 3px 3px 0;
|
|
-webkit-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
|
|
/**/
|
|
/* On mouse-over, add a grey background color */
|
|
.sheet-container-vices:hover input ~ .sheet-checkmark-gear {
|
|
background-color: #FFF; /*ccc*/
|
|
}
|
|
|
|
/* When the checkbox is checked, add a blue background */
|
|
.sheet-container-vices input:checked ~ .sheet-checkmark-gear {
|
|
background-color: #FFF; /*2196F3*/
|
|
background: url("http://nahualrpg.com/roll20/nahuales/x1.jpg");
|
|
background-size: cover;
|
|
border: 1px solid #000;
|
|
}
|
|
|
|
/* Create the checkmark/indicator (hidden when not checked) */
|
|
.sheet-checkmark-gear:after {
|
|
content: "";
|
|
position: absolute;
|
|
display: none;
|
|
}
|
|
/* Show the checkmark when checked */
|
|
.sheet-container-vices input:checked ~ .sheet-checkmark-gear:after {
|
|
display: block;
|
|
}
|
|
|
|
/* Style the checkmark/indicator */
|
|
.sheet-container-vices .sheet-checkmark-gear:after {
|
|
left: -1000px;
|
|
top: 5px;
|
|
width: 5px;
|
|
height: 10px;
|
|
border: solid white;
|
|
border-width: 0 3px 3px 0;
|
|
-webkit-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
|
|
/**container-harm*/
|
|
.sheet-container-harm {
|
|
display: block;
|
|
position: relative;
|
|
padding-left: 35px;
|
|
margin-bottom: 12px;
|
|
cursor: pointer;
|
|
font-size: 22px;
|
|
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
/* Hide the browser's default checkbox */
|
|
.sheet-container-harm input {
|
|
position: absolute;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
height: 0;
|
|
width: 0;
|
|
}
|
|
|
|
.sheet-checkmark-harm {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0;
|
|
height: 12px;
|
|
width: 12px;
|
|
background-color: #fff; /*#eee*/
|
|
border: 1px solid #000;
|
|
}
|
|
|
|
.sheet-container-harm:hover input ~ .sheet-checkmark-harm {
|
|
background-color: #FFF; /*ccc*/
|
|
}
|
|
|
|
.sheet-container-harm input:checked ~ .sheet-checkmark-harm {
|
|
background-color: #FFF; /*2196F3*/
|
|
background: url("http://nahualrpg.com/roll20/nahuales/x1.jpg");
|
|
background-size: cover;
|
|
border: 1px solid #000;
|
|
}
|
|
|
|
.sheet-checkmark-harm:after {
|
|
content: "";
|
|
position: absolute;
|
|
display: none;
|
|
}
|
|
.sheet-container-harm input:checked ~ .sheet-checkmark-harm:after {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-container-harm .sheet-checkmark-harm:after {
|
|
left: -1000px;
|
|
top: -1000px;
|
|
width: 0px;
|
|
height: 0px;
|
|
border: solid white;
|
|
border-width: 0 3px 3px 0;
|
|
-webkit-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
/*****************************************************************************************/
|
|
/*****************************************************************************************/
|
|
/*container*/
|
|
.sheet-container {
|
|
display: block;
|
|
position: relative;
|
|
padding-left: 35px;
|
|
margin-bottom: 12px;
|
|
cursor: pointer;
|
|
font-size: 22px;
|
|
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
/* Hide the browser's default checkbox */
|
|
.sheet-container input {
|
|
position: absolute;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
height: 0;
|
|
width: 0;
|
|
}
|
|
|
|
/* Create a custom checkbox */
|
|
.sheet-checkmark {
|
|
position: absolute;
|
|
top: -2px;
|
|
left: 0;
|
|
height: 17px;
|
|
width: 17px;
|
|
background-color: #fff; /*#eee*/
|
|
}
|
|
|
|
/* On mouse-over, add a grey background color */
|
|
.sheet-container:hover input ~ .sheet-checkmark {
|
|
background-color: #FFF; /*ccc*/
|
|
}
|
|
|
|
/* When the checkbox is checked, add a blue background */
|
|
.sheet-container input:checked ~ .sheet-checkmark {
|
|
background-color: #FFF; /*2196F3*/
|
|
background: url("http://nahualrpg.com/roll20/nahuales/x1.jpg");
|
|
background-size: cover;
|
|
}
|
|
|
|
/* Create the checkmark/indicator (hidden when not checked) */
|
|
.sheet-checkmark:after {
|
|
content: "";
|
|
position: absolute;
|
|
display: none;
|
|
}
|
|
|
|
/* Show the checkmark when checked */
|
|
.sheet-container input:checked ~ .sheet-checkmark:after {
|
|
display: block;
|
|
}
|
|
|
|
/* Style the checkmark/indicator */
|
|
.sheet-container .sheet-checkmark:after {
|
|
left: -1000px;
|
|
top: 5px;
|
|
width: 5px;
|
|
height: 10px;
|
|
border: solid white;
|
|
border-width: 0 3px 3px 0;
|
|
-webkit-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
/****************************************************************************************/
|
|
/****************************************************************************************/
|
|
/****************************************************************************************/
|
|
/*Menu antes de todo*/
|
|
.sheet-show-menu:not([value="1"]) ~ .sheet-container-menu .sheet-menu {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-menu-mode:not([value="sheet_choice"]) ~ .sheet-sheet_choice {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-menu {
|
|
background: rgba(0, 0, 0, 0.6);
|
|
position: absolute;
|
|
top: 0;
|
|
padding-top: 11px;
|
|
z-index: 100;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.sheet-menu .sheet-content {
|
|
background: #eee;
|
|
border: 2px solid black;
|
|
margin: 0 auto;
|
|
border-radius: 10px;
|
|
padding: 15px;
|
|
}
|
|
|
|
.sheet-menu .sheet-sheet_choice {
|
|
width: 450px;
|
|
display: grid;
|
|
grid: auto/repeat(3, 33%);
|
|
grid-row-gap: 5px;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.sheet-menu .sheet-column {
|
|
display: grid;
|
|
align-content: start;
|
|
grid-row-gap: 8px;
|
|
justify-items: center;
|
|
}
|
|
|
|
.sheet-menu .sheet-label {
|
|
font-family: 'Double';
|
|
font-size: 20px;
|
|
text-align: center;
|
|
margin: 3px 0;
|
|
}
|
|
|
|
.sheet-menu .sheet-desc {
|
|
text-align: center;
|
|
font-size: 12px;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.sheet-menu .sheet-footer {
|
|
grid-column: 2;
|
|
font-size: 15px;
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
font-style: italic;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-menu .sheet-cancelbutton {
|
|
align-self: center;
|
|
justify-self: end;
|
|
}
|
|
|
|
button.sheet-generatebutton {
|
|
font-weight: bold;
|
|
font-variant: small-caps;
|
|
letter-spacing: 0.5px;
|
|
font-size: 14px;
|
|
padding: 2px 8px;
|
|
color: #444;
|
|
outline: none;
|
|
}
|
|
|
|
button.sheet-generatebutton:hover {
|
|
color: #843398;
|
|
border-color: #843398;
|
|
}
|
|
|
|
button.sheet-generatebutton .sheet-optional {
|
|
font-size: 0.8em;
|
|
font-style: italic;
|
|
}
|
|
|
|
/*SELECCION HOJA*/
|
|
.sheet-menu-mode[value="aguila"] ~ .sheet-aguila,
|
|
.sheet-menu-mode[value="armadillo"] ~ .sheet-armadillo,
|
|
.sheet-menu-mode[value="mono"] ~ .sheet-mono,
|
|
.sheet-menu-mode[value="jaguar"] ~ .sheet-jaguar,
|
|
.sheet-menu-mode[value="serpiente"] ~ .sheet-serpiente,
|
|
.sheet-menu-mode[value="tlacuache"] ~ .sheet-tlacuache,
|
|
.sheet-menu-mode[value="venado"] ~ .sheet-venado,
|
|
.sheet-menu-mode[value="perro"] ~ .sheet-perro,
|
|
|
|
.sheet-menu-mode[value="cantina"] ~ .sheet-cantina,
|
|
.sheet-menu-mode[value="tacotruck"] ~ .sheet-tacotruck,
|
|
.sheet-menu-mode[value="carniceria"] ~ .sheet-carniceria,
|
|
.sheet-menu-mode[value="vecindad"] ~ .sheet-vecindad
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-menu-type[value="char"] ~ .sheet-setting-char,
|
|
.sheet-menu-type[value="chan"] ~ .sheet-setting-chan
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-setting-char,
|
|
.sheet-setting-chan,
|
|
.sheet-aguila,
|
|
.sheet-armadillo,
|
|
.sheet-mono,
|
|
.sheet-jaguar,
|
|
.sheet-serpiente,
|
|
.sheet-tlacuache,
|
|
.sheet-perro,
|
|
.sheet-venado,
|
|
|
|
.sheet-tacotruck,
|
|
.sheet-carniceria,
|
|
.sheet-cantina,
|
|
.sheet-vecindad{
|
|
display: none;
|
|
}
|
|
|
|
.sheet-aguilax,
|
|
.sheet-armadillox,
|
|
.sheet-monox,
|
|
.sheet-jaguarx,
|
|
.sheet-serpientex,
|
|
.sheet-tlacuachex,
|
|
.sheet-perrox,
|
|
.sheet-venadox,
|
|
|
|
.sheet-tacotruckx,
|
|
.sheet-carniceriax,
|
|
.sheet-cantinax,
|
|
.sheet-vecindadx{
|
|
display: none;
|
|
}
|
|
/*******************************************************************/
|
|
.sheet-voluta{
|
|
background-image:url(http://nahualrpg.com/roll20/nahuales/volutag.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 16px 10px;
|
|
height:10px;
|
|
width:16px;
|
|
margin-top:4px;
|
|
}
|
|
.sheet-voluta:hover {
|
|
background-image:url(http://nahualrpg.com/roll20/nahuales/volutan.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 16px 10px;
|
|
height:10px;
|
|
width:16px;
|
|
margin-top:4px;
|
|
}
|
|
|
|
|
|
.sheet-totemmoves{
|
|
display: grid;
|
|
grid: auto / 263px 263px;
|
|
grid-gap: 15px;
|
|
}
|
|
|
|
.sheet-imagen{
|
|
width:105px;
|
|
height:116px;
|
|
}
|
|
.sheet-imagen-titulo{
|
|
width:180px;
|
|
padding-top:10px;
|
|
}
|
|
|
|
.charsheet {
|
|
/*background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dungeon%20World%20by%20Roll20/images/background.png);*/
|
|
/*background-repeat: repeat-y;*/
|
|
/*background-color: rgb(230, 231, 233);*/
|
|
height: auto;
|
|
border: 0px solid rgb(35, 31, 32);
|
|
min-width: 820px;
|
|
font-weight: normal;
|
|
font-family: 'League Gothic', 'Helvetica', sans-serif;
|
|
}
|
|
.charsheet label.sheet-mini-titulo {
|
|
font-weight: 400;
|
|
font-size: 2.3em;
|
|
font-family: 'League Gothic', 'Helvetica', sans-serif;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.charsheet label.sheet-gran-titulo {
|
|
font-weight: 400;
|
|
font-size: 2.5em;
|
|
font-family: 'League Gothic', 'Helvetica', sans-serif;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.charsheet label.sheet-gran-titulo-masgrande{
|
|
font-size: 3em;
|
|
font-weight: 400;
|
|
font-family: 'League Gothic', 'Helvetica', sans-serif;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
|
|
.charsheet label.sheet-titulo-playbook {
|
|
font-weight: 400;
|
|
font-family: 'GandhiSansBold','Helvetica';
|
|
font-variant: small-caps;
|
|
padding: 0;
|
|
margin:0;
|
|
font-size:40px;
|
|
padding-top:20px;
|
|
}
|
|
.charsheet label.sheet-name {
|
|
font-weight: 400;
|
|
font-size: 18px;
|
|
font-family: 'GandhiSansBold','Helvetica';
|
|
font-variant: small-caps;
|
|
padding: 0;
|
|
margin:0;
|
|
/*padding: 5px 0 0 0;*/
|
|
}
|
|
|
|
.charsheet label.sheet-label-stress {
|
|
font-weight: 400;
|
|
font-size: 2.0em;
|
|
font-family: 'GandhiSansBold', 'Helvetica', sans-serif;
|
|
/*padding: 5px 0 0 0;*/
|
|
/*display:inline;*/
|
|
color:#FFFFFF;
|
|
/*position:absolute;*/
|
|
/*margin:1px 0 0 5px;*/
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
|
|
.sheet-textarea{
|
|
font-family:'la Ghandi Sans';
|
|
outline:none;
|
|
}
|
|
|
|
.charsheet label.sheet-name-normal {
|
|
font-size: 16px;
|
|
font-weight: 900;
|
|
font-family: 'GandhiSansBold','Helvetica';
|
|
font-variant: small-caps;
|
|
margin: 0;
|
|
}
|
|
|
|
.charsheet label.sheet-texto {
|
|
font-weight: 400;
|
|
font-size: 1.0em;
|
|
font-family: 'La Ghandi Sans', 'Helvetica', sans-serif;
|
|
padding: 0;
|
|
margin: 0;
|
|
line-height: normal;
|
|
}
|
|
.charsheet label.sheet-name-ch {
|
|
font-weight: bold;
|
|
font-size: 1.0em;
|
|
font-family: 'La Ghandi Sans', 'Helvetica', sans-serif;
|
|
padding: 0;
|
|
color:#707070;
|
|
|
|
}
|
|
.charsheet label.sheet-texto-lista {
|
|
font-weight: 400;
|
|
font-size: 1.0em;
|
|
font-family: 'La Ghandi Sans', 'Helvetica', sans-serif;
|
|
padding: 0;
|
|
margin:0;
|
|
}
|
|
/*V2.0 24/11/2020*/
|
|
.sheet-vic{
|
|
display: grid;
|
|
grid-template-columns:13px auto;
|
|
/*grid-template-rows: auto auto;*/
|
|
grid-gap: 0px;
|
|
line-height:1.0;
|
|
grid-template-areas:
|
|
"vic1 vic2";
|
|
}
|
|
.sheet-vic1{
|
|
grid-area:vic1;
|
|
width:1px;
|
|
justify-self: start:
|
|
align-self: end;
|
|
border: 0px solid #909090;
|
|
}
|
|
.sheet-vic2{
|
|
grid-area:vic2;
|
|
justify-self: start:
|
|
align-self: end;
|
|
padding-top: 2px;
|
|
border: 0px solid #909090;
|
|
padding-left: 3px;
|
|
}
|
|
|
|
.sheet-vices{
|
|
display: grid;
|
|
grid-template-columns:13px auto;
|
|
/*grid-template-rows: auto auto;*/
|
|
grid-gap: 0px;
|
|
grid-template-areas:
|
|
"vices1 vices2"
|
|
"vices3 vices3";
|
|
|
|
}
|
|
.sheet-vices1{
|
|
grid-area:vices1;
|
|
width:1px;
|
|
justify-self: start:
|
|
align-self: end;
|
|
border: 0px solid #909090;
|
|
}
|
|
.sheet-vices2{
|
|
grid-area:vices2;
|
|
justify-self: start:
|
|
align-self: end;
|
|
padding-top: 2px;
|
|
border: 0px solid #909090;
|
|
}
|
|
.sheet-vices3{
|
|
grid-area:vices3;
|
|
justify-self: start:
|
|
align-self: end;
|
|
border: 0px solid #909090;
|
|
}
|
|
/**/
|
|
.sheet-guia{
|
|
display: grid;
|
|
grid-template-columns:403px;
|
|
/*grid-template-rows: auto auto;*/
|
|
grid-gap: 0px;
|
|
grid-template-areas:
|
|
"guia1"
|
|
"guia2";
|
|
}
|
|
.sheet-guia1{
|
|
grid-area:guia1;
|
|
justify-self: start:
|
|
align-self: end;
|
|
padding-top: 2px;
|
|
border: 0px solid #909090;
|
|
}
|
|
.sheet-guia2{
|
|
grid-area:guia2;
|
|
justify-self: start:
|
|
align-self: end;
|
|
border: 0px solid #909090;
|
|
}
|
|
|
|
.sheet-debt{
|
|
display: grid;
|
|
grid-template-columns:272px;
|
|
/*grid-template-rows: auto auto;*/
|
|
grid-gap: 0px;
|
|
grid-template-areas:
|
|
"debt1";
|
|
line-height:normal;
|
|
}
|
|
.sheet-debt1{
|
|
grid-area:debt1;
|
|
justify-self: start:
|
|
align-self: end;
|
|
padding-top: 2px;
|
|
border: 0px solid #909090;
|
|
}
|
|
|
|
/**/
|
|
|
|
/**********************************************************************************************************************/
|
|
.sheet-tabla-check{
|
|
display: grid;
|
|
grid-template-columns:8% *;
|
|
grid-template-rows: auto;
|
|
align-content: center;
|
|
grid-gap: 2px;
|
|
grid-template-areas:
|
|
"col1-check col2-check";
|
|
}
|
|
.sheet-col1-check{
|
|
grid-area:col1-check;
|
|
border: 0px solid blue;
|
|
}
|
|
.sheet-col2-check{
|
|
grid-area:col2-check;
|
|
border: 0px solid blue;
|
|
}
|
|
.sheet-tabla-bullet{
|
|
display: grid;
|
|
grid-template-columns:3% 97%;
|
|
grid-template-rows: auto;
|
|
align-content: left;
|
|
grid-gap: 3px;
|
|
grid-template-areas:
|
|
"col1-bullet col2-bullet";
|
|
}
|
|
.sheet-col1-bullet{
|
|
grid-area:col1-bullet;
|
|
border: 0px solid blue;
|
|
}
|
|
.sheet-col2-bullet{
|
|
grid-area:col2-bullet;
|
|
border: 0px solid blue;
|
|
}
|
|
|
|
.sheet-class-container{
|
|
display: grid;
|
|
grid-template-columns:12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
|
|
grid-template-rows: auto;
|
|
align-content: center;
|
|
grid-gap: 0px;
|
|
grid-template-areas:
|
|
"item-class1 item-class2 item-class3 item-class4 item-class5 item-class6 item-class7 item-class8";
|
|
}
|
|
.sheet-item-class1{
|
|
grid-area:item-class1;
|
|
border: 0px solid red;
|
|
}
|
|
.sheet-item-class2{
|
|
grid-area:item-class2;
|
|
border: 0px solid red;
|
|
}
|
|
.sheet-item-class3{
|
|
grid-area:item-class3;
|
|
border: 0px solid red;
|
|
}
|
|
.sheet-item-class4{
|
|
grid-area:item-class4;
|
|
border: 0px solid red;
|
|
}
|
|
.sheet-item-class5{
|
|
grid-area:item-class5;
|
|
border: 0px solid red;
|
|
}
|
|
.sheet-item-class6{
|
|
grid-area:item-class6;
|
|
border: 0px solid red;
|
|
}
|
|
.sheet-item-class7{
|
|
grid-area:item-class7;
|
|
border: 0px solid red;
|
|
}
|
|
.sheet-item-class8{
|
|
grid-area:item-class8;
|
|
border: 0px solid red;
|
|
}
|
|
|
|
.sheet-top-container
|
|
{
|
|
display: grid;
|
|
grid-template-columns:266px 263px 263px;
|
|
grid-template-rows: auto;
|
|
align-content: center;
|
|
/*grid-gap: 15px;*/
|
|
column-gap: 15px;
|
|
row-gap: 8px;
|
|
|
|
grid-template-areas:
|
|
"clase-p clase-p barrio-p"
|
|
"name-p stats-p barrio-p";
|
|
/*
|
|
background: url(http://nahualrpg.com/roll20/nahuales/layout-1.jpg);
|
|
background-repeat: no-repeat;
|
|
*/
|
|
}
|
|
.sheet-top-clase-p
|
|
{
|
|
display: grid;
|
|
grid-template-columns:20% 20% 20% 20% 20%;
|
|
grid-template-rows: auto;
|
|
grid-template-areas:
|
|
"top-clase-imagen-p top-clase-titulo-p top-clase-titulo-p top-clase-titulo-p top-clase-titulo-p"
|
|
"top-clase-imagen-p top-clase-dsc-p top-clase-dsc-p top-clase-dsc-p top-clase-dsc-p";
|
|
}
|
|
|
|
.sheet-alamitad
|
|
{
|
|
display: grid;
|
|
grid-template-columns:263px 541px;
|
|
grid-template-rows: auto;
|
|
grid-gap: 15px;
|
|
}
|
|
|
|
.sheet-mid-containerx2
|
|
{
|
|
display: grid;
|
|
grid-template-columns: 403px 403px;
|
|
grid-template-rows: auto;
|
|
grid-gap: 16px;
|
|
/*
|
|
grid-template-areas:
|
|
"signature-p totem-p";
|
|
*/
|
|
}
|
|
|
|
.sheet-mid-container
|
|
{
|
|
display: grid;
|
|
grid-template-columns: 266px 541px;
|
|
grid-template-rows: auto;
|
|
grid-gap: 15px;
|
|
/*
|
|
grid-template-areas:
|
|
"signature-p totem-p";
|
|
*/
|
|
}
|
|
|
|
.sheet-bottom-container
|
|
{
|
|
display: grid;
|
|
grid-template-columns:33% 33% 33%;
|
|
grid-template-rows: auto;
|
|
grid-gap: 5px;
|
|
grid-template-areas:
|
|
"nahuality-p nahuality-p nahuality-p"
|
|
"nahual1-p nahual2-p nahual3-p";
|
|
}
|
|
.sheet-final-container
|
|
{
|
|
display: grid;
|
|
grid-template-columns:50% 50%;
|
|
grid-template-rows: auto;
|
|
grid-gap: 5px;
|
|
grid-template-areas:
|
|
"gear-p notes-p";
|
|
}
|
|
/**/
|
|
.sheet-item-clase-p{
|
|
grid-area:clase-p;
|
|
border: 0px solid #BBBBBB;
|
|
}
|
|
.sheet-item-top-clase-imagen-p{
|
|
grid-area:top-clase-imagen-p;
|
|
border: 0px solid powderblue;
|
|
}
|
|
.sheet-item-top-clase-titulo-p{
|
|
grid-area:top-clase-titulo-p;
|
|
border: 0px solid powderblue;
|
|
margin-top:-8px;
|
|
|
|
/*padding:5px 0 0 0;*/
|
|
}
|
|
.sheet-item-top-clase-dsc-p{
|
|
grid-area:top-clase-dsc-p;
|
|
border: 0px solid powderblue;
|
|
}
|
|
|
|
.sheet-item-name-p{
|
|
grid-area:name-p;
|
|
border: 0px solid #0FF;
|
|
}
|
|
.sheet-item-stats-p{
|
|
grid-area:stats-p;
|
|
border: 0px solid #BBBBBB;
|
|
}
|
|
.sheet-item-barrio-p{
|
|
grid-area:barrio-p;
|
|
border: 0px solid #BBBBBB;
|
|
|
|
/*background-color: #dedede;*/
|
|
}
|
|
|
|
.sheet-item-signature-p{
|
|
grid-area:signature-p;
|
|
border: 0px solid #BBBBBB;
|
|
}
|
|
.sheet-item-totem-p{
|
|
grid-area:totem-p;
|
|
border: 0px solid #BBBBBB;
|
|
}
|
|
|
|
.sheet-item-nahuality-p{
|
|
grid-area:nahuality-p;
|
|
border: 0px solid #BBBBBB;
|
|
}
|
|
.sheet-item-nahual1-p{
|
|
grid-area:nahual1-p;
|
|
border: 0px solid #BBBBBB;
|
|
}
|
|
.sheet-item-nahual2-p{
|
|
grid-area:nahual2-p;
|
|
border: 0px solid #BBBBBB;
|
|
}
|
|
.sheet-item-nahual3-p{
|
|
grid-area:nahual3-p;
|
|
border: 0px solid #BBBBBB;
|
|
}
|
|
|
|
.sheet-item-gear-p{
|
|
grid-area:gear-p;
|
|
border: 0px solid #BBBBBB;
|
|
}
|
|
.sheet-item-notes-p{
|
|
grid-area:notes-p;
|
|
border: 0px solid #BBBBBB;
|
|
}
|
|
|
|
|
|
/*changarro*/
|
|
.sheet-container-changarro
|
|
{
|
|
display: grid;
|
|
grid-template-columns:33% 33% 33%;
|
|
grid-template-rows: auto;
|
|
align-content: center;
|
|
grid-gap: 5px;
|
|
grid-template-areas:
|
|
"renglon1-c renglon1-c col3-c"
|
|
"col1-c col2-c col3-c";
|
|
}
|
|
.sheet-item-renglon1-c{
|
|
grid-area:renglon1-c;
|
|
border: 1px solid powderblue;
|
|
}
|
|
.sheet-item-col1-c{
|
|
grid-area:col1-c;
|
|
border: 1px solid powderblue;
|
|
}
|
|
.sheet-item-col2-c{
|
|
grid-area:col2-c;
|
|
border: 1px solid powderblue;
|
|
}
|
|
.sheet-item-col3-c{
|
|
grid-area:col3-c;
|
|
border: 1px solid powderblue;
|
|
}
|
|
|
|
.sheet-top-changarro
|
|
{
|
|
display: grid;
|
|
grid-template-columns:50% 50%;
|
|
grid-template-rows: 15px 30px;
|
|
align-content: center;
|
|
grid-gap: 1px;
|
|
grid-template-areas:
|
|
"top1-c top2-c"
|
|
"top1-c top3-c";
|
|
}
|
|
.sheet-top1-c{
|
|
grid-area:top1-c;
|
|
border: 0px solid red;
|
|
}
|
|
.sheet-top2-c{
|
|
grid-area:top2-c;
|
|
border: 0px solid red;
|
|
}
|
|
.sheet-top3-c{
|
|
grid-area:top3-c;
|
|
border: 0px solid red;
|
|
align-self:end;
|
|
}
|
|
|
|
/**/
|
|
/*ESTO FUE SOLAMENTE DE LA PARTE DE ARRIBA*/
|
|
/*Utilizar como ejemplo para acomodar en el medio, pero hay que utilizar PX para el tamaño exacto de los checkx*/
|
|
.sheet-div-stress {
|
|
background-color:#000000;
|
|
display: grid;
|
|
grid: auto / 2px 85px 17px 17px 17px 17px 17px 17px 17px;
|
|
height:37px;
|
|
justify-items:start;
|
|
grid-gap: 3px;
|
|
/*padding: 0;*/
|
|
/*margin: 0;*/
|
|
border: 0px solid #F00;
|
|
}
|
|
.sheet-div-stress-stress{
|
|
color: #FFF;
|
|
/*text-align: left;*/
|
|
/*padding-top:21px;*/
|
|
align-self: center;
|
|
justify-self: start;
|
|
border: 0px solid #0FF;
|
|
padding-top: 2px;
|
|
margin:0;
|
|
}
|
|
.sheet-div-stress-in{
|
|
color: #FFF;
|
|
/*text-align: left;*/
|
|
/*padding-top:21px;*/
|
|
align-self: center;
|
|
justify-self: start;
|
|
border: 0px solid #0FF;
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
|
|
.sheet-div-harm {
|
|
display: grid;
|
|
grid: auto / 17px 17px 500px;
|
|
justify-items:start;
|
|
grid-gap: 0px;
|
|
/*padding: 0;*/
|
|
/*margin: 0;*/
|
|
border: 0px solid #F00;
|
|
}
|
|
.sheet-div-harm-harm{
|
|
color: #FFF;
|
|
/*text-align: left;*/
|
|
/*padding-top:21px;*/
|
|
align-self: center;
|
|
justify-self: start;
|
|
border: 0px solid #0FF;
|
|
padding-top: 4px;
|
|
margin:0;
|
|
}
|
|
.sheet-div-harm-in{
|
|
color: #FFF;
|
|
/*text-align: left;*/
|
|
/*padding-top:21px;*/
|
|
align-self: center;
|
|
justify-self: start;
|
|
border: 0px solid #0FF;
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
|
|
|
|
|
|
|
|
.sheet-btn {
|
|
/*background-color: #FF0000; */
|
|
/*border: none;*//*solid 1px red;*/
|
|
|
|
color: #FFFFFF;
|
|
padding: 0;
|
|
text-align: center;
|
|
font-size: 20px;
|
|
font-weight:bold;
|
|
margin: 0;
|
|
cursor: pointer;
|
|
outline:none;
|
|
|
|
/*height: 5px;*/
|
|
/*border-radius: 50%;*/
|
|
|
|
background: none;
|
|
border: 0;
|
|
/*color: inherit;*/
|
|
/* cursor: default; */
|
|
line-height: 10px;
|
|
overflow: visible;
|
|
-webkit-user-select: none; /* for button */
|
|
-webkit-appearance: button; /* for input */
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
|
|
|
|
}
|
|
.sheet-btn-xp {
|
|
color: #000000;
|
|
padding: 0;
|
|
text-align: center;
|
|
font-size: 20px;
|
|
font-weight:bold;
|
|
margin: 0;
|
|
cursor: pointer;
|
|
|
|
background: none;
|
|
border: 0;
|
|
font: inherit;
|
|
line-height: normal;
|
|
overflow: visible;
|
|
-webkit-user-select: none; /* for button */
|
|
-webkit-appearance: button; /* for input */
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
}
|
|
|
|
li {
|
|
list-style: none;
|
|
padding: 0px;
|
|
text-align:left;
|
|
}
|
|
|
|
ul {
|
|
list-style: none;
|
|
padding-left: 5px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
input[type=checkbox] {
|
|
height:17px;
|
|
width:17px;
|
|
background-color:#fff;
|
|
}
|
|
|
|
.sheet-rolltemplate-broadcast {
|
|
/*width: 299px;*/
|
|
/*height: 258px;*/
|
|
padding: 0px;
|
|
margin:0 -5px -4px -45px;
|
|
background: url(http://nahualrpg.com/roll20/nahuales/basic.jpg);
|
|
background-size: 282px 104px;
|
|
background-repeat: no-repeat;
|
|
color: white;
|
|
background-color: #dedede;
|
|
/*font-weight: bold;*/
|
|
/*text-shadow: 2px 2px #171819;*/
|
|
border: 0px solid black;
|
|
border-spacing: 0;
|
|
}
|
|
.sheet-rolltemplate-broadcast .sheet-rollnahual{
|
|
display: grid;
|
|
grid: auto/ 280px;
|
|
grid-gap: 2px;
|
|
padding-top: 25px;
|
|
padding-left: 25px;
|
|
}
|
|
|
|
.sheet-rolltemplate-broadcast .sheet-rollnahual .sheet-roll{
|
|
justify-self:start;
|
|
align-self: center;
|
|
}
|
|
|
|
|
|
|
|
.sheet-rolltemplate-moves {
|
|
/*
|
|
padding: 0px;
|
|
margin:0 -5px -4px -45px;
|
|
background: url(http://nahualrpg.com/roll20/nahuales/rollart_linea.jpg);
|
|
background-size: 282px 260px;
|
|
background-repeat: no-repeat;
|
|
color: white;
|
|
background-color: #dedede;
|
|
border: 0px solid black;
|
|
border-spacing: 0;*/
|
|
}
|
|
/*
|
|
.sheet-rolltemplate-moves .sheet-rollnahual{
|
|
display: grid;
|
|
grid: auto/ 280px;
|
|
grid-gap: 2px;
|
|
padding-top: 25px;
|
|
padding-left: 25px;
|
|
}
|
|
|
|
.sheet-rolltemplate-moves .sheet-rollnahual .sheet-roll{
|
|
justify-self:start;
|
|
align-self: center;
|
|
}
|
|
*/
|
|
|
|
.sheet-rolltemplate-moves .sheet-roll-movesmiss{
|
|
/*width: 299px;*/
|
|
/*height: 258px;*/
|
|
padding: 0px;
|
|
margin:0 -5px -4px -45px;
|
|
background: url(http://nahualrpg.com/roll20/nahuales/miss.jpg);
|
|
background-size: 282px 258px;
|
|
background-repeat: no-repeat;
|
|
color: white;
|
|
background-color: #dedede;
|
|
/*font-weight: bold;*/
|
|
/*text-shadow: 2px 2px #171819;*/
|
|
border: 0px solid black;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
.sheet-rolltemplate-moves .sheet-roll-movesmiss .sheet-rollnahual{
|
|
display: grid;
|
|
grid: auto/ 280px;
|
|
grid-gap: 2px;
|
|
padding-top: 25px;
|
|
padding-left: 25px;
|
|
}
|
|
|
|
.sheet-rolltemplate-moves .sheet-roll-movesmiss .sheet-rollnahual .sheet-roll{
|
|
justify-self:start;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-moves .sheet-roll-movesmiss .inlinerollresult,
|
|
.sheet-rolltemplate-moves .sheet-roll-movesmiss .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-moves .sheet-roll-movesmiss .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-moves .sheet-roll-movesmiss .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-moves .sheet-roll-movesmiss .sheet-success .inlinerollresult,
|
|
.sheet-rolltemplate-moves .sheet-roll-movesmiss .sheet-success .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-moves .sheet-roll-movesmiss .sheet-success .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-moves .sheet-roll-movesmiss .sheet-success .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-moves .sheet-roll-movesmiss .sheet-failure .inlinerollresult,
|
|
.sheet-rolltemplate-moves .sheet-roll-movesmiss .sheet-failure .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-moves .sheet-roll-movesmiss .sheet-failure .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-moves .sheet-roll-movesmiss .sheet-failure .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-moves .sheet-roll-moveshit{
|
|
/*width: 299px;*/
|
|
/*height: 258px;*/
|
|
padding: 0px;
|
|
margin:0 -5px -4px -45px;
|
|
background: url(http://nahualrpg.com/roll20/nahuales/rollart.jpg);
|
|
background-size: 282px 258px;
|
|
background-repeat: no-repeat;
|
|
color: white;
|
|
background-color: #dedede;
|
|
/*font-weight: bold;*/
|
|
/*text-shadow: 2px 2px #171819;*/
|
|
border: 0px solid black;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
.sheet-rolltemplate-moves .sheet-roll-moveshit .sheet-rollnahual{
|
|
display: grid;
|
|
grid: auto/ 280px;
|
|
grid-gap: 2px;
|
|
padding-top: 25px;
|
|
padding-left: 25px;
|
|
}
|
|
|
|
.sheet-rolltemplate-moves .sheet-roll-moveshit .sheet-rollnahual .sheet-roll{
|
|
justify-self:start;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-moves .sheet-roll-moveshit .inlinerollresult,
|
|
.sheet-rolltemplate-moves .sheet-roll-moveshit .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-moves .sheet-roll-moveshit .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-moves .sheet-roll-moveshit .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-moves .sheet-roll-moveshit .sheet-success .inlinerollresult,
|
|
.sheet-rolltemplate-moves .sheet-roll-moveshit .sheet-success .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-moves .sheet-roll-moveshit .sheet-success .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-moves .sheet-roll-moveshit .sheet-success .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-moves .sheet-roll-moveshit .sheet-failure .inlinerollresult,
|
|
.sheet-rolltemplate-moves .sheet-roll-moveshit .sheet-failure .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-moves .sheet-roll-moveshit .sheet-failure .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-moves .sheet-roll-moveshit .sheet-failure .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-moves .sheet-roll-movesfull{
|
|
/*width: 299px;*/
|
|
/*height: 258px;*/
|
|
padding: 0px;
|
|
margin:0 -5px -4px -45px;
|
|
background: url(http://nahualrpg.com/roll20/nahuales/fullhit.jpg);
|
|
background-size: 282px 258px;
|
|
background-repeat: no-repeat;
|
|
color: white;
|
|
background-color: #dedede;
|
|
/*font-weight: bold;*/
|
|
/*text-shadow: 2px 2px #171819;*/
|
|
border: 0px solid black;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
.sheet-rolltemplate-moves .sheet-roll-movesfull .sheet-rollnahual{
|
|
display: grid;
|
|
grid: auto/ 280px;
|
|
grid-gap: 2px;
|
|
padding-top: 25px;
|
|
padding-left: 25px;
|
|
}
|
|
|
|
.sheet-rolltemplate-moves .sheet-roll-movesfull .sheet-rollnahual .sheet-roll{
|
|
justify-self:start;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-moves .sheet-roll-movesfull .inlinerollresult,
|
|
.sheet-rolltemplate-moves .sheet-roll-movesfull .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-moves .sheet-roll-movesfull .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-moves .sheet-roll-movesfull .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-moves .sheet-roll-movesfull .sheet-success .inlinerollresult,
|
|
.sheet-rolltemplate-moves .sheet-roll-movesfull .sheet-success .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-moves .sheet-roll-movesfull .sheet-success .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-moves .sheet-roll-movesfull .sheet-success .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-moves .sheet-roll-movesfull .sheet-failure .inlinerollresult,
|
|
.sheet-rolltemplate-moves .sheet-roll-movesfull .sheet-failure .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-moves .sheet-roll-movesfull .sheet-failure .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-moves .sheet-roll-movesfull .sheet-failure .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
|
|
/*
|
|
.sheet-rolltemplate-nahual {
|
|
height: 258px;
|
|
padding: 0px;
|
|
margin:0 -5px -4px -45px;
|
|
background: url(http://nahualrpg.com/roll20/nahuales/rollart.jpg);
|
|
background-size: 282px 258px;
|
|
background-repeat: no-repeat;
|
|
color: white;
|
|
border: 0px solid black;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
.sheet-rolltemplate-nahual .sheet-rollnahual{
|
|
display: grid;
|
|
grid: auto/ 280px;
|
|
grid-gap: 2px;
|
|
padding-top: 25px;
|
|
padding-left: 25px;
|
|
}
|
|
|
|
.sheet-rolltemplate-nahual .sheet-rollnahual .sheet-roll{
|
|
justify-self:start;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-nahual .inlinerollresult,
|
|
.sheet-rolltemplate-nahual .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-nahual .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-nahual .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-nahual .sheet-success .inlinerollresult,
|
|
.sheet-rolltemplate-nahual .sheet-success .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-nahual .sheet-success .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-nahual .sheet-success .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-nahual .sheet-failure .inlinerollresult,
|
|
.sheet-rolltemplate-nahual .sheet-failure .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-nahual .sheet-failure .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-nahual .sheet-failure .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
*/
|
|
/* ROLL TEMPLATE NHL */
|
|
.sheet-rolltemplate-nhl {
|
|
}
|
|
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlmiss{
|
|
/*width: 299px;*/
|
|
height: 258px;
|
|
padding: 0px;
|
|
margin:0 -5px -4px -45px;
|
|
background: url(http://nahualrpg.com/roll20/nahuales/miss.jpg);
|
|
background-size: 282px 258px;
|
|
background-repeat: no-repeat;
|
|
color: white;
|
|
/*font-weight: bold;*/
|
|
/*text-shadow: 2px 2px #171819;*/
|
|
border: 0px solid black;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlmiss .sheet-rollnahual{
|
|
display: grid;
|
|
grid: auto/ 280px;
|
|
grid-gap: 2px;
|
|
padding-top: 25px;
|
|
padding-left: 25px;
|
|
}
|
|
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlmiss .sheet-rollnahual .sheet-roll{
|
|
justify-self:start;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlmiss .inlinerollresult,
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlmiss .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlmiss .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlmiss .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlmiss .sheet-success .inlinerollresult,
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlmiss .sheet-success .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlmiss .sheet-success .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlmiss .sheet-success .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlmiss .sheet-failure .inlinerollresult,
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlmiss .sheet-failure .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlmiss .sheet-failure .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlmiss .sheet-failure .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlhit{
|
|
/*width: 299px;*/
|
|
height: 258px;
|
|
padding: 0px;
|
|
margin:0 -5px -4px -45px;
|
|
background: url(http://nahualrpg.com/roll20/nahuales/rollart.jpg);
|
|
background-size: 282px 258px;
|
|
background-repeat: no-repeat;
|
|
color: white;
|
|
/*font-weight: bold;*/
|
|
/*text-shadow: 2px 2px #171819;*/
|
|
border: 0px solid black;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlhit .sheet-rollnahual{
|
|
display: grid;
|
|
grid: auto/ 280px;
|
|
grid-gap: 2px;
|
|
padding-top: 25px;
|
|
padding-left: 25px;
|
|
}
|
|
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlhit .sheet-rollnahual .sheet-roll{
|
|
justify-self:start;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlhit .inlinerollresult,
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlhit .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlhit .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlhit .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlhit .sheet-success .inlinerollresult,
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlhit .sheet-success .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlhit .sheet-success .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlhit .sheet-success .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlhit .sheet-failure .inlinerollresult,
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlhit .sheet-failure .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlhit .sheet-failure .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlhit .sheet-failure .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlfull{
|
|
/*width: 299px;*/
|
|
height: 258px;
|
|
padding: 0px;
|
|
margin:0 -5px -4px -45px;
|
|
background: url(http://nahualrpg.com/roll20/nahuales/fullhit.jpg);
|
|
background-size: 282px 258px;
|
|
background-repeat: no-repeat;
|
|
color: white;
|
|
/*font-weight: bold;*/
|
|
/*text-shadow: 2px 2px #171819;*/
|
|
border: 0px solid black;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlfull .sheet-rollnahual{
|
|
display: grid;
|
|
grid: auto/ 280px;
|
|
grid-gap: 2px;
|
|
padding-top: 25px;
|
|
padding-left: 25px;
|
|
}
|
|
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlfull .sheet-rollnahual .sheet-roll{
|
|
justify-self:start;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlfull .inlinerollresult,
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlfull .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlfull .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlfull .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlfull .sheet-success .inlinerollresult,
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlfull .sheet-success .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlfull .sheet-success .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlfull .sheet-success .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlfull .sheet-failure .inlinerollresult,
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlfull .sheet-failure .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlfull .sheet-failure .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-nhl .sheet-roll-nhlfull .sheet-failure .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
/************************************************************************************************/
|
|
/**/
|
|
button[type="roll"] {
|
|
text-shadow: none;
|
|
background: transparent;
|
|
box-shadow: none;
|
|
box-sizing: border-box;
|
|
/*font-weight: bold;*/
|
|
/*font-family: 'Double';*/
|
|
outline: none;
|
|
border-radius: 0;
|
|
transition: all 0.2s;
|
|
color: #000;
|
|
|
|
font-weight: 400;
|
|
font-size: 18px;
|
|
font-family: 'League Gothic','Helvetica';
|
|
font-variant: small-caps;
|
|
padding: 5px 0 0 0;
|
|
|
|
}
|
|
|
|
button[type="roll"].btn::before {
|
|
content: "";
|
|
outline: none;
|
|
}
|
|
|
|
button[type="roll"].sheet-buttonroll {
|
|
display: flex;
|
|
border: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
outline: none;
|
|
font-size:46px;
|
|
}
|
|
|
|
button[type="roll"].sheet-buttonroll:hover {
|
|
color: #999;/*#d3d3d3;*/
|
|
outline: none;
|
|
}
|
|
|
|
/**/
|
|
/*
|
|
input[type=radio],
|
|
.sheet-invisible {
|
|
border: 0;
|
|
clip: rect(0 0 0 0);
|
|
height: 1px; margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute;
|
|
width: 1px;
|
|
}
|
|
*/
|
|
.sheet-input-text
|
|
{
|
|
width:35px;
|
|
font-weight:bold;
|
|
text-align:right;
|
|
}
|
|
|
|
.sheet-input-text-stat
|
|
{
|
|
width:53px;
|
|
height:53px;
|
|
font-size: 22px;
|
|
font-weight:bold;
|
|
text-align:center;
|
|
background-repeat: no-repeat;
|
|
background-size:cover;/*35px 35px;*/
|
|
background-image:url(http://nahualrpg.com/roll20/Nahual-Roll20-stat.jpg);
|
|
border:0px;
|
|
padding-top:8px;
|
|
outline: none;
|
|
font-family: 'GandhiSansBold','La Ghandi Sans','Helvetica';
|
|
}
|
|
|
|
.sheet-input-text-statx
|
|
{
|
|
width:35px;
|
|
font-size: 15px;
|
|
font-weight:bold;
|
|
text-align:center;
|
|
background-repeat: no-repeat;
|
|
background-size:35px 35px;
|
|
background-image:url(http://nahualrpg.com/roll20/Nahual-Roll20-stat.jpg);
|
|
border:0px;
|
|
}
|
|
.sheet-div-relaciones{
|
|
width: 100px;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: none;
|
|
border-bottom: 1px solid black;
|
|
}
|
|
.sheet-div-input-harm{
|
|
width: 100px;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: none;
|
|
border-bottom: 1px solid black;
|
|
}
|
|
|
|
.sheet-input-relaciones {
|
|
height: 10px;
|
|
width: 100px;
|
|
font-family: 'La Ghandi Sans';
|
|
font-size: 12px;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: none;
|
|
/*border-bottom: 1px solid black;*/
|
|
background: transparent;
|
|
outline:none;
|
|
}
|
|
|
|
.sheet-input-harm {
|
|
height: 10px;
|
|
width: 100px;
|
|
font-family: 'La Ghandi Sans';
|
|
font-size: 12px;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: none;
|
|
/*border-bottom: 1px solid black;*/
|
|
background: transparent;
|
|
outline:none;
|
|
}
|
|
|
|
.sheet-input-name{
|
|
font-family:'La Ghandi Sans';
|
|
width:100%;
|
|
margin:0 0 12px 0;
|
|
outline:none;
|
|
}
|
|
|
|
.sheet-input-name-ch {
|
|
width: 275px;
|
|
padding: 0;
|
|
margin: 0;
|
|
height:30px;
|
|
border: none;
|
|
font-size:30px;
|
|
outline:none;
|
|
}
|
|
|
|
|
|
textarea {
|
|
height: 48px;
|
|
box-sizing: border-box;
|
|
|
|
font-weight: 400;
|
|
font-size: 1.0em;
|
|
font-family: 'La Ghandi Sans', 'Helvetica', sans-serif;
|
|
line-height: normal;
|
|
}
|
|
|