mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
Sebastian Paaske Tørholm
6a3880885b
The very light pink that was used before is very difficult to discern from the white used for empty boxes. Instead employ either a darker red, or black with a white border, depending on what looks best in a given use case. Closes Eckankar/roll20-character-sheets#3
2556 lines
64 KiB
CSS
2556 lines
64 KiB
CSS
.charsheet * {
|
|
color: #3B3B3B;
|
|
font-size:10px;
|
|
|
|
}
|
|
/*Default Tag Styling*/
|
|
.sheet-text-input {
|
|
background-color: rgba(0,0,0,0);
|
|
width: 100%;
|
|
padding: 0px;
|
|
border-top-width: 0px;
|
|
border-left-width: 0px;
|
|
border-right-width: 0px;
|
|
border-bottom-width: 0px;
|
|
}
|
|
|
|
.sheet-textarea {
|
|
resize:none;
|
|
}
|
|
|
|
.sheet-select {
|
|
width: 100%;
|
|
padding: 0px;
|
|
}
|
|
|
|
input:focus {
|
|
outline: 0px;
|
|
}
|
|
|
|
/*Responsive Grid Setup*/
|
|
.sheet-col-1 {width: 8.33%;}
|
|
.sheet-col-2 {width: 16.66%;}
|
|
.sheet-col-3 {width: 25%;}
|
|
.sheet-col-4 {width: 33.33%;}
|
|
.sheet-col-5 {width: 41.66%;}
|
|
.sheet-col-6 {width: 50%;}
|
|
.sheet-col-7 {width: 58.33%;}
|
|
.sheet-col-8 {width: 66.66%;}
|
|
.sheet-col-9 {width: 75%;}
|
|
.sheet-col-10 {width: 83.33%;}
|
|
.sheet-col-11 {width: 91.66%;}
|
|
.sheet-col-12 {width: 100%;}
|
|
|
|
.sheet-rolltemplate-col-1 {display:inline-block; padding: 15px; width: 8.33%;}
|
|
.sheet-rolltemplate-col-2 {display:inline-block; padding: 15px; width: 16.66%;}
|
|
.sheet-rolltemplate-col-3 {display:inline-block; padding: 15px; width: 25%;}
|
|
.sheet-rolltemplate-col-4 {display:inline-block; padding: 15px; width: 33.33%;}
|
|
.sheet-rolltemplate-col-5 {display:inline-block; padding: 15px; width: 41.66%;}
|
|
.sheet-rolltemplate-col-6 {display:inline-block; width: 49%;}
|
|
.sheet-rolltemplate-col-7 {display:inline-block; padding: 15px; width: 58.33%;}
|
|
.sheet-rolltemplate-col-8 {display:inline-block; padding: 15px; width: 66.66%;}
|
|
.sheet-rolltemplate-col-9 {display:inline-block; padding: 15px; width: 75%;}
|
|
.sheet-rolltemplate-col-10 {display:inline-block; padding: 15px; width: 83.33%;}
|
|
.sheet-rolltemplate-col-11 {display:inline-block; padding: 15px; width: 91.66%;}
|
|
.sheet-rolltemplate-col-12 {display:inline-block; padding: 15px; width: 100%;}
|
|
|
|
.sheet-rolltemplate-container {padding: 15px; width: 100%;}
|
|
|
|
[class*="col-"] {
|
|
float: left;
|
|
border: 0px solid red;
|
|
}
|
|
|
|
|
|
/*Underline*/
|
|
.sheet-underline {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
border-radius: 0px;
|
|
border-top-width: 0px;
|
|
border-left-width: 0px;
|
|
border-right-width: 0px;
|
|
border-bottom-width: 2px !important;
|
|
border-bottom-color: #af1919;
|
|
}
|
|
|
|
.sheet-underline-label {
|
|
color: #af1919;
|
|
}
|
|
|
|
|
|
|
|
/*
|
|
input[type="radio"] {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
}*/
|
|
|
|
/*CREW SHEET TITLE*/
|
|
.sheet-crew-sheet-title {
|
|
font-family: "Franklin Gothic Medium", sans-serif;
|
|
font-style: normal;
|
|
font-size: 30px;
|
|
line-height: 45px;
|
|
font-weight: 900;
|
|
color: #af1919;
|
|
}
|
|
|
|
.sheet-rolltemplate-crew-sheet-title {
|
|
font-family: "Franklin Gothic Medium", sans-serif;
|
|
font-style: normal;
|
|
font-size: 20px;
|
|
/*line-height: 45px;*/
|
|
font-weight: 900;
|
|
color: white;
|
|
text-transform: uppercase;
|
|
padding-top: .5em;
|
|
}
|
|
|
|
/*OLD Sheet Switching Functionality*/
|
|
|
|
.sheet-character,
|
|
.sheet-crew {
|
|
position: absolute;
|
|
top:66px;
|
|
margin:5px;
|
|
background-color: white;
|
|
z-index:1;
|
|
width: 97%;
|
|
min-width: 1040px;
|
|
min-height: 200%;
|
|
}
|
|
|
|
.sheet-character {
|
|
left:200%;
|
|
transition:.5s ease;
|
|
transition-delay:.1s;
|
|
}
|
|
|
|
.sheet-crew {
|
|
left:2%;
|
|
transition:.5s ease;
|
|
transition-delay:.1s;
|
|
}
|
|
|
|
.sheet-check[value="on"] ~ .sheet-character {
|
|
left:2%;
|
|
transition:.5s ease;
|
|
transition-delay:.4s
|
|
}
|
|
|
|
.sheet-check[value="on"] ~ .sheet-crew {
|
|
left:-200%;
|
|
transition:.5s ease;
|
|
transition-delay:.4s
|
|
}
|
|
|
|
.sheet-check {
|
|
position: absolute;
|
|
z-index: 1;
|
|
}
|
|
|
|
/*Stress Teeth*/
|
|
|
|
/* Hide actual radio
|
|
.sheet-stress-tooth {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}*/
|
|
|
|
/* Fake radio */
|
|
.sheet-stress-tooth {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
width: 6px;
|
|
height: 17px !important;
|
|
border-radius: 0px;
|
|
border-top-width: 1px;
|
|
border-left-width: 1px;
|
|
border-right-width: 1px;
|
|
border-bottom-width: 1px;
|
|
border-color: #af1919;
|
|
background-color: #fb8588;
|
|
}
|
|
|
|
.sheet-stress-tooth.sheet-stress-tooth-single:not(:checked),
|
|
{
|
|
background-color: white;
|
|
}
|
|
|
|
/* Any checkbox after the checked one is white */
|
|
.sheet-stress-tooth:checked ~ .sheet-stress-tooth {
|
|
background-color: white;
|
|
}
|
|
|
|
.sheet-first-cybernetic-box,
|
|
.sheet-second-cybernetic-box,
|
|
.sheet-third-cybernetic-box {
|
|
display: none;
|
|
}
|
|
|
|
|
|
.sheet-clock-tracking[value="2"] ~ .sheet-clock-track1,
|
|
.sheet-clock-tracking[value="3"] ~ .sheet-clock-track2,
|
|
.sheet-clock-tracking[value="3"] ~ .sheet-clock-track1,
|
|
.sheet-clock-tracking[value="4"] ~ .sheet-clock-track3,
|
|
.sheet-clock-tracking[value="4"] ~ .sheet-clock-track2,
|
|
.sheet-clock-tracking[value="4"] ~ .sheet-clock-track1,
|
|
.sheet-clock-tracking[value="5"] ~ .sheet-clock-track4,
|
|
.sheet-clock-tracking[value="5"] ~ .sheet-clock-track3,
|
|
.sheet-clock-tracking[value="5"] ~ .sheet-clock-track2,
|
|
.sheet-clock-tracking[value="5"] ~ .sheet-clock-track1,
|
|
.sheet-clock-tracking[value="6"] ~ .sheet-clock-track5,
|
|
.sheet-clock-tracking[value="6"] ~ .sheet-clock-track4,
|
|
.sheet-clock-tracking[value="6"] ~ .sheet-clock-track3,
|
|
.sheet-clock-tracking[value="6"] ~ .sheet-clock-track2,
|
|
.sheet-clock-tracking[value="6"] ~ .sheet-clock-track1,
|
|
.sheet-clock-tracking[value="7"] ~ .sheet-clock-track6,
|
|
.sheet-clock-tracking[value="7"] ~ .sheet-clock-track5,
|
|
.sheet-clock-tracking[value="7"] ~ .sheet-clock-track4,
|
|
.sheet-clock-tracking[value="7"] ~ .sheet-clock-track3,
|
|
.sheet-clock-tracking[value="7"] ~ .sheet-clock-track2,
|
|
.sheet-clock-tracking[value="7"] ~ .sheet-clock-track1,
|
|
.sheet-clock-tracking[value="8"] ~ .sheet-clock-track7,
|
|
.sheet-clock-tracking[value="8"] ~ .sheet-clock-track6,
|
|
.sheet-clock-tracking[value="8"] ~ .sheet-clock-track5,
|
|
.sheet-clock-tracking[value="8"] ~ .sheet-clock-track4,
|
|
.sheet-clock-tracking[value="8"] ~ .sheet-clock-track3,
|
|
.sheet-clock-tracking[value="8"] ~ .sheet-clock-track2,
|
|
.sheet-clock-tracking[value="8"] ~ .sheet-clock-track1 {
|
|
background-color: #af1919;
|
|
}
|
|
|
|
.sheet-action-tracking[value="2"] ~ .sheet-action-track1,
|
|
.sheet-action-tracking[value="3"] ~ .sheet-action-track2,
|
|
.sheet-action-tracking[value="3"] ~ .sheet-action-track1,
|
|
.sheet-action-tracking[value="4"] ~ .sheet-action-track3,
|
|
.sheet-action-tracking[value="4"] ~ .sheet-action-track2,
|
|
.sheet-action-tracking[value="4"] ~ .sheet-action-track1,
|
|
.sheet-action-tracking[value="5"] ~ .sheet-action-track4,
|
|
.sheet-action-tracking[value="5"] ~ .sheet-action-track3,
|
|
.sheet-action-tracking[value="5"] ~ .sheet-action-track2,
|
|
.sheet-action-tracking[value="5"] ~ .sheet-action-track1,
|
|
.sheet-action-tracking[value="6"] ~ .sheet-action-track5,
|
|
.sheet-action-tracking[value="6"] ~ .sheet-action-track4,
|
|
.sheet-action-tracking[value="6"] ~ .sheet-action-track3,
|
|
.sheet-action-tracking[value="6"] ~ .sheet-action-track2,
|
|
.sheet-action-tracking[value="6"] ~ .sheet-action-track1,
|
|
.sheet-action-tracking[value="7"] ~ .sheet-action-track6,
|
|
.sheet-action-tracking[value="7"] ~ .sheet-action-track5,
|
|
.sheet-action-tracking[value="7"] ~ .sheet-action-track4,
|
|
.sheet-action-tracking[value="7"] ~ .sheet-action-track3,
|
|
.sheet-action-tracking[value="7"] ~ .sheet-action-track2,
|
|
.sheet-action-tracking[value="7"] ~ .sheet-action-track1,
|
|
.sheet-action-tracking[value="8"] ~ .sheet-action-track7,
|
|
.sheet-action-tracking[value="8"] ~ .sheet-action-track6,
|
|
.sheet-action-tracking[value="8"] ~ .sheet-action-track5,
|
|
.sheet-action-tracking[value="8"] ~ .sheet-action-track4,
|
|
.sheet-action-tracking[value="8"] ~ .sheet-action-track3,
|
|
.sheet-action-tracking[value="8"] ~ .sheet-action-track2,
|
|
.sheet-action-tracking[value="8"] ~ .sheet-action-track1 {
|
|
background-color: black;
|
|
}
|
|
|
|
.sheet-stressadvanced-tracking[value="1"] ~ .sheet-stressadvanced-track1,
|
|
.sheet-stressadvanced-tracking[value="2"] ~ .sheet-stressadvanced-track2,
|
|
.sheet-stressadvanced-tracking[value="2"] ~ .sheet-stressadvanced-track1,
|
|
.sheet-stressadvanced-tracking[value="3"] ~ .sheet-stressadvanced-track3,
|
|
.sheet-stressadvanced-tracking[value="3"] ~ .sheet-stressadvanced-track2,
|
|
.sheet-stressadvanced-tracking[value="3"] ~ .sheet-stressadvanced-track1,
|
|
.sheet-stressadvanced-tracking[value="4"] ~ .sheet-stressadvanced-track4,
|
|
.sheet-stressadvanced-tracking[value="4"] ~ .sheet-stressadvanced-track3,
|
|
.sheet-stressadvanced-tracking[value="4"] ~ .sheet-stressadvanced-track2,
|
|
.sheet-stressadvanced-tracking[value="4"] ~ .sheet-stressadvanced-track1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.sheet-turf-tracking[value="1"] ~ .sheet-turf-track1,
|
|
.sheet-turf-tracking[value="2"] ~ .sheet-turf-track2,
|
|
.sheet-turf-tracking[value="2"] ~ .sheet-turf-track1,
|
|
.sheet-turf-tracking[value="3"] ~ .sheet-turf-track3,
|
|
.sheet-turf-tracking[value="3"] ~ .sheet-turf-track2,
|
|
.sheet-turf-tracking[value="3"] ~ .sheet-turf-track1,
|
|
.sheet-turf-tracking[value="4"] ~ .sheet-turf-track4,
|
|
.sheet-turf-tracking[value="4"] ~ .sheet-turf-track3,
|
|
.sheet-turf-tracking[value="4"] ~ .sheet-turf-track2,
|
|
.sheet-turf-tracking[value="4"] ~ .sheet-turf-track1 {
|
|
background-color: black;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.sheet-cybernetics[value="1"] ~ .sheet-first-cybernetic,
|
|
.sheet-cybernetics[value="2"] ~ .sheet-second-cybernetic,
|
|
.sheet-cybernetics[value="3"] ~ .sheet-third-cybernetic,
|
|
.sheet-cybernetics[value="2"] ~ .sheet-second-cybernetic,
|
|
.sheet-cybernetics[value="3"] ~ .sheet-third-cybernetic,
|
|
.sheet-cybernetics[value="3"] ~ .sheet-third-cybernetic {
|
|
background-color: black;
|
|
pointer-events: none;
|
|
}
|
|
/*Position the Stress Boxes on the Character Sheet*/
|
|
.sheet-stress-boxes {
|
|
position: absolute;
|
|
top: 206px;
|
|
left: 4%;
|
|
width: 29%;
|
|
}
|
|
|
|
.sheet-trauma-boxes {
|
|
position: absolute;
|
|
top: 206px;
|
|
left: 21%;
|
|
width: 29%;
|
|
}
|
|
|
|
.sheet-trauma-descriptors {
|
|
margin-top: -16px;
|
|
}
|
|
|
|
.sheet-cybernetics-boxes {
|
|
margin-top: 17px;
|
|
margin-left: 8%;
|
|
}
|
|
|
|
.sheet-third-cybernetic-push {
|
|
margin-left: 9px;
|
|
}
|
|
|
|
.sheet-rep-boxes {
|
|
position: absolute;
|
|
top: 120px;
|
|
left: 3%;
|
|
width: 29%;
|
|
}
|
|
|
|
.sheet-heat-boxes {
|
|
position: absolute;
|
|
top: 583px;
|
|
left: 3%;
|
|
width: 15%;
|
|
}
|
|
|
|
.sheet-weak-box {
|
|
position: absolute;
|
|
top: 120px;
|
|
left: 32.5%;
|
|
}
|
|
.sheet-strong-box {
|
|
position: absolute;
|
|
top: 120px;
|
|
left: 38.5%;
|
|
}
|
|
|
|
/*Header Bar (For Attributes, Stress, Trauma, etc)*/
|
|
|
|
.sheet-header-bar {
|
|
background-color: #af1919;
|
|
}
|
|
|
|
.sheet-header-bar > .sheet-header {
|
|
color: white;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.sheet-pink-header-bar {
|
|
background-color: #eac5c6;
|
|
}
|
|
|
|
.sheet-pink-header {
|
|
color: #3b3b3b;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.sheet-bottom-bar {
|
|
position: absolute;
|
|
top: 50px;
|
|
left: 2%;
|
|
z-index: 2;
|
|
margin:5px;
|
|
width: 97%;
|
|
}
|
|
|
|
.sheet-right-align {
|
|
text-align: right;
|
|
}
|
|
|
|
|
|
/* Remove dot from all radios _after_ selected one
|
|
.sheet-stress-tooth:checked ~ .sheet-stress-tooth + span::before {
|
|
background-color: white;
|
|
}*/
|
|
|
|
/*Trauma*/
|
|
input.sheet-pages {
|
|
opacity: 0;
|
|
width: 16%;
|
|
cursor: pointer;
|
|
}
|
|
|
|
span.sheet-pagelabel {
|
|
margin-left: -16%;
|
|
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
|
|
font-style: normal;
|
|
font-size: 10px;
|
|
line-height: 16px;
|
|
}
|
|
|
|
input.sheet-pages + span.sheet-pagelabel {
|
|
border-radius: 4px;
|
|
padding-left: 0px;
|
|
padding-right: 0px;
|
|
}
|
|
|
|
span.sheet-stresslabel {
|
|
margin-left: -16%;
|
|
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
|
|
font-style: normal;
|
|
font-size: 10px;
|
|
line-height: 16px;
|
|
}
|
|
|
|
input.sheet-pages + span.sheet-stresslabel {
|
|
border-radius: 4px;
|
|
padding-left: 0px;
|
|
padding-right: 0px;
|
|
}
|
|
|
|
.sheet-pages:checked + span.sheet-pagelabel {
|
|
color: #af1919;
|
|
font-weight: bold;
|
|
-webkit-animation: advance 2s infinite ease;
|
|
animation: advance 2s infinite ease;
|
|
}
|
|
|
|
.sheet-pages:checked + span.sheet-stresslabel {
|
|
font-weight: bold;
|
|
-webkit-animation: advance 2s infinite ease;
|
|
animation: advance 2s infinite ease;
|
|
}
|
|
|
|
.sheet-weird {
|
|
width:15%;
|
|
}
|
|
|
|
/*Harm Box*/
|
|
.sheet-harm-level {
|
|
background-color: #eac5c6;
|
|
color: #3b3b3b;
|
|
}
|
|
|
|
.sheet-level-3-harm,
|
|
.sheet-level-2-harm,
|
|
.sheet-level-1-harm {
|
|
border-radius: 0px;
|
|
border-style: solid;
|
|
border-top-width: 0px;
|
|
border-left-width: 0px;
|
|
border-right-width: 0px;
|
|
border-bottom-width: 2px;
|
|
border-bottom-color: #af1919;
|
|
}
|
|
|
|
.sheet-level-2-harm {
|
|
height: 30px;
|
|
}
|
|
|
|
.sheet-first-level-2-harm {
|
|
border-radius: 0px;
|
|
border-style: solid;
|
|
border-top-width: 0px;
|
|
border-left-width: 0px;
|
|
border-right-width: 2px;
|
|
border-bottom-width: 0px;
|
|
border-bottom-color: #af1919;
|
|
width: 50% !important;
|
|
}
|
|
|
|
.sheet-second-level-2-harm {
|
|
border-radius: 0px;
|
|
border-style: solid;
|
|
border-top-width: 0px;
|
|
border-left-width: 2px;
|
|
border-right-width: 0px;
|
|
border-bottom-width: 0px;
|
|
border-bottom-color: #af1919;
|
|
width: 50% !important;
|
|
}
|
|
|
|
.sheet-first-level-1-harm {
|
|
border-radius: 0px;
|
|
border-style: solid;
|
|
border-top-width: 0px;
|
|
border-left-width: 0px;
|
|
border-right-width: 2px;
|
|
border-bottom-width: 0px;
|
|
border-bottom-color: #af1919;
|
|
width: 50% !important;
|
|
}
|
|
|
|
.sheet-second-level-1-harm {
|
|
border-radius: 0px;
|
|
border-style: solid;
|
|
border-top-width: 0px;
|
|
border-left-width: 2px;
|
|
border-right-width: 0px;
|
|
border-bottom-width: 0px;
|
|
border-bottom-color: #af1919;
|
|
width: 50% !important;
|
|
}
|
|
|
|
/*Fix the Weird Red Background Problem*/
|
|
.sheet-healing-clock {
|
|
background-color: white;
|
|
}
|
|
|
|
/*Joules*/
|
|
|
|
.sheet-joules {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
width: 8px;
|
|
height: 8px !important;
|
|
border-radius: 0px;
|
|
border-top-width: 1px;
|
|
border-left-width: 1px;
|
|
border-right-width: 1px;
|
|
border-bottom-width: 1px;
|
|
border-color: #af1919;
|
|
background-color: white;
|
|
}
|
|
|
|
.sheet-joules:checked {
|
|
background-color: #af1919;
|
|
}
|
|
|
|
.sheet-stash {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
width: 8px;
|
|
height: 8px !important;
|
|
border-radius: 0px;
|
|
border-top-width: 0px;
|
|
border-left-width: 0px;
|
|
border-right-width: 0px;
|
|
border-bottom-width: 0px;
|
|
background-color: #eac5c6;
|
|
}
|
|
|
|
.sheet-stash:checked {
|
|
background-color: #af1919;
|
|
}
|
|
|
|
/*Tier Dots*/
|
|
|
|
.sheet-tier-dot {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
width: 10px;
|
|
height: 10px !important;
|
|
border-radius: 50%;
|
|
border-top-width: 1px;
|
|
border-left-width: 1px;
|
|
border-right-width: 1px;
|
|
border-bottom-width: 1px;
|
|
border-color: #af1919;
|
|
background-color: white;
|
|
}
|
|
|
|
.sheet-tier-dot:checked {
|
|
background-color: #af1919;
|
|
}
|
|
|
|
.sheet-tier-tracking[value="2"] ~ .sheet-tier-track1,
|
|
.sheet-tier-tracking[value="3"] ~ .sheet-tier-track2,
|
|
.sheet-tier-tracking[value="3"] ~ .sheet-tier-track1,
|
|
.sheet-tier-tracking[value="4"] ~ .sheet-tier-track3,
|
|
.sheet-tier-tracking[value="4"] ~ .sheet-tier-track2,
|
|
.sheet-tier-tracking[value="4"] ~ .sheet-tier-track1 {
|
|
background-color: #af1919;
|
|
}
|
|
|
|
/*Sheet Styling*/
|
|
|
|
.sheet-text-in-red-box {
|
|
background-color: rgba(0,0,0,0);
|
|
color: white;
|
|
}
|
|
|
|
.sheet-abilities {
|
|
background-color: #af1919;
|
|
|
|
}
|
|
|
|
.sheet-abilities * {
|
|
color: white;
|
|
}
|
|
|
|
/*Options*/
|
|
|
|
.sheet-option {
|
|
color: #3b3b3b;
|
|
}
|
|
|
|
/*Playbook Name*/
|
|
.sheet-playbook-name {
|
|
line-height: 50px;
|
|
font-family: "Franklin Gothic Medium", sans-serif;
|
|
font-style: normal;
|
|
font-size: 40px;
|
|
line-height: 45px;
|
|
font-weight: 900;
|
|
}
|
|
|
|
/*Add and Modify*/
|
|
|
|
/*Abilities*/
|
|
.sheet-ability-circle {
|
|
opacity: 1;
|
|
width: 10px;
|
|
height: 10px !important;
|
|
border: 0px;
|
|
background-color: white;
|
|
border-radius: 50%;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
}
|
|
|
|
.sheet-ability-circle:checked {
|
|
opacity: 1;
|
|
background-color: black;
|
|
border: 2px solid white;
|
|
content: "";
|
|
}
|
|
|
|
.sheet-abilityname {
|
|
background-color: rgba(0,0,0,0);
|
|
width: 70%;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-abilitydesc {
|
|
background-color: rgba(0,0,0,0);
|
|
color: black;
|
|
width: 95%;
|
|
height: 36px;
|
|
line-height: 12px;
|
|
}
|
|
|
|
/*Red Box Placeholder colors*/
|
|
|
|
.sheet-white-placeholders::placeholder {
|
|
color: rgba(255,255,255,75%);
|
|
}
|
|
|
|
/*Items*/
|
|
.sheet-item-check {
|
|
opacity: 1;
|
|
width: 10px;
|
|
height: 10px !important;
|
|
border: 0px;
|
|
background-color: white;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
}
|
|
|
|
.sheet-item-check:checked {
|
|
opacity: 1;
|
|
background-color: #000;
|
|
border: 1px solid white;
|
|
content: "";
|
|
}
|
|
|
|
.sheet-items {
|
|
width:70%;
|
|
}
|
|
|
|
/*Actions*/
|
|
.sheet-action-dot {
|
|
opacity: 1;
|
|
width: 10px;
|
|
height: 10px !important;
|
|
border: 0px;
|
|
border-radius: 50%;
|
|
background-color: #c9c9c9;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
}
|
|
|
|
.sheet-action-dot:checked {
|
|
background-color: black;
|
|
content: "";
|
|
}
|
|
|
|
.sheet-cybernetic-dot {
|
|
opacity: 1;
|
|
width: 10px;
|
|
height: 10px !important;
|
|
border: 0px;
|
|
border-radius: 50%;
|
|
background-color: #eac5c6;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
}
|
|
|
|
.sheet-cybernetic-dot:checked {
|
|
opacity: 1;
|
|
background-color: black;
|
|
content: "";
|
|
}
|
|
|
|
|
|
/*Load Control*/
|
|
|
|
.sheet-load-control,
|
|
.sheet-first-box,
|
|
.sheet-second-box,
|
|
.sheet-third-box,
|
|
.sheet-fourth-box {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-load-control[value="1"] ~ .sheet-first-box,
|
|
.sheet-load-control[value="2"] ~ .sheet-first-box,
|
|
.sheet-load-control[value="3"] ~ .sheet-first-box,
|
|
.sheet-load-control[value="4"] ~ .sheet-first-box,
|
|
.sheet-load-control[value="2"] ~ .sheet-second-box,
|
|
.sheet-load-control[value="3"] ~ .sheet-third-box,
|
|
.sheet-load-control[value="3"] ~ .sheet-second-box,
|
|
.sheet-load-control[value="4"] ~ .sheet-fourth-box,
|
|
.sheet-load-control[value="4"] ~ .sheet-third-box,
|
|
.sheet-load-control[value="4"] ~ .sheet-second-box {
|
|
display: inline-block;
|
|
}
|
|
|
|
/*Logo*/
|
|
|
|
.sheet-hack-the-planet {
|
|
height: 42px;
|
|
background:url(https://i.imgur.com/JOQL14s.png) left no-repeat;
|
|
}
|
|
|
|
/*Hexagon*/
|
|
|
|
.sheet-claims-map {
|
|
height: 450px;
|
|
}
|
|
|
|
.sheet-hexagon {
|
|
position: absolute;
|
|
width: calc(205px / 5 * 5);
|
|
height: calc(105px / 5 * 5);
|
|
/* right: 49px; */
|
|
/* top: 50%; */
|
|
/* left: 50%; */
|
|
background: red;
|
|
transform: rotate(30deg);
|
|
-moz-transform: rotate(30deg);
|
|
-ms-transform: rotate(30deg);
|
|
-o-transform: rotate(30deg);
|
|
-webkit-transform: rotate(30deg);
|
|
-webkit-transform: translate(-50%,-50%);
|
|
/* margin: 200px auto; */
|
|
/* margin-left: -50%; */
|
|
/* margin-top: -50%; */
|
|
overflow: hidden;
|
|
visibility: hidden;
|
|
/*width: 400px;
|
|
height: 200px;
|
|
left: 50%;
|
|
top: 50%;
|
|
background: red;
|
|
transform: rotate(120deg);
|
|
-moz-transform: rotate(120deg);
|
|
-ms-transform: rotate(120deg);
|
|
-o-transform: rotate(120deg);
|
|
-webkit-transform: rotate(120deg);
|
|
margin: 200px auto;
|
|
overflow: hidden;
|
|
visibility: hidden;*/
|
|
}
|
|
|
|
.sheet-hexagon:hover {
|
|
width: calc(215px / 5 * 5);
|
|
height: calc(115px / 5 * 5);
|
|
}
|
|
|
|
.sheet-hexagon-inside {
|
|
width: 100%;
|
|
height: 100%;
|
|
background: green;
|
|
transform: rotate(60deg);
|
|
-moz-transform: rotate(60deg);
|
|
-ms-transform: rotate(60deg);
|
|
-o-transform: rotate(60deg);
|
|
-webkit-transform: rotate(60deg);
|
|
overflow: hidden;
|
|
}
|
|
|
|
.sheet-hexagon-image {
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #eac5c6;
|
|
transform: rotate(60deg);
|
|
-moz-transform: rotate(60deg);
|
|
-ms-transform: rotate(60deg);
|
|
-o-transform: rotate(60deg);
|
|
-webkit-transform: rotate(60deg);
|
|
visibility: visible;
|
|
overflow: hidden;
|
|
z-index: 1;
|
|
}
|
|
|
|
.sheet-click-the-hexagon {
|
|
position: absolute;
|
|
visibility: visible;
|
|
width: 300px;
|
|
height: 300px !important;
|
|
opacity: 0;
|
|
z-index: 2;
|
|
}
|
|
|
|
.sheet-click-the-hexagon:checked ~ .sheet-hexagon-image {
|
|
background: #af1919;
|
|
}
|
|
|
|
.sheet-claim-container {
|
|
position: absolute;
|
|
left: 45%;
|
|
bottom: 58%;
|
|
width: 100px;
|
|
transform-origin: center center;
|
|
transform: rotate(-120deg);
|
|
-moz-transform: rotate(-120deg);
|
|
-ms-transform: rotate(-120deg);
|
|
-o-transform: rotate(-120deg);
|
|
-webkit-transform: rotate(-120deg);
|
|
z-index: 1;
|
|
}
|
|
|
|
.sheet-unflip1 {
|
|
position: relative;
|
|
max-width: 70px;
|
|
background-color: rgba(0,0,0,0);
|
|
color: white;
|
|
font-size: 9px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
border: 0px;
|
|
z-index: 3;
|
|
}
|
|
|
|
.sheet-unflip2 {
|
|
position: relative;
|
|
height: 50%;
|
|
top: calc(-50px / 5 * 5);
|
|
max-width: 60px;
|
|
background-color: rgba(0,0,0,0);
|
|
color: white;
|
|
border: 0px;
|
|
font-size: 8px;
|
|
text-align: center;
|
|
z-index: 3;
|
|
}
|
|
|
|
.sheet-hexdial-1,
|
|
.sheet-hexdial-2,
|
|
.sheet-hexdial-3,
|
|
.sheet-hexdial-4,
|
|
.sheet-hexdial-5,
|
|
.sheet-hexdial-6,
|
|
.sheet-hexlink-1,
|
|
.sheet-hexlink-2,
|
|
.sheet-hexlink-3,
|
|
.sheet-hexlink-4,
|
|
.sheet-hexlink-5,
|
|
.sheet-hexlink-6{
|
|
display: none;
|
|
}
|
|
|
|
.sheet-hexlink-1 {
|
|
z-index: -1;
|
|
position: absolute;
|
|
width: calc(100px / 5 * 5);
|
|
height: calc(10px / 5 * 5);
|
|
background-color: #eac5c6;
|
|
transform: rotate(-30deg);
|
|
-moz-transform: rotate(-30deg);
|
|
-ms-transform: rotate(-30deg);
|
|
-o-transform: rotate(-30deg);
|
|
-webkit-transform: rotate(-30deg);
|
|
transform-origin: center left;
|
|
display: none;
|
|
/*left:calc(50px / 5 * 5);
|
|
top: calc(-30px / 5 * 5);*/
|
|
}
|
|
|
|
|
|
|
|
.sheet-hexlink-2 {
|
|
z-index: -1;
|
|
position: absolute;
|
|
width: calc(100px / 5 * 5);
|
|
height: calc(10px / 5 * 5);
|
|
background-color: #eac5c6;
|
|
transform: rotate(30deg);
|
|
-moz-transform: rotate(30deg);
|
|
-ms-transform: rotate(30deg);
|
|
-o-transform: rotate(30deg);
|
|
-webkit-transform: rotate(30deg);
|
|
transform-origin: center left;
|
|
/*left:calc(0px / 5 * 5);
|
|
top: calc(-90px / 5 * 5);*/
|
|
}
|
|
|
|
.sheet-hexlink-3 {
|
|
z-index: -1;
|
|
position: absolute;
|
|
width: calc(100px / 5 * 5);
|
|
height: calc(10px / 5 * 5);
|
|
background-color: #eac5c6;
|
|
transform: rotate(90deg);
|
|
-moz-transform: rotate(90deg);
|
|
-ms-transform: rotate(90deg);
|
|
-o-transform: rotate(90deg);
|
|
-webkit-transform: rotate(90deg);
|
|
transform-origin: center left;
|
|
/*left:calc(0px / 5 * 5);
|
|
top: calc(-90px / 5 * 5);*/
|
|
}
|
|
|
|
.sheet-hexlink-4 {
|
|
z-index: -1;
|
|
position: absolute;
|
|
width: calc(100px / 5 * 5);
|
|
height: calc(10px / 5 * 5);
|
|
background-color: #eac5c6;
|
|
transform: rotate(150deg);
|
|
-moz-transform: rotate(150deg);
|
|
-ms-transform: rotate(150deg);
|
|
-o-transform: rotate(150deg);
|
|
-webkit-transform: rotate(150deg);
|
|
transform-origin: center left;
|
|
/*left:calc(0px / 5 * 5);
|
|
top: calc(-90px / 5 * 5);*/
|
|
}
|
|
|
|
.sheet-hexlink-5 {
|
|
z-index: -1;
|
|
position: absolute;
|
|
width: calc(100px / 5 * 5);
|
|
height: calc(10px / 5 * 5);
|
|
background-color: #eac5c6;
|
|
transform: rotate(210deg);
|
|
-moz-transform: rotate(210deg);
|
|
-ms-transform: rotate(210deg);
|
|
-o-transform: rotate(210deg);
|
|
-webkit-transform: rotate(210deg);
|
|
transform-origin: center left;
|
|
/*left:calc(0px / 5 * 5);
|
|
top: calc(-90px / 5 * 5);*/
|
|
}
|
|
|
|
.sheet-hexlink-6 {
|
|
z-index: -1;
|
|
position: absolute;
|
|
width: calc(100px / 5 * 5);
|
|
height: calc(10px / 5 * 5);
|
|
background-color: #eac5c6;
|
|
transform: rotate(270deg);
|
|
-moz-transform: rotate(270deg);
|
|
-ms-transform: rotate(270deg);
|
|
-o-transform: rotate(270deg);
|
|
-webkit-transform: rotate(270deg);
|
|
transform-origin: center left;
|
|
/*left:calc(0px / 5 * 5);
|
|
top: calc(-90px / 5 * 5);*/
|
|
}
|
|
|
|
|
|
.sheet-hexdial-1:checked ~ .sheet-hexlink-1,
|
|
.sheet-hexdial-2:checked ~ .sheet-hexlink-2,
|
|
.sheet-hexdial-3:checked ~ .sheet-hexlink-3,
|
|
.sheet-hexdial-4:checked ~ .sheet-hexlink-4,
|
|
.sheet-hexdial-5:checked ~ .sheet-hexlink-5,
|
|
.sheet-hexdial-6:checked ~ .sheet-hexlink-6 {
|
|
display: block;
|
|
}
|
|
|
|
[class*="hexmap"] {
|
|
position: relative;
|
|
left:calc(50px / 5 * 5);
|
|
}
|
|
|
|
[class*="hextext"] {
|
|
position: absolute;
|
|
left:calc(7.5px / 5 * 5);
|
|
max-width: 86.5px;
|
|
height: 62px;
|
|
}
|
|
|
|
.sheet-claimname {
|
|
position: relative;
|
|
height: 55%;
|
|
max-width: 87.5px;
|
|
background-color: rgba(0,0,0,0);
|
|
color: #3B3B3B;
|
|
font-size: 10px;
|
|
line-height: 10px;
|
|
font-weight: 800;
|
|
text-align: center;
|
|
border: 0px;
|
|
margin-bottom: 0px;
|
|
padding: 0px;
|
|
z-index: 3;
|
|
resize: none;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.sheet-claimdescription {
|
|
position: relative;
|
|
height: 70%;
|
|
max-width: 87.5px;
|
|
background-color: rgba(0,0,0,0);
|
|
color: #3B3B3B;
|
|
border: 0px;
|
|
margin-bottom: 0px;
|
|
padding: 0px;
|
|
font-size: 10px;
|
|
line-height: 10px;
|
|
text-align: center;
|
|
z-index: 3;
|
|
resize: none;
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
input.sheet-text-color-switcher[value="on"] ~ .sheet-claimname,
|
|
input.sheet-text-color-switcher[value="on"] ~ .sheet-claimdescription {
|
|
color: white;
|
|
}
|
|
|
|
.sheet-hexmap1-1 {
|
|
top: calc(140px / 5 * 5);
|
|
}
|
|
|
|
.sheet-hextext1-1 {
|
|
top: calc(235px / 5 * 5);
|
|
}
|
|
|
|
.sheet-hexmap1-2 {
|
|
top: calc(260px / 5 * 5);
|
|
}
|
|
|
|
.sheet-hextext1-2 {
|
|
top: calc(355px / 5 * 5);
|
|
}
|
|
|
|
.sheet-hexmap1-3 {
|
|
top: calc(380px / 5 * 5);
|
|
}
|
|
|
|
.sheet-hextext1-3 {
|
|
top: calc(475px / 5 * 5);
|
|
}
|
|
|
|
.sheet-hexmap2-1 {
|
|
top: calc(80px / 5 * 5);
|
|
left: calc(150px / 5 * 5);
|
|
}
|
|
|
|
.sheet-hextext2-1 {
|
|
top: calc(175px / 5 * 5);
|
|
left: calc(107.5px / 5 * 5);
|
|
}
|
|
|
|
.sheet-hexmap2-2 {
|
|
top: calc(200px / 5 * 5);
|
|
left: calc(150px / 5 * 5);
|
|
}
|
|
|
|
.sheet-hextext2-2 {
|
|
top: calc(295px / 5 * 5);
|
|
left: calc(107.5px / 5 * 5);
|
|
}
|
|
|
|
.sheet-hexmap2-3 {
|
|
top: calc(320px / 5 * 5);
|
|
left: calc(150px / 5 * 5);
|
|
}
|
|
|
|
.sheet-hextext2-3 {
|
|
top: calc(415px / 5 * 5);
|
|
left: calc(107.5px / 5 * 5);
|
|
}
|
|
|
|
.sheet-hexmap3-1 {
|
|
top: calc(140px / 5 * 5);
|
|
left: calc(250px / 5 * 5);
|
|
}
|
|
|
|
.sheet-hextext3-1 {
|
|
top: calc(235px / 5 * 5);
|
|
left: calc(207.5px / 5 * 5);
|
|
}
|
|
.sheet-hextext3-2 {
|
|
top: calc(355px / 5 * 5);
|
|
left: calc(207.5px / 5 * 5);
|
|
}
|
|
.sheet-hextext3-3 {
|
|
top: calc(475px / 5 * 5);
|
|
left: calc(207.5px / 5 * 5);
|
|
}
|
|
|
|
.sheet-hexmap3-2 {
|
|
top: calc(260px / 5 * 5);
|
|
left: calc(250px / 5 * 5);
|
|
}
|
|
|
|
.sheet-hexmap3-3 {
|
|
top: calc(380px / 5 * 5);
|
|
left: calc(250px / 5 * 5);
|
|
}
|
|
|
|
.sheet-hexmap4-1 {
|
|
top: calc(80px / 5 * 5);
|
|
left: calc(350px / 5 * 5);
|
|
}
|
|
|
|
.sheet-hexmap4-2 {
|
|
top: calc(200px / 5 * 5);
|
|
left: calc(350px / 5 * 5);
|
|
}
|
|
|
|
.sheet-hexmap4-3 {
|
|
top: calc(320px / 5 * 5);
|
|
left: calc(350px / 5 * 5);
|
|
}
|
|
|
|
.sheet-hextext4-1 {
|
|
top: calc(175px / 5 * 5);
|
|
left: calc(307.5px / 5 * 5);
|
|
}
|
|
.sheet-hextext4-2 {
|
|
top: calc(295px / 5 * 5);
|
|
left: calc(307.5px / 5 * 5);
|
|
}
|
|
.sheet-hextext4-3 {
|
|
top: calc(415px / 5 * 5);
|
|
left: calc(307.5px / 5 * 5);
|
|
}
|
|
|
|
.sheet-hexmap5-1 {
|
|
top: calc(140px / 5 * 5);
|
|
left: calc(450px / 5 * 5);
|
|
}
|
|
|
|
.sheet-hexmap5-2 {
|
|
top: calc(260px / 5 * 5);
|
|
left: calc(450px / 5 * 5);
|
|
}
|
|
|
|
.sheet-hexmap5-3 {
|
|
top: calc(380px / 5 * 5);
|
|
left: calc(450px / 5 * 5);
|
|
}
|
|
|
|
.sheet-hextext5-1 {
|
|
top: calc(235px / 5 * 5);
|
|
left: calc(407.5px / 5 * 5);
|
|
}
|
|
.sheet-hextext5-2 {
|
|
top: calc(355px / 5 * 5);
|
|
left: calc(407.5px / 5 * 5);
|
|
}
|
|
.sheet-hextext5-3 {
|
|
top: calc(475px / 5 * 5);
|
|
left: calc(407.5px / 5 * 5);
|
|
}
|
|
|
|
/*Hexagons v2*/
|
|
|
|
.sheet-hex {
|
|
width: 100px;
|
|
height: 57px;
|
|
background-color: #ccc;
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
background-size: auto 173px;
|
|
position: relative;
|
|
float:left;
|
|
margin:25px 5px;
|
|
text-align:center;
|
|
zoom:1;
|
|
}
|
|
|
|
.sheet-hex.sheet-hex-gap {
|
|
margin-left: 86px;
|
|
}
|
|
|
|
.sheet-hex a {
|
|
display:block;
|
|
width: 100%;
|
|
height:100%;
|
|
text-indent:-9999em;
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
}
|
|
|
|
.sheet-hex .sheet-corner-1,
|
|
.sheet-hex .sheet-corner-2 {
|
|
position: absolute;
|
|
top:0;
|
|
left:0;
|
|
width:100%;
|
|
height:100%;
|
|
background: inherit;
|
|
z-index:-2;
|
|
overflow:hidden;
|
|
backface-visibility: hidden;
|
|
}
|
|
|
|
.sheet-hex .sheet-corner-1 {
|
|
z-index:-1;
|
|
-webkit-transform: rotate(60deg);
|
|
}
|
|
|
|
.sheet-hex .sheet-corner-2 {
|
|
-webkit-transform: rotate(-60deg);
|
|
}
|
|
|
|
.sheet-hex .sheet-corner-1:before,
|
|
.sheet-hex .sheet-corner-2:before {
|
|
width: 173px;
|
|
height: 173px;
|
|
content: '';
|
|
position: absolute;
|
|
background: inherit;
|
|
top:0;
|
|
left: 0;
|
|
z-index: 1;
|
|
background: inherit;
|
|
background-repeat:no-repeat;
|
|
backface-visibility: hidden;
|
|
}
|
|
|
|
|
|
.sheet-hex .sheet-corner-1:before {
|
|
transform: rotate(-60deg) translate(-87px, 0px);
|
|
transform-origin: 0 0;
|
|
}
|
|
|
|
.sheet-hex .sheet-corner-2:before {
|
|
transform: rotate(60deg) translate(-48px, -11px);
|
|
bottom:0;
|
|
}
|
|
|
|
|
|
|
|
/* Custom styles*/
|
|
.sheet-hex .sheet-inner {
|
|
color:#3b3b3b;
|
|
}
|
|
|
|
.sheet-hex h4 {
|
|
font-family: 'Josefin Sans', sans-serif;
|
|
margin:0;
|
|
}
|
|
|
|
.sheet-hex hr {
|
|
border:0;
|
|
border-top:1px solid #3b3b3b;
|
|
width:60%;
|
|
margin:15px auto;
|
|
}
|
|
|
|
.sheet-hex p {
|
|
font-size:16px;
|
|
font-family: 'Kotta One', serif;
|
|
width:80%;
|
|
margin:0 auto;
|
|
}
|
|
|
|
.sheet-hex.sheet-hex-1 {
|
|
background: #74cddb;
|
|
}
|
|
|
|
.sheet-hex.sheet-hex-2 {
|
|
background: #f5c53c;
|
|
}
|
|
|
|
.sheet-hex.sheet-hex-3 {
|
|
background: #80b971;
|
|
}
|
|
|
|
/*Triangles for Friends*/
|
|
.sheet-upward-triangle {
|
|
opacity: 1;
|
|
width: 10px;
|
|
height: 10px !important;
|
|
border: 0px;
|
|
background-color: #ffffff;
|
|
-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
|
|
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
}
|
|
|
|
.sheet-downward-triangle {
|
|
opacity: 1;
|
|
width: 10px;
|
|
height: 10px !important;
|
|
border: 0px;
|
|
background-color: #ffffff;
|
|
-webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
|
|
clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
}
|
|
|
|
.sheet-rightward-triangle {
|
|
width: 10px;
|
|
height: 10px !important;
|
|
border: 0px;
|
|
background-color: #eac5c6;
|
|
-webkit-clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
|
|
clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
}
|
|
|
|
.sheet-upward-triangle:checked,
|
|
.sheet-downward-triangle:checked {
|
|
opacity: 1;
|
|
background-color: #fb8588;
|
|
content: "";
|
|
}
|
|
|
|
.sheet-rightward-triangle:checked {
|
|
background-color: #af1919;
|
|
content: "";
|
|
}
|
|
|
|
/*Tier Circles*/
|
|
.sheet-tier-dot {
|
|
opacity: 1;
|
|
width: 10px;
|
|
height: 10px !important;
|
|
border-top-width: 1px;
|
|
border-left-width: 1px;
|
|
border-right-width: 1px;
|
|
border-bottom-width: 1px;
|
|
border-radius: 50%;
|
|
border-color: #af1919;
|
|
background-color: white;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
}
|
|
|
|
/*Vault*/
|
|
.sheet-vault {
|
|
opacity: 1;
|
|
width: 8px;
|
|
height: 8px !important;
|
|
border-top-width: 1px;
|
|
border-left-width: 1px;
|
|
border-right-width: 1px;
|
|
border-bottom-width: 1px;
|
|
border-color: #eac5c6;
|
|
background-color: white;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
}
|
|
|
|
.sheet-vault:checked {
|
|
background-color: #eac5c6;
|
|
}
|
|
|
|
.sheet-vault1-track,
|
|
.sheet-vault2-track {
|
|
display:none;
|
|
}
|
|
|
|
.sheet-vault1-tracking[value="on"] ~ .sheet-vault1-track,
|
|
.sheet-vault2-tracking[value="on"] ~ .sheet-vault2-track {
|
|
display:inline-block;
|
|
}
|
|
/*FUEL FOR COMETS*/
|
|
|
|
|
|
|
|
.sheet-fuel-tracker {
|
|
display:none;
|
|
}
|
|
|
|
.sheet-fuel-button[value="comets"] ~ .sheet-fuel-tracker,
|
|
.sheet-fuel-button[value="Comets"] ~ .sheet-fuel-tracker,
|
|
.sheet-fuel-button[value="COMETS"] ~ .sheet-fuel-tracker {
|
|
display:block;
|
|
}
|
|
|
|
/*Page Switcher*/
|
|
.sheet-switch-to-crew {
|
|
display:none;
|
|
color: white;
|
|
margin-left: 0% !important;
|
|
}
|
|
|
|
.sheet-switch-to-character {
|
|
display:block;
|
|
color: white;
|
|
margin-left: 0% !important;
|
|
}
|
|
|
|
.sheet-page-switcher:checked ~ .sheet-switch-to-crew {
|
|
display:block;
|
|
}
|
|
|
|
.sheet-page-switcher:checked ~ .sheet-switch-to-character {
|
|
display:none;
|
|
}
|
|
|
|
.sheet-switch-to-red-box-label {
|
|
color: white !important;
|
|
display: none;
|
|
margin-left: 0% !important;
|
|
}
|
|
|
|
.sheet-switch-to-action-tracker-label {
|
|
color: white;
|
|
display: block;
|
|
margin-left: 0% !important;
|
|
}
|
|
|
|
.sheet-red-switcher[value="on"] ~ .sheet-switch-to-red-box-label {
|
|
display:block;
|
|
}
|
|
|
|
.sheet-red-switcher[value="on"] ~ .sheet-switch-to-action-tracker-label {
|
|
display:none;
|
|
}
|
|
|
|
.sheet-red-box {
|
|
display:block;
|
|
}
|
|
|
|
.sheet-action-tracker {
|
|
display:none;
|
|
}
|
|
|
|
.sheet-red-switcher[value="on"] ~ .sheet-red-box {
|
|
display:none;
|
|
margin-left: 0% !important;
|
|
}
|
|
|
|
.sheet-red-switcher[value="on"] ~ .sheet-action-tracker {
|
|
display:block;
|
|
margin-left: 0% !important;
|
|
}
|
|
|
|
/*Clock*/
|
|
|
|
.repitem {
|
|
max-width: 520px !important;
|
|
position:static !important;
|
|
}
|
|
|
|
.itemcontrol {
|
|
position:static !important;
|
|
}
|
|
|
|
.sheet-clock input.sheet-label {
|
|
font-size: 106%;
|
|
letter-spacing: 1px;
|
|
font-weight: 600;
|
|
line-height: 119%;
|
|
}
|
|
|
|
.sheet-4clock, .sheet-6clock, .sheet-8clock, .sheet-12clock {
|
|
display: none;
|
|
}
|
|
|
|
input[value="4"]:checked ~ .sheet-4clock,
|
|
input[value="6"]:checked ~ .sheet-6clock,
|
|
input[value="8"]:checked ~ .sheet-8clock,
|
|
input[value="12"]:checked ~ .sheet-12clock {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-harm-clock {
|
|
width: 50px;
|
|
height: 50px;
|
|
background: #eac5c6;
|
|
border-radius: 50%;
|
|
position: relative;
|
|
display: inline-block;
|
|
border: 4px solid transparent;
|
|
|
|
transform: rotate(45deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-clock-text {
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
line-height: 50px;
|
|
transform: rotate(-0deg);
|
|
font-family: "Franklin Gothic Medium", sans-serif;
|
|
font-style: normal;
|
|
font-size: 20px;
|
|
line-height: 45px;
|
|
font-weight: 300;
|
|
position:absolute;
|
|
left:6px;
|
|
top:1px;
|
|
padding: 2px;
|
|
}
|
|
|
|
.sheet-4clock-4:checked ~ .sheet-harm-circle {
|
|
|
|
|
|
background-size:120%;
|
|
transition: .25s ease;
|
|
}
|
|
|
|
.sheet-6clock-6:checked ~ .sheet-harm-circle {
|
|
|
|
|
|
background-size:120%;
|
|
transition: .25s ease;
|
|
}
|
|
|
|
.sheet-8clock-8:checked ~ .sheet-harm-circle {
|
|
|
|
|
|
background-size:120%;
|
|
transition: .25s ease;
|
|
}
|
|
|
|
.sheet-4clock-0:checked ~ .sheet-harm-clock-text:after {
|
|
content: "0/4";
|
|
transform: rotate(0deg);
|
|
color: #3b3b3b;
|
|
}
|
|
|
|
.sheet-4clock-1:checked ~ .sheet-harm-clock-text:after {
|
|
content: "1/4";
|
|
transform: rotate(0deg);
|
|
|
|
color: #3b3b3b;
|
|
}
|
|
|
|
.sheet-4clock-2:checked ~ .sheet-harm-clock-text:after {
|
|
content: "2/4";
|
|
transform: rotate(0deg);
|
|
|
|
color: #3b3b3b;
|
|
}
|
|
|
|
.sheet-4clock-3:checked ~ .sheet-harm-clock-text:after {
|
|
content: "3/4";
|
|
transform: rotate(0deg);
|
|
|
|
color: #3b3b3b;
|
|
}
|
|
|
|
.sheet-4clock-4:checked ~ .sheet-harm-clock-text:after {
|
|
content: "4/4";
|
|
transform: rotate(0deg);
|
|
color: #3b3b3b;
|
|
}
|
|
|
|
.sheet-6clock-0:checked ~ .sheet-harm-clock-text:after {
|
|
content: "0/6";
|
|
transform: rotate(0deg);
|
|
color: #3b3b3b;
|
|
}
|
|
|
|
.sheet-6clock-1:checked ~ .sheet-harm-clock-text:after {
|
|
content: "1/6";
|
|
transform: rotate(0deg);
|
|
|
|
color: #3b3b3b;
|
|
}
|
|
|
|
.sheet-6clock-2:checked ~ .sheet-harm-clock-text:after {
|
|
content: "2/6";
|
|
transform: rotate(0deg);
|
|
|
|
color: #3b3b3b;
|
|
}
|
|
|
|
.sheet-6clock-3:checked ~ .sheet-harm-clock-text:after {
|
|
content: "3/6";
|
|
transform: rotate(0deg);
|
|
|
|
color: #3b3b3b;
|
|
}
|
|
|
|
.sheet-6clock-4:checked ~ .sheet-harm-clock-text:after {
|
|
content: "4/6";
|
|
transform: rotate(0deg);
|
|
color: #3b3b3b;
|
|
}
|
|
|
|
.sheet-6clock-5:checked ~ .sheet-harm-clock-text:after {
|
|
content: "5/6";
|
|
transform: rotate(0deg);
|
|
|
|
color: #3b3b3b;
|
|
}
|
|
|
|
.sheet-6clock-6:checked ~ .sheet-harm-clock-text:after {
|
|
content: "6/6";
|
|
transform: rotate(0deg);
|
|
|
|
color: #3b3b3b;
|
|
}
|
|
|
|
.sheet-8clock-0:checked ~ .sheet-harm-clock-text:after {
|
|
content: "0/8";
|
|
transform: rotate(0deg);
|
|
color: #3b3b3b;
|
|
}
|
|
|
|
.sheet-8clock-1:checked ~ .sheet-harm-clock-text:after {
|
|
content: "1/8";
|
|
transform: rotate(0deg);
|
|
|
|
color: #3b3b3b;
|
|
}
|
|
|
|
.sheet-8clock-2:checked ~ .sheet-harm-clock-text:after {
|
|
content: "2/8";
|
|
transform: rotate(0deg);
|
|
|
|
color: #3b3b3b;
|
|
}
|
|
|
|
.sheet-8clock-3:checked ~ .sheet-harm-clock-text:after {
|
|
content: "3/8";
|
|
transform: rotate(0deg);
|
|
|
|
color: #3b3b3b;
|
|
}
|
|
|
|
.sheet-8clock-4:checked ~ .sheet-harm-clock-text:after {
|
|
content: "4/8";
|
|
transform: rotate(0deg);
|
|
color: #3b3b3b;
|
|
}
|
|
|
|
.sheet-8clock-5:checked ~ .sheet-harm-clock-text:after {
|
|
content: "5/8";
|
|
transform: rotate(0deg);
|
|
|
|
color: #3b3b3b;
|
|
}
|
|
|
|
.sheet-8clock-6:checked ~ .sheet-harm-clock-text:after {
|
|
content: "6/8";
|
|
transform: rotate(0deg);
|
|
|
|
color: #3b3b3b;
|
|
}
|
|
|
|
.sheet-8clock-7:checked ~ .sheet-harm-clock-text:after {
|
|
content: "7/8";
|
|
transform: rotate(0deg);
|
|
|
|
color: #3b3b3b;
|
|
}
|
|
|
|
.sheet-8clock-8:checked ~ .sheet-harm-clock-text:after {
|
|
content: "8/8";
|
|
transform: rotate(0deg);
|
|
color: #3b3b3b;
|
|
}
|
|
|
|
.sheet-harm-circle {
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 50%;
|
|
background: #eac5c6;
|
|
position: relative;
|
|
display: inline-block;
|
|
transition: .25s ease;
|
|
overflow:hidden;
|
|
-webkit-animation: advance 1s infinite ease;
|
|
animation: advance 1s infinite ease;
|
|
}
|
|
|
|
.sheet-harm-box1 {
|
|
width: 50px;
|
|
height: 50px;
|
|
position: relative;
|
|
display: inline-block;
|
|
bottom: 25px;
|
|
transform: rotate(90deg);
|
|
transform-origin: bottom;
|
|
transition: .25s ease;
|
|
overflow:hidden;
|
|
}
|
|
|
|
.sheet-harm-inside1 {
|
|
width: 50px;
|
|
height: 50px;
|
|
position: relative;
|
|
display: inline-block;
|
|
bottom: 0px;
|
|
transform: rotate(-180deg);
|
|
transform-origin: bottom;
|
|
transition: .25s ease;
|
|
overflow:hidden;
|
|
}
|
|
|
|
.sheet-harm-4clock-0:checked ~ .sheet-harm-inside1 {
|
|
transform: rotate(-180deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-4clock-1:checked ~ .sheet-harm-inside1 {
|
|
transform: rotate(-90deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-4clock-2:checked ~ .sheet-harm-inside1 {
|
|
transform: rotate(-0deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-4clock-3:checked ~ .sheet-harm-inside1 {
|
|
transform: rotate(-0deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-4clock-4:checked ~ .sheet-harm-inside1 {
|
|
transform: rotate(-0deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-6clock-0:checked ~ .sheet-harm-inside1 {
|
|
transform: rotate(-180deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-6clock-1:checked ~ .sheet-harm-inside1 {
|
|
transform: rotate(-120deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-6clock-2:checked ~ .sheet-harm-inside1 {
|
|
transform: rotate(-60deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-6clock-3:checked ~ .sheet-harm-inside1 {
|
|
transform: rotate(-0deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-6clock-4:checked ~ .sheet-harm-inside1 {
|
|
transform: rotate(-0deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-6clock-5:checked ~ .sheet-harm-inside1 {
|
|
transform: rotate(-0deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-6clock-6:checked ~ .sheet-harm-inside1 {
|
|
transform: rotate(-0deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-8clock-0:checked ~ .sheet-harm-inside1 {
|
|
transform: rotate(-180deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-8clock-1:checked ~ .sheet-harm-inside1 {
|
|
transform: rotate(-135deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-8clock-2:checked ~ .sheet-harm-inside1 {
|
|
transform: rotate(-90deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-8clock-3:checked ~ .sheet-harm-inside1 {
|
|
transform: rotate(-45deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-8clock-4:checked ~ .sheet-harm-inside1 {
|
|
transform: rotate(-0deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-8clock-5:checked ~ .sheet-harm-inside1 {
|
|
transform: rotate(-0deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-8clock-6:checked ~ .sheet-harm-inside1 {
|
|
transform: rotate(-0deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-8clock-7:checked ~ .sheet-harm-inside1 {
|
|
transform: rotate(-0deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-8clock-8:checked ~ .sheet-harm-inside1 {
|
|
transform: rotate(-0deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
|
|
.sheet-harm-ring1 {
|
|
width: 84%;
|
|
height: 84%;
|
|
border-radius: 50%;
|
|
bottom:-25px;
|
|
position: relative;
|
|
display: inline-block;
|
|
border: 4px solid #8A0C0D;
|
|
transition: .25s ease;
|
|
visibility:visible;
|
|
}
|
|
|
|
.sheet-harm-box2 {
|
|
width: 50px;
|
|
height: 50px;
|
|
position: relative;
|
|
display: inline-block;
|
|
bottom: 79px;
|
|
transform: rotate(270deg);
|
|
transform-origin: bottom;
|
|
transition: .25s ease;
|
|
overflow:hidden;
|
|
}
|
|
|
|
.sheet-harm-inside2 {
|
|
width: 50px;
|
|
height: 50px;
|
|
position: relative;
|
|
display: inline-block;
|
|
bottom: 0px;
|
|
transform: rotate(-180deg);
|
|
transform-origin: bottom;
|
|
transition: .25s ease;
|
|
overflow:hidden;
|
|
}
|
|
|
|
.sheet-harm-4clock-0:checked ~ .sheet-harm-inside2 {
|
|
transform: rotate(-180deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-4clock-1:checked ~ .sheet-harm-inside2 {
|
|
transform: rotate(-180deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-4clock-2:checked ~ .sheet-harm-inside2 {
|
|
transform: rotate(-180deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-4clock-3:checked ~ .sheet-harm-inside2 {
|
|
transform: rotate(-90deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-4clock-4:checked ~ .sheet-harm-inside2 {
|
|
transform: rotate(-0deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-6clock-0:checked ~ .sheet-harm-inside2 {
|
|
transform: rotate(-180deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-6clock-1:checked ~ .sheet-harm-inside2 {
|
|
transform: rotate(-180deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-6clock-2:checked ~ .sheet-harm-inside2 {
|
|
transform: rotate(-180deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-6clock-3:checked ~ .sheet-harm-inside2 {
|
|
transform: rotate(-180deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-6clock-4:checked ~ .sheet-harm-inside2 {
|
|
transform: rotate(-120deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-6clock-5:checked ~ .sheet-harm-inside2 {
|
|
transform: rotate(-60deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-6clock-6:checked ~ .sheet-harm-inside2 {
|
|
transform: rotate(-0deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-8clock-0:checked ~ .sheet-harm-inside2 {
|
|
transform: rotate(-180deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-8clock-1:checked ~ .sheet-harm-inside2 {
|
|
transform: rotate(-180deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-8clock-2:checked ~ .sheet-harm-inside2 {
|
|
transform: rotate(-180deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-8clock-3:checked ~ .sheet-harm-inside2 {
|
|
transform: rotate(-180deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-8clock-4:checked ~ .sheet-harm-inside2 {
|
|
transform: rotate(-180deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-8clock-5:checked ~ .sheet-harm-inside2 {
|
|
transform: rotate(-135deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-8clock-6:checked ~ .sheet-harm-inside2 {
|
|
transform: rotate(-90deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-8clock-7:checked ~ .sheet-harm-inside2 {
|
|
transform: rotate(-45deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-8clock-8:checked ~ .sheet-harm-inside2 {
|
|
transform: rotate(-0deg);
|
|
transition: .25s ease;
|
|
|
|
}
|
|
|
|
.sheet-harm-ring2 {
|
|
width: 84%;
|
|
height: 84%;
|
|
border-radius: 50%;
|
|
bottom:-25px;
|
|
position: relative;
|
|
display: inline-block;
|
|
border: 4px solid #8A0C0D;
|
|
transition: .25s ease;
|
|
visibility:visible;
|
|
}
|
|
|
|
.sheet-hidden-gaze {
|
|
display:none !important;
|
|
}
|
|
|
|
/*Roll Buttons*/
|
|
.sheet-action-select,
|
|
.sheet-downtime-select,
|
|
.sheet-engagement-select,
|
|
.sheet-fortune-select,
|
|
.sheet-resistance-select,
|
|
.sheet-crewaction-select,
|
|
.sheet-crewdowntime-select,
|
|
.sheet-crewengagement-select,
|
|
.sheet-crewfortune-select,
|
|
.sheet-crewresistance-select,
|
|
.sheet-acquire-select,
|
|
.sheet-long-select,
|
|
.sheet-recover-select,
|
|
.sheet-reduce-select,
|
|
.sheet-vice-select,
|
|
.sheet-action-selected,
|
|
.sheet-downtime-selected,
|
|
.sheet-engagement-selected,
|
|
.sheet-fortune-selected,
|
|
.sheet-resistance-selected,
|
|
.sheet-acquire-selected,
|
|
.sheet-long-selected,
|
|
.sheet-recover-selected,
|
|
.sheet-reduce-selected,
|
|
.sheet-vice-selected,
|
|
/*Action Button*/
|
|
.sheet-action-ready,
|
|
.sheet-engagement-ready,
|
|
.sheet-engagement-button,
|
|
.sheet-action-button,
|
|
.sheet-action-buttons,
|
|
.sheet-actionroll-selected,
|
|
.sheet-downtimeroll-selected,
|
|
.sheet-engagementroll-selected,
|
|
.sheet-fortuneroll-selected,
|
|
.sheet-resistanceroll-selected,
|
|
.sheet-trace-ready,
|
|
.sheet-study-ready,
|
|
.sheet-survey-ready,
|
|
.sheet-modify-ready,
|
|
.sheet-finesse-ready,
|
|
.sheet-ghost-ready,
|
|
.sheet-combat-ready,
|
|
.sheet-wreck-ready,
|
|
.sheet-hack-ready,
|
|
.sheet-control-ready,
|
|
.sheet-network-ready,
|
|
.sheet-sway-ready,
|
|
.sheet-trace-button,
|
|
.sheet-study-button,
|
|
.sheet-survey-button,
|
|
.sheet-modify-button,
|
|
.sheet-finesse-button,
|
|
.sheet-ghost-button,
|
|
.sheet-combat-button,
|
|
.sheet-wreck-button,
|
|
.sheet-hack-button,
|
|
.sheet-control-button,
|
|
.sheet-network-button,
|
|
.sheet-sway-button,
|
|
.sheet-insight-ready,
|
|
.sheet-prowess-ready,
|
|
.sheet-resolve-ready,
|
|
.sheet-resistance-roll-button,
|
|
.sheet-long-select,
|
|
.sheet-long-roll-button,
|
|
.sheet-recover-select,
|
|
.sheet-reduce-select,
|
|
.sheet-vice-select,
|
|
.sheet-long-button,
|
|
.sheet-recover-button,
|
|
.sheet-reduce-roll-button,
|
|
.sheet-vice-button,
|
|
.sheet-crewactionroll-selected,
|
|
.sheet-crewdowntimeroll-selected,
|
|
.sheet-crewengagementroll-selected,
|
|
.sheet-crewfortuneroll-selected,
|
|
.sheet-crewresistanceroll-selected,
|
|
.sheet-crewtrace-ready,
|
|
.sheet-crewstudy-ready,
|
|
.sheet-crewsurvey-ready,
|
|
.sheet-crewmodify-ready,
|
|
.sheet-crewfinesse-ready,
|
|
.sheet-crewghost-ready,
|
|
.sheet-crewcombat-ready,
|
|
.sheet-crewwreck-ready,
|
|
.sheet-crewhack-ready,
|
|
.sheet-crewcontrol-ready,
|
|
.sheet-crewnetwork-ready,
|
|
.sheet-crewsway-ready,
|
|
.sheet-crewtrace-button,
|
|
.sheet-crewstudy-button,
|
|
.sheet-crewsurvey-button,
|
|
.sheet-crewmodify-button,
|
|
.sheet-crewfinesse-button,
|
|
.sheet-crewghost-button,
|
|
.sheet-crewcombat-button,
|
|
.sheet-crewwreck-button,
|
|
.sheet-crewhack-button,
|
|
.sheet-crewcontrol-button,
|
|
.sheet-crewnetwork-button,
|
|
.sheet-crewsway-button,
|
|
.sheet-crewinsight-ready,
|
|
.sheet-crewprowess-ready,
|
|
.sheet-crewresolve-ready,
|
|
.sheet-crewinsight-button,
|
|
.sheet-crewprowess-button,
|
|
.sheet-crewresolve-button,
|
|
.sheet-crewlong-select,
|
|
.sheet-crewrecover-select,
|
|
.sheet-crewreduce-select,
|
|
.sheet-crewvice-select,
|
|
.sheet-crewlong-button,
|
|
.sheet-crewrecover-button,
|
|
.sheet-crewreduce-button,
|
|
.sheet-crewvice-button,
|
|
.sheet-crewacquire-select,
|
|
.sheet-crewacquire-button
|
|
{
|
|
display:none;
|
|
}
|
|
|
|
.sheet-actionroll-selected:checked ~ .sheet-action-select,
|
|
.sheet-downtimeroll-selected:checked ~ .sheet-downtime-select,
|
|
.sheet-engagementroll-selected:checked ~ .sheet-engagement-select,
|
|
.sheet-fortuneroll-selected:checked ~ .sheet-fortune-select,
|
|
.sheet-resistanceroll-selected:checked ~ .sheet-resistance-select,
|
|
.sheet-crewroll-selected[value="action"] ~ .sheet-crewaction-select,
|
|
.sheet-crewroll-selected[value="downtime"] ~ .sheet-crewdowntime-select,
|
|
.sheet-crewroll-selected[value="engagement"] ~ .sheet-crewengagement-select,
|
|
.sheet-crewroll-selected[value="fortune"] ~ .sheet-crewfortune-select,
|
|
.sheet-crewroll-selected[value="resistance"] ~ .sheet-crewresistance-select,
|
|
.sheet-acquire-selected:checked ~ .sheet-acquire-select,
|
|
.sheet-long-selected:checked ~ .sheet-long-select,
|
|
.sheet-recover-selected:checked ~ .sheet-recover-select,
|
|
.sheet-reduce-selected:checked ~ .sheet-reduce-select,
|
|
.sheet-vice-selected:checked ~ .sheet-vice-select,
|
|
.sheet-action-ready:checked ~ .sheet-action-button,
|
|
.sheet-engagement-ready:checked ~ .sheet-engagement-button,
|
|
.sheet-action-ready:checked ~ .sheet-action-buttons,
|
|
.sheet-action-selected[value="trace"] ~ .sheet-trace-button,
|
|
.sheet-action-selected[value="study"] ~ .sheet-study-button,
|
|
.sheet-action-selected[value="survey"] ~ .sheet-survey-button,
|
|
.sheet-action-selected[value="modify"] ~ .sheet-modify-button,
|
|
.sheet-action-selected[value="finesse"] ~ .sheet-finesse-button,
|
|
.sheet-action-selected[value="ghost"] ~ .sheet-ghost-button,
|
|
.sheet-action-selected[value="combat"] ~ .sheet-combat-button,
|
|
.sheet-action-selected[value="wreck"] ~ .sheet-wreck-button,
|
|
.sheet-action-selected[value="hack"] ~ .sheet-hack-button,
|
|
.sheet-action-selected[value="control"] ~ .sheet-control-button,
|
|
.sheet-action-selected[value="network"] ~ .sheet-network-button,
|
|
.sheet-action-selected[value="sway"] ~ .sheet-sway-button,
|
|
.sheet-downtime-action-selected[value="long"] ~ .sheet-long-select,
|
|
.sheet-downtime-action-selected[value="recover"] ~ .sheet-recover-select,
|
|
.sheet-downtime-action-selected[value="reduce"] ~ .sheet-reduce-select,
|
|
.sheet-downtime-action-selected[value="vice"] ~ .sheet-vice-select,
|
|
.sheet-downtime-selected[value="recover"] ~ .sheet-recover-button,
|
|
.sheet-downtime-selected[value="vice"] ~ .sheet-vice-button,
|
|
.sheet-resistance-select[value="insight"] ~ .sheet-resistance-roll-button,
|
|
.sheet-resistance-select[value="prowess"] ~ .sheet-resistance-roll-button,
|
|
.sheet-resistance-select[value="resolve"] ~ .sheet-resistance-roll-button,
|
|
.sheet-action-selected[value="trace"] ~ .sheet-trace-button,
|
|
.sheet-action-selected[value="study"] ~ .sheet-study-button,
|
|
.sheet-action-selected[value="survey"] ~ .sheet-survey-button,
|
|
.sheet-action-selected[value="modify"] ~ .sheet-modify-button,
|
|
.sheet-action-selected[value="finesse"] ~ .sheet-finesse-button,
|
|
.sheet-action-selected[value="ghost"] ~ .sheet-ghost-button,
|
|
.sheet-action-selected[value="combat"] ~ .sheet-combat-button,
|
|
.sheet-action-selected[value="wreck"] ~ .sheet-wreck-button,
|
|
.sheet-action-selected[value="hack"] ~ .sheet-hack-button,
|
|
.sheet-action-selected[value="control"] ~ .sheet-control-button,
|
|
.sheet-action-selected[value="network"] ~ .sheet-network-button,
|
|
.sheet-action-selected[value="sway"] ~ .sheet-sway-button,
|
|
.sheet-downtime-action-selected[value="long"] ~ .sheet-downtime-long-actionselected:not([value="nothing"]) ~ .sheet-long-roll-button,
|
|
.sheet-downtime-action-selected[value="reduce"] ~ .sheet-downtime-reduce-action-selected:not([value="nothing"]) ~ .sheet-reduce-roll-button,
|
|
.sheet-crewroll-selected[value="downtime"] ~ .sheet-crewdowntime-action-selected[value="acquire"] ~ .sheet-crewacquire-select,
|
|
.sheet-crewdowntime-action-selected[value="long"] ~ .sheet-crewlong-select,
|
|
.sheet-crewdowntime-action-selected[value="recover"] ~ .sheet-crewrecover-select,
|
|
.sheet-crewdowntime-action-selected[value="reduce"] ~ .sheet-crewreduce-select,
|
|
.sheet-crewdowntime-action-selected[value="vice"] ~ .sheet-crewvice-select,
|
|
.sheet-crewdowntime-selected[value="long"] ~ .sheet-crewlong-button,
|
|
.sheet-crewdowntime-selected[value="acquire"] ~ .sheet-crewacquire-button,
|
|
.sheet-crewdowntime-selected[value="recover"] ~ .sheet-crewrecover-button,
|
|
.sheet-crewdowntime-selected[value="reduce"] ~ .sheet-crewreduce-button,
|
|
.sheet-crewdowntime-selected[value="vice"] ~ .sheet-crewvice-button,
|
|
.sheet-crewresistance-select[value="insight"] ~ .sheet-resistance-roll-button,
|
|
.sheet-crewresistance-select[value="prowess"] ~ .sheet-resistance-roll-button,
|
|
.sheet-crewresistance-select[value="resolve"] ~ .sheet-resistance-roll-button{
|
|
display:block;
|
|
}
|
|
|
|
/*Roll Templates
|
|
.sheet-rolltemplate-action .sheet-rolltemplate-roll-holder,
|
|
.sheet-rolltemplate-drama .sheet-rolltemplate-roll-holder,
|
|
.sheet-rolltemplate-flashback .sheet-rolltemplate-roll-holder,
|
|
.sheet-rolltemplate-downtime .sheet-rolltemplate-roll-holder,
|
|
.sheet-rolltemplate-fortune .sheet-rolltemplate-roll-holder,
|
|
.sheet-rolltemplate-resistance .sheet-rolltemplate-roll-holder,
|
|
.sheet-rolltemplate-tables-and-lists .sheet-rolltemplate-roll-holder,
|
|
.sheet-rolltemplate-photo .sheet-rolltemplate-roll-holder{
|
|
width:255px;
|
|
height:auto;
|
|
}*/
|
|
|
|
.sheet-rolltemplate-actionroll {
|
|
margin-left:-50px;
|
|
width:255px;
|
|
height:215px;
|
|
background:url(https://i.imgur.com/pRPWiPo.png) center no-repeat;
|
|
background-size:100%;
|
|
opacity:1;
|
|
color:white;
|
|
}
|
|
|
|
.sheet-rolltemplate-downtimeroll {
|
|
margin-left:-50px;
|
|
width:255px;
|
|
height:215px;
|
|
background:url(https://i.imgur.com/K2Uyi4S.png) center no-repeat;
|
|
background-size:100%;
|
|
opacity:1;
|
|
color:white;
|
|
}
|
|
|
|
.sheet-rolltemplate-engagementroll {
|
|
margin-left:-50px;
|
|
width:255px;
|
|
height:215px;
|
|
background:url(https://i.imgur.com/W0FjDhT.png) center no-repeat;
|
|
background-size:100%;
|
|
opacity:1;
|
|
color:white;
|
|
}
|
|
|
|
.sheet-rolltemplate-fortuneroll {
|
|
margin-left:-50px;
|
|
width:255px;
|
|
height:215px;
|
|
background:url(https://i.imgur.com/AHqjTQE.png) center no-repeat;
|
|
background-size:100%;
|
|
opacity:1;
|
|
color:white;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-resistanceroll {
|
|
margin-left:-50px;
|
|
width:255px;
|
|
height:215px;
|
|
background:url(https://i.imgur.com/rPDR2lU.png) center no-repeat;
|
|
background-size:100%;
|
|
opacity:1;
|
|
color:white;
|
|
}
|
|
|
|
.sheet-rolltemplate-dice {
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
margin: 1.5em 0;
|
|
}
|
|
|
|
.sheet-rolltemplate-zerodice-msg {
|
|
font-size: 12px;
|
|
font-style: italic;
|
|
margin-top: 0.4em;
|
|
}
|
|
|
|
.sheet-rolltemplate-rolltype-name {
|
|
color: #66ffff;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.sheet-rolltemplate-roll2 {
|
|
text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
|
|
}
|
|
|
|
.sheet-rolltemplate-actionroll {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.sheet-rolltemplate-character-text {
|
|
margin-top: .5em;
|
|
}
|
|
|
|
.sheet-rolltemplate-action-name {
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.sheet-rolltemplate-outcome {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.sheet-rolltemplate-roll2 .sheet-rolltemplate-dice .inlinerollresult {
|
|
background-color: rgba(0,0,0,0);
|
|
border-color: rgba(0,0,0,0);
|
|
}
|
|
|
|
.sheet-rolltemplate-outcome > * {
|
|
display: none;
|
|
}
|
|
|
|
/* non-zero rolls */
|
|
/* non-zero roll with 2+ crits = critical success */
|
|
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled .fullcrit ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-critical-success {
|
|
display: block;
|
|
}
|
|
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled .fullcrit ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-success,
|
|
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled .fullcrit ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
|
|
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled .fullcrit ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
/* non-zero roll with 1 crit = success */
|
|
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-success {
|
|
display: block;
|
|
}
|
|
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled .fullcrit[title*="6"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
|
|
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled .fullcrit[title*="6"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
|
|
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled .fullcrit[original-title*="6"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
|
|
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled .fullcrit[original-title*="6"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
/* non-zero roll with a 4 or 5 = mixed success */
|
|
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled [title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
|
|
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled [title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
|
|
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled [original-title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
|
|
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled [original-title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled [title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
|
|
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled [title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
|
|
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled [original-title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
|
|
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled [original-title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure {
|
|
display: none;
|
|
}
|
|
|
|
/* if all else fails, it's a failure */
|
|
.sheet-rolltemplate-dice.sheet-nonzerodice-rolled .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure {
|
|
display: block;
|
|
}
|
|
|
|
/* zero rolls */
|
|
/* two sixes on a zero roll = success */
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled .fullcrit ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-success {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled .fullcrit ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure {
|
|
display: none;
|
|
}
|
|
|
|
/* at least 2 of 4, 5 and 6 = mixed success */
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled .fullcrit ~ [title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled .fullcrit ~ [title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="5"] ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="5"] ~ [title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="5"] ~ [title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="4"] ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="4"] ~ [title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="4"] ~ [title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled .fullcrit ~ [original-title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled .fullcrit ~ [original-title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled [original-title*="5"] ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled [original-title*="5"] ~ [original-title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled [original-title*="5"] ~ [original-title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled [original-title*="4"] ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled [original-title*="4"] ~ [original-title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success,
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled [original-title*="4"] ~ [original-title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-mixed-success {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled .fullcrit ~ [title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled .fullcrit ~ [title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="5"] ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="5"] ~ [title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="5"] ~ [title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="4"] ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="4"] ~ [title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled [title*="4"] ~ [title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled .fullcrit ~ [original-title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled .fullcrit ~ [original-title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled [original-title*="5"] ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled [original-title*="5"] ~ [original-title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled [original-title*="5"] ~ [original-title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled [original-title*="4"] ~ .fullcrit ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled [original-title*="4"] ~ [original-title*="5"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure,
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled [original-title*="4"] ~ [original-title*="4"] ~ .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure {
|
|
display: none;
|
|
}
|
|
|
|
/* otherwise, we've got a failure */
|
|
.sheet-rolltemplate-dice.sheet-zerodice-rolled .sheet-rolltemplate-outcome .sheet-rolltemplate-outcome-failure {
|
|
display: block;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-die1,
|
|
.sheet-rolltemplate-die2,
|
|
.sheet-rolltemplate-die3,
|
|
.sheet-rolltemplate-die4,
|
|
.sheet-rolltemplate-die5,
|
|
.sheet-rolltemplate-die6 {
|
|
display:none;
|
|
}
|
|
|
|
.sheet-rolltemplate-0 > .sheet-rolltemplate-die1,
|
|
.sheet-rolltemplate-0 > .sheet-rolltemplate-die2,
|
|
.sheet-rolltemplate-1 > .sheet-rolltemplate-die1,
|
|
.sheet-rolltemplate-2 > .sheet-rolltemplate-die1,
|
|
.sheet-rolltemplate-2 > .sheet-rolltemplate-die2,
|
|
.sheet-rolltemplate-3 > .sheet-rolltemplate-die1,
|
|
.sheet-rolltemplate-3 > .sheet-rolltemplate-die2,
|
|
.sheet-rolltemplate-3 > .sheet-rolltemplate-die3,
|
|
.sheet-rolltemplate-4 > .sheet-rolltemplate-die1,
|
|
.sheet-rolltemplate-4 > .sheet-rolltemplate-die2,
|
|
.sheet-rolltemplate-4 > .sheet-rolltemplate-die3,
|
|
.sheet-rolltemplate-4 > .sheet-rolltemplate-die4,
|
|
.sheet-rolltemplate-5 > .sheet-rolltemplate-die1,
|
|
.sheet-rolltemplate-5 > .sheet-rolltemplate-die2,
|
|
.sheet-rolltemplate-5 > .sheet-rolltemplate-die3,
|
|
.sheet-rolltemplate-5 > .sheet-rolltemplate-die4,
|
|
.sheet-rolltemplate-5 > .sheet-rolltemplate-die5,
|
|
.sheet-rolltemplate-6 > .sheet-rolltemplate-die1,
|
|
.sheet-rolltemplate-6 > .sheet-rolltemplate-die2,
|
|
.sheet-rolltemplate-6 > .sheet-rolltemplate-die3,
|
|
.sheet-rolltemplate-6 > .sheet-rolltemplate-die4,
|
|
.sheet-rolltemplate-6 > .sheet-rolltemplate-die5,
|
|
.sheet-rolltemplate-6 > .sheet-rolltemplate-die6 {
|
|
display:block;
|
|
}
|
|
|
|
.sheet-rolltemplate-action-roll,
|
|
.sheet-rolltemplate-downtime-roll,
|
|
.sheet-rolltemplate-engagement-roll,
|
|
.sheet-rolltemplate-fortune-roll,
|
|
.sheet-rolltemplate-resistance-roll {
|
|
display: none;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.sheet-rolltemplate-actionroll .sheet-rolltemplate-action-roll,
|
|
.sheet-rolltemplate-downtimeroll .sheet-rolltemplate-downtime-roll,
|
|
.sheet-rolltemplate-engagementroll .sheet-rolltemplate-engagement-roll,
|
|
.sheet-rolltemplate-fortuneroll .sheet-rolltemplate-fortune-roll,
|
|
.sheet-rolltemplate-resistanceroll .sheet-rolltemplate-resistance-roll {
|
|
display:block;
|
|
}
|
|
|
|
|
|
.sheet-tooltip ~ .sheet-tooltip-text {
|
|
visibility: hidden;
|
|
height: auto;
|
|
width: auto;
|
|
background: #af1919 center;
|
|
color: #fff;
|
|
padding: 5px;
|
|
opacity: 1;
|
|
position: absolute;
|
|
z-index: 2;
|
|
float:below;
|
|
font-size: 13px;
|
|
line-height: 16px;
|
|
color: #f3f3f3;
|
|
transition-delay: .50s;
|
|
}
|
|
|
|
.sheet-tooltip:checked ~ .sheet-tooltip-text {
|
|
visibility: visible;
|
|
transition: 1s ease;
|
|
transition-delay: .50s;
|
|
padding: 5px 75px;
|
|
}
|
|
|
|
/*Hidden Track Button*/
|
|
|
|
.sheet-hidden-button {
|
|
opacity: 0;
|
|
}
|
|
|
|
.sheet-hidden-button:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
.sheet-bigger {
|
|
width: 100% !important;
|
|
}
|
|
|
|
button[type=roll]:before {
|
|
content: "" !important;
|
|
margin: default;
|
|
}
|
|
|
|
button {
|
|
background-color: #af1919;
|
|
background-image: none;
|
|
background-size:100%;
|
|
overflow: visible;
|
|
padding: 5px;
|
|
margin: 5px;
|
|
font-size: 10px !important;
|
|
color:#f3f3f3;
|
|
}
|
|
|
|
button:hover {
|
|
background-color: #af1919;
|
|
background-image: none;
|
|
color:#f3f3f3;
|
|
}
|
|
|
|
button:active {
|
|
background-color: #af1919;
|
|
background-image: none;
|
|
color:#f3f3f3;
|
|
}
|