Wildsea sheet v2. Added crew sheet, visual improvements, rollable skills and ratings, as well as several usability improvements.
This commit is contained in:
artinkel
+3
-1
@@ -4,4 +4,6 @@ Character sheet for the [Wildsea RPG](https://thewildsea.co.uk/) for use with [R
|
||||
|
||||
Created using the [Roll20 grid template by Anduh.](https://github.com/Anduh/Roll20-grid-template)
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
+2
-2
@@ -1,4 +1,4 @@
|
||||
Todo for the sheet:
|
||||
|
||||
* Add crew sheet option
|
||||
* Create roll template
|
||||
* Create roll template (something like a simpler blades in the dark?)
|
||||
* Make it prettier
|
||||
+2
-2
@@ -2,7 +2,7 @@
|
||||
"html": "wildsea.html",
|
||||
"css": "wildsea.css",
|
||||
"authors": "Austin Tinkel",
|
||||
"preview": "wildsea_preview.png",
|
||||
"instructions": "This is a work in progress for the Wildsea RPG playtest packet C. Currently there is only the character sheet; crew sheet will be added later. There is one button that is a universal roll located in the top right corner of the character sheet. This can be used for any roll in the game."
|
||||
"preview": "wildsea-character-preview.png",
|
||||
"instructions": "This is a work in progress character sheet for the Wildsea RPG playtest packet C. The sheet has 2 modes, player and crew. All character skills and crew ratings can be clicked to roll them."
|
||||
}
|
||||
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 116 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 75 KiB |
+782
-50
@@ -1,23 +1,48 @@
|
||||
.sheet-main {
|
||||
display: grid;
|
||||
width: 900px;
|
||||
height: 1100px;
|
||||
width: 820px;
|
||||
height: 1200px;
|
||||
background-color: #ADD2AD;
|
||||
grid-gap: 0px;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
grid-template-rows: 50px 1fr ;
|
||||
grid-template-areas:"header header header"
|
||||
"main main main"
|
||||
}
|
||||
|
||||
/*--------- Sheet Toggle -----------*/
|
||||
.sheet-character,
|
||||
.sheet-block-switch:checked ~ .sheet-crew {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.sheet-crew,
|
||||
.sheet-block-switch:checked ~ .sheet-character {
|
||||
display: none;
|
||||
}
|
||||
/*----------------------------------*/
|
||||
|
||||
.sheet-character {
|
||||
grid-area: main;
|
||||
display: none;
|
||||
width: 820px;
|
||||
height: 1200px;
|
||||
background-color: #ADD2AD;
|
||||
grid-gap: 4px;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
grid-template-rows: repeat(90px, 1fr, 50px) ;
|
||||
grid-template-areas:"header header header"
|
||||
"common common common"
|
||||
grid-template-rows: repeat(1fr) ;
|
||||
grid-template-areas:"common common common"
|
||||
"edges edges edges"
|
||||
"skills skills aspect"
|
||||
"skills skills aspect"
|
||||
"skills skills aspect"
|
||||
"skills skills aspect"
|
||||
"skills skills aspect"
|
||||
"drivmir drivmir temp"
|
||||
"lang lang temp"
|
||||
"inv inv miles"
|
||||
"skills skills skills"
|
||||
"skills skills skills"
|
||||
"skills skills skills"
|
||||
"aspect aspect aspect"
|
||||
"aspect aspect aspect"
|
||||
"temp temp temp"
|
||||
"drivmir drivmir drivmir"
|
||||
"inv inv inv"
|
||||
"lang miles miles"
|
||||
"notes notes notes"
|
||||
"footer footer footer";
|
||||
}
|
||||
|
||||
/*----------------- GENERAL CSS ------------------*/
|
||||
@@ -45,6 +70,7 @@
|
||||
padding: 5px;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
width: 115px;
|
||||
}
|
||||
|
||||
.sheet-flex-col {
|
||||
@@ -74,18 +100,20 @@
|
||||
|
||||
.sheet-header {
|
||||
grid-area: header;
|
||||
background-color: green;
|
||||
background-color: #228B22;
|
||||
width: 804px;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
/********Common**********/
|
||||
.sheet-common {
|
||||
grid-area: common;
|
||||
background-color: #E4F0E4;
|
||||
flex-direction: row;
|
||||
height: 30px;
|
||||
display: grid;
|
||||
grid-gap: 1px;
|
||||
grid-template-columns: 300px 1fr 1fr 1fr;
|
||||
grid-template-columns: 270px 190px 1fr 1fr;
|
||||
grid-template-rows: 50px 1fr;
|
||||
grid-template-areas:"name bloodline origin post"
|
||||
}
|
||||
@@ -117,6 +145,7 @@
|
||||
|
||||
.sheet-edges {
|
||||
grid-area: edges;
|
||||
background-color: #E4F0E4;
|
||||
display: grid;
|
||||
grid-gap: 1px;
|
||||
grid-template-columns: repeat(50px);
|
||||
@@ -129,11 +158,6 @@
|
||||
height: 25px;
|
||||
}
|
||||
|
||||
.sheet-checkbox > input:checked {
|
||||
border: 1px solid #41B883;
|
||||
background-color: #34495E;
|
||||
}
|
||||
|
||||
.sheet-grace {
|
||||
grid-area: grace;
|
||||
text-align: center;
|
||||
@@ -182,33 +206,37 @@
|
||||
/*******Mires/Drives******/
|
||||
.sheet-drivmir {
|
||||
grid-area:drivmir;
|
||||
background-color: #E4F0E4;
|
||||
display: grid;
|
||||
grid-gap: 4px;
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-rows: 1fr 1fr;
|
||||
grid-template-areas:"drives"
|
||||
"mires"
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-template-rows: 1fr;
|
||||
grid-template-areas:"drives mires";
|
||||
}
|
||||
|
||||
.sheet-drives {
|
||||
grid-area: drives;
|
||||
width: 392px;
|
||||
}
|
||||
|
||||
.sheet-drives input[type=text] {
|
||||
width: 410px;
|
||||
width: 390px;
|
||||
}
|
||||
|
||||
.sheet-mires {
|
||||
grid-area: mires;
|
||||
display: flex-column;
|
||||
width: 392px;
|
||||
}
|
||||
|
||||
.sheet-mires input[type=text] {
|
||||
width: 350px;
|
||||
width: 340px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.sheet-lang {
|
||||
grid-area: lang;
|
||||
width: 400px;
|
||||
background-color: #E4F0E4;
|
||||
}
|
||||
|
||||
.sheet-shorterBox {
|
||||
@@ -219,15 +247,20 @@
|
||||
|
||||
.sheet-aspect {
|
||||
grid-area: aspect;
|
||||
width: 450px;
|
||||
background-color: #E4F0E4;
|
||||
width: 804px;
|
||||
}
|
||||
|
||||
.sheet-aspect input[type=text],
|
||||
.sheet-temp input[type=text] {
|
||||
width: 300px;
|
||||
.sheet-aspectDesc {
|
||||
width: 410px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.sheet-aspectTitle {
|
||||
font-weight: 700;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.sheet-bold {
|
||||
font-weight: 700;
|
||||
}
|
||||
@@ -239,16 +272,58 @@
|
||||
height: 25px;
|
||||
}
|
||||
|
||||
.sheet-aspect select,
|
||||
.sheet-temp select {
|
||||
appearance: none;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.sheet-skills {
|
||||
grid-area: skills;
|
||||
width: 414px;
|
||||
background-color: #E4F0E4;
|
||||
width: 804px;
|
||||
display: grid;
|
||||
grid-gap: 4px;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
grid-template-rows: 20px 1fr 1fr;
|
||||
grid-template-areas:"header . ."
|
||||
"movement detection survival"
|
||||
"creation social combat";
|
||||
grid-gap: 1px;
|
||||
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
|
||||
grid-template-rows: 20px 1fr;
|
||||
grid-template-areas:"header . . . . . "
|
||||
"movement detection survival creation social combat";
|
||||
}
|
||||
|
||||
/****** Roll Buttons ******/
|
||||
/* Roll buttons for attributes and skils */
|
||||
.sheet-skills button[type=roll] {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
border: none;
|
||||
background-image: none;
|
||||
text-shadow: none;
|
||||
box-shadow: none;
|
||||
|
||||
color: inherit;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
.sheet-skills button[type=roll]:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.sheet-skills button[type=roll]::before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sheet-skills button[type=roll]:hover {
|
||||
color: #245486;
|
||||
}
|
||||
|
||||
.sheet-skills span {
|
||||
display: inline-block;
|
||||
text-align: right;
|
||||
float: right;
|
||||
}
|
||||
|
||||
/******Skills************/
|
||||
@@ -293,48 +368,49 @@
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.sheet-skillInterior input[type=number] {
|
||||
top: -5px;
|
||||
position: relative;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
/*************************/
|
||||
|
||||
.sheet-temp {
|
||||
grid-area: temp;
|
||||
width: 450px;
|
||||
background-color: #E4F0E4;
|
||||
width: 804px;
|
||||
}
|
||||
|
||||
/**********Inventory**********/
|
||||
.sheet-inv {
|
||||
grid-area: inv;
|
||||
display: grid;
|
||||
background-color: #E4F0E4;
|
||||
grid-gap: 4px;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-template-rows: repeat(15px, 1fr);
|
||||
grid-template-rows: repeat(15px, 200fr);
|
||||
grid-template-areas:"header ."
|
||||
"salvage specimens"
|
||||
"whispers charts";
|
||||
}
|
||||
|
||||
.sheet-inv input[type=text] {
|
||||
width: 190px;
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
.sheet-salvage {
|
||||
grid-area: salvage;
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
.sheet-specimens {
|
||||
grid-area: specimens;
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
.sheet-whispers {
|
||||
grid-area: whispers;
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
.sheet-charts {
|
||||
grid-area: charts;
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
/*************************/
|
||||
@@ -343,6 +419,7 @@
|
||||
/*******Milestones********/
|
||||
.sheet-miles {
|
||||
grid-area: miles;
|
||||
background-color: #E4F0E4;
|
||||
display: grid;
|
||||
grid-gap: 4px;
|
||||
grid-template-columns: 1fr;
|
||||
@@ -367,15 +444,170 @@
|
||||
|
||||
.sheet-notes {
|
||||
grid-area: notes;
|
||||
background-color: #E4F0E4;
|
||||
}
|
||||
|
||||
.sheet-bigtext {
|
||||
width: 650px;
|
||||
}
|
||||
|
||||
.sheet-footer {
|
||||
grid-area: footer;
|
||||
background-color: gray;
|
||||
/* Checkboxes */
|
||||
/* hide original check so I can style it*/
|
||||
.sheet-edges input[type="checkbox"] {
|
||||
opacity: 0;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
position: relative;
|
||||
top: 5px;
|
||||
left: 15px;
|
||||
margin: -10px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* create my own checkbox */
|
||||
.sheet-edges input[type="checkbox"] + span::before {
|
||||
margin-right: 4px;
|
||||
border: solid 2px black;
|
||||
border-radius: 5px;
|
||||
line-height: 100%;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
content: "";
|
||||
|
||||
background: #E4F0E4;
|
||||
}
|
||||
|
||||
.sheet-edges input[type="checkbox"]:checked + span::before {
|
||||
content: "";
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
line-height: 25px;
|
||||
color: white;
|
||||
background-color: #245486;
|
||||
}
|
||||
|
||||
.sheet-mires input[type="checkbox"] {
|
||||
opacity: 0;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
position: relative;
|
||||
top: 5px;
|
||||
left: 6px;
|
||||
margin: -10px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.sheet-mires input[type="checkbox"] + span::before {
|
||||
margin-right: 4px;
|
||||
border: solid 2px black;
|
||||
border-radius: 5px;
|
||||
line-height: 100%;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
content: "";
|
||||
|
||||
background: #E4F0E4;
|
||||
}
|
||||
|
||||
.sheet-mires input[type="checkbox"]:checked + span::before {
|
||||
content: "";
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
line-height: 16px;
|
||||
color: white;
|
||||
background-color: #245486;
|
||||
}
|
||||
|
||||
/* aspect selectors */
|
||||
.sheet-databox,
|
||||
.sheet-div-show-radio {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sheet-div-show-1:checked ~ .sheet-aspectBox1 {
|
||||
display: initial;
|
||||
}
|
||||
.sheet-div-show-2:checked ~ .sheet-aspectBox1,
|
||||
.sheet-div-show-2:checked ~ .sheet-aspectBox2 {
|
||||
display: initial;
|
||||
}
|
||||
.sheet-div-show-3:checked ~ .sheet-aspectBox1,
|
||||
.sheet-div-show-3:checked ~ .sheet-aspectBox2,
|
||||
.sheet-div-show-3:checked ~ .sheet-aspectBox3 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-div-show-4:checked ~ .sheet-aspectBox1,
|
||||
.sheet-div-show-4:checked ~ .sheet-aspectBox2,
|
||||
.sheet-div-show-4:checked ~ .sheet-aspectBox3,
|
||||
.sheet-div-show-4:checked ~ .sheet-aspectBox4 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-div-show-5:checked ~ .sheet-aspectBox1,
|
||||
.sheet-div-show-5:checked ~ .sheet-aspectBox2,
|
||||
.sheet-div-show-5:checked ~ .sheet-aspectBox3,
|
||||
.sheet-div-show-5:checked ~ .sheet-aspectBox4,
|
||||
.sheet-div-show-5:checked ~ .sheet-aspectBox5 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-div-show-6:checked ~ .sheet-aspectBox1,
|
||||
.sheet-div-show-6:checked ~ .sheet-aspectBox2,
|
||||
.sheet-div-show-6:checked ~ .sheet-aspectBox3,
|
||||
.sheet-div-show-6:checked ~ .sheet-aspectBox4,
|
||||
.sheet-div-show-6:checked ~ .sheet-aspectBox5,
|
||||
.sheet-div-show-6:checked ~ .sheet-aspectBox6 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
/**********************************************/
|
||||
|
||||
.sheet-temp-div-show-1:checked ~ .sheet-tempAspectBox1 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-temp-div-show-2:checked ~ .sheet-tempAspectBox1,
|
||||
.sheet-temp-div-show-2:checked ~ .sheet-tempAspectBox2 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-temp-div-show-3:checked ~ .sheet-tempAspectBox1,
|
||||
.sheet-temp-div-show-3:checked ~ .sheet-tempAspectBox2,
|
||||
.sheet-temp-div-show-3:checked ~ .sheet-tempAspectBox3 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-temp-div-show-4:checked ~ .sheet-tempAspectBox1,
|
||||
.sheet-temp-div-show-4:checked ~ .sheet-tempAspectBox2,
|
||||
.sheet-temp-div-show-4:checked ~ .sheet-tempAspectBox3,
|
||||
.sheet-temp-div-show-4:checked ~ .sheet-tempAspectBox4 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-temp-div-show-5:checked ~ .sheet-tempAspectBox1,
|
||||
.sheet-temp-div-show-5:checked ~ .sheet-tempAspectBox2,
|
||||
.sheet-temp-div-show-5:checked ~ .sheet-tempAspectBox3,
|
||||
.sheet-temp-div-show-5:checked ~ .sheet-tempAspectBox4,
|
||||
.sheet-temp-div-show-5:checked ~ .sheet-tempAspectBox5 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-temp-div-show-6:checked ~ .sheet-tempAspectBox1,
|
||||
.sheet-temp-div-show-6:checked ~ .sheet-tempAspectBox2,
|
||||
.sheet-temp-div-show-6:checked ~ .sheet-tempAspectBox3,
|
||||
.sheet-temp-div-show-6:checked ~ .sheet-tempAspectBox4,
|
||||
.sheet-temp-div-show-6:checked ~ .sheet-tempAspectBox5,
|
||||
.sheet-temp-div-show-6:checked ~ .sheet-tempAspectBox6 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
/* Remove arrows from number inputs */
|
||||
@@ -391,3 +623,503 @@ input[type=number] {
|
||||
-moz-appearance: textfield;
|
||||
}
|
||||
|
||||
/*****************************************************************************************************************************/
|
||||
.sheet-crew {
|
||||
display: none;
|
||||
width: 820px;
|
||||
height: 1200px;
|
||||
background-color: #ADD2AD;
|
||||
grid-gap: 4px;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-template-rows: repeat(1fr) ;
|
||||
grid-template-areas:"common common"
|
||||
"ratings design"
|
||||
"fittings fittings"
|
||||
"cargo cargo"
|
||||
"condition condition"
|
||||
"undercrew undercrew"
|
||||
"reputation reputation"
|
||||
"notes notes"
|
||||
}
|
||||
|
||||
.sheet-section input[type=number] {
|
||||
text-align: center;
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.sheet-flex-col {
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
}
|
||||
|
||||
.sheet-flex-center {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.sheet-section {
|
||||
padding: 5px;
|
||||
border-style: solid;
|
||||
background-color: #E4F0E4;
|
||||
}
|
||||
|
||||
.sheet-header {
|
||||
grid-area: header;
|
||||
background-color: #228B22;
|
||||
flex-direction: column;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.sheet-crew-common {
|
||||
grid-area: common;
|
||||
background-color: #E4F0E4;
|
||||
}
|
||||
|
||||
.sheet-crew-common label {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.sheet-design {
|
||||
grid-area: design;
|
||||
width: 392px;
|
||||
}
|
||||
|
||||
.sheet-design label {
|
||||
display: inline-block;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.sheet-design input[type="text"] {
|
||||
display: inline-block;
|
||||
width: 330px;
|
||||
float: right;
|
||||
margin-top: -5px;
|
||||
}
|
||||
|
||||
.sheet-ratings {
|
||||
grid-area: ratings;
|
||||
}
|
||||
|
||||
.sheet-ratings label {
|
||||
display: inline-block;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.sheet-fittings {
|
||||
grid-area: fittings;
|
||||
}
|
||||
|
||||
.sheet-fittings select {
|
||||
width: 125px;
|
||||
}
|
||||
|
||||
.sheet-cargo {
|
||||
grid-area: cargo;
|
||||
}
|
||||
|
||||
.sheet-undercrew {
|
||||
grid-area: undercrew;
|
||||
}
|
||||
|
||||
.sheet-condition {
|
||||
grid-area: condition;
|
||||
}
|
||||
|
||||
.sheet-reputation {
|
||||
grid-area: reputation;
|
||||
}
|
||||
|
||||
.sheet-inline {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.sheet-rep-headers {
|
||||
display: inline;
|
||||
margin-left: 520px;
|
||||
}
|
||||
|
||||
.sheet-rep-label {
|
||||
display: inline;
|
||||
margin-left: 8px;
|
||||
margin-right: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.sheet-rep-box-container {
|
||||
display: inline;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.sheet-rep-box {
|
||||
margin-left: 11px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.sheet-notes {
|
||||
grid-area: notes;
|
||||
}
|
||||
|
||||
.sheet-bold {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.sheet-bigtext {
|
||||
width: 650px;
|
||||
}
|
||||
|
||||
/* custom checkboxes */
|
||||
/* hide original check so I can style it*/
|
||||
input[type="checkbox"]
|
||||
{
|
||||
opacity: 0;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
position: relative;
|
||||
top: 5px;
|
||||
left: 15px;
|
||||
margin: -10px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* create my own checkbox */
|
||||
input[type="checkbox"] + span::before
|
||||
{
|
||||
margin-right: 4px;
|
||||
border: solid 2px black;
|
||||
border-radius: 5px;
|
||||
line-height: 100%;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
content: "";
|
||||
|
||||
background: #E4F0E4;
|
||||
}
|
||||
|
||||
input[type="checkbox"]:checked + span::before
|
||||
{
|
||||
content: "";
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
line-height: 25px;
|
||||
color: white;
|
||||
background-color: #245486;
|
||||
}
|
||||
|
||||
.sheet-rating-container {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
/* undercrew aspect selectors */
|
||||
.sheet-databox,
|
||||
.sheet-div-show-radio {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sheet-undercrew select,
|
||||
.sheet-ratings select {
|
||||
appearance: none;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.sheet-undercrewDesc {
|
||||
width: 410px;
|
||||
}
|
||||
|
||||
.sheet-undercrewTitle {
|
||||
font-weight: 700;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.sheet-div-undercrew-show-1:checked ~ .sheet-undercrewBox1 {
|
||||
display: initial;
|
||||
}
|
||||
.sheet-div-undercrew-show-2:checked ~ .sheet-undercrewBox1,
|
||||
.sheet-div-undercrew-show-2:checked ~ .sheet-undercrewBox2 {
|
||||
display: initial;
|
||||
}
|
||||
.sheet-div-undercrew-show-3:checked ~ .sheet-undercrewBox1,
|
||||
.sheet-div-undercrew-show-3:checked ~ .sheet-undercrewBox2,
|
||||
.sheet-div-undercrew-show-3:checked ~ .sheet-undercrewBox3 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-div-undercrew-show-4:checked ~ .sheet-undercrewBox1,
|
||||
.sheet-div-undercrew-show-4:checked ~ .sheet-undercrewBox2,
|
||||
.sheet-div-undercrew-show-4:checked ~ .sheet-undercrewBox3,
|
||||
.sheet-div-undercrew-show-4:checked ~ .sheet-undercrewBox4 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-div-undercrew-show-5:checked ~ .sheet-undercrewBox1,
|
||||
.sheet-div-undercrew-show-5:checked ~ .sheet-undercrewBox2,
|
||||
.sheet-div-undercrew-show-5:checked ~ .sheet-undercrewBox3,
|
||||
.sheet-div-undercrew-show-5:checked ~ .sheet-undercrewBox4,
|
||||
.sheet-div-undercrew-show-5:checked ~ .sheet-undercrewBox5 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-div-undercrew-show-6:checked ~ .sheet-undercrewBox1,
|
||||
.sheet-div-undercrew-show-6:checked ~ .sheet-undercrewBox2,
|
||||
.sheet-div-undercrew-show-6:checked ~ .sheet-undercrewBox3,
|
||||
.sheet-div-undercrew-show-6:checked ~ .sheet-undercrewBox4,
|
||||
.sheet-div-undercrew-show-6:checked ~ .sheet-undercrewBox5,
|
||||
.sheet-div-undercrew-show-6:checked ~ .sheet-undercrewBox6 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
/****** Ratings ******/
|
||||
.sheet-div-show-armor-1:checked ~ .sheet-armorBox1 {
|
||||
display: initial;
|
||||
}
|
||||
.sheet-div-show-armor-2:checked ~ .sheet-armorBox1,
|
||||
.sheet-div-show-armor-2:checked ~ .sheet-armorBox2 {
|
||||
display: initial;
|
||||
}
|
||||
.sheet-div-show-armor-3:checked ~ .sheet-armorBox1,
|
||||
.sheet-div-show-armor-3:checked ~ .sheet-armorBox2,
|
||||
.sheet-div-show-armor-3:checked ~ .sheet-armorBox3 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-div-show-armor-4:checked ~ .sheet-armorBox1,
|
||||
.sheet-div-show-armor-4:checked ~ .sheet-armorBox2,
|
||||
.sheet-div-show-armor-4:checked ~ .sheet-armorBox3,
|
||||
.sheet-div-show-armor-4:checked ~ .sheet-armorBox4 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-div-show-armor-5:checked ~ .sheet-armorBox1,
|
||||
.sheet-div-show-armor-5:checked ~ .sheet-armorBox2,
|
||||
.sheet-div-show-armor-5:checked ~ .sheet-armorBox3,
|
||||
.sheet-div-show-armor-5:checked ~ .sheet-armorBox4,
|
||||
.sheet-div-show-armor-5:checked ~ .sheet-armorBox5 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-div-show-armor-6:checked ~ .sheet-armorBox1,
|
||||
.sheet-div-show-armor-6:checked ~ .sheet-armorBox2,
|
||||
.sheet-div-show-armor-6:checked ~ .sheet-armorBox3,
|
||||
.sheet-div-show-armor-6:checked ~ .sheet-armorBox4,
|
||||
.sheet-div-show-armor-6:checked ~ .sheet-armorBox5,
|
||||
.sheet-div-show-armor-6:checked ~ .sheet-armorBox6 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-div-show-seals-1:checked ~ .sheet-sealsBox1 {
|
||||
display: initial;
|
||||
}
|
||||
.sheet-div-show-seals-2:checked ~ .sheet-sealsBox1,
|
||||
.sheet-div-show-seals-2:checked ~ .sheet-sealsBox2 {
|
||||
display: initial;
|
||||
}
|
||||
.sheet-div-show-seals-3:checked ~ .sheet-sealsBox1,
|
||||
.sheet-div-show-seals-3:checked ~ .sheet-sealsBox2,
|
||||
.sheet-div-show-seals-3:checked ~ .sheet-sealsBox3 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-div-show-seals-4:checked ~ .sheet-sealsBox1,
|
||||
.sheet-div-show-seals-4:checked ~ .sheet-sealsBox2,
|
||||
.sheet-div-show-seals-4:checked ~ .sheet-sealsBox3,
|
||||
.sheet-div-show-seals-4:checked ~ .sheet-sealsBox4 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-div-show-seals-5:checked ~ .sheet-sealsBox1,
|
||||
.sheet-div-show-seals-5:checked ~ .sheet-sealsBox2,
|
||||
.sheet-div-show-seals-5:checked ~ .sheet-sealsBox3,
|
||||
.sheet-div-show-seals-5:checked ~ .sheet-sealsBox4,
|
||||
.sheet-div-show-seals-5:checked ~ .sheet-sealsBox5 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-div-show-seals-6:checked ~ .sheet-sealsBox1,
|
||||
.sheet-div-show-seals-6:checked ~ .sheet-sealsBox2,
|
||||
.sheet-div-show-seals-6:checked ~ .sheet-sealsBox3,
|
||||
.sheet-div-show-seals-6:checked ~ .sheet-sealsBox4,
|
||||
.sheet-div-show-seals-6:checked ~ .sheet-sealsBox5,
|
||||
.sheet-div-show-seals-6:checked ~ .sheet-sealsBox6 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-div-show-speed-1:checked ~ .sheet-speedBox1 {
|
||||
display: initial;
|
||||
}
|
||||
.sheet-div-show-speed-2:checked ~ .sheet-speedBox1,
|
||||
.sheet-div-show-speed-2:checked ~ .sheet-speedBox2 {
|
||||
display: initial;
|
||||
}
|
||||
.sheet-div-show-speed-3:checked ~ .sheet-speedBox1,
|
||||
.sheet-div-show-speed-3:checked ~ .sheet-speedBox2,
|
||||
.sheet-div-show-speed-3:checked ~ .sheet-speedBox3 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-div-show-speed-4:checked ~ .sheet-speedBox1,
|
||||
.sheet-div-show-speed-4:checked ~ .sheet-speedBox2,
|
||||
.sheet-div-show-speed-4:checked ~ .sheet-speedBox3,
|
||||
.sheet-div-show-speed-4:checked ~ .sheet-speedBox4 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-div-show-speed-5:checked ~ .sheet-speedBox1,
|
||||
.sheet-div-show-speed-5:checked ~ .sheet-speedBox2,
|
||||
.sheet-div-show-speed-5:checked ~ .sheet-speedBox3,
|
||||
.sheet-div-show-speed-5:checked ~ .sheet-speedBox4,
|
||||
.sheet-div-show-speed-5:checked ~ .sheet-speedBox5 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-div-show-speed-6:checked ~ .sheet-speedBox1,
|
||||
.sheet-div-show-speed-6:checked ~ .sheet-speedBox2,
|
||||
.sheet-div-show-speed-6:checked ~ .sheet-speedBox3,
|
||||
.sheet-div-show-speed-6:checked ~ .sheet-speedBox4,
|
||||
.sheet-div-show-speed-6:checked ~ .sheet-speedBox5,
|
||||
.sheet-div-show-speed-6:checked ~ .sheet-speedBox6 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-div-show-saws-1:checked ~ .sheet-sawsBox1 {
|
||||
display: initial;
|
||||
}
|
||||
.sheet-div-show-saws-2:checked ~ .sheet-sawsBox1,
|
||||
.sheet-div-show-saws-2:checked ~ .sheet-sawsBox2 {
|
||||
display: initial;
|
||||
}
|
||||
.sheet-div-show-saws-3:checked ~ .sheet-sawsBox1,
|
||||
.sheet-div-show-saws-3:checked ~ .sheet-sawsBox2,
|
||||
.sheet-div-show-saws-3:checked ~ .sheet-sawsBox3 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-div-show-saws-4:checked ~ .sheet-sawsBox1,
|
||||
.sheet-div-show-saws-4:checked ~ .sheet-sawsBox2,
|
||||
.sheet-div-show-saws-4:checked ~ .sheet-sawsBox3,
|
||||
.sheet-div-show-saws-4:checked ~ .sheet-sawsBox4 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-div-show-saws-5:checked ~ .sheet-sawsBox1,
|
||||
.sheet-div-show-saws-5:checked ~ .sheet-sawsBox2,
|
||||
.sheet-div-show-saws-5:checked ~ .sheet-sawsBox3,
|
||||
.sheet-div-show-saws-5:checked ~ .sheet-sawsBox4,
|
||||
.sheet-div-show-saws-5:checked ~ .sheet-sawsBox5 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-div-show-saws-6:checked ~ .sheet-sawsBox1,
|
||||
.sheet-div-show-saws-6:checked ~ .sheet-sawsBox2,
|
||||
.sheet-div-show-saws-6:checked ~ .sheet-sawsBox3,
|
||||
.sheet-div-show-saws-6:checked ~ .sheet-sawsBox4,
|
||||
.sheet-div-show-saws-6:checked ~ .sheet-sawsBox5,
|
||||
.sheet-div-show-saws-6:checked ~ .sheet-sawsBox6 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-div-show-stealth-1:checked ~ .sheet-stealthBox1 {
|
||||
display: initial;
|
||||
}
|
||||
.sheet-div-show-stealth-2:checked ~ .sheet-stealthBox1,
|
||||
.sheet-div-show-stealth-2:checked ~ .sheet-stealthBox2 {
|
||||
display: initial;
|
||||
}
|
||||
.sheet-div-show-stealth-3:checked ~ .sheet-stealthBox1,
|
||||
.sheet-div-show-stealth-3:checked ~ .sheet-stealthBox2,
|
||||
.sheet-div-show-stealth-3:checked ~ .sheet-stealthBox3 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-div-show-stealth-4:checked ~ .sheet-stealthBox1,
|
||||
.sheet-div-show-stealth-4:checked ~ .sheet-stealthBox2,
|
||||
.sheet-div-show-stealth-4:checked ~ .sheet-stealthBox3,
|
||||
.sheet-div-show-stealth-4:checked ~ .sheet-stealthBox4 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-div-show-stealth-5:checked ~ .sheet-stealthBox1,
|
||||
.sheet-div-show-stealth-5:checked ~ .sheet-stealthBox2,
|
||||
.sheet-div-show-stealth-5:checked ~ .sheet-stealthBox3,
|
||||
.sheet-div-show-stealth-5:checked ~ .sheet-stealthBox4,
|
||||
.sheet-div-show-stealth-5:checked ~ .sheet-stealthBox5 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-div-show-stealth-6:checked ~ .sheet-stealthBox1,
|
||||
.sheet-div-show-stealth-6:checked ~ .sheet-stealthBox2,
|
||||
.sheet-div-show-stealth-6:checked ~ .sheet-stealthBox3,
|
||||
.sheet-div-show-stealth-6:checked ~ .sheet-stealthBox4,
|
||||
.sheet-div-show-stealth-6:checked ~ .sheet-stealthBox5,
|
||||
.sheet-div-show-stealth-6:checked ~ .sheet-stealthBox6 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-div-show-tilt-1:checked ~ .sheet-tiltBox1 {
|
||||
display: initial;
|
||||
}
|
||||
.sheet-div-show-tilt-2:checked ~ .sheet-tiltBox1,
|
||||
.sheet-div-show-tilt-2:checked ~ .sheet-tiltBox2 {
|
||||
display: initial;
|
||||
}
|
||||
.sheet-div-show-tilt-3:checked ~ .sheet-tiltBox1,
|
||||
.sheet-div-show-tilt-3:checked ~ .sheet-tiltBox2,
|
||||
.sheet-div-show-tilt-3:checked ~ .sheet-tiltBox3 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-div-show-tilt-4:checked ~ .sheet-tiltBox1,
|
||||
.sheet-div-show-tilt-4:checked ~ .sheet-tiltBox2,
|
||||
.sheet-div-show-tilt-4:checked ~ .sheet-tiltBox3,
|
||||
.sheet-div-show-tilt-4:checked ~ .sheet-tiltBox4 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-div-show-tilt-5:checked ~ .sheet-tiltBox1,
|
||||
.sheet-div-show-tilt-5:checked ~ .sheet-tiltBox2,
|
||||
.sheet-div-show-tilt-5:checked ~ .sheet-tiltBox3,
|
||||
.sheet-div-show-tilt-5:checked ~ .sheet-tiltBox4,
|
||||
.sheet-div-show-tilt-5:checked ~ .sheet-tiltBox5 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
.sheet-div-show-tilt-6:checked ~ .sheet-tiltBox1,
|
||||
.sheet-div-show-tilt-6:checked ~ .sheet-tiltBox2,
|
||||
.sheet-div-show-tilt-6:checked ~ .sheet-tiltBox3,
|
||||
.sheet-div-show-tilt-6:checked ~ .sheet-tiltBox4,
|
||||
.sheet-div-show-tilt-6:checked ~ .sheet-tiltBox5,
|
||||
.sheet-div-show-tilt-6:checked ~ .sheet-tiltBox6 {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
/****** Roll Buttons ******/
|
||||
/* Roll buttons crew ratings */
|
||||
.sheet-ratings button[type=roll] {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
border: none;
|
||||
background-image: none;
|
||||
text-shadow: none;
|
||||
box-shadow: none;
|
||||
|
||||
color: inherit;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
padding: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
.sheet-ratings button[type=roll]:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.sheet-ratings button[type=roll]::before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sheet-ratings button[type=roll]:hover {
|
||||
color: #245486;
|
||||
}
|
||||
|
||||
|
||||
+833
-220
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
Before Width: | Height: | Size: 70 KiB |
Reference in New Issue
Block a user