mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-09-11 09:32:33 +00:00
1479 lines
41 KiB
CSS
1479 lines
41 KiB
CSS
/*! Imserso To The Limit Roll 20 Character Sheet - v0.1.0 - 2021-06-28
|
|
* https://jorsermar.github.io/roll20-character-sheets/
|
|
* Copyright (c) 2021 Jorge Serrano; Licensed */
|
|
/*
|
|
*
|
|
* Uncomment and set these variables to customize the grid.
|
|
*
|
|
* :root {
|
|
* --half-gutter-width: 0.5rem;
|
|
* --gutter-compensation: -0.5rem;
|
|
* --outer-margin: 2rem;
|
|
* }
|
|
*/
|
|
.sheet-flx-grid {
|
|
padding-right: 2rem;
|
|
padding-left: 2rem;
|
|
}
|
|
.sheet-flx-row {
|
|
box-sizing: border-box;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-webkit-flex-direction: row;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
-webkit-flex-wrap: wrap;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
margin-right: -0.5rem;
|
|
margin-left: -0.5rem;
|
|
}
|
|
.sheet-flx-row.sheet-flx-reverse {
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: reverse;
|
|
-webkit-flex-direction: row-reverse;
|
|
-ms-flex-direction: row-reverse;
|
|
flex-direction: row-reverse;
|
|
-webkit-flex-wrap: row-reverse;
|
|
-ms-flex-wrap: row-reverse;
|
|
flex-wrap: row-reverse;
|
|
}
|
|
.sheet-flx-col.sheet-flx-reverse {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: reverse;
|
|
-webkit-flex-direction: column-reverse;
|
|
-ms-flex-direction: column-reverse;
|
|
flex-direction: column-reverse;
|
|
-webkit-flex-wrap: column-reverse;
|
|
-ms-flex-wrap: column-reverse;
|
|
flex-wrap: column-reverse;
|
|
}
|
|
.sheet-flx-col-xs,
|
|
.sheet-flx-col-xs-1,
|
|
.sheet-flx-col-xs-2,
|
|
.sheet-flx-col-xs-3,
|
|
.sheet-flx-col-xs-4,
|
|
.sheet-flx-col-xs-5,
|
|
.sheet-flx-col-xs-6,
|
|
.sheet-flx-col-xs-7,
|
|
.sheet-flx-col-xs-8,
|
|
.sheet-flx-col-xs-9,
|
|
.sheet-flx-col-xs-10,
|
|
.sheet-flx-col-xs-11,
|
|
.sheet-flx-col-xs-12,
|
|
.sheet-flx-col-xs-offset-1,
|
|
.sheet-flx-col-xs-offset-2,
|
|
.sheet-flx-col-xs-offset-3,
|
|
.sheet-flx-col-xs-offset-4,
|
|
.sheet-flx-col-xs-offset-5,
|
|
.sheet-flx-col-xs-offset-6,
|
|
.sheet-flx-col-xs-offset-7,
|
|
.sheet-flx-col-xs-offset-8,
|
|
.sheet-flx-col-xs-offset-9,
|
|
.sheet-flx-col-xs-offset-10,
|
|
.sheet-flx-col-xs-offset-11,
|
|
.sheet-flx-col-xs-offset-12 {
|
|
box-sizing: border-box;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-webkit-flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex-grow: 0;
|
|
-ms-flex-positive: 0;
|
|
flex-grow: 0;
|
|
-webkit-flex-shrink: 0;
|
|
-ms-flex-negative: 0;
|
|
flex-shrink: 0;
|
|
padding-right: 0.5rem;
|
|
padding-left: 0.5rem;
|
|
}
|
|
.sheet-flx-col-xs {
|
|
-webkit-box-flex: 1;
|
|
-webkit-flex-grow: 1;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
-webkit-flex-basis: 0;
|
|
-ms-flex-preferred-size: 0;
|
|
flex-basis: 0;
|
|
max-width: 100%;
|
|
}
|
|
.sheet-flx-col-xs-1 {
|
|
-webkit-flex-basis: 8.333333333%;
|
|
-ms-flex-preferred-size: 8.333333333%;
|
|
flex-basis: 8.333333333%;
|
|
max-width: 8.333333333%;
|
|
}
|
|
.sheet-flx-col-xs-2 {
|
|
-webkit-flex-basis: 16.666666667%;
|
|
-ms-flex-preferred-size: 16.666666667%;
|
|
flex-basis: 16.666666667%;
|
|
max-width: 16.666666667%;
|
|
}
|
|
.sheet-flx-col-xs-3 {
|
|
-webkit-flex-basis: 25%;
|
|
-ms-flex-preferred-size: 25%;
|
|
flex-basis: 25%;
|
|
max-width: 25%;
|
|
}
|
|
.sheet-flx-col-xs-4 {
|
|
-webkit-flex-basis: 33.333333333%;
|
|
-ms-flex-preferred-size: 33.333333333%;
|
|
flex-basis: 33.333333333%;
|
|
max-width: 33.333333333%;
|
|
}
|
|
.sheet-flx-col-xs-5 {
|
|
-webkit-flex-basis: 41.666666667%;
|
|
-ms-flex-preferred-size: 41.666666667%;
|
|
flex-basis: 41.666666667%;
|
|
max-width: 41.666666667%;
|
|
}
|
|
.sheet-flx-col-xs-6 {
|
|
-webkit-flex-basis: 50%;
|
|
-ms-flex-preferred-size: 50%;
|
|
flex-basis: 50%;
|
|
max-width: 50%;
|
|
}
|
|
.sheet-flx-col-xs-7 {
|
|
-webkit-flex-basis: 58.333333333%;
|
|
-ms-flex-preferred-size: 58.333333333%;
|
|
flex-basis: 58.333333333%;
|
|
max-width: 58.333333333%;
|
|
}
|
|
.sheet-flx-col-xs-8 {
|
|
-webkit-flex-basis: 66.666666667%;
|
|
-ms-flex-preferred-size: 66.666666667%;
|
|
flex-basis: 66.666666667%;
|
|
max-width: 66.666666667%;
|
|
}
|
|
.sheet-flx-col-xs-9 {
|
|
-webkit-flex-basis: 75%;
|
|
-ms-flex-preferred-size: 75%;
|
|
flex-basis: 75%;
|
|
max-width: 75%;
|
|
}
|
|
.sheet-flx-col-xs-10 {
|
|
-webkit-flex-basis: 83.333333333%;
|
|
-ms-flex-preferred-size: 83.333333333%;
|
|
flex-basis: 83.333333333%;
|
|
max-width: 83.333333333%;
|
|
}
|
|
.sheet-flx-col-xs-11 {
|
|
-webkit-flex-basis: 91.666666667%;
|
|
-ms-flex-preferred-size: 91.666666667%;
|
|
flex-basis: 91.666666667%;
|
|
max-width: 91.666666667%;
|
|
}
|
|
.sheet-flx-col-xs-12 {
|
|
-webkit-flex-basis: 100%;
|
|
-ms-flex-preferred-size: 100%;
|
|
flex-basis: 100%;
|
|
max-width: 100%;
|
|
}
|
|
.sheet-flx-col-xs-offset-1 {
|
|
margin-left: 8.333333333%;
|
|
}
|
|
.sheet-flx-col-xs-offset-2 {
|
|
margin-left: 16.666666667%;
|
|
}
|
|
.sheet-flx-col-xs-offset-3 {
|
|
margin-left: 25%;
|
|
}
|
|
.sheet-flx-col-xs-offset-4 {
|
|
margin-left: 33.333333333%;
|
|
}
|
|
.sheet-flx-col-xs-offset-5 {
|
|
margin-left: 41.666666667%;
|
|
}
|
|
.sheet-flx-col-xs-offset-6 {
|
|
margin-left: 50%;
|
|
}
|
|
.sheet-flx-col-xs-offset-7 {
|
|
margin-left: 58.333333333%;
|
|
}
|
|
.sheet-flx-col-xs-offset-8 {
|
|
margin-left: 66.666666667%;
|
|
}
|
|
.sheet-flx-col-xs-offset-9 {
|
|
margin-left: 75%;
|
|
}
|
|
.sheet-flx-col-xs-offset-10 {
|
|
margin-left: 83.333333333%;
|
|
}
|
|
.sheet-flx-col-xs-offset-11 {
|
|
margin-left: 91.666666667%;
|
|
}
|
|
.sheet-flx-start-xs {
|
|
-webkit-box-pack: start;
|
|
-webkit-justify-content: flex-start;
|
|
-ms-flex-pack: start;
|
|
justify-content: flex-start;
|
|
text-align: start;
|
|
}
|
|
.sheet-flx-center-xs {
|
|
-webkit-box-pack: center;
|
|
-webkit-justify-content: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
text-align: center;
|
|
}
|
|
.sheet-flx-end-xs {
|
|
-webkit-box-pack: end;
|
|
-webkit-justify-content: flex-end;
|
|
-ms-flex-pack: end;
|
|
justify-content: flex-end;
|
|
text-align: end;
|
|
}
|
|
.sheet-flx-top-xs {
|
|
-webkit-box-align: start;
|
|
-webkit-align-items: flex-start;
|
|
-ms-flex-align: start;
|
|
align-items: flex-start;
|
|
}
|
|
.sheet-flx-middle-xs {
|
|
-webkit-box-align: center;
|
|
-webkit-align-items: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.sheet-flx-bottom-xs {
|
|
-webkit-box-align: end;
|
|
-webkit-align-items: flex-end;
|
|
-ms-flex-align: end;
|
|
align-items: flex-end;
|
|
}
|
|
.sheet-flx-around-xs {
|
|
-webkit-justify-content: space-around;
|
|
-ms-flex-pack: distribute;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-flx-between-xs {
|
|
-webkit-box-pack: justify;
|
|
-webkit-justify-content: space-between;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
}
|
|
.sheet-flx-first-xs {
|
|
-webkit-box-ordinal-group: 0;
|
|
-webkit-order: -1;
|
|
-ms-flex-order: -1;
|
|
order: -1;
|
|
}
|
|
.sheet-flx-last-xs {
|
|
-webkit-box-ordinal-group: 2;
|
|
-webkit-order: 1;
|
|
-ms-flex-order: 1;
|
|
order: 1;
|
|
}
|
|
@media only screen and (min-width: 48em) {
|
|
.sheet-flx-col-sm,
|
|
.sheet-flx-col-sm-1,
|
|
.sheet-flx-col-sm-2,
|
|
.sheet-flx-col-sm-3,
|
|
.sheet-flx-col-sm-4,
|
|
.sheet-flx-col-sm-5,
|
|
.sheet-flx-col-sm-6,
|
|
.sheet-flx-col-sm-7,
|
|
.sheet-flx-col-sm-8,
|
|
.sheet-flx-col-sm-9,
|
|
.sheet-flx-col-sm-10,
|
|
.sheet-flx-col-sm-11,
|
|
.sheet-flx-col-sm-12,
|
|
.sheet-flx-col-sm-offset-1,
|
|
.sheet-flx-col-sm-offset-2,
|
|
.sheet-flx-col-sm-offset-3,
|
|
.sheet-flx-col-sm-offset-4,
|
|
.sheet-flx-col-sm-offset-5,
|
|
.sheet-flx-col-sm-offset-6,
|
|
.sheet-flx-col-sm-offset-7,
|
|
.sheet-flx-col-sm-offset-8,
|
|
.sheet-flx-col-sm-offset-9,
|
|
.sheet-flx-col-sm-offset-10,
|
|
.sheet-flx-col-sm-offset-11,
|
|
.sheet-flx-col-sm-offset-12 {
|
|
box-sizing: border-box;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-webkit-flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex-grow: 0;
|
|
-ms-flex-positive: 0;
|
|
flex-grow: 0;
|
|
-webkit-flex-shrink: 0;
|
|
-ms-flex-negative: 0;
|
|
flex-shrink: 0;
|
|
padding-right: 0.5rem;
|
|
padding-left: 0.5rem;
|
|
}
|
|
.sheet-flx-col-sm {
|
|
-webkit-box-flex: 1;
|
|
-webkit-flex-grow: 1;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
-webkit-flex-basis: 0;
|
|
-ms-flex-preferred-size: 0;
|
|
flex-basis: 0;
|
|
max-width: 100%;
|
|
}
|
|
.sheet-flx-col-sm-1 {
|
|
-webkit-flex-basis: 8.333333333%;
|
|
-ms-flex-preferred-size: 8.333333333%;
|
|
flex-basis: 8.333333333%;
|
|
max-width: 8.333333333%;
|
|
}
|
|
.sheet-flx-col-sm-2 {
|
|
-webkit-flex-basis: 16.666666667%;
|
|
-ms-flex-preferred-size: 16.666666667%;
|
|
flex-basis: 16.666666667%;
|
|
max-width: 16.666666667%;
|
|
}
|
|
.sheet-flx-col-sm-3 {
|
|
-webkit-flex-basis: 25%;
|
|
-ms-flex-preferred-size: 25%;
|
|
flex-basis: 25%;
|
|
max-width: 25%;
|
|
}
|
|
.sheet-flx-col-sm-4 {
|
|
-webkit-flex-basis: 33.333333333%;
|
|
-ms-flex-preferred-size: 33.333333333%;
|
|
flex-basis: 33.333333333%;
|
|
max-width: 33.333333333%;
|
|
}
|
|
.sheet-flx-col-sm-5 {
|
|
-webkit-flex-basis: 41.666666667%;
|
|
-ms-flex-preferred-size: 41.666666667%;
|
|
flex-basis: 41.666666667%;
|
|
max-width: 41.666666667%;
|
|
}
|
|
.sheet-flx-col-sm-6 {
|
|
-webkit-flex-basis: 50%;
|
|
-ms-flex-preferred-size: 50%;
|
|
flex-basis: 50%;
|
|
max-width: 50%;
|
|
}
|
|
.sheet-flx-col-sm-7 {
|
|
-webkit-flex-basis: 58.333333333%;
|
|
-ms-flex-preferred-size: 58.333333333%;
|
|
flex-basis: 58.333333333%;
|
|
max-width: 58.333333333%;
|
|
}
|
|
.sheet-flx-col-sm-8 {
|
|
-webkit-flex-basis: 66.666666667%;
|
|
-ms-flex-preferred-size: 66.666666667%;
|
|
flex-basis: 66.666666667%;
|
|
max-width: 66.666666667%;
|
|
}
|
|
.sheet-flx-col-sm-9 {
|
|
-webkit-flex-basis: 75%;
|
|
-ms-flex-preferred-size: 75%;
|
|
flex-basis: 75%;
|
|
max-width: 75%;
|
|
}
|
|
.sheet-flx-col-sm-10 {
|
|
-webkit-flex-basis: 83.333333333%;
|
|
-ms-flex-preferred-size: 83.333333333%;
|
|
flex-basis: 83.333333333%;
|
|
max-width: 83.333333333%;
|
|
}
|
|
.sheet-flx-col-sm-11 {
|
|
-webkit-flex-basis: 91.666666667%;
|
|
-ms-flex-preferred-size: 91.666666667%;
|
|
flex-basis: 91.666666667%;
|
|
max-width: 91.666666667%;
|
|
}
|
|
.sheet-flx-col-sm-12 {
|
|
-webkit-flex-basis: 100%;
|
|
-ms-flex-preferred-size: 100%;
|
|
flex-basis: 100%;
|
|
max-width: 100%;
|
|
}
|
|
.sheet-flx-col-sm-offset-1 {
|
|
margin-left: 8.333333333%;
|
|
max-width: 8.333333333%;
|
|
}
|
|
.sheet-flx-col-sm-offset-2 {
|
|
margin-left: 16.666666667%;
|
|
max-width: 16.666666667%;
|
|
}
|
|
.sheet-flx-col-sm-offset-3 {
|
|
margin-left: 25%;
|
|
}
|
|
.sheet-flx-col-sm-offset-4 {
|
|
margin-left: 33.333333333%;
|
|
}
|
|
.sheet-flx-col-sm-offset-5 {
|
|
margin-left: 41.666666667%;
|
|
}
|
|
.sheet-flx-col-sm-offset-6 {
|
|
margin-left: 50%;
|
|
}
|
|
.sheet-flx-col-sm-offset-7 {
|
|
margin-left: 58.333333333%;
|
|
}
|
|
.sheet-flx-col-sm-offset-8 {
|
|
margin-left: 66.666666667%;
|
|
}
|
|
.sheet-flx-col-sm-offset-9 {
|
|
margin-left: 75%;
|
|
}
|
|
.sheet-flx-col-sm-offset-10 {
|
|
margin-left: 83.333333333%;
|
|
}
|
|
.sheet-flx-col-sm-offset-11 {
|
|
margin-left: 91.666666667%;
|
|
}
|
|
.sheet-flx-start-sm {
|
|
-webkit-box-pack: start;
|
|
-webkit-justify-content: flex-start;
|
|
-ms-flex-pack: start;
|
|
justify-content: flex-start;
|
|
text-align: start;
|
|
}
|
|
.sheet-flx-center-sm {
|
|
-webkit-box-pack: center;
|
|
-webkit-justify-content: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
text-align: center;
|
|
}
|
|
.sheet-flx-end-sm {
|
|
-webkit-box-pack: end;
|
|
-webkit-justify-content: flex-end;
|
|
-ms-flex-pack: end;
|
|
justify-content: flex-end;
|
|
text-align: end;
|
|
}
|
|
.sheet-flx-top-sm {
|
|
-webkit-box-align: start;
|
|
-webkit-align-items: flex-start;
|
|
-ms-flex-align: start;
|
|
align-items: flex-start;
|
|
}
|
|
.sheet-flx-middle-sm {
|
|
-webkit-box-align: center;
|
|
-webkit-align-items: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.sheet-flx-bottom-sm {
|
|
-webkit-box-align: end;
|
|
-webkit-align-items: flex-end;
|
|
-ms-flex-align: end;
|
|
align-items: flex-end;
|
|
}
|
|
.sheet-flx-around-sm {
|
|
-webkit-justify-content: space-around;
|
|
-ms-flex-pack: distribute;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-flx-between-sm {
|
|
-webkit-box-pack: justify;
|
|
-webkit-justify-content: space-between;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
}
|
|
.sheet-flx-first-sm {
|
|
-webkit-box-ordinal-group: 0;
|
|
-webkit-order: -1;
|
|
-ms-flex-order: -1;
|
|
order: -1;
|
|
}
|
|
.sheet-flx-last-sm {
|
|
-webkit-box-ordinal-group: 2;
|
|
-webkit-order: 1;
|
|
-ms-flex-order: 1;
|
|
order: 1;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 62em) {
|
|
.sheet-flx-col-md,
|
|
.sheet-flx-col-md-1,
|
|
.sheet-flx-col-md-2,
|
|
.sheet-flx-col-md-3,
|
|
.sheet-flx-col-md-4,
|
|
.sheet-flx-col-md-5,
|
|
.sheet-flx-col-md-6,
|
|
.sheet-flx-col-md-7,
|
|
.sheet-flx-col-md-8,
|
|
.sheet-flx-col-md-9,
|
|
.sheet-flx-col-md-10,
|
|
.sheet-flx-col-md-11,
|
|
.sheet-flx-col-md-12,
|
|
.sheet-flx-col-md-offset-1,
|
|
.sheet-flx-col-md-offset-2,
|
|
.sheet-flx-col-md-offset-3,
|
|
.sheet-flx-col-md-offset-4,
|
|
.sheet-flx-col-md-offset-5,
|
|
.sheet-flx-col-md-offset-6,
|
|
.sheet-flx-col-md-offset-7,
|
|
.sheet-flx-col-md-offset-8,
|
|
.sheet-flx-col-md-offset-9,
|
|
.sheet-flx-col-md-offset-10,
|
|
.sheet-flx-col-md-offset-11,
|
|
.sheet-flx-col-md-offset-12 {
|
|
box-sizing: border-box;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-webkit-flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex-grow: 0;
|
|
-ms-flex-positive: 0;
|
|
flex-grow: 0;
|
|
-webkit-flex-shrink: 0;
|
|
-ms-flex-negative: 0;
|
|
flex-shrink: 0;
|
|
padding-right: 0.5rem;
|
|
padding-left: 0.5rem;
|
|
}
|
|
.sheet-flx-col-md {
|
|
-webkit-box-flex: 1;
|
|
-webkit-flex-grow: 1;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
-webkit-flex-basis: 0;
|
|
-ms-flex-preferred-size: 0;
|
|
flex-basis: 0;
|
|
max-width: 100%;
|
|
}
|
|
.sheet-flx-col-md-1 {
|
|
-webkit-flex-basis: 8.333333333%;
|
|
-ms-flex-preferred-size: 8.333333333%;
|
|
flex-basis: 8.333333333%;
|
|
max-width: 8.333333333%;
|
|
}
|
|
.sheet-flx-col-md-2 {
|
|
-webkit-flex-basis: 16.666666667%;
|
|
-ms-flex-preferred-size: 16.666666667%;
|
|
flex-basis: 16.666666667%;
|
|
max-width: 16.666666667%;
|
|
}
|
|
.sheet-flx-col-md-3 {
|
|
-webkit-flex-basis: 25%;
|
|
-ms-flex-preferred-size: 25%;
|
|
flex-basis: 25%;
|
|
max-width: 25%;
|
|
}
|
|
.sheet-flx-col-md-4 {
|
|
-webkit-flex-basis: 33.333333333%;
|
|
-ms-flex-preferred-size: 33.333333333%;
|
|
flex-basis: 33.333333333%;
|
|
max-width: 33.333333333%;
|
|
}
|
|
.sheet-flx-col-md-5 {
|
|
-webkit-flex-basis: 41.666666667%;
|
|
-ms-flex-preferred-size: 41.666666667%;
|
|
flex-basis: 41.666666667%;
|
|
max-width: 41.666666667%;
|
|
}
|
|
.sheet-flx-col-md-6 {
|
|
-webkit-flex-basis: 50%;
|
|
-ms-flex-preferred-size: 50%;
|
|
flex-basis: 50%;
|
|
max-width: 50%;
|
|
}
|
|
.sheet-flx-col-md-7 {
|
|
-webkit-flex-basis: 58.333333333%;
|
|
-ms-flex-preferred-size: 58.333333333%;
|
|
flex-basis: 58.333333333%;
|
|
max-width: 58.333333333%;
|
|
}
|
|
.sheet-flx-col-md-8 {
|
|
-webkit-flex-basis: 66.666666667%;
|
|
-ms-flex-preferred-size: 66.666666667%;
|
|
flex-basis: 66.666666667%;
|
|
max-width: 66.666666667%;
|
|
}
|
|
.sheet-flx-col-md-9 {
|
|
-webkit-flex-basis: 75%;
|
|
-ms-flex-preferred-size: 75%;
|
|
flex-basis: 75%;
|
|
max-width: 75%;
|
|
}
|
|
.sheet-flx-col-md-10 {
|
|
-webkit-flex-basis: 83.333333333%;
|
|
-ms-flex-preferred-size: 83.333333333%;
|
|
flex-basis: 83.333333333%;
|
|
max-width: 83.333333333%;
|
|
}
|
|
.sheet-flx-col-md-11 {
|
|
-webkit-flex-basis: 91.666666667%;
|
|
-ms-flex-preferred-size: 91.666666667%;
|
|
flex-basis: 91.666666667%;
|
|
max-width: 91.666666667%;
|
|
}
|
|
.sheet-flx-col-md-12 {
|
|
-webkit-flex-basis: 100%;
|
|
-ms-flex-preferred-size: 100%;
|
|
flex-basis: 100%;
|
|
max-width: 100%;
|
|
}
|
|
.sheet-flx-col-md-offset-1 {
|
|
margin-left: 8.333333333%;
|
|
}
|
|
.sheet-flx-col-md-offset-2 {
|
|
margin-left: 16.666666667%;
|
|
}
|
|
.sheet-flx-col-md-offset-3 {
|
|
margin-left: 25%;
|
|
}
|
|
.sheet-flx-col-md-offset-4 {
|
|
margin-left: 33.333333333%;
|
|
}
|
|
.sheet-flx-col-md-offset-5 {
|
|
margin-left: 41.666666667%;
|
|
}
|
|
.sheet-flx-col-md-offset-6 {
|
|
margin-left: 50%;
|
|
}
|
|
.sheet-flx-col-md-offset-7 {
|
|
margin-left: 58.333333333%;
|
|
}
|
|
.sheet-flx-col-md-offset-8 {
|
|
margin-left: 66.666666667%;
|
|
}
|
|
.sheet-flx-col-md-offset-9 {
|
|
margin-left: 75%;
|
|
}
|
|
.sheet-flx-col-md-offset-10 {
|
|
margin-left: 83.333333333%;
|
|
}
|
|
.sheet-flx-col-md-offset-11 {
|
|
margin-left: 91.666666667%;
|
|
}
|
|
.sheet-flx-start-md {
|
|
-webkit-box-pack: start;
|
|
-webkit-justify-content: flex-start;
|
|
-ms-flex-pack: start;
|
|
justify-content: flex-start;
|
|
text-align: start;
|
|
}
|
|
.sheet-flx-center-md {
|
|
-webkit-box-pack: center;
|
|
-webkit-justify-content: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
text-align: center;
|
|
}
|
|
.sheet-flx-end-md {
|
|
-webkit-box-pack: end;
|
|
-webkit-justify-content: flex-end;
|
|
-ms-flex-pack: end;
|
|
justify-content: flex-end;
|
|
text-align: end;
|
|
}
|
|
.sheet-flx-top-md {
|
|
-webkit-box-align: start;
|
|
-webkit-align-items: flex-start;
|
|
-ms-flex-align: start;
|
|
align-items: flex-start;
|
|
}
|
|
.sheet-flx-middle-md {
|
|
-webkit-box-align: center;
|
|
-webkit-align-items: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.sheet-flx-bottom-md {
|
|
-webkit-box-align: end;
|
|
-webkit-align-items: flex-end;
|
|
-ms-flex-align: end;
|
|
align-items: flex-end;
|
|
}
|
|
.sheet-flx-around-md {
|
|
-webkit-justify-content: space-around;
|
|
-ms-flex-pack: distribute;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-flx-between-md {
|
|
-webkit-box-pack: justify;
|
|
-webkit-justify-content: space-between;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
}
|
|
.sheet-flx-first-md {
|
|
-webkit-box-ordinal-group: 0;
|
|
-webkit-order: -1;
|
|
-ms-flex-order: -1;
|
|
order: -1;
|
|
}
|
|
.sheet-flx-last-md {
|
|
-webkit-box-ordinal-group: 2;
|
|
-webkit-order: 1;
|
|
-ms-flex-order: 1;
|
|
order: 1;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 75em) {
|
|
.sheet-flx-col-lg,
|
|
.sheet-flx-col-lg-1,
|
|
.sheet-flx-col-lg-2,
|
|
.sheet-flx-col-lg-3,
|
|
.sheet-flx-col-lg-4,
|
|
.sheet-flx-col-lg-5,
|
|
.sheet-flx-col-lg-6,
|
|
.sheet-flx-col-lg-7,
|
|
.sheet-flx-col-lg-8,
|
|
.sheet-flx-col-lg-9,
|
|
.sheet-flx-col-lg-10,
|
|
.sheet-flx-col-lg-11,
|
|
.sheet-flx-col-lg-12,
|
|
.sheet-flx-col-lg-offset-1,
|
|
.sheet-flx-col-lg-offset-2,
|
|
.sheet-flx-col-lg-offset-3,
|
|
.sheet-flx-col-lg-offset-4,
|
|
.sheet-flx-col-lg-offset-5,
|
|
.sheet-flx-col-lg-offset-6,
|
|
.sheet-flx-col-lg-offset-7,
|
|
.sheet-flx-col-lg-offset-8,
|
|
.sheet-flx-col-lg-offset-9,
|
|
.sheet-flx-col-lg-offset-10,
|
|
.sheet-flx-col-lg-offset-11,
|
|
.sheet-flx-col-lg-offset-12 {
|
|
box-sizing: border-box;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-webkit-flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex-grow: 0;
|
|
-ms-flex-positive: 0;
|
|
flex-grow: 0;
|
|
-webkit-flex-shrink: 0;
|
|
-ms-flex-negative: 0;
|
|
flex-shrink: 0;
|
|
padding-right: 0.5rem;
|
|
padding-left: 0.5rem;
|
|
}
|
|
.sheet-flx-col-lg {
|
|
-webkit-box-flex: 1;
|
|
-webkit-flex-grow: 1;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
-webkit-flex-basis: 0;
|
|
-ms-flex-preferred-size: 0;
|
|
flex-basis: 0;
|
|
max-width: 100%;
|
|
}
|
|
.sheet-flx-col-lg-1 {
|
|
-webkit-flex-basis: 8.333333333%;
|
|
-ms-flex-preferred-size: 8.333333333%;
|
|
flex-basis: 8.333333333%;
|
|
max-width: 8.333333333%;
|
|
}
|
|
.sheet-flx-col-lg-2 {
|
|
-webkit-flex-basis: 16.666666667%;
|
|
-ms-flex-preferred-size: 16.666666667%;
|
|
flex-basis: 16.666666667%;
|
|
max-width: 16.666666667%;
|
|
}
|
|
.sheet-flx-col-lg-3 {
|
|
-webkit-flex-basis: 25%;
|
|
-ms-flex-preferred-size: 25%;
|
|
flex-basis: 25%;
|
|
max-width: 25%;
|
|
}
|
|
.sheet-flx-col-lg-4 {
|
|
-webkit-flex-basis: 33.333333333%;
|
|
-ms-flex-preferred-size: 33.333333333%;
|
|
flex-basis: 33.333333333%;
|
|
max-width: 33.333333333%;
|
|
}
|
|
.sheet-flx-col-lg-5 {
|
|
-webkit-flex-basis: 41.666666667%;
|
|
-ms-flex-preferred-size: 41.666666667%;
|
|
flex-basis: 41.666666667%;
|
|
max-width: 41.666666667%;
|
|
}
|
|
.sheet-flx-col-lg-6 {
|
|
-webkit-flex-basis: 50%;
|
|
-ms-flex-preferred-size: 50%;
|
|
flex-basis: 50%;
|
|
max-width: 50%;
|
|
}
|
|
.sheet-flx-col-lg-7 {
|
|
-webkit-flex-basis: 58.333333333%;
|
|
-ms-flex-preferred-size: 58.333333333%;
|
|
flex-basis: 58.333333333%;
|
|
max-width: 58.333333333%;
|
|
}
|
|
.sheet-flx-col-lg-8 {
|
|
-webkit-flex-basis: 66.666666667%;
|
|
-ms-flex-preferred-size: 66.666666667%;
|
|
flex-basis: 66.666666667%;
|
|
max-width: 66.666666667%;
|
|
}
|
|
.sheet-flx-col-lg-9 {
|
|
-webkit-flex-basis: 75%;
|
|
-ms-flex-preferred-size: 75%;
|
|
flex-basis: 75%;
|
|
max-width: 75%;
|
|
}
|
|
.sheet-flx-col-lg-10 {
|
|
-webkit-flex-basis: 83.333333333%;
|
|
-ms-flex-preferred-size: 83.333333333%;
|
|
flex-basis: 83.333333333%;
|
|
max-width: 83.333333333%;
|
|
}
|
|
.sheet-flx-col-lg-11 {
|
|
-webkit-flex-basis: 91.666666667%;
|
|
-ms-flex-preferred-size: 91.666666667%;
|
|
flex-basis: 91.666666667%;
|
|
max-width: 91.666666667%;
|
|
}
|
|
.sheet-flx-col-lg-12 {
|
|
-webkit-flex-basis: 100%;
|
|
-ms-flex-preferred-size: 100%;
|
|
flex-basis: 100%;
|
|
max-width: 100%;
|
|
}
|
|
.sheet-flx-col-lg-offset-1 {
|
|
margin-left: 8.333333333%;
|
|
}
|
|
.sheet-flx-col-lg-offset-2 {
|
|
margin-left: 16.666666667%;
|
|
}
|
|
.sheet-flx-col-lg-offset-3 {
|
|
margin-left: 25%;
|
|
}
|
|
.sheet-flx-col-lg-offset-4 {
|
|
margin-left: 33.333333333%;
|
|
}
|
|
.sheet-flx-col-lg-offset-5 {
|
|
margin-left: 41.666666667%;
|
|
}
|
|
.sheet-flx-col-lg-offset-6 {
|
|
margin-left: 50%;
|
|
}
|
|
.sheet-flx-col-lg-offset-7 {
|
|
margin-left: 58.333333333%;
|
|
}
|
|
.sheet-flx-col-lg-offset-8 {
|
|
margin-left: 66.666666667%;
|
|
}
|
|
.sheet-flx-col-lg-offset-9 {
|
|
margin-left: 75%;
|
|
}
|
|
.sheet-flx-col-lg-offset-10 {
|
|
margin-left: 83.333333333%;
|
|
}
|
|
.sheet-flx-col-lg-offset-11 {
|
|
margin-left: 91.666666667%;
|
|
}
|
|
.sheet-flx-start-lg {
|
|
-webkit-box-pack: start;
|
|
-webkit-justify-content: flex-start;
|
|
-ms-flex-pack: start;
|
|
justify-content: flex-start;
|
|
text-align: start;
|
|
}
|
|
.sheet-flx-center-lg {
|
|
-webkit-box-pack: center;
|
|
-webkit-justify-content: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
text-align: center;
|
|
}
|
|
.sheet-flx-end-lg {
|
|
-webkit-box-pack: end;
|
|
-webkit-justify-content: flex-end;
|
|
-ms-flex-pack: end;
|
|
justify-content: flex-end;
|
|
text-align: end;
|
|
}
|
|
.sheet-flx-top-lg {
|
|
-webkit-box-align: start;
|
|
-webkit-align-items: flex-start;
|
|
-ms-flex-align: start;
|
|
align-items: flex-start;
|
|
}
|
|
.sheet-flx-middle-lg {
|
|
-webkit-box-align: center;
|
|
-webkit-align-items: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.sheet-flx-bottom-lg {
|
|
-webkit-box-align: end;
|
|
-webkit-align-items: flex-end;
|
|
-ms-flex-align: end;
|
|
align-items: flex-end;
|
|
}
|
|
.sheet-flx-around-lg {
|
|
-webkit-justify-content: space-around;
|
|
-ms-flex-pack: distribute;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-flx-between-lg {
|
|
-webkit-box-pack: justify;
|
|
-webkit-justify-content: space-between;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
}
|
|
.sheet-flx-first-lg {
|
|
-webkit-box-ordinal-group: 0;
|
|
-webkit-order: -1;
|
|
-ms-flex-order: -1;
|
|
order: -1;
|
|
}
|
|
.sheet-flx-last-lg {
|
|
-webkit-box-ordinal-group: 2;
|
|
-webkit-order: 1;
|
|
-ms-flex-order: 1;
|
|
order: 1;
|
|
}
|
|
}
|
|
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 25, 2014 */
|
|
@font-face {
|
|
font-family: 'dustismo_roman';
|
|
src: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Imserso_ToTheLimit/font/dustismo_roman_bold-webfont.eot');
|
|
src: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Imserso_ToTheLimit/font/dustismo_roman_bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://jorsermar.github.io/roll20-jorsermar-sheets/Imserso_ToTheLimit/font/dustismo_roman_bold-webfont.woff2') format('woff2'), url('https://jorsermar.github.io/roll20-jorsermar-sheets/Imserso_ToTheLimit/font/dustismo_roman_bold-webfont.woff') format('woff'), url('https://jorsermar.github.io/roll20-jorsermar-sheets/Imserso_ToTheLimit/font/dustismo_roman_bold-webfont.ttf') format('truetype'), url('https://jorsermar.github.io/roll20-jorsermar-sheets/Imserso_ToTheLimit/font/dustismo_roman_bold-webfont.svg#dustismo_romanbold') format('svg');
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'dustismo_roman';
|
|
src: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Imserso_ToTheLimit/font/dustismo_roman-webfont.eot');
|
|
src: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Imserso_ToTheLimit/font/dustismo_roman-webfont.eot?#iefix') format('embedded-opentype'), url('https://jorsermar.github.io/roll20-jorsermar-sheets/Imserso_ToTheLimit/font/dustismo_roman-webfont.woff2') format('woff2'), url('https://jorsermar.github.io/roll20-jorsermar-sheets/Imserso_ToTheLimit/font/dustismo_roman-webfont.woff') format('woff'), url('https://jorsermar.github.io/roll20-jorsermar-sheets/Imserso_ToTheLimit/font/dustismo_roman-webfont.ttf') format('truetype'), url('https://jorsermar.github.io/roll20-jorsermar-sheets/Imserso_ToTheLimit/font/dustismo_roman-webfont.svg#dustismo_romanregular') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'covington_cond';
|
|
src: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Imserso_ToTheLimit/font/coving05-webfont.eot');
|
|
src: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Imserso_ToTheLimit/font/coving05-webfont.eot?#iefix') format('embedded-opentype'), url('https://jorsermar.github.io/roll20-jorsermar-sheets/Imserso_ToTheLimit/font/coving05-webfont.woff2') format('woff2'), url('https://jorsermar.github.io/roll20-jorsermar-sheets/Imserso_ToTheLimit/font/coving05-webfont.woff') format('woff'), url('https://jorsermar.github.io/roll20-jorsermar-sheets/Imserso_ToTheLimit/font/coving05-webfont.ttf') format('truetype'), url('https://jorsermar.github.io/roll20-jorsermar-sheets/Imserso_ToTheLimit/font/coving05-webfont.svg#covington_condregular') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'covington_cond';
|
|
src: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Imserso_ToTheLimit/font/coving07-webfont.eot');
|
|
src: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Imserso_ToTheLimit/font/coving07-webfont.eot?#iefix') format('embedded-opentype'), url('https://jorsermar.github.io/roll20-jorsermar-sheets/Imserso_ToTheLimit/font/coving07-webfont.woff2') format('woff2'), url('https://jorsermar.github.io/roll20-jorsermar-sheets/Imserso_ToTheLimit/font/coving07-webfont.woff') format('woff'), url('https://jorsermar.github.io/roll20-jorsermar-sheets/Imserso_ToTheLimit/font/coving07-webfont.ttf') format('truetype'), url('https://jorsermar.github.io/roll20-jorsermar-sheets/Imserso_ToTheLimit/font/coving07-webfont.svg#covington_condbold') format('svg');
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
}
|
|
/* latin */
|
|
@font-face {
|
|
font-family: 'Over the Rainbow';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: url(https://fonts.gstatic.com/s/overtherainbow/v11/11haGoXG1k_HKhMLUWz7Mc7vvW5ulvSs9fI1TGw.woff2) format('woff2');
|
|
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;
|
|
}
|
|
fieldset {
|
|
border: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.sheet-section-header {
|
|
font-size: 22px;
|
|
font-family: Arial, sans-serif;
|
|
font-weight: 900;
|
|
text-transform: uppercase;
|
|
line-height: 1.1;
|
|
}
|
|
/* imserso generic styles */
|
|
.charsheet {
|
|
/* Disable spinners on disabled inputs */
|
|
}
|
|
.charsheet h4.sheet-section-head {
|
|
background-color: transparent;
|
|
color: #000000;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
font-size: 18px;
|
|
font-family: Arial, sans-serif;
|
|
font-weight: 900;
|
|
}
|
|
.charsheet div.sheet-section {
|
|
border: 1px solid black;
|
|
padding: 1%;
|
|
margin: 0 0 1% 0;
|
|
}
|
|
.charsheet table,
|
|
.charsheet .sheet-table {
|
|
width: 100%;
|
|
}
|
|
.charsheet input:not([type="checkbox"]) {
|
|
width: 100%;
|
|
}
|
|
.charsheet table th,
|
|
.charsheet .sheet-table .sheeet-th {
|
|
background-color: transparent;
|
|
color: #000000;
|
|
text-align: center;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-size: 18px;
|
|
font-family: Arial, sans-serif;
|
|
font-weight: 900;
|
|
}
|
|
.charsheet table td.sheet-attr,
|
|
.charsheet .sheet-table .sheet-td.sheet-attr {
|
|
width: 13.33%;
|
|
height: 58px;
|
|
font-family: Arial, sans-serif;
|
|
}
|
|
.charsheet table td.sheet-attr-label,
|
|
.charsheet .sheet-table .sheet-td.sheet-attr-label {
|
|
width: 13.33%;
|
|
height: 58px;
|
|
font-size: 120%;
|
|
text-align: center;
|
|
font-family: Arial, sans-serif;
|
|
}
|
|
.charsheet input.sheet-attr-input-std {
|
|
width: 100%;
|
|
height: 58px;
|
|
font-size: 200%;
|
|
text-align: center;
|
|
}
|
|
.charsheet input[type="number"].sheet-attr-input-small {
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
.charsheet input.sheet-secondary-attr-input {
|
|
width: 100%;
|
|
text-align: center;
|
|
font-family: Arial, sans-serif;
|
|
}
|
|
.charsheet input[type="number"].sheet-secondary-attr-input {
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
.charsheet table td.sheet-attr-roll,
|
|
.charsheet .sheet-table .sheet-td.sheet-attr-roll {
|
|
height: 58px;
|
|
text-align: center;
|
|
}
|
|
.charsheet table td.sheet-skill-label,
|
|
.charsheet .sheet-table .sheet-td.sheet-skill-label {
|
|
width: 100%;
|
|
white-space: nowrap;
|
|
font-family: Arial, sans-serif;
|
|
}
|
|
.charsheet input[type='text'].sheet-skill-input,
|
|
.charsheet input[type='number'].sheet-skill-input {
|
|
width: 2em;
|
|
text-align: center;
|
|
}
|
|
.charsheet input[type='text'].sheet-skill-input:not([disabled]),
|
|
.charsheet input[type='number'].sheet-skill-input:not([disabled]),
|
|
.charsheet input[type='text'].sheet-skill-input.sheet-skill-shown,
|
|
.charsheet input[type='number'].sheet-skill-input.sheet-skill-shown {
|
|
width: 3em;
|
|
}
|
|
.charsheet input[type=number]:disabled {
|
|
-moz-appearance: textfield;
|
|
}
|
|
.charsheet input[type=number]:disabled::-webkit-outer-spin-button,
|
|
.charsheet input[type=number]:disabled::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
.charsheet textarea {
|
|
width: 100%;
|
|
min-height: 100px;
|
|
height: auto;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
resize: vertical;
|
|
font-family: Arial, sans-serif;
|
|
}
|
|
.charsheet texarea.sheet-backstory-box {
|
|
height: 10em;
|
|
}
|
|
.charsheet .sheet-alignright {
|
|
text-align: right;
|
|
}
|
|
.charsheet .sheet-aligncenter {
|
|
text-align: center;
|
|
}
|
|
.charsheet .sheet-small {
|
|
font-size: 80%;
|
|
}
|
|
.charsheet {
|
|
background-color: #bfd3b2;
|
|
padding-top: 10px!important;
|
|
}
|
|
.charsheet .sheet-imserso {
|
|
margin: 10px 0px;
|
|
border-radius: 8px;
|
|
max-width: 1055px;
|
|
min-width: 755px;
|
|
background: white;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-personal-details {
|
|
display: grid;
|
|
grid-template-columns: auto 200px;
|
|
padding: 20px 20px 0px 20px;
|
|
grid-column-gap: 10px;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-personal-details .sheet-datos-body {
|
|
border: 2px solid black;
|
|
display: grid;
|
|
grid-template-areas: "nombre nombre" "pj pj" "arquetipo talento" "lugar anyos" "profesion partido" "familia familia";
|
|
grid-template-columns: auto auto;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-personal-details .sheet-datos-body .field-wrap {
|
|
border: 1px solid rgba(0, 0, 0, 0.5);
|
|
}
|
|
.charsheet .sheet-imserso .sheet-personal-details .sheet-datos-body .field-wrap label {
|
|
text-transform: uppercase;
|
|
font-weight: normal;
|
|
margin-bottom: 0;
|
|
padding: 3px 0px 0px 5px;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-personal-details .sheet-datos-body .field-wrap input,
|
|
.charsheet .sheet-imserso .sheet-personal-details .sheet-datos-body .field-wrap textarea,
|
|
.charsheet .sheet-imserso .sheet-personal-details .sheet-datos-body .field-wrap select {
|
|
background: transparent;
|
|
border: none;
|
|
box-shadow: none;
|
|
width: 100%;
|
|
margin: 0;
|
|
min-height: auto;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-personal-details .sheet-datos-body .field-wrap:nth-of-type(1) {
|
|
grid-area: nombre;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-personal-details .sheet-datos-body .field-wrap:nth-of-type(2) {
|
|
grid-area: pj;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-personal-details .sheet-datos-body .field-wrap:nth-of-type(3) {
|
|
grid-area: arquetipo;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-personal-details .sheet-datos-body .field-wrap:nth-of-type(4) {
|
|
grid-area: talento;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-personal-details .sheet-datos-body .field-wrap:nth-of-type(5) {
|
|
grid-area: lugar;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-personal-details .sheet-datos-body .field-wrap:nth-of-type(6) {
|
|
grid-area: anyos;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-personal-details .sheet-datos-body .field-wrap:nth-of-type(7) {
|
|
grid-area: profesion;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-personal-details .sheet-datos-body .field-wrap:nth-of-type(8) {
|
|
grid-area: partido;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-personal-details .sheet-datos-body .field-wrap:nth-of-type(9) {
|
|
grid-area: familia;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-personal-details .sheet-logo {
|
|
max-width: 200px;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-personal-details .sheet-logo .sheet-datos-body {
|
|
grid-template-areas: "nombre pj" "arquetipo talento";
|
|
}
|
|
.charsheet .sheet-imserso .sheet-personal-details .sheet-logo .sheet-datos-body input {
|
|
font-size: 21px;
|
|
text-align: center;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-personal-details .sheet-logo .sheet-derivados {
|
|
display: grid;
|
|
grid-template-areas: "bemoles nervio" "yayopoints yayopoints";
|
|
margin-top: 10px;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-personal-details .sheet-logo .sheet-derivados .sheet-bemoles {
|
|
grid-area: bemoles;
|
|
margin: 10px;
|
|
border-right: 5px solid black;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-personal-details .sheet-logo .sheet-derivados .sheet-bemoles label {
|
|
margin-bottom: 0;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-personal-details .sheet-logo .sheet-derivados .sheet-nervio {
|
|
grid-area: nervio;
|
|
margin: 10px;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-personal-details .sheet-logo .sheet-derivados .sheet-nervio label {
|
|
margin-bottom: 0;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-personal-details .sheet-logo .sheet-derivados label {
|
|
font-family: 'Over the Rainbow';
|
|
color: #575656;
|
|
transform: rotate(-10deg);
|
|
}
|
|
.charsheet .sheet-imserso .sheet-personal-details .sheet-logo .sheet-derivados input {
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
font-family: 'Over the Rainbow';
|
|
color: #575656;
|
|
transform: rotate(-10deg);
|
|
transform: none;
|
|
font-size: 20px;
|
|
text-align: center;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-personal-details .sheet-logo .sheet-derivados .sheet-domino {
|
|
position: absolute;
|
|
height: 86px;
|
|
width: 196px;
|
|
border: 1px solid black;
|
|
border-radius: 12px;
|
|
box-shadow: 5px 9px 3px #000;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-personal-details .sheet-logo .sheet-derivados .sheet-yayopoints {
|
|
margin-top: 20px;
|
|
grid-area: yayopoints;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-personal-details .sheet-logo .sheet-derivados .sheet-yayopoints label {
|
|
text-align: center;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-personal-details .sheet-logo .sheet-derivados .sheet-yayopoints input {
|
|
background-image: url("https://jorsermar.github.io/roll20-jorsermar-sheets/Imserso_ToTheLimit/img/yayopoints.png");
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
width: 60px;
|
|
height: 60px;
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
text-align: center;
|
|
font-size: 25px;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-personal-details .sheet-logo .sheet-derivados .sheet-yayopoints .sheet-data {
|
|
display: grid;
|
|
grid-template-columns: auto auto;
|
|
grid-columns-gap: 5px;
|
|
text-align: center;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-habilidades {
|
|
padding: 0px 20px 20px 20px;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-habilidades .sheet-section-header {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-habilidades .sheet-section-header .sheet-hab-aux {
|
|
font-size: 10px;
|
|
display: inline-flex;
|
|
line-height: 22px;
|
|
align-items: center;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-habilidades .sheet-section-header .sheet-hab-aux label {
|
|
margin-left: 5px;
|
|
margin-bottom: 0px;
|
|
white-space: nowrap;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-habilidades .sheet-section-header .sheet-hab-aux input,
|
|
.charsheet .sheet-imserso .sheet-habilidades .sheet-section-header .sheet-hab-aux checkbox {
|
|
border: none;
|
|
background-image: url("https://jorsermar.github.io/roll20-jorsermar-sheets/Imserso_ToTheLimit/img/yoatus.png");
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
box-shadow: none;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-habilidades .sheet-lista-habilidades {
|
|
display: grid;
|
|
grid-template-rows: repeat(7, 1fr);
|
|
grid-template-columns: auto auto auto;
|
|
grid-auto-flow: column;
|
|
border: 2px solid black;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-habilidades .sheet-lista-habilidades .field-wrap {
|
|
border: 1px solid rgba(0, 0, 0, 0.5);
|
|
display: flex;
|
|
font-size: 10px;
|
|
align-items: center;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-habilidades .sheet-lista-habilidades .field-wrap label {
|
|
margin: 0;
|
|
padding: 0 0 0 5px;
|
|
white-space: nowrap;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-habilidades .sheet-lista-habilidades .field-wrap .sheet-habilidades-container {
|
|
width: 100%;
|
|
text-align: right;
|
|
line-height: 1;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-habilidades .sheet-lista-habilidades .field-wrap .sheet-habilidades-container input[type=radio] {
|
|
width: auto;
|
|
height: initial;
|
|
max-width: initial;
|
|
border: initial;
|
|
border-radius: inherit;
|
|
margin-left: 5px;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-habilidades .sheet-lista-habilidades .field-wrap .sheet-habilidades-container button[type=roll] {
|
|
padding: 2px 3px;
|
|
font-size: 1.3em;
|
|
margin: 0px 3px 0px 3px;
|
|
background: transparent;
|
|
border: none;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-habilidades .sheet-lista-habilidades .field-wrap .sheet-habilidades-container button[type=roll]:before {
|
|
font-family: "dicefontd20";
|
|
content: "t";
|
|
}
|
|
.charsheet .sheet-imserso .sheet-achaques {
|
|
display: grid;
|
|
padding: 0 20px;
|
|
grid-template-columns: auto auto auto;
|
|
grid-column-gap: 10px;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-achaques label {
|
|
font-size: 16px;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-salud {
|
|
padding: 20px;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-salud .sheet-salud-body {
|
|
display: grid;
|
|
grid-template-columns: 150px 150px 150px 170px;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-salud .sheet-salud-body .field-wrap {
|
|
display: flex;
|
|
flex-direction: column;
|
|
text-align: center;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-salud .sheet-salud-body .field-wrap label {
|
|
font-size: 12px;
|
|
text-align: center;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-salud .sheet-salud-body .field-wrap input {
|
|
border: none;
|
|
background-color: transparent;
|
|
background-image: url("https://jorsermar.github.io/roll20-jorsermar-sheets/Imserso_ToTheLimit/img/yayopoints.png");
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
box-shadow: none;
|
|
width: 80px;
|
|
height: 80px;
|
|
font-size: 30px;
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-salud .sheet-salud-body .sheet-tirada-jamacuco label {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-salud .sheet-salud-body .sheet-tirada-jamacuco label input {
|
|
width: 15px;
|
|
height: 15px;
|
|
margin: 5px;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-salud .sheet-salud-body .sheet-tirada-jamacuco button {
|
|
width: 72px;
|
|
height: 72px;
|
|
margin: 0 auto;
|
|
background-color: transparent;
|
|
border: 0;
|
|
font-size: 80px;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-salud .sheet-salud-body .sheet-tirada-jamacuco button:before {
|
|
font-family: "dicefontd6";
|
|
content: "f";
|
|
}
|
|
.charsheet .sheet-imserso .sheet-last {
|
|
padding: 0px 20px;
|
|
}
|
|
.charsheet .sheet-imserso .sheet-last textarea {
|
|
border: 2px solid black;
|
|
height: 240px;
|
|
margin-bottom: 40px;
|
|
}
|
|
/* Roll Templates */
|
|
.sheet-rolltemplate-imserso table,
|
|
.sheet-rolltemplate-imserso-ini table {
|
|
width: 100%;
|
|
border: 1px solid black;
|
|
color: black;
|
|
background: #FFFFFF;
|
|
}
|
|
.sheet-rolltemplate-imserso caption,
|
|
.sheet-rolltemplate-imserso-ini caption {
|
|
text-align: center;
|
|
background: #ececec;
|
|
color: #2b2b2b;
|
|
font-weight: 700;
|
|
padding: 2px;
|
|
border: 1px solid black;
|
|
border-bottom: none;
|
|
line-height: 2em;
|
|
}
|
|
.sheet-rolltemplate-imserso td,
|
|
.sheet-rolltemplate-imserso-ini td {
|
|
padding: 2px;
|
|
border-bottom: 1px solid black;
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-imserso td.sheet-template_label,
|
|
.sheet-rolltemplate-imserso-ini td.sheet-template_label {
|
|
font-weight: 700;
|
|
}
|
|
.sheet-rolltemplate-imserso td.sheet-template_value,
|
|
.sheet-rolltemplate-imserso-ini td.sheet-template_value {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-imserso td.sheet-extrainfo {
|
|
text-align: center;
|
|
background: #ececec;
|
|
color: #2b2b2b;
|
|
border-top: none;
|
|
line-height: 1em;
|
|
font-style: italic;
|
|
}
|
|
.sheet-rolltemplate-imserso .inlinerollresult,
|
|
.sheet-rolltemplate-imserso-ini .inlinerollresult {
|
|
display: inline-block;
|
|
min-width: 1.5em;
|
|
min-height: 1.5em;
|
|
text-align: center;
|
|
border: none!important;
|
|
background: white;
|
|
color: #2b2b2b;
|
|
margin: 4px 0;
|
|
line-height: 1.5em;
|
|
padding: 0;
|
|
font-size: 1em;
|
|
font-weight: 400;
|
|
}
|
|
.sheet-rolltemplate-imserso .sheet-dice .inlinerollresult,
|
|
.sheet-rolltemplate-imserso-ini .sheet-dice .inlinerollresult {
|
|
border: 1px solid black!important;
|
|
background: white;
|
|
color: black;
|
|
box-shadow: 5px 5px 1px black;
|
|
font-size: 1em;
|
|
font-weight: 700;
|
|
}
|
|
.sheet-rolltemplate-imserso .sheet-dice .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-imserso-ini .sheet-dice .inlinerollresult.fullfail {
|
|
background-color: #ff4000;
|
|
color: white;
|
|
}
|
|
.sheet-rolltemplate-imserso .sheet-dice .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-imserso-ini .sheet-dice .inlinerollresult.fullcrit {
|
|
background-color: #00ff80;
|
|
}
|