mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
1184 lines
24 KiB
CSS
1184 lines
24 KiB
CSS
@import url('https://fonts.googleapis.com/css?family=Lato|Skranji:wght@700&display=swap');
|
|
|
|
/*----------------- FONTS ------------------*/
|
|
|
|
|
|
/*
|
|
font-family: 'Lato', sans-serif;
|
|
font-family: 'Skranji', cursive;
|
|
*/
|
|
|
|
|
|
/*----------------- BACKGROUND ------------------*/
|
|
|
|
.charsheet {
|
|
|
|
background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Escape%20from%20Dino%20Island/green-forest-stretch.jpeg?raw=true"); /*jungle*/
|
|
background-repeat: no-repeat;
|
|
width: 824px;
|
|
height: 951px;
|
|
|
|
/* Original image dimensions 634 x 951 */
|
|
/* Stretched image dimensions 824 x 951 */
|
|
|
|
}
|
|
|
|
|
|
/*----------------- GRIDS ------------------*/
|
|
|
|
|
|
|
|
.sheet-main {
|
|
|
|
|
|
}
|
|
|
|
.sheet-main-top {
|
|
display: grid;
|
|
width: 820px;
|
|
height: 170px;
|
|
grid-gap: 10px;
|
|
grid-template-columns: 40px 210x 210px 210px;
|
|
grid-template-rows: 30px 30px 30px 30px;
|
|
grid-template-areas:"logo name pronoun playsheet"
|
|
"logo clever personality personality"
|
|
"logo fit look look"
|
|
". steady rumor rumor";
|
|
}
|
|
|
|
.sheet-main-body {
|
|
display: grid;
|
|
width: 820px;
|
|
height: 100vh;
|
|
grid-gap: 10px;
|
|
grid-template-columns: 550px 210px;
|
|
grid-template-rows: 194px 155px 121px 256px;
|
|
grid-template-areas:"specific damage"
|
|
"specific peril"
|
|
"specific safety"
|
|
"specific stories";
|
|
}
|
|
|
|
|
|
/*----------------- GENERAL CSS ------------------*/
|
|
|
|
textarea {
|
|
width: 70%;
|
|
height: 85%;
|
|
}
|
|
|
|
textarea.sheet-notetext{
|
|
width: 800px;
|
|
height: 140px;
|
|
}
|
|
|
|
.sheet-hidden {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-section {
|
|
padding: 5px;
|
|
border-style: solid;
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
.sheet-flex-col {
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
/*justify-content: flex-start;*/
|
|
}
|
|
|
|
.sheet-flex-col-center {
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
justify-content: center;
|
|
align-content: center;
|
|
/*justify-content: flex-start;*/
|
|
}
|
|
|
|
.sheet-flex-center {
|
|
display: grid;
|
|
justify-content: center;
|
|
align-content: center;
|
|
}
|
|
|
|
.sheet-hide-section {
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
/* --------------------------------Hide and Display section of Code-------------------------------- */
|
|
|
|
/* By default, hides all archetypes*/
|
|
.sheet-doctor,
|
|
.sheet-engineer,
|
|
.sheet-hunter,
|
|
.sheet-kid,
|
|
.sheet-paleontologist,
|
|
.sheet-soldier,
|
|
.sheet-survivor,
|
|
.sheet-doctor-stories,
|
|
.sheet-engineer-stories,
|
|
.sheet-hunter-stories,
|
|
.sheet-kid-stories,
|
|
.sheet-paleontologist-stories,
|
|
.sheet-soldier-stories,
|
|
.sheet-survivor-stories {
|
|
display: none;
|
|
}
|
|
|
|
/* show the selected archetype */
|
|
.sheet-playsheettoggle[value="doctor"] ~ div.sheet-doctor,
|
|
.sheet-playsheettoggle[value="engineer"] ~ div.sheet-engineer,
|
|
.sheet-playsheettoggle[value="hunter"] ~ div.sheet-hunter,
|
|
.sheet-playsheettoggle[value="kid"] ~ div.sheet-kid,
|
|
.sheet-playsheettoggle[value="paleontologist"] ~ div.sheet-paleontologist,
|
|
.sheet-playsheettoggle[value="soldier"] ~ div.sheet-soldier,
|
|
.sheet-playsheettoggle[value="survivor"] ~ div.sheet-survivor,
|
|
.sheet-playsheettoggle2[value="doctor"] ~ div.sheet-doctor-stories,
|
|
.sheet-playsheettoggle2[value="engineer"] ~ div.sheet-engineer-stories,
|
|
.sheet-playsheettoggle2[value="hunter"] ~ div.sheet-hunter-stories,
|
|
.sheet-playsheettoggle2[value="kid"] ~ div.sheet-kid-stories,
|
|
.sheet-playsheettoggle2[value="paleontologist"] ~ div.sheet-paleontologist-stories,
|
|
.sheet-playsheettoggle2[value="soldier"] ~ div.sheet-soldier-stories,
|
|
.sheet-playsheettoggle2[value="survivor"] ~ div.sheet-survivor-stories {
|
|
display: grid;
|
|
}
|
|
|
|
|
|
/*------------- Section-specific CSS -------------*/
|
|
|
|
|
|
h1 {
|
|
|
|
font-family: 'Skranji', cursive;
|
|
color: black;
|
|
margin: auto;
|
|
justify-content: center;
|
|
align-content: center;
|
|
|
|
}
|
|
|
|
h2 {
|
|
|
|
font-family: 'Skranji', cursive;
|
|
color: black;
|
|
|
|
}
|
|
|
|
h4 {
|
|
|
|
font-family: 'Skranji', cursive;
|
|
color: black;
|
|
margin: auto;
|
|
justify-content: center;
|
|
align-content: center;
|
|
|
|
}
|
|
|
|
h2.sheet-cluesname {
|
|
|
|
font-family: 'Skranji', cursive;
|
|
color: black;
|
|
|
|
}
|
|
|
|
label.sheet-middle-label {
|
|
|
|
font-family: 'Lato', sans-serif;
|
|
text-align: center;
|
|
color: rbg(214, 122, 9);
|
|
display: inline;
|
|
font-size: 1.2em;
|
|
font-weight: normal;
|
|
line-height: 20px;
|
|
margin-bottom: 0px;
|
|
|
|
}
|
|
|
|
label.sheet-left-label{
|
|
|
|
font-family: 'Skranji', cursive;
|
|
color: black;
|
|
display: inline;
|
|
font-size: 1.4em;
|
|
font-weight: normal;
|
|
line-height: 30px;
|
|
margin-bottom: 0px;
|
|
background: rgba(206, 214, 191, 0.7);
|
|
|
|
}
|
|
|
|
|
|
label.sheet-left-label-1 {
|
|
|
|
font-family: 'Skranji', cursive;
|
|
color: black;
|
|
display: inline;
|
|
font-size: 1.8em;
|
|
font-weight: normal;
|
|
line-height: 30px;
|
|
margin-bottom: 0px;
|
|
background: rgba(206, 214, 191, 0.7);
|
|
grid-column: 1 / -1;
|
|
|
|
}
|
|
|
|
|
|
span.sheet-left-span {
|
|
|
|
font-family: 'Lato', sans-serif;
|
|
color: black;
|
|
display: inline;
|
|
font-size: 1em;
|
|
font-weight: normal;
|
|
line-height: 18px;
|
|
margin-bottom: 0px;
|
|
background: rgba(206, 214, 191, 0.7);
|
|
|
|
}
|
|
|
|
span.sheet-centre-span {
|
|
|
|
font-family: 'Lato', sans-serif;
|
|
color: black;
|
|
display: inline;
|
|
font-size: 1em;
|
|
font-weight: normal;
|
|
line-height: 18px;
|
|
margin-bottom: 0px;
|
|
background: rgba(206, 214, 191, 0.7);
|
|
margin: auto;
|
|
|
|
}
|
|
|
|
input.sheet-char-inputs{
|
|
|
|
font-family: 'Lato', sans-serif;
|
|
display: inline;
|
|
height:30px;
|
|
width:130px;
|
|
background: rgb(206, 214, 191);
|
|
|
|
}
|
|
|
|
input.sheet-inj-inputs{
|
|
|
|
font-family: 'Lato', sans-serif;
|
|
display: inline;
|
|
height:30px;
|
|
width:155px;
|
|
background: rgb(206, 214, 191);
|
|
|
|
}
|
|
|
|
input.sheet-gear-inputs{
|
|
|
|
font-family: 'Lato', sans-serif;
|
|
display: inline;
|
|
height:30px;
|
|
width:270px;
|
|
background: rgb(206, 214, 191);
|
|
|
|
}
|
|
|
|
input.sheet-desc-inputs{
|
|
|
|
font-family: 'Lato', sans-serif;
|
|
display: inline;
|
|
height:30px;
|
|
width:350px;
|
|
background: rgb(206, 214, 191);
|
|
|
|
}
|
|
|
|
select.sheet-select-inputs{
|
|
|
|
font-family: 'Lato', sans-serif;
|
|
display: inline;
|
|
height:30px;
|
|
width:130px;
|
|
background: rgb(206, 214, 191);
|
|
|
|
}
|
|
|
|
input.sheet-condition-inputs {
|
|
|
|
font-family: 'Lato', sans-serif;
|
|
margin: auto;
|
|
display: inline;
|
|
|
|
}
|
|
|
|
input.sheet-used-boxes {
|
|
|
|
font-family: 'Lato', sans-serif;
|
|
margin: auto;
|
|
display: inline;
|
|
transform: scale(1.2);
|
|
height:18px;
|
|
width:18px;
|
|
background: rgb(206, 214, 191);
|
|
filter: invert(80%) hue-rotate(45deg) brightness(1.2);
|
|
|
|
|
|
}
|
|
|
|
input.sheet-used-boxes-big {
|
|
|
|
font-family: 'Lato', sans-serif;
|
|
margin: auto;
|
|
display: inline;
|
|
transform: scale(2);
|
|
height:25px;
|
|
width:25px;
|
|
background: rgb(206, 214, 191);
|
|
filter: invert(80%) hue-rotate(45deg) brightness(1.2);
|
|
|
|
}
|
|
|
|
input.sheet-stat-inputs {
|
|
|
|
font-family: 'Lato', sans-serif;
|
|
margin: auto;
|
|
display: inline;
|
|
height:25px;
|
|
width:35px;
|
|
background: rgb(206, 214, 191);
|
|
|
|
}
|
|
|
|
label.sheet-clues-row {
|
|
|
|
font-family: 'Lato', sans-serif;
|
|
color: rgb(13, 84, 18);
|
|
justify-content: center;
|
|
align-content: center;
|
|
display: inline;
|
|
font-size: 1.5em;
|
|
font-weight: normal;
|
|
line-height: 20px;
|
|
margin-bottom: 0px;
|
|
|
|
}
|
|
|
|
button.sheet-tabbutton {
|
|
|
|
font-family: 'Skranji', cursive;
|
|
background-color: white;
|
|
background-repeat: repeat;
|
|
color: black;
|
|
width: 140px;
|
|
height: 20px;
|
|
border-style: none;
|
|
|
|
}
|
|
|
|
.sheet-casualty button[type=roll].sheet-rollbutton {
|
|
|
|
font-family: 'Skranji', cursive;
|
|
background-image: none;
|
|
background-color: rgb(206, 214, 191);
|
|
color: black;
|
|
width: 70px;
|
|
height: 18px;
|
|
font-size: 1em;
|
|
border-style: none;
|
|
margin: auto;
|
|
border-radius: 5px;
|
|
|
|
}
|
|
|
|
.sheet-peril button[type=roll].sheet-rollbutton,
|
|
.sheet-safety button[type=roll].sheet-rollbutton {
|
|
|
|
font-family: 'Skranji', cursive;
|
|
background-image: none;
|
|
background-color: rgb(206, 214, 191);
|
|
color: black;
|
|
width: 110px;
|
|
height: 18px;
|
|
font-size: 1em;
|
|
border-style: none;
|
|
margin: auto;
|
|
border-radius: 5px;
|
|
|
|
}
|
|
|
|
.sheet-casualty button[type=roll].sheet-rollbutton:hover,
|
|
.sheet-peril button[type=roll].sheet-rollbutton:hover,
|
|
.sheet-safety button[type=roll].sheet-rollbutton:hover,
|
|
.sheet-casualty button[type=roll].sheet-rollbuttonlong:hover,
|
|
.sheet-peril button[type=roll].sheet-rollbuttonlong:hover,
|
|
.sheet-safety button[type=roll].sheet-rollbuttonlong:hover {
|
|
|
|
background-color: rgb(178, 189, 157);
|
|
|
|
}
|
|
|
|
.sheet-casualty button[type=roll].sheet-rollbuttonlong,
|
|
.sheet-peril button[type=roll].sheet-rollbuttonlong,
|
|
.sheet-safety button[type=roll].sheet-rollbuttonlong {
|
|
|
|
font-family: 'Skranji', cursive;
|
|
background-image: none;
|
|
background-color: rgb(206, 214, 191);
|
|
color: black;
|
|
width: 230px;
|
|
height: 18px;
|
|
font-size: 1em;
|
|
border-style: none;
|
|
margin: auto;
|
|
border-radius: 5px;
|
|
white-space: normal;
|
|
|
|
}
|
|
|
|
|
|
.sheet-doctor button[type=roll].sheet-rollbuttond6:hover,
|
|
.sheet-engineer button[type=roll].sheet-rollbuttond6:hover,
|
|
.sheet-kid button[type=roll].sheet-rollbuttond6:hover,
|
|
.sheet-hunter button[type=roll].sheet-rollbuttond6:hover,
|
|
.sheet-paleontologist button[type=roll].sheet-rollbuttond6:hover,
|
|
.sheet-soldier button[type=roll].sheet-rollbuttond6:hover,
|
|
.sheet-survivor button[type=roll].sheet-rollbuttond6:hover {
|
|
|
|
background-color: rgb(178, 189, 157);
|
|
|
|
}
|
|
|
|
.sheet-doctor button[type=roll].sheet-rollbuttond6,
|
|
.sheet-engineer button[type=roll].sheet-rollbuttond6,
|
|
.sheet-kid button[type=roll].sheet-rollbuttond6,
|
|
.sheet-hunter button[type=roll].sheet-rollbuttond6,
|
|
.sheet-paleontologist button[type=roll].sheet-rollbuttond6,
|
|
.sheet-soldier button[type=roll].sheet-rollbuttond6,
|
|
.sheet-survivor button[type=roll].sheet-rollbuttond6 {
|
|
background-image: none;
|
|
background-color: rgb(206, 214, 191);
|
|
color: black;
|
|
width: 18px;
|
|
height: 18px;
|
|
border-style: none;
|
|
margin: auto;
|
|
border-radius: 5px;
|
|
white-space: normal;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sheet-logo {
|
|
grid-area: logo;
|
|
display: flex;
|
|
flex-direction: column;
|
|
background: rgba(206, 214, 191, 0.7);
|
|
justify-content: center;
|
|
align-content: center;
|
|
|
|
}
|
|
|
|
.sheet-name {
|
|
grid-area: name;
|
|
grid-template-columns: 75px 5px 130px;
|
|
display: grid;
|
|
|
|
}
|
|
|
|
.sheet-pronoun {
|
|
grid-area: pronoun;
|
|
grid-template-columns: 75px 5px 130px;
|
|
display: grid;
|
|
|
|
}
|
|
|
|
.sheet-playsheet {
|
|
grid-area: playsheet;
|
|
grid-template-columns: 80px 5px 130px;
|
|
grid-template-rows: 30px;
|
|
display: grid;
|
|
|
|
}
|
|
|
|
.sheet-clever {
|
|
grid-area: clever;
|
|
grid-template-columns: 75px 5px 130px;
|
|
display: grid;
|
|
|
|
}
|
|
|
|
.sheet-fit {
|
|
grid-area: fit;
|
|
grid-template-columns: 75px 5px 130px;
|
|
display: grid;
|
|
|
|
}
|
|
|
|
.sheet-steady {
|
|
grid-area: steady;
|
|
grid-template-columns: 75px 5px 130px;
|
|
display: grid;
|
|
|
|
}
|
|
|
|
.sheet-personality {
|
|
grid-area: personality;
|
|
grid-template-columns: 100px 5px 350px;
|
|
display: grid;
|
|
|
|
}
|
|
|
|
.sheet-look {
|
|
grid-area: look;
|
|
grid-template-columns: 100px 5px 350px;
|
|
display: grid;
|
|
|
|
}
|
|
|
|
.sheet-rumor {
|
|
grid-area: rumor;
|
|
grid-template-columns: 100px 5px 350px;
|
|
display: grid;
|
|
|
|
}
|
|
|
|
.sheet-damage {
|
|
grid-area: damage;
|
|
grid-template-columns: 80px 5px 145px;
|
|
grid-template-rows: 30px 5px 30px 5px 30px 5px 30px 5px 54px;
|
|
display: grid;
|
|
grid-template-areas:". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
"out out out"
|
|
". . ."
|
|
"casualty casualty casualty";
|
|
|
|
}
|
|
|
|
.sheet-out {
|
|
grid-area: out;
|
|
grid-template-columns: 30px 5px 195px;
|
|
display: grid;
|
|
|
|
}
|
|
|
|
.sheet-casualty {
|
|
grid-area: casualty;
|
|
grid-template-columns: 140px 5px 85px;
|
|
display: grid;
|
|
|
|
}
|
|
|
|
.sheet-peril {
|
|
grid-area: peril;
|
|
grid-template-columns: 110px 10px 110px;
|
|
grid-template-rows: 30px 5px 20px 5px 20px 5px 20px 5px 20px 5px 20px;
|
|
display: grid;
|
|
grid-template-areas:". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
"holdon holdon holdon"
|
|
". . ."
|
|
"lookover lookover lookover"
|
|
". . ."
|
|
"takehand takehand takehand";
|
|
|
|
}
|
|
|
|
.sheet-holdon {
|
|
grid-area: holdon;
|
|
display: grid;
|
|
|
|
}
|
|
|
|
.sheet-lookover {
|
|
grid-area: lookover;
|
|
display: grid;
|
|
|
|
}
|
|
|
|
.sheet-takehand {
|
|
grid-area: takehand;
|
|
display: grid;
|
|
|
|
}
|
|
|
|
.sheet-safety {
|
|
grid-area: safety;
|
|
grid-template-columns: 110px 10px 110px;
|
|
grid-template-rows: 30px 5px 36px 5px 20px 5px 20px;
|
|
display: grid;
|
|
grid-template-areas:". . ."
|
|
". . ."
|
|
"tellstory tellstory tellstory"
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
"layland layland layland";
|
|
|
|
}
|
|
|
|
.sheet-tellstory {
|
|
grid-area: tellstory;
|
|
display: grid;
|
|
|
|
}
|
|
|
|
.sheet-layland {
|
|
grid-area: layland;
|
|
display: grid;
|
|
|
|
}
|
|
|
|
.sheet-specific {
|
|
grid-area: specific;
|
|
display: grid;
|
|
|
|
}
|
|
|
|
.sheet-stories {
|
|
grid-area: stories;
|
|
display: grid;
|
|
|
|
}
|
|
|
|
/*----------------- Playsheet Specific GRIDS ------------------*/
|
|
|
|
|
|
.sheet-doctor-stories {
|
|
|
|
width: 210px;
|
|
height: 256px;
|
|
grid-template-columns: 30px 5px 195px;
|
|
grid-template-rows: 30px 5px 18px 5px 18px 5px 18px 5px 18px 5px 36px 5px 18px;
|
|
|
|
grid-template-areas:". . ."
|
|
". . ."
|
|
"storyexplanation storyexplanation storyexplanation"
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . .";
|
|
|
|
}
|
|
|
|
.sheet-engineer-stories {
|
|
|
|
width: 210px;
|
|
height: 256px;
|
|
grid-template-columns: 30px 5px 195px;
|
|
grid-template-rows: 30px 5px 18px 5px 36px 5px 36px 5px 18px 5px 18px 5px 36px;
|
|
grid-template-areas:". . ."
|
|
". . ."
|
|
"storyexplanation storyexplanation storyexplanation"
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . .";
|
|
|
|
}
|
|
|
|
.sheet-hunter-stories {
|
|
|
|
width: 210px;
|
|
height: 256px;
|
|
grid-template-columns: 30px 5px 195px;
|
|
grid-template-rows: 30px 5px 18px 5px 18px 5px 36px 5px 18px 5px 18px 5px 36px;
|
|
grid-template-areas:". . ."
|
|
". . ."
|
|
"storyexplanation storyexplanation storyexplanation"
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . .";
|
|
|
|
}
|
|
|
|
.sheet-kid-stories {
|
|
|
|
width: 210px;
|
|
height: 256px;
|
|
grid-template-columns: 30px 5px 195px;
|
|
grid-template-rows: 30px 5px 18px 5px 18px 5px 36px 5px 36px 5px 36px 5px 18px;
|
|
grid-template-areas:". . ."
|
|
". . ."
|
|
"storyexplanation storyexplanation storyexplanation"
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . .";
|
|
|
|
}
|
|
|
|
.sheet-paleontologist-stories {
|
|
|
|
width: 210px;
|
|
height: 256px;
|
|
grid-template-columns: 30px 5px 195px;
|
|
grid-template-rows: 30px 5px 18px 5px 36px 5px 18px 5px 36px 5px 36px 5px 36px;
|
|
grid-template-areas:". . ."
|
|
". . ."
|
|
"storyexplanation storyexplanation storyexplanation"
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . .";
|
|
|
|
}
|
|
|
|
.sheet-soldier-stories {
|
|
|
|
width: 210px;
|
|
height: 256px;
|
|
grid-template-columns: 30px 5px 195px;
|
|
grid-template-rows: 30px 5px 18px 5px 18px 5px 18px 5px 36px 5px 18px 5px 18px;
|
|
grid-template-areas:". . ."
|
|
". . ."
|
|
"storyexplanation storyexplanation storyexplanation"
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . .";
|
|
|
|
}
|
|
|
|
.sheet-survivor-stories {
|
|
|
|
width: 210px;
|
|
height: 256px;
|
|
grid-template-columns: 30px 5px 195px;
|
|
grid-template-rows: 30px 5px 18px 5px 36px 5px 36px 5px 36px 5px 36px 5px 36px;
|
|
grid-template-areas:". . ."
|
|
". . ."
|
|
"storyexplanation storyexplanation storyexplanation"
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . ."
|
|
". . .";
|
|
|
|
}
|
|
|
|
.sheet-storyexplanation {
|
|
grid-area: storyexplanation;
|
|
display: grid;
|
|
|
|
}
|
|
|
|
.sheet-doctor {
|
|
|
|
width: 540px;
|
|
height: 100vh;
|
|
grid-gap: 10px;
|
|
grid-template-columns: 540px;
|
|
grid-template-rows: 240px 222px 300px;
|
|
grid-template-areas:"doctorspecial"
|
|
"doctoradvance"
|
|
"doctorgear";
|
|
}
|
|
|
|
.sheet-doctorspecial {
|
|
grid-area: doctorspecial;
|
|
display: grid;
|
|
grid-template-columns: 540x;
|
|
grid-template-rows: 30px 5px 30px 5px 170px;
|
|
|
|
}
|
|
|
|
.sheet-doctoradvance {
|
|
grid-area: doctoradvance;
|
|
display: grid;
|
|
grid-template-columns: 30px 5px 505px;
|
|
grid-template-rows: 30px 5px 30px 5px 36px 5px 30px 5px 18px 5px 30px 5px 18px;
|
|
|
|
}
|
|
|
|
.sheet-doctorgear {
|
|
grid-area: doctorgear;
|
|
display: grid;
|
|
grid-template-columns: 270px 5px 270px;
|
|
grid-template-rows: 30px 5px 30px 5px 30px 5px 30px 5px 30px;
|
|
|
|
}
|
|
|
|
.sheet-engineer {
|
|
|
|
width: 540px;
|
|
height: 100vh;
|
|
grid-gap: 10px;
|
|
grid-template-columns: 540px;
|
|
grid-template-rows: 100px 240px 300px;
|
|
grid-template-areas:"engineerspecial"
|
|
"engineeradvance"
|
|
"engineergear";
|
|
}
|
|
|
|
.sheet-engineerspecial {
|
|
grid-area: engineerspecial;
|
|
display: grid;
|
|
grid-template-columns: 540x;
|
|
grid-template-rows: 30px 5px 30px 5px 30px;
|
|
|
|
}
|
|
|
|
.sheet-engineeradvance {
|
|
grid-area: engineeradvance;
|
|
display: grid;
|
|
grid-template-columns: 30px 5px 505px;
|
|
grid-template-rows: 30px 5px 30px 5px 72px 5px 30px 5px 58px;
|
|
|
|
}
|
|
|
|
.sheet-engineergear {
|
|
grid-area: engineergear;
|
|
display: grid;
|
|
grid-template-columns: 270px 5px 270px;
|
|
grid-template-rows: 30px 5px 30px 5px 30px 5px 30px 5px 30px;
|
|
|
|
}
|
|
|
|
.sheet-hunter {
|
|
|
|
width: 540px;
|
|
height: 100vh;
|
|
grid-gap: 10px;
|
|
grid-template-columns: 540px;
|
|
grid-template-rows: 100px 186px 300px;
|
|
grid-template-areas:"hunterspecial"
|
|
"hunteradvance"
|
|
"huntergear";
|
|
}
|
|
|
|
.sheet-hunterspecial {
|
|
grid-area: hunterspecial;
|
|
display: grid;
|
|
grid-template-columns: 540x;
|
|
grid-template-rows: 30px 5px 30px 5px 30px;
|
|
|
|
}
|
|
|
|
.sheet-hunteradvance {
|
|
grid-area: hunteradvance;
|
|
display: grid;
|
|
grid-template-columns: 30px 5px 505px;
|
|
grid-template-rows: 30px 5px 30px 5px 40px 5px 30px 5px 36px;
|
|
|
|
}
|
|
|
|
.sheet-huntergear {
|
|
grid-area: huntergear;
|
|
display: grid;
|
|
grid-template-columns: 270px 5px 270px;
|
|
grid-template-rows: 30px 5px 30px 5px 30px 5px 30px 5px 30px;
|
|
|
|
}
|
|
|
|
.sheet-kid {
|
|
|
|
width: 540px;
|
|
height: 100vh;
|
|
grid-gap: 10px;
|
|
grid-template-columns: 540px;
|
|
grid-template-rows: 164px 200px 300px;
|
|
grid-template-areas:"kidspecial"
|
|
"kidadvance"
|
|
"kidgear";
|
|
}
|
|
|
|
.sheet-kidspecial {
|
|
grid-area: kidspecial;
|
|
display: grid;
|
|
grid-template-columns: 540x;
|
|
grid-template-rows: 30px 5px 30px 5px 36px 5px 30px 5px 18px;
|
|
|
|
}
|
|
|
|
.sheet-kidadvance {
|
|
grid-area: kidadvance;
|
|
display: grid;
|
|
grid-template-columns: 30px 5px 505px;
|
|
grid-template-rows: 30px 5px 30px 5px 54px 5px 30px 5px 36px;
|
|
|
|
}
|
|
|
|
.sheet-kidgear {
|
|
grid-area: kidgear;
|
|
display: grid;
|
|
grid-template-columns: 270px 5px 270px;
|
|
grid-template-rows: 30px 5px 30px 5px 30px 5px 30px 5px 30px;
|
|
|
|
}
|
|
|
|
.sheet-paleontologist {
|
|
|
|
width: 540px;
|
|
height: 100vh;
|
|
grid-gap: 10px;
|
|
grid-template-columns: 540px;
|
|
grid-template-rows: 142px 312px 300px;
|
|
grid-template-areas:"paleontologistspecial"
|
|
"paleontologistadvance"
|
|
"paleontologistgear";
|
|
}
|
|
|
|
.sheet-paleontologistspecial {
|
|
grid-area: paleontologistspecial;
|
|
display: grid;
|
|
grid-template-columns: 540x;
|
|
grid-template-rows: 30px 5px 30px 5px 72px;
|
|
|
|
}
|
|
|
|
.sheet-paleontologistadvance {
|
|
grid-area: paleontologistadvance;
|
|
display: grid;
|
|
grid-template-columns: 30px 5px 505px;
|
|
grid-template-rows: 30px 5px 30px 5px 54px 5px 30px 5px 36px 5px 30px 5px 72px;
|
|
|
|
}
|
|
|
|
.sheet-paleontologistgear {
|
|
grid-area: paleontologistgear;
|
|
display: grid;
|
|
grid-template-columns: 270px 5px 270px;
|
|
grid-template-rows: 30px 5px 30px 5px 30px 5px 30px 5px 30px;
|
|
|
|
}
|
|
|
|
.sheet-soldier {
|
|
|
|
width: 540px;
|
|
height: 100vh;
|
|
grid-gap: 10px;
|
|
grid-template-columns: 540px;
|
|
grid-template-rows: 104px 258px 300px;
|
|
grid-template-areas:"soldierspecial"
|
|
"soldieradvance"
|
|
"soldiergear";
|
|
}
|
|
|
|
.sheet-soldierspecial {
|
|
grid-area: soldierspecial;
|
|
display: grid;
|
|
grid-template-columns: 540x;
|
|
grid-template-rows: 30px 5px 30px 5px 24px;
|
|
|
|
}
|
|
|
|
.sheet-soldieradvance {
|
|
grid-area: soldieradvance;
|
|
display: grid;
|
|
grid-template-columns: 30px 5px 505px;
|
|
grid-template-rows: 30px 5px 30px 5px 36px 5px 30px 5px 36px 5px 30px 5px 36px;
|
|
|
|
}
|
|
|
|
.sheet-soldiergear {
|
|
grid-area: soldiergear;
|
|
display: grid;
|
|
grid-template-columns: 270px 5px 270px;
|
|
grid-template-rows: 30px 5px 30px 5px 30px 5px 30px 5px 30px;
|
|
|
|
}
|
|
|
|
.sheet-survivor {
|
|
|
|
width: 540px;
|
|
height: 100vh;
|
|
grid-gap: 10px;
|
|
grid-template-columns: 540px;
|
|
grid-template-rows: 204px 186px 300px;
|
|
grid-template-areas:"survivorspecial"
|
|
"survivoradvance"
|
|
"survivorgear";
|
|
}
|
|
|
|
.sheet-survivorspecial {
|
|
grid-area: survivorspecial;
|
|
display: grid;
|
|
grid-template-columns: 540x;
|
|
grid-template-rows: 30px 5px 30px 5px 72px 5px 30px 5px 22px;
|
|
|
|
}
|
|
|
|
.sheet-survivoradvance {
|
|
grid-area: survivoradvance;
|
|
display: grid;
|
|
grid-template-columns: 30px 5px 505px;
|
|
grid-template-rows: 30px 5px 30px 5px 40px 5px 30px 5px 36px;
|
|
|
|
}
|
|
|
|
.sheet-survivorgear {
|
|
grid-area: survivorgear;
|
|
display: grid;
|
|
grid-template-columns: 270px 5px 270px;
|
|
grid-template-rows: 30px 5px 30px 5px 30px 5px 30px 5px 30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Roll template formatting */
|
|
|
|
.sheet-movedesc {
|
|
background: #fff;
|
|
padding: 10px;
|
|
}
|
|
|
|
.sheet-rolltemplate-com table,
|
|
.sheet-rolltemplate-com12 table,
|
|
.sheet-rolltemplate-comtext table {
|
|
width: 98%;
|
|
border: 1px solid;
|
|
color: black;
|
|
font-size: 1em;
|
|
font-family: 'Lato', sans-serif;
|
|
}
|
|
|
|
.sheet-rolltemplate-com th,
|
|
.sheet-rolltemplate-com12 th,
|
|
.sheet-rolltemplate-comtext th {
|
|
background: rgb(206, 214, 191);
|
|
color: black;
|
|
padding: 5px 10px;
|
|
border-bottom: 1px solid black;
|
|
border-right: 1px solid black;
|
|
line-height: 1.6em;
|
|
font-size: 1.2em;
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-rolltemplate-com .userscript-tcat,
|
|
.sheet-rolltemplate-com12 .userscript-tcat,
|
|
.sheet-rolltemplate-comtext .userscript-tcat {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-com td,
|
|
.sheet-rolltemplate-com12 td,
|
|
.sheet-rolltemplate-comtext td {
|
|
padding: 5px 10px;
|
|
border-bottom: 1px solid black;
|
|
border-right: 1px solid black;
|
|
}
|
|
|
|
.sheet-rolltemplate-com tr:nth-child(odd),
|
|
.sheet-rolltemplate-com12 tr:nth-child(odd),
|
|
.sheet-rolltemplate-comtext tr:nth-child(odd) {
|
|
background-color: rgba(217, 217, 214,1);
|
|
}
|
|
|
|
.sheet-rolltemplate-com tr:nth-child(even),
|
|
.sheet-rolltemplate-com12 tr:nth-child(even),
|
|
.sheet-rolltemplate-comtext tr:nth-child(even) {
|
|
background-color: rgba(233, 233, 233,1);
|
|
}
|
|
|
|
.sheet-rolltemplate-com .inlinerollresult,
|
|
.sheet-rolltemplate-com12 .inlinerollresult {
|
|
display: inline-block;
|
|
min-width: 1.5em;
|
|
text-align: center;
|
|
border: 2px solid rgba(167, 168, 170,1); /*Cool Gray 6 C*/
|
|
}
|
|
|
|
.sheet-rolltemplate-com .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-com12 .inlinerollresult.fullcrit {
|
|
border: 2px solid #3FB315;
|
|
}
|
|
|
|
.sheet-rolltemplate-com .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-com12 .inlinerollresult.fullfail {
|
|
border: 2px solid #B31515;
|
|
}
|
|
|
|
.sheet-rolltemplate-com .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-com12 .inlinerollresult.importantroll {
|
|
border: 2px solid #4A57ED;
|
|
}
|
|
|
|
.textchatcontainer .message {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.sheet-casualty button[type=roll].sheet-rollbutton::before,
|
|
.sheet-peril button[type=roll].sheet-rollbutton::before,
|
|
.sheet-safety button[type=roll].sheet-rollbutton::before {
|
|
content: "";
|
|
|
|
}
|
|
|
|
.sheet-casualty button[type=roll].sheet-rollbuttonlong::before,
|
|
.sheet-peril button[type=roll].sheet-rollbuttonlong::before,
|
|
.sheet-safety button[type=roll].sheet-rollbuttonlong::before {
|
|
content: "";
|
|
|
|
}
|
|
|
|
.sheet-doctor button[type=roll].sheet-rollbuttond6::before,
|
|
.sheet-engineer button[type=roll].sheet-rollbuttond6::before,
|
|
.sheet-kid button[type=roll].sheet-rollbuttond6::before,
|
|
.sheet-hunter button[type=roll].sheet-rollbuttond6::before,
|
|
.sheet-paleontologist button[type=roll].sheet-rollbuttond6::before,
|
|
.sheet-soldier button[type=roll].sheet-rollbuttond6::before,
|
|
.sheet-survivor button[type=roll].sheet-rollbuttond6::before {
|
|
font-family: "dicefontd6";
|
|
content: "F";
|
|
font-size: 1em;
|
|
|
|
}
|
|
|
|
|
|
|