diff --git a/Hack The Planet/Hack the Planet.css b/Hack The Planet/Hack the Planet.css new file mode 100644 index 0000000000..2ceffb85ae --- /dev/null +++ b/Hack The Planet/Hack the Planet.css @@ -0,0 +1,2484 @@ +.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 { + line-height: 50px; + 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 { + line-height: 50px; + font-family: "Franklin Gothic Medium", sans-serif; + font-style: normal; + font-size: 20px; + line-height: 45px; + font-weight: 900; + color: white; +} + +/*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: white; +} + +.sheet-stress-tooth:checked { + background-color: #eac5c6; +} + +.sheet-first-cybernetic-box, +.sheet-second-cybernetic-box, +.sheet-third-cybernetic-box { + display: none; +} + + +.sheet-stress-tracking[value="2"] ~ .sheet-stress-track1, +.sheet-stress-tracking[value="3"] ~ .sheet-stress-track2, +.sheet-stress-tracking[value="3"] ~ .sheet-stress-track1, +.sheet-stress-tracking[value="4"] ~ .sheet-stress-track3, +.sheet-stress-tracking[value="4"] ~ .sheet-stress-track2, +.sheet-stress-tracking[value="4"] ~ .sheet-stress-track1, +.sheet-stress-tracking[value="5"] ~ .sheet-stress-track4, +.sheet-stress-tracking[value="5"] ~ .sheet-stress-track3, +.sheet-stress-tracking[value="5"] ~ .sheet-stress-track2, +.sheet-stress-tracking[value="5"] ~ .sheet-stress-track1, +.sheet-stress-tracking[value="6"] ~ .sheet-stress-track5, +.sheet-stress-tracking[value="6"] ~ .sheet-stress-track4, +.sheet-stress-tracking[value="6"] ~ .sheet-stress-track3, +.sheet-stress-tracking[value="6"] ~ .sheet-stress-track2, +.sheet-stress-tracking[value="6"] ~ .sheet-stress-track1, +.sheet-stress-tracking[value="7"] ~ .sheet-stress-track6, +.sheet-stress-tracking[value="7"] ~ .sheet-stress-track5, +.sheet-stress-tracking[value="7"] ~ .sheet-stress-track4, +.sheet-stress-tracking[value="7"] ~ .sheet-stress-track3, +.sheet-stress-tracking[value="7"] ~ .sheet-stress-track2, +.sheet-stress-tracking[value="7"] ~ .sheet-stress-track1, +.sheet-stress-tracking[value="8"] ~ .sheet-stress-track7, +.sheet-stress-tracking[value="8"] ~ .sheet-stress-track6, +.sheet-stress-tracking[value="8"] ~ .sheet-stress-track5, +.sheet-stress-tracking[value="8"] ~ .sheet-stress-track4, +.sheet-stress-tracking[value="8"] ~ .sheet-stress-track3, +.sheet-stress-tracking[value="8"] ~ .sheet-stress-track2, +.sheet-stress-tracking[value="8"] ~ .sheet-stress-track1, +.sheet-stress-tracking[value="9"] ~ .sheet-stress-track8, +.sheet-stress-tracking[value="9"] ~ .sheet-stress-track7, +.sheet-stress-tracking[value="9"] ~ .sheet-stress-track6, +.sheet-stress-tracking[value="9"] ~ .sheet-stress-track5, +.sheet-stress-tracking[value="9"] ~ .sheet-stress-track4, +.sheet-stress-tracking[value="9"] ~ .sheet-stress-track3, +.sheet-stress-tracking[value="9"] ~ .sheet-stress-track2, +.sheet-stress-tracking[value="9"] ~ .sheet-stress-track1, +.sheet-stress-tracking[value="10"] ~ .sheet-stress-track9, +.sheet-stress-tracking[value="10"] ~ .sheet-stress-track8, +.sheet-stress-tracking[value="10"] ~ .sheet-stress-track7, +.sheet-stress-tracking[value="10"] ~ .sheet-stress-track6, +.sheet-stress-tracking[value="10"] ~ .sheet-stress-track5, +.sheet-stress-tracking[value="10"] ~ .sheet-stress-track4, +.sheet-stress-tracking[value="10"] ~ .sheet-stress-track3, +.sheet-stress-tracking[value="10"] ~ .sheet-stress-track2, +.sheet-stress-tracking[value="10"] ~ .sheet-stress-track1, +.sheet-stress-tracking[value="11"] ~ .sheet-stress-track10, +.sheet-stress-tracking[value="11"] ~ .sheet-stress-track9, +.sheet-stress-tracking[value="11"] ~ .sheet-stress-track8, +.sheet-stress-tracking[value="11"] ~ .sheet-stress-track7, +.sheet-stress-tracking[value="11"] ~ .sheet-stress-track6, +.sheet-stress-tracking[value="11"] ~ .sheet-stress-track5, +.sheet-stress-tracking[value="11"] ~ .sheet-stress-track4, +.sheet-stress-tracking[value="11"] ~ .sheet-stress-track3, +.sheet-stress-tracking[value="11"] ~ .sheet-stress-track2, +.sheet-stress-tracking[value="11"] ~ .sheet-stress-track1, +.sheet-stress-tracking[value="12"] ~ .sheet-stress-track11, +.sheet-stress-tracking[value="12"] ~ .sheet-stress-track10, +.sheet-stress-tracking[value="12"] ~ .sheet-stress-track9, +.sheet-stress-tracking[value="12"] ~ .sheet-stress-track8, +.sheet-stress-tracking[value="12"] ~ .sheet-stress-track7, +.sheet-stress-tracking[value="12"] ~ .sheet-stress-track6, +.sheet-stress-tracking[value="12"] ~ .sheet-stress-track5, +.sheet-stress-tracking[value="12"] ~ .sheet-stress-track4, +.sheet-stress-tracking[value="12"] ~ .sheet-stress-track3, +.sheet-stress-tracking[value="12"] ~ .sheet-stress-track2, +.sheet-stress-tracking[value="12"] ~ .sheet-stress-track1{ + background-color: #eac5c6; +} + +.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-wanted-tracking[value="2"] ~ .sheet-wanted-track1, +.sheet-wanted-tracking[value="3"] ~ .sheet-wanted-track2, +.sheet-wanted-tracking[value="3"] ~ .sheet-wanted-track1, +.sheet-wanted-tracking[value="4"] ~ .sheet-wanted-track3, +.sheet-wanted-tracking[value="4"] ~ .sheet-wanted-track2, +.sheet-wanted-tracking[value="4"] ~ .sheet-wanted-track1 { + background-color: #eac5c6; +} + +.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: #eac5c6; + content: ""; +} + +.sheet-abilityname { + background-color: rgba(0,0,0,0); + width: 70%; + color: white; +} + +.sheet-abilitydesc { + background-color: rgba(0,0,0,0); + color: white; + 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: #eac5c6; + 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: #eac5c6; + 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-insight-button, +.sheet-prowess-button, +.sheet-resolve-button, +.sheet-long-select, +.sheet-recover-select, +.sheet-reduce-select, +.sheet-vice-select, +.sheet-long-button, +.sheet-recover-button, +.sheet-reduce-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="actionroll"] ~ .sheet-crewaction-select, +.sheet-crewroll-selected[value="downtimeroll"] ~ .sheet-crewdowntime-select, +.sheet-crewroll-selected[value="engagementroll"] ~ .sheet-crewengagement-select, +.sheet-crewroll-selected[value="fortuneroll"] ~ .sheet-crewfortune-select, +.sheet-crewroll-selected[value="resistanceroll"] ~ .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="long"] ~ .sheet-long-button, +.sheet-downtime-selected[value="recover"] ~ .sheet-recover-button, +.sheet-downtime-selected[value="reduce"] ~ .sheet-reduce-button, +.sheet-downtime-selected[value="vice"] ~ .sheet-vice-button, +.sheet-resistance-select[value="insight"] ~ .sheet-insight-button, +.sheet-resistance-select[value="prowess"] ~ .sheet-prowess-button, +.sheet-resistance-select[value="resolve"] ~ .sheet-resolve-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-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-action-selected[value="acquire"] ~ .sheet-crewacquire-select, +.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-insight-button, +.sheet-crewresistance-select[value="prowess"] ~ .sheet-prowess-button, +.sheet-crewresistance-select[value="resolve"] ~ .sheet-resolve-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; +} + +.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; +} diff --git a/Hack The Planet/Hack the Planet.html b/Hack The Planet/Hack the Planet.html new file mode 100644 index 0000000000..fc07e8ce9a --- /dev/null +++ b/Hack The Planet/Hack the Planet.html @@ -0,0 +1,4691 @@ +
+ + + +|
+ HARM
+ |
+ |||
|---|---|---|---|
| 3 | ++ + | +NEED HELP | +|
| 2 | ++ + | ++ + | +-1D | +
| 1 | ++ + | ++ + | +LESS EFFECT | +