diff --git a/City Of Mist Offical/city-of-mist-preview.jpg b/City Of Mist Offical/city-of-mist-preview.jpg new file mode 100644 index 0000000000..c4ffe54eff Binary files /dev/null and b/City Of Mist Offical/city-of-mist-preview.jpg differ diff --git a/City Of Mist Offical/city-of-mist.css b/City Of Mist Offical/city-of-mist.css new file mode 100644 index 0000000000..8421bee1c7 --- /dev/null +++ b/City Of Mist Offical/city-of-mist.css @@ -0,0 +1,6345 @@ +/* GENERAL FORMATING START ----------------------------------------------------- GENERAL FORMATING START */ + +@font-face { + font-family: 'Contrail One'; + src: url('https://fonts.googleapis.com/css?family=Contrail+One'); +} + +@font-face { + font-family: 'Rock Salt'; + src: url('https://fonts.googleapis.com/css?family=Rock+Salt'); +} + + .sheet-hidden { + display: none; + } + + + .sheet-section { + width: 100%; + display: block; + clear: both; + padding: 0 !important; + + } + + .sheet-line { + width: 100%; + display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: space-between; + } + + .sheet-stretch { + width: 100%; + } + + .sheet-right { + float: right; + } + + .sheet-center { + margin: auto; + text-align: center; + } + + .sheet-middle { + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-align-content: center; + align-content: center; + } + + .sheet-left { + float: left; + } + + textarea { + resize: none; + } + + label { + color: #453428; + } + + textarea { + height: 50px; + } + + input[type=checkbox] { + box-shadow: none; + height: 18px; + width: 18px; + background: #fff; + vertical-align: middle; + } + + button[type=roll] .sheet-blank-roll-button::before { content: ''; } + + button[type=roll]:focus { + outline:0; + } + + .sheet-character_sheet { + width: 100%; + margin: 0px; + padding: 0px; + overflow-x: hidden; + } + +/* GENERAL FORMATING END ------------------------------------------------------- GENERAL FORMATING END */ + +/* SPECIAL CASE FORMATING START ------------------------------------------------ SPECIAL CASE FORMATING START */ + + /*CLEAR BUTTON ---------------------------------------------------------------- START*/ + + .sheet-clear_check { + opacity: 0; + position: relative; + top: 0px; + left: 0px; + cursor: pointer; + z-index: 1; + } + + .sheet-clear_button { + width: 100%; + height: 28px; + background: lightgrey; + border: solid; + border-width: 1px; + border-color: darkgrey; + border-radius: 5px; + } + + .sheet-clear_button:hover { + background: white; + } + + .sheet-clear_button:active { + background: white; + border-color: white; + } + + .sheet-clear_label{ + position: relative; + bottom: 22px; + } + + /*CLEAR BUTTON ----------------------------------------------------------------- END*/ + + .sheet-playbook_logostags { + color: black; + font-size: 12px; + font-style: italic; + background: #fff1a2; + } + + .sheet-playbook_mythostags { + color: white; + font-size: 12px; + font-style: italic; + background: #512b71; + } + + .sheet-playbook_statustags { + color: black; + font-size: 12px; + font-style: italic; + background: #d9e8ae; + } + + .sheet-playbook_spectrumtags { + color: black; + font-size: 12px; + font-style: italic; + background: #daaca3; + } + +/* SPECIAL CASE FORMATING END -------------------------------------------------- SPECIAL CASE FORMATING END */ + + .sheet-moves_mat { + position: relative; + top: -30px; + width: 100%; + height: 260px; + margin: 0px 0px -20px; + perspective: 2000px; + transform:translate3d(0,0,0); + -webkit-transform:translate3d(0,0,0); + z-index: 50; + + } + + .sheet-moves_sheet .sheet-move_button { + width: 200px; + margin: 5px; + + } + + .sheet-moves_sheet .sheet-move_button:hover { + background-color: white; + } + + .sheet-moves_sheet .sheet-move_button:active { + background-color: white; + border: white; + box-shadow: 0px 0px 1px white; + } + + .sheet-move_sheet_header { + width: 438px; + height: 36px; + margin: -10px -10px 10px -10px; + background-color: #726960; + + border-radius: 8px 8px 0px 0px; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + } + + .sheet-moves_sheet_title { + height: 36px; + padding: 0px 5px; + margin: 0px 10px; + background: transparent; + border: none; + outline: none; + + + font-family: 'Contrail One', Sans-Serif; + line-height: 36px; + font-size: 26px; + font-style: normal; + font-variant: small-caps; + font-weight: 900; + color: white; + text-shadow: 0px 0px 2px #534233; + text-transform: uppercase; + text-align: left; + } + + .sheet-core_moves_sheet { + position: absolute; + left: calc(25% - 250px); ; + top: 0px; + transform: rotate(1.2deg) scale(0.9, 0.9); + } + + .sheet-cinematic_moves_sheet { + position: absolute; + left: calc(75% - 250px); ; + top: 0px; + transform: rotate(-1.2deg) scale(0.9, 0.9); + } + + .sheet-core_moves_sheet:hover { + z-index: 100; + } + + .sheet-cinematic_moves_sheet:hover { + z-index: 100; + } + + .sheet-moves_sheet { + + width: 500px; + background-color: #e6e0d3; + box-shadow: inset 0px 0px 40px 10px #d2cac3; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + + mask-image: url(https://i.imgur.com/O6JNLDM.png); + mask-size: 100% auto; + mask-position: center center; + mask-repeat: repeat-y; + + -webkit-mask-image: url(https://i.imgur.com/O6JNLDM.png); + -webkit-mask-size: 100% auto; + -webkit-mask-position: center center; + -webkit-mask-repeat: repeat-y; + + padding: 30px 30px; + } + + .sheet-moves_sheet_inset { + border: 2px solid #726960; + border-radius: 10px; + + height: 100%; + padding: 10px; + margin: 0px auto; + + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + } + + .sheet-moves_sheet_line { + width: 100%; + display: flex; + flex-direction: row; + flex-wrap: nowrap; + } + + .sheet-moves_sheet_column { + width: 100%; + height: 140px; + display: flex; + flex-direction: column; + flex-wrap: nowrap; + justify-content: space-between; + } + + .sheet-moves_sheet_number { + height: 60px; + width: 100%; + margin-bottom: 10px; + + display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: space-between; + } + + .sheet-moves_sheet_number .sheet-clear_button { + width: 60px; + height: 30px; + position: relative; + top: 14px; + margin-left: -20px; + margin-right: -10px; + + transform-origin: center center; + transform: rotate(-84deg) skew(6deg); + -ms-transform: rotate(-84deg) skew(6deg); /* IE 9 */ + -webkit-transform: rotate(-84deg) skew(6deg); /* Safari */ + } + + .sheet-moves_sheet_number .sheet-clear_button label { + width: 60px; + margin-right: 0px; + transform: rotate(0deg); + -ms-transform: rotate(0deg); /* IE 9 */ + -webkit-transform: rotate(0deg); /* Safari */ + transform-origin: center center; + } + + .sheet-moves_sheet_number label { + width: 60px; + margin-right: -40px; + transform: rotate(-84deg) skew(6deg); + -ms-transform: rotate(-84deg) skew(6deg); /* IE 9 */ + -webkit-transform: rotate(-84deg) skew(6deg); /* Safari */ + transform-origin: center center; + } + + .sheet-moves_sheet_number input[type=number] { + height: 60px; + margin-right: 10px; + background: white; + border: none; + padding: auto; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + + text-align: center; + word-wrap: break-word; + word-break: keep-all; + overflow:hidden; + + font-family: Sans-Serif; + letter-spacing: -2px; + line-height: 60px; + font-size: 46px; + font-style: normal; + font-variant: small-caps; + font-weight: 900; + color: black; + text-shadow: 0px 0px 2px #534233; + text-transform: uppercase; + + transform: skew(-6deg); + -ms-transform: skew(-6deg); /* IE 9 */ + -webkit-transform: skew(-6deg); /* Safari */ + transform-origin: center center; + } + + .sheet-core_moves_check { + width: 125px; + margin-right: 10px; + white-space: nowrap; + position: relative; + top: -4px; + } + + .sheet-core_moves_check input[type="radio"] + { + opacity: 0; + width: 100%; + height: 36px; + position: relative; + top: 0px; + left: 50%; + cursor: pointer; + z-index: 1; + margin: -50%; + } + + + .sheet-core_moves_check input[type="radio"] + span::before + { + content: "CORE MOVES"; + + font-family: 'Contrail One', Sans-Serif; + line-height: 36px; + font-size: 26px; + font-style: normal; + font-variant: small-caps; + font-weight: 900; + color: white; + text-shadow: 0px 0px 2px #534233; + text-transform: uppercase; + text-align: left; + + width: 100%; + height: 100%; + text-align: center; + display: inline-block; + vertical-align: middle; + opacity: 1; + filter: brightness(75%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(75%) drop-shadow(0px 0px 1px black); + } + + .sheet-core_moves_check input[type="radio"]:checked + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-core_moves_check input[type="radio"]:active + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + .sheet-cinematic_moves_check { + width: 175px; + margin-left: 10px; + white-space: nowrap; + position: relative; + top: -4px; + } + + .sheet-cinematic_moves_check input[type="radio"] + { + opacity: 0; + width: 100%; + height: 36px; + position: relative; + top: 0px; + left: 50%; + cursor: pointer; + z-index: 1; + margin: -50%; + } + + + .sheet-cinematic_moves_check input[type="radio"] + span::before + { + content: "CINEMATIC MOVES"; + + font-family: 'Contrail One', Sans-Serif; + line-height: 36px; + font-size: 26px; + font-style: normal; + font-variant: small-caps; + font-weight: 900; + color: white; + text-shadow: 0px 0px 2px #534233; + text-transform: uppercase; + text-align: left; + + width: 100%; + height: 100%; + text-align: center; + display: inline-block; + vertical-align: middle; + opacity: 1; + filter: brightness(75%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(75%) drop-shadow(0px 0px 1px black); + } + + .sheet-cinematic_moves_check input[type="radio"]:checked + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-cinematic_moves_check input[type="radio"]:active + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + .sheet-core_moves_switch:not(:checked) ~ .sheet-core_moves_body { + display: none; + } + + .sheet-cinematic_moves_switch:not(:checked) ~ .sheet-cinematic_moves_body { + display: none; + } + + .sheet-burn_roll_switch:checked ~ .sheet-standard_roll_body { + display: none; + } + + .sheet-burn_roll_switch:not(:checked) ~ .sheet-burn_roll_body { + display: none; + } + + /* DYNAMITE CHECK ----------------------------------------------- DYNAMITE CHECK */ + + .sheet-dynamite_check { + white-space: nowrap; + margin: 5px; + } + + .sheet-dynamite_check input[type="checkbox"] + { + opacity: 0.0; + width: 26px; + height: 26px; + position: relative; + top: 0px; + left: 50%; + cursor: pointer; + z-index: 1; + margin: -13px; + } + + + .sheet-dynamite_check input[type="checkbox"] + span::before + { + width: 26px; + height: 26px; + font-size: 26px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(https://i.imgur.com/fl8SIc1.png); + opacity: 1; + filter: brightness(75%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(75%) drop-shadow(0px 0px 1px black); + } + + .sheet-dynamite_check input[type="checkbox"]:hover + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-dynamite_check input[type="checkbox"]:checked + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-dynamite_check input[type="checkbox"]:active + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + .sheet-dynamite_image span + { + width: 26px; + height: 26px; + font-size: 26px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(https://i.imgur.com/fl8SIc1.png); + opacity: 1; + filter: brightness(0%); + -webkit-filter: brightness(0%); + position: relative; + top: -4px; + margin: 0px 6px; + } + + /* BURN ROLL CHECK ----------------------------------------------- BURN ROLL CHECK */ + + .sheet-burn_roll_check { + white-space: nowrap; + margin: 5px; + } + + .sheet-burn_roll_check input[type="checkbox"] + { + opacity: 0.0; + width: 26px; + height: 26px; + position: relative; + top: 0px; + left: 50%; + cursor: pointer; + z-index: 1; + margin: -13px; + } + + + .sheet-burn_roll_check input[type="checkbox"] + span::before + { + width: 26px; + height: 26px; + font-size: 26px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(https://i.imgur.com/U4fwJaK.png); + opacity: 1; + filter: brightness(75%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(75%) drop-shadow(0px 0px 1px black); + } + + .sheet-burn_roll_check input[type="checkbox"]:hover + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-burn_roll_check input[type="checkbox"]:checked + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-burn_roll_check input[type="checkbox"]:active + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + .sheet-burn_roll_image span + { + width: 26px; + height: 26px; + font-size: 26px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(https://i.imgur.com/U4fwJaK.png); + opacity: 1; + filter: brightness(0%); + -webkit-filter: brightness(0%); + position: relative; + top: -4px; + margin: 0px 6px; + } + + /* MUTE CHECK ----------------------------------------------- MUTE CHECK */ + + .sheet-mute_check { + white-space: nowrap; + margin: 5px; + } + + .sheet-mute_check input[type="checkbox"] + { + opacity: 0.0; + width: 26px; + height: 26px; + position: relative; + top: 0px; + left: 50%; + cursor: pointer; + z-index: 1; + margin: -13px; + } + + + .sheet-mute_check input[type="checkbox"] + span::before + { + width: 26px; + height: 26px; + font-size: 26px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(https://i.imgur.com/uwrfzd5.png); + opacity: 1; + filter: brightness(75%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(75%) drop-shadow(0px 0px 1px black); + } + + .sheet-mute_check input[type="checkbox"]:hover + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-mute_check input[type="checkbox"]:checked + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-mute_check input[type="checkbox"]:active + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + .sheet-mute_image span + { + width: 26px; + height: 26px; + font-size: 26px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(https://i.imgur.com/uwrfzd5.png); + opacity: 1; + filter: brightness(0%); + -webkit-filter: brightness(0%); + position: relative; + top: -4px; + margin: 0px 6px; + } + + /* TOOLTIPS START ---------------------------------------------------------- TOOL TIPS START */ + + .sheet-moves_sheet_roll_tooltip { + height: 36px; + + position: absolute; + right: 115px; + top: -1px; + + + font-family: 'Contrail One', Sans-Serif; + font-size: 18px; + line-height: 36px; + text-align: right; + color: white; + } + + .sheet-dynamite_check:not(:hover) ~ .sheet-dynamite_tooltip, + .sheet-burn_roll_check:not(:hover) ~ .sheet-burn_roll_tooltip, + .sheet-mute_check:not(:hover) ~ .sheet-mute_tooltip { + display: none; + } + +/* CORE MOVE BAR START --------------------------------------------------------- CORE MOVE BAR START */ + + .sheet-core_moves_grid { + width: 100%; + height: 200px; + margin: 0px; + padding: 0px; + + position: relative; + + background: #D3D3D3; + } + + .sheet-core_power_indicator { + height: 160px; + width: 230px; + padding: 10px; + + background-color: white; + border-radius: 10px; + + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + + position: absolute; + top: calc(50% - 80px); + left: calc(50% - 115px); + + } + + .sheet-core_move_container_left { + display: flex; + flex-direction: column; + flex-wrap: nowrap; + justify-content: space-between; + + height: 170px; + width: 260px; + padding: 10px; + + background-color: white; + border-radius: 10px; + + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + + position: absolute; + top: calc(50% - 85px); + left: calc(20% - 130px); + + } + + .sheet-core_move_container_right { + display: flex; + flex-direction: column; + flex-wrap: nowrap; + justify-content: space-between; + height: 170px; + width: 260px; + padding: 10px; + + background-color: white; + border-radius: 10px; + + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + + position: absolute; + top: calc(50% - 85px); + left: calc(80% - 130px); + + } + + + .sheet-move_button { + width: 240px; + height: 30px; + padding: 0px; + background: lightgrey; + border: solid; + border-width: 1px; + border-color: darkgrey; + border-radius: 5px; + margin: 5px 10px; + } + + .sheet-move_button { + font-size: 0.75em; + } + + .sheet-move_button:hover { + } + + .sheet-move_button:active { + background: white; + } + + .sheet-move_button:before { + content: "" !important; + font-size: 0.75em; + display: none; + } + + .sheet-move_button label{ + text-transform: uppercase; + font-size: 0.75em; + } + +/* CORE MOVE BAR END ----------------------------------------------------------- CORE MOVE BAR END */ + +/* THEME CARD MAT START -------------------------------------------------------- THEME CARD MAT START */ + + /* CARD POSITIONING -------------------------------------------------------- CARD POSITIONING */ + + .sheet-theme_card_mat { + width: 100%; + min-height: 700px; + margin: 0px 0px 40px; + padding: 0px; + + position: relative; + transform:translate3d(0,0,0); + -webkit-transform:translate3d(0,0,0); + perspective: 2000px; + } + + .sheet-theme_card_1, + .sheet-theme_card_2, + .sheet-theme_card_3, + .sheet-theme_card_4, + .sheet-theme_card_5, + .sheet-theme_card_6, + .sheet-theme_card_7, + .sheet-theme_card_8, + .sheet-theme_card_t { + position: absolute; + transition: all 0.6s ease-in-out, z-index 0s, transform 0.2s ease-in-out, top 0.2s ease-in-out; + z-index: 200; + transform-origin: center top; + filter: blur(0px) grayscale(0%) drop-shadow(0px 10px 15px rgba(0,0,0,0.25)); + + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + padding: 0px; + margin: 0px; + border: none; + overflow: visible; + } + + .sheet-theme_card_t { + top: 70px; + left: calc(85% - 130px); + transform: rotate(6deg) scale(0.9, 0.9); + } + + .sheet-theme_card_1 { + top: 50px; + left: calc(71% - 130px); + transform: rotate(3.6deg) scale(0.9, 0.9); + } + + .sheet-theme_card_2 { + top: 40px; + left: calc(57% - 130px); + transform: rotate(1.2deg) scale(0.9, 0.9); + } + + .sheet-theme_card_3 { + top: 40px; + left: calc(43% - 130px); + transform: rotate(-1.2deg) scale(0.9, 0.9); + } + + .sheet-theme_card_4 { + top: 50px; + left: calc(29% - 130px); + transform: rotate(-3.6deg) scale(0.9, 0.9); + } + + .sheet-theme_card_5 { + visibility: hidden; + opacity: 0; + top: 50px; + left: calc(29% - 130px); + transform: rotate(-3.6deg) scale(0.9, 0.9); + } + + .sheet-theme_card_6 { + visibility: hidden; + opacity: 0; + top: 50px; + left: calc(29% - 130px); + transform: rotate(-3.6deg) scale(0.9, 0.9); + } + + .sheet-theme_card_7 { + visibility: hidden; + opacity: 0; + top: 50px; + left: calc(29% - 130px); + transform: rotate(-3.6deg) scale(0.9, 0.9); + } + + .sheet-theme_card_8 { + top: 70px; + left: calc(15% - 130px); + transform: rotate(-6deg) scale(0.9, 0.9); + } + + + + .sheet-extra_theme_card_1_switch:checked ~ .sheet-theme_card_1 { + top: 53px; + left: calc(73.3% - 130px); + transform: rotate(4deg) scale(0.9, 0.9); + } + + .sheet-extra_theme_card_1_switch:checked ~ .sheet-theme_card_2 { + + top: 42px; + left: calc(61.6% - 130px); + transform: rotate(2deg) scale(0.9, 0.9); + } + + .sheet-extra_theme_card_1_switch:checked ~ .sheet-theme_card_3 { + top: 39px; + left: calc(50% - 130px); + transform: rotate(0deg) scale(0.9, 0.9); + } + + .sheet-extra_theme_card_1_switch:checked ~ .sheet-theme_card_4 { + top: 42px; + left: calc(38.4% - 130px); + transform: rotate(-2deg) scale(0.9, 0.9); + } + + .sheet-extra_theme_card_1_switch:checked ~ .sheet-theme_card_5 { + visibility: visible; + opacity: 1; + top: 53px; + left: calc(26.7% - 130px); + transform: rotate(-4deg) scale(0.9, 0.9); + } + + + + .sheet-extra_theme_card_2_switch:checked ~ .sheet-theme_card_1 { + top: 55px; + left: calc(75% - 130px); + transform: rotate(4.29deg) scale(0.9, 0.9); + } + + .sheet-extra_theme_card_2_switch:checked ~ .sheet-theme_card_2 { + top: 45px; + left: calc(65% - 130px); + transform: rotate(2.57deg) scale(0.9, 0.9); + } + + .sheet-extra_theme_card_2_switch:checked ~ .sheet-theme_card_3 { + top: 39px; + left: calc(55% - 130px); + transform: rotate(0.86deg) scale(0.9, 0.9); + } + + .sheet-extra_theme_card_2_switch:checked ~ .sheet-theme_card_4 { + top: 39px; + left: calc(45% - 130px); + transform: rotate(-0.86deg) scale(0.9, 0.9); + } + + .sheet-extra_theme_card_2_switch:checked ~ .sheet-theme_card_5 { + visibility: visible; + opacity: 1; + top: 45px; + left: calc(35% - 130px); + transform: rotate(-2.57deg) scale(0.9, 0.9); + } + + .sheet-extra_theme_card_2_switch:checked ~ .sheet-theme_card_6 { + visibility: visible; + opacity: 1; + top: 55px; + left: calc(25% - 130px); + transform: rotate(-4.29deg) scale(0.9, 0.9); + } + + + + .sheet-extra_theme_card_3_switch:checked ~ .sheet-theme_card_1 { + top: 56px; + left: calc(76.2% - 130px); + transform: rotate(4.5deg) scale(0.9, 0.9); + } + + .sheet-extra_theme_card_3_switch:checked ~ .sheet-theme_card_2 { + top: 47px; + left: calc(67.5% - 130px); + transform: rotate(3deg) scale(0.9, 0.9); + } + + .sheet-extra_theme_card_3_switch:checked ~ .sheet-theme_card_3 { + top: 41px; + left: calc(58.7% - 130px); + transform: rotate(1.5deg) scale(0.9, 0.9); + } + + .sheet-extra_theme_card_3_switch:checked ~ .sheet-theme_card_4 { + visibility: visible; + opacity: 1; + top: 39px; + left: calc(50% - 130px); + transform: rotate(0deg) scale(0.9, 0.9); + } + + .sheet-extra_theme_card_3_switch:checked ~ .sheet-theme_card_5 { + visibility: visible; + opacity: 1; + top: 41px; + left: calc(41.3% - 130px); + transform: rotate(-1.5deg) scale(0.9, 0.9); + } + + .sheet-extra_theme_card_3_switch:checked ~ .sheet-theme_card_6 { + visibility: visible; + opacity: 1; + top: 47px; + left: calc(32.5% - 130px); + transform: rotate(-3deg) scale(0.9, 0.9); + } + + .sheet-extra_theme_card_3_switch:checked ~ .sheet-theme_card_7 { + visibility: visible; + opacity: 1; + top: 56px; + left: calc(23.8% - 130px); + transform: rotate(-4.5deg) scale(0.9, 0.9); + } + + + + + .sheet-theme_card_1:hover, + .sheet-theme_card_2:hover, + .sheet-theme_card_3:hover, + .sheet-theme_card_4:hover, + .sheet-theme_card_8:hover, + .sheet-theme_card_t:hover, + .sheet-theme_card_1:focus-within, + .sheet-theme_card_2:focus-within, + .sheet-theme_card_3:focus-within, + .sheet-theme_card_4:focus-within, + .sheet-theme_card_8:focus-within, + .sheet-theme_card_t:focus-within { + z-index: 250; + top: 30px; + transform: rotate(0deg) scale(1, 1); + } + + .sheet-extra_theme_card_1_switch:checked ~ .sheet-theme_card_1:hover, + .sheet-extra_theme_card_1_switch:checked ~ .sheet-theme_card_2:hover, + .sheet-extra_theme_card_1_switch:checked ~ .sheet-theme_card_3:hover, + .sheet-extra_theme_card_1_switch:checked ~ .sheet-theme_card_4:hover, + .sheet-extra_theme_card_1_switch:checked ~ .sheet-theme_card_5:hover, + .sheet-extra_theme_card_1_switch:checked ~ .sheet-theme_card_8:hover, + .sheet-extra_theme_card_1_switch:checked ~ .sheet-theme_card_t:hover, + .sheet-extra_theme_card_1_switch:checked ~ .sheet-theme_card_1:focus-within, + .sheet-extra_theme_card_1_switch:checked ~ .sheet-theme_card_2:focus-within, + .sheet-extra_theme_card_1_switch:checked ~ .sheet-theme_card_3:focus-within, + .sheet-extra_theme_card_1_switch:checked ~ .sheet-theme_card_4:focus-within, + .sheet-extra_theme_card_1_switch:checked ~ .sheet-theme_card_5:focus-within, + .sheet-extra_theme_card_1_switch:checked ~ .sheet-theme_card_8:focus-within, + .sheet-extra_theme_card_1_switch:checked ~ .sheet-theme_card_t:focus-within, + .sheet-extra_theme_card_2_switch:checked ~ .sheet-theme_card_1:hover, + .sheet-extra_theme_card_2_switch:checked ~ .sheet-theme_card_2:hover, + .sheet-extra_theme_card_2_switch:checked ~ .sheet-theme_card_3:hover, + .sheet-extra_theme_card_2_switch:checked ~ .sheet-theme_card_4:hover, + .sheet-extra_theme_card_2_switch:checked ~ .sheet-theme_card_5:hover, + .sheet-extra_theme_card_2_switch:checked ~ .sheet-theme_card_6:hover, + .sheet-extra_theme_card_2_switch:checked ~ .sheet-theme_card_8:hover, + .sheet-extra_theme_card_2_switch:checked ~ .sheet-theme_card_t:hover, + .sheet-extra_theme_card_2_switch:checked ~ .sheet-theme_card_1:focus-within, + .sheet-extra_theme_card_2_switch:checked ~ .sheet-theme_card_2:focus-within, + .sheet-extra_theme_card_2_switch:checked ~ .sheet-theme_card_3:focus-within, + .sheet-extra_theme_card_2_switch:checked ~ .sheet-theme_card_4:focus-within, + .sheet-extra_theme_card_2_switch:checked ~ .sheet-theme_card_5:focus-within, + .sheet-extra_theme_card_2_switch:checked ~ .sheet-theme_card_6:focus-within, + .sheet-extra_theme_card_2_switch:checked ~ .sheet-theme_card_8:focus-within, + .sheet-extra_theme_card_2_switch:checked ~ .sheet-theme_card_t:focus-within, + .sheet-extra_theme_card_3_switch:checked ~ .sheet-theme_card_1:hover, + .sheet-extra_theme_card_3_switch:checked ~ .sheet-theme_card_2:hover, + .sheet-extra_theme_card_3_switch:checked ~ .sheet-theme_card_3:hover, + .sheet-extra_theme_card_3_switch:checked ~ .sheet-theme_card_4:hover, + .sheet-extra_theme_card_3_switch:checked ~ .sheet-theme_card_5:hover, + .sheet-extra_theme_card_3_switch:checked ~ .sheet-theme_card_6:hover, + .sheet-extra_theme_card_3_switch:checked ~ .sheet-theme_card_7:hover, + .sheet-extra_theme_card_3_switch:checked ~ .sheet-theme_card_8:hover, + .sheet-extra_theme_card_3_switch:checked ~ .sheet-theme_card_t:hover, + .sheet-extra_theme_card_3_switch:checked ~ .sheet-theme_card_1:focus-within, + .sheet-extra_theme_card_3_switch:checked ~ .sheet-theme_card_2:focus-within, + .sheet-extra_theme_card_3_switch:checked ~ .sheet-theme_card_3:focus-within, + .sheet-extra_theme_card_3_switch:checked ~ .sheet-theme_card_4:focus-within, + .sheet-extra_theme_card_3_switch:checked ~ .sheet-theme_card_5:focus-within, + .sheet-extra_theme_card_3_switch:checked ~ .sheet-theme_card_6:focus-within, + .sheet-extra_theme_card_3_switch:checked ~ .sheet-theme_card_7:focus-within, + .sheet-extra_theme_card_3_switch:checked ~ .sheet-theme_card_8:focus-within, + .sheet-extra_theme_card_3_switch:checked ~ .sheet-theme_card_t:focus-within { + z-index: 250; + top: 30px; + transform: rotate(0deg) scale(1, 1); + } + + .sheet-playbook_switch:checked ~ .sheet-theme_card_1, + .sheet-playbook_switch:checked ~ .sheet-theme_card_2, + .sheet-playbook_switch:checked ~ .sheet-theme_card_3, + .sheet-playbook_switch:checked ~ .sheet-theme_card_4, + .sheet-playbook_switch:checked ~ .sheet-extra_theme_card_1, + .sheet-playbook_switch:checked ~ .sheet-extra_theme_card_2, + .sheet-playbook_switch:checked ~ .sheet-extra_theme_card_3, + .sheet-playbook_switch:checked ~ .sheet-theme_card_crew, + .sheet-playbook_switch:checked ~ .sheet-theme_card_character { + top: 40px; + left: 20px; + transform: rotate(0deg) scale(0.9, 0.9); + filter: blur(3px) grayscale(60%) drop-shadow(0px 20px 25px rgba(0,0,0,0)); + } + + .sheet-playbook_character_switch:checked ~ .sheet-theme_card_character, + .sheet-playbook_crew_switch:checked ~ .sheet-theme_card_crew, + .sheet-playbook_theme1_themebook_switch:checked ~ .sheet-theme_card_1, + .sheet-playbook_theme2_themebook_switch:checked ~ .sheet-theme_card_2, + .sheet-playbook_theme3_themebook_switch:checked ~ .sheet-theme_card_3, + .sheet-playbook_theme4_themebook_switch:checked ~ .sheet-theme_card_4, + .sheet-playbook_extra_theme1_themebook_switch:checked ~ .sheet-extra_theme_card_1, + .sheet-playbook_extra_theme2_themebook_switch:checked ~ .sheet-extra_theme_card_2, + .sheet-playbook_extra_theme3_themebook_switch:checked ~ .sheet-extra_theme_card_3 { + z-index: 300; + top: 30px; + transform: rotate(0deg) scale(1, 1); + filter: blur(0px) grayscale(0%) drop-shadow(0px 20px 25px rgba(0,0,0,0.25)); + } + +/* THEME CARD MAT END ---------------------------------------------------------- THEME CARD MAT END */ + +/* THEME CARD STYLING ---------------------------------------------------------- START */ + + /* CARD FLIP MECHANICS ------------------------------------- CARD FLIP MECHANICS */ + + .sheet-card_flip { + height: 100%; + width: 100%; + + position: absolute; + transform-origin: right center; + transform-style: preserve-3d; + -webkit-transform-style: preserve-3d; + + transition: all 0.6s; + -webkit-transition: all 0.6s; + + transition-timing-function: ease-in-out; + -webkit-transition-timing-function: ease-in-out; + } + + .sheet-side { + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + + backface-visibility: hidden; + position: absolute; + overflow: visible; + } + + .sheet-front { + transform: rotateY( 360deg ); + } + + .sheet-back { + transform: rotateY( 180deg ); + } + + .sheet-flip:checked ~ .sheet-card_flip { + transform: translateX( -100% ) rotateY( -180deg ); + } + + /* CARD STYLING ------------------------------------------------ CARD STYLING */ + + .sheet-theme_card_container { + height: 660px; + width: 260px; + float: left; + flex-shrink: 1; + padding: 0px; + border: none; + + perspective: 2000px; + + } + + .sheet-theme_card input[type=checkbox] { + box-shadow: none; + height: 18px; + width: 18px; + background: #fff; + vertical-align: middle; + } + + .sheet-theme_card { + height: 100%; + width: 100%; + border: 1px solid white; + border-radius: 12px 12px 12px 12px; + padding: 10px; + display: flex; + flex-flow: column nowrap; + + } + + .sheet-theme_inset { + display: flex; + flex-flow: column nowrap; + margin: 0px; + padding: 0px; + height: 100%; + width: 100%; + border-radius: 10px; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-shadow: inset 0px 0px 55px 25px #d2cac3; + } + + .sheet-theme_header { + height: 32px; + border-radius: 10px 10px 0px 0px; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + } + + .sheet-theme_footer { + height: 32px; + margin-top: auto; + border-radius: 0px 0px 10px 10px; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + } + + .sheet-theme_select { + margin: auto; + } + + .sheet-theme_select select { + height: 18px; + width: 100%; + padding: 0px 5px; + margin: auto; + background: transparent; + border: none; + outline: none; + + color: white; + text-shadow: 0px 0px 2px black; + font-family: 'Contrail One', Sans-Serif; + line-height: 16px; + font-size: 16px; + font-style: normal; + text-transform: uppercase; + } + + .sheet-theme_select option { + text-align: left; + } + + .sheet-theme_body { + height: 574px; + margin: 0px; + padding: 0px; + border: none; + } + + .sheet-theme_details { + padding: 0px; + margin: 0px; + } + + .sheet-theme_title { + display: block; + width: 95%; + height: 84px; + background: transparent; + border: none; + margin: 6px auto; + padding: auto; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + + text-align: center; + word-wrap: break-word; + word-break: keep-all; + overflow:hidden; + + font-family: 'Contrail One', Sans-Serif; + letter-spacing: -2px; + line-height: 40px; + font-size: 38px; + font-style: normal; + font-variant: small-caps; + font-weight: 900; + color: black; + text-shadow: 0px 0px 2px #534233; + text-transform: uppercase; + } + + .sheet-theme_identity_mystery { + display: block; + width: 95%; + height: 36px; + border: none; + outline: none; + margin: 2px auto 6px; + padding: 0px; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + + font-family: 'Rock Salt', 'Shadows Into Light', cursive; + font-size: 16px; + font-style: normal; + font-weight: 600; + letter-spacing: 0px; + line-height: 18px; + text-transform: uppercase; + + word-wrap: break-word; + word-break: keep-all; + overflow: hidden; + background: transparent; + } + + .sheet-theme_concept { + display: block; + width: 90%; + height: 42px; + border: none; + outline: none; + margin: 2px auto 6px; + padding: 0px; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + + font-size: 12px; + font-style: normal; + font-weight: normal; + letter-spacing: 0px; + line-height: 14px; + + word-wrap: break-word; + word-break: keep-all; + overflow: hidden; + background: transparent; + } + + .sheet-theme_label { + font-size: 16px; + font-weight: bolder; + text-shadow: 0px 0px 2px #534233; + vertical-align: text-top; + margin: auto 0px; + + } + + .sheet-theme_divider { + height: 4px; + border-radius: 2px; + margin: auto; + } + + .sheet-theme_exp_label { + height: 18px; + margin: 3px; + padding: 0px; + font-size: 12px; + line-height: 18px; + } + + /* ATTENTION CHECK ---------------------------------------------------------- ATTENTION CHECK */ + + .sheet-attention_check { + width: 18px; + height: 18px; + margin: 0px 1px; + padding: 0px; + + position: relative; + white-space: nowrap; + transform: scale(0.9, 0.9); + transform-origin: center center; + + } + + .sheet-attention_check input[type="checkbox"] + { + width: 18px; + height: 18px; + margin: 0px; + padding: 0px; + + position: absolute; + top: 0px; + left: 0px; + + opacity: 0.0; + cursor: pointer; + z-index: 1; + } + + .sheet-attention_check input[type="checkbox"] + span::before + { + width: 18px; + height: 18px; + margin: 0px; + padding: 0px; + + position: absolute; + top: 0px; + left: 0px; + + content: url(https://i.imgur.com/nOPQB6O.png); + opacity: 1; + + filter: brightness(75%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(75%) drop-shadow(0px 0px 1px black); + } + + .sheet-attention_check input[type="checkbox"]:hover + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-attention_check input[type="checkbox"]:checked + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-attention_check input[type="checkbox"]:active + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + .sheet-attention_image span + { + width: 18px; + height: 18px; + margin: 0px; + padding: 0px; + + display: inline-block; + content: url(https://i.imgur.com/nOPQB6O.png); + opacity: 1; + filter: brightness(100%); + -webkit-filter: brightness(100%); + } + + /* CRACK CHECK ---------------------------------------------------------- CRACK CHECK */ + + .sheet-crack_check { + width: 18px; + height: 18px; + margin: 0px 1px; + padding: 0px; + + position: relative; + white-space: nowrap; + transform: scale(0.9, 0.9); + transform-origin: center center; + } + + .sheet-crack_check input[type="checkbox"] + { + width: 18px; + height: 18px; + margin: 0px; + padding: 0px; + + position: absolute; + top: 0px; + left: 0px; + + opacity: 0.0; + cursor: pointer; + z-index: 1; + } + + .sheet-crack_check input[type="checkbox"] + span::before + { + width: 18px; + height: 18px; + margin: 0px; + padding: 0px; + + position: absolute; + top: 0px; + left: 0px; + + content: url(https://i.imgur.com/LZlk31P.png); + opacity: 1; + + filter: brightness(75%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(75%) drop-shadow(0px 0px 1px black); + } + + .sheet-crack_check input[type="checkbox"]:hover + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-crack_check input[type="checkbox"]:checked + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-crack_check input[type="checkbox"]:active + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + .sheet-crack_image span + { + width: 18px; + height: 18px; + margin: 0px; + padding: 0px; + + display: inline-block; + content: url(https://i.imgur.com/LZlk31P.png); + opacity: 1; + filter: brightness(100%); + -webkit-filter: brightness(100%); + } + + /* CRACK CHECK ---------------------------------------------------------- CRACK CHECK */ + + .sheet-buildup_check { + width: 18px; + height: 18px; + margin: 0px 3px; + padding: 0px; + + position: relative; + white-space: nowrap; + transform: scale(0.9, 0.9); + transform-origin: center center; + } + + .sheet-buildup_check input[type="checkbox"] + { + width: 18px; + height: 18px; + margin: 0px; + padding: 0px; + + position: absolute; + top: 0px; + left: 0px; + + opacity: 0.0; + cursor: pointer; + z-index: 1; + } + + .sheet-buildup_check input[type="checkbox"] + span::before + { + width: 18px; + height: 18px; + margin: 0px; + padding: 0px; + + position: absolute; + top: 0px; + left: 0px; + + content: url(https://i.imgur.com/VpWGwCT.png); + opacity: 1; + + filter: brightness(75%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(75%) drop-shadow(0px 0px 1px black); + } + + .sheet-buildup_check input[type="checkbox"]:hover + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-buildup_check input[type="checkbox"]:checked + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-buildup_check input[type="checkbox"]:active + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + .sheet-buildup_image span + { + width: 18px; + height: 18px; + margin: 0px; + padding: 0px; + + display: inline-block; + content: url(https://i.imgur.com/VpWGwCT.png); + opacity: 1; + filter: brightness(100%); + -webkit-filter: brightness(100%); + } + + /* EXPERIENC ROW -------------------------------------------------------- START */ + + .sheet-exp_grid { + width: 100%; + margin: 0px; + display: flex; + flex-direction: row-reverse; + flex-wrap: nowrap; + justify-content: flex-end; + } + + .sheet-attention_check:hover ~ .sheet-attention_check span, + .sheet-crack_check:hover ~ .sheet-crack_check span, + .sheet-buildup_check:hover ~ .sheet-buildup_check span { + filter: brightness(200%); + -webkit-filter: brightness(200%); + } + + .sheet-attention_check:hover span, + .sheet-crack_check:hover span, + .sheet-buildup_check:hover span, + .sheet-attention_check:checked ~ .sheet-attention_check span, + .sheet-crack_check:checked ~ .sheet-crack_check span, + .sheet-buildup_check:checked ~ .sheet-buildup_check span { + filter: brightness(200%); + -webkit-filter: brightness(200%); + } + + /* EXPERIENC ROW -------------------------------------------------------- END */ + + .sheet-theme_powertags { + height: 250px; + padding: 0px 6px; + margin: 0px 0px auto; + } + + .sheet-theme_weaknesstags { + height: 120px; + padding: 0px 6px; + margin: 0px; + } + + .sheet-theme_line { + width: 100%; + height: 22px; + margin: auto 0px; + display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: space-between; + } + + .sheet-theme_tag_label { + font-size: 14px; + width: 100%; + height: 18px; + line-height: 18px; + padding: 0px 5px; + background: transparent; + border: none; + outline: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + + overflow:hidden; + resize:none; + } + + .sheet-theme_improvements { + padding: 6px 6px 0px; + margin: 0px 0px auto; + } + + .sheet-theme_improv_label { + font-weight: bold; + line-height: 1.0; + margin: auto 0px; + } + + .sheet-theme_improv_desc{ + margin: 3px 0px 5px; + font-size: 11px; + line-height: 1.0; + font-weight: normal; + word-wrap: break-word; + } + + .sheet-theme_improvement_label { + font-size: 14px; + width: 240px; + height: 18px; + line-height: 18px; + + margin: auto; + padding: 0px 5px; + + background: transparent; + border: none; + outline: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + + overflow:hidden; + resize:none; + + + font-weight: bold; + line-height: 1.0; + } + + .sheet-theme_improvement_field { + margin: 3px 0px 5px; + font-size: 11px; + line-height: 1.0; + font-weight: normal; + + word-wrap: break-word; + word-break: keep-all; + overflow: hidden; + + height: 55px; + background: transparent; + border: none; + outline: none; + margin: 0px auto; + padding: 0px; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + } + + .sheet-theme_flipside { + height: 120px; + padding: 0px 6px; + margin: 0px; + overflow: hidden; + } + + .sheet-theme_fliptext { + + display: block; + height: 100%; + width: 100%; + border: none; + outline: none; + margin: 0px auto; + padding: 0px; + + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + + font-size: 14px; + font-style: normal; + font-weight: normal; + letter-spacing: 0px; + line-height: 16px; + + word-wrap: break-word; + word-break: keep-all; + overflow: hidden; + background: transparent; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + } + + .sheet-theme_flip { + width: 100%; + height: 32px; + margin: 0px; + } + + + .sheet-theme_flip input[type="radio"] { + opacity: 0; + width: 100%; + height: 32px; + position: relative; + top: 0px; + left: 50%; + margin: -50%; + z-index: 1; + } + + + .sheet-theme_flip span { + width: 100%; + height: 32px; + border: none; + line-height: 32px; + text-align: center; + display: inline-block; + vertical-align: middle; + + font-family: 'Contrail One', Sans-Serif; + font-size: 16px; + letter-spacing: 0px; + font-style: normal; + font-variant: small-caps; + font-weight: bolder; + color: white; + text-shadow: 0px 0px 1px black; + text-transform: uppercase; + position: relative; + top: 1px; + } + + /* CHARACTER CARD --------------------------------------------- CHARACTER CARD */ + + .sheet-identity_select { + height: 16px; + width: 100%; + padding: 0px 8px; + margin: auto; + + color: white; + text-shadow: 0px 0px 2px black; + font-family: 'Contrail One', Sans-Serif; + line-height: 16px; + font-size: 16px; + font-style: normal; + vertical-align: middle; + text-transform: uppercase; + } + + .sheet-identity_concept { + display: block; + width: 90%; + height: 36px; + border: none; + outline: none; + margin: 2px auto; + padding: 0px; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + + font-family: 'Rock Salt', 'Shadows Into Light', cursive; + font-size: 16px; + font-style: normal; + font-weight: 600; + letter-spacing: 0px; + line-height: 18px; + text-transform: uppercase; + + word-wrap: break-word; + word-break: keep-all; + overflow: hidden; + background: transparent; + } + + .sheet-identity_theme { + width: 100%; + padding: 0px 6px; + margin: 0px ; + } + + .sheet-identity_crew { + width: 225px; + padding: 0px 6px; + height: 140px; + margin: 0px ; + } + + .sheet-identity_story { + width: 225px; + padding: 0px 6px; + height: 140px; + margin: auto 0px 0px; + } + + .sheet-identity_evolution { + width: 225px; + height: 265px; + padding: 0px 6px; + margin: 6px auto 6px; + + } + + .sheet-evo_line { + width: 100%; + margin: 4px 0px; + } + + .sheet-evo_checkbox { + float: left; + margin-right: 4px; + } + + .sheet-evo_label { + font-size: 12px; + padding: auto 0px; + } + + .sheet-evo_extratheme1:not(:checked) ~ .sheet-evo_line .sheet-evo_checkbox_extratheme2, + .sheet-evo_extratheme2:not(:checked) ~ .sheet-evo_line .sheet-evo_checkbox_extratheme3, + .sheet-evo_dynamite1:not(:checked) ~ .sheet-evo_line .sheet-evo_checkbox_dynamite2, + .sheet-evo_dynamite2:not(:checked) ~ .sheet-evo_line .sheet-evo_checkbox_dynamite3 { + visibility: hidden; + } + + .sheet-identity_notes { + width: 225px; + height: 265px; + padding: 0px 6px; + margin: 6px auto; + } + + .sheet-identity_line { + width: 100%; + height: 22px; + display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: space-between; + } + + .sheet-identity_column { + width: 80px; + float: right; + display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: space-between; + } + + .sheet-identity_helphurt { + height: 18px; + width: 40px; + padding: 0px; + margin: 0px auto; + text-align: center; + background: transparent; + border: none; + outline: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + + font-size: 16px; + font-style: normal; + font-weight: normal; + letter-spacing: 0px; + line-height: 18px; + text-transform: uppercase; + + word-wrap: break-word; + word-break: keep-all; + overflow: hidden; + } + + /* LOGOS STYLING ------------------------------------------- LOGOS STYLING */ + + .sheet-logos_card .sheet-theme_card { + background-color: #e6e0d3; + box-shadow: inset 0px 0px 25px 5px #d2cac3; + } + + .sheet-logos_card .sheet-theme_inset { + box-shadow: inset 0px 0px 55px 25px #d2cac3; + } + + .sheet-logos_card .sheet-theme_header, + .sheet-logos_card .sheet-theme_footer { + background-color: #a1574a ; + } + + .sheet-logos_card .sheet-theme_select option { + background-color: #a1574a ; + } + + .sheet-logos_card .sheet-theme_divider { + background-color: #a1574a ; + } + + /* MYTHOS STYLING ----------------------------------------- MYTHOS STYLING */ + + .sheet-mythos_card .sheet-theme_card { + background-color: #e4dfd4; + box-shadow: inset 0px 0px 25px 5px #cbbfcd; + } + + .sheet-mythos_card .sheet-theme_inset { + background-color: #ccc0cc; + box-shadow: inset 0px 0px 55px 25px #b19eba; + } + + .sheet-mythos_card .sheet-theme_header, + .sheet-mythos_card .sheet-theme_footer { + background-color: #6f5d6e ; + } + + .sheet-mythos_card .sheet-theme_select option { + background-color: #6f5d6e ; + } + + .sheet-mythos_card .sheet-theme_divider { + background-color: #6f5d6e ; + } + + /* IDENTITY STYLING ------------------------------------- IDENTITY STYLING */ + + .sheet-identity_card .sheet-theme_card { + background-color: #e1ddd4; + box-shadow: inset 0px 0px 25px 5px #cec9c5; + } + + .sheet-identity_card .sheet-theme_inset { + background-color: #e1ded9; + box-shadow: inset 0px 0px 55px 25px #cec9c5; + } + + .sheet-identity_card .sheet-theme_header, + .sheet-identity_card .sheet-theme_footer { + background-color: #726960 ; + } + + .sheet-identity_card .sheet-theme_select option { + background-color: #726960 ; + } + + .sheet-identity_card .sheet-theme_divider { + background-color: #726960 ; + } + + /* CHECK STYLING ----------------------------------------------- CHECK STYLING */ + + /* LOGOS CHECK ----------------------------------------------- LOGOS CHECK */ + + .sheet-logos_check { + white-space: nowrap; + } + + .sheet-logos_check input[type="checkbox"] + { + opacity: 0.0; + width: 26px; + height: 26px; + position: relative; + top: 0px; + left: 50%; + cursor: pointer; + z-index: 1; + margin: -13px; + } + + + .sheet-logos_check input[type="checkbox"] + span::before + { + width: 26px; + height: 26px; + font-size: 26px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(https://i.imgur.com/87FMS1R.png); + opacity: 1; + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-logos_check input[type="checkbox"]:checked + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-logos_check input[type="checkbox"]:active + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + .sheet-logos_image span + { + width: 26px; + height: 26px; + font-size: 26px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(https://i.imgur.com/87FMS1R.png); + opacity: 1; + filter: brightness(0%); + -webkit-filter: brightness(0%); + position: relative; + top: -4px; + margin: 0px 6px; + } + + /* MYTHOS CHECK --------------------------------------------- MYTHOS CHECK */ + + .sheet-mythos_check { + white-space: nowrap; + } + + .sheet-mythos_check input[type="checkbox"] + { + opacity: 0.0; + width: 26px; + height: 26px; + position: relative; + top: 0px; + left: 50%; + cursor: pointer; + z-index: 1; + margin: -13px; + } + + + .sheet-mythos_check input[type="checkbox"] + span::before + { + width: 26px; + height: 26px; + font-size: 26px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(https://i.imgur.com/QnGFnMB.png); + opacity: 1; + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-mythos_check input[type="checkbox"]:checked + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-mythos_check input[type="checkbox"]:active + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + .sheet-mythos_image span + { + width: 26px; + height: 26px; + font-size: 26px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(https://i.imgur.com/HgywpVb.png); + opacity: 1; + filter: brightness(100%); + -webkit-filter: brightness(100%); + position: relative; + top: -4px; + margin: 0px 6px; + } + + /* IDENTITY CHECK ----------------------------------------- IDENTITY CHECK */ + + .sheet-identity_check { + white-space: nowrap; + } + + .sheet-identity_check input[type="checkbox"] + { + opacity: 0.0; + width: 33px; + height: 26px; + position: relative; + top: 0px; + left: 50%; + cursor: pointer; + z-index: 1; + margin: -13px -17px; + } + + + .sheet-identity_check input[type="checkbox"] + span::before + { + width: 33px; + height: 26px; + font-size: 26px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(https://i.imgur.com/YrYX9ri.png); + opacity: 1; + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-identity_check input[type="checkbox"]:checked + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-identity_check input[type="checkbox"]:active + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + /* CREW CHECK ------------------------------------------------- CREW CHECK */ + + .sheet-crew_check { + white-space: nowrap; + } + + .sheet-crew_check input[type="checkbox"] + { + opacity: 0.0; + width: 33px; + height: 26px; + position: relative; + top: 0px; + left: 50%; + cursor: pointer; + z-index: 1; + margin: -13px -17px; + } + + + .sheet-crew_check input[type="checkbox"] + span::before + { + width: 33px; + height: 26px; + font-size: 26px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(https://i.imgur.com/xEFubud.png); + opacity: 1; + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-crew_check input[type="checkbox"]:checked + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-crew_check input[type="checkbox"]:active + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + /* EXTRA CHECK ------------------------------------------------- EXTRA CHECK */ + + .sheet-extra_check { + white-space: nowrap; + } + + .sheet-extra_check input[type="checkbox"] + { + opacity: 0.0; + width: 33px; + height: 26px; + position: relative; + top: 0px; + left: 50%; + cursor: pointer; + z-index: 1; + margin: -13px -17px; + } + + + .sheet-extra_check input[type="checkbox"] + span::before + { + width: 33px; + height: 26px; + font-size: 26px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(https://i.imgur.com/tF4WDzo.png); + opacity: 1; + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-extra_check input[type="checkbox"]:checked + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-extra_check input[type="checkbox"]:active + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + /* BURN CHECK -------------------------------------------------- BURN CHECK*/ + + .sheet-burn_check { + white-space: nowrap; + } + + .sheet-burn_check input[type="checkbox"] + { + opacity: 0.0; + width: 18px; + height: 18px; + position: relative; + top: 0px; + left: 50%; + cursor: pointer; + z-index: 1; + margin: -9px; + } + + + .sheet-burn_check input[type="checkbox"] + span::before + { + width: 18px; + height: 18px; + font-size: 18px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(https://i.imgur.com/OSiNxHY.png); + opacity: 1; + filter: brightness(75%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(75%) drop-shadow(0px 0px 1px black); + } + + .sheet-burn_check input[type="checkbox"]:checked + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-burn_check input[type="checkbox"]:active + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + /* PLAYBOOK CHECK ------------------------------------------ PLAYBOOK CHECK*/ + + .sheet-playbook_check { + display: none; + } + .sheet-playbook_check input[type="checkbox"] + { + opacity: 0; + width: 26px; + height: 26px; + position: relative; + top: 0px; + left: 13px; + margin: -13px; + cursor: pointer; + z-index: 2; + } + + + .sheet-playbook_check input[type="checkbox"] + span::before + { + width: 26px; + height: 26px; + text-align: center; + display: inline-block; + vertical-align: middle; + font-size: 20px; + opacity: 1; + z-index: 1; + content: url(https://i.imgur.com/3c9mAC3.png); + opacity: 1; + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-playbook_check input[type="checkbox"]:checked + span::before { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-playbook_check input[type="checkbox"]:active + span::before { + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + /* CARD MECHANICS ---------------------------------------------------------- CARD MECHANICS */ + + /* LOGOS MYTHOS TOGGLE ------------------------------------------------- LOGOS MYTHOS TOGGLE */ + + .sheet-logos_1_card, + .sheet-logos_2_card, + .sheet-logos_3_card, + .sheet-logos_4_card{ + display: initial; + } + + .sheet-mythos_1_card, + .sheet-mythos_2_card, + .sheet-mythos_3_card, + .sheet-mythos_4_card{ + display: initial; + } + + .sheet-mythos_1:checked ~ .sheet-logos_1_card, + .sheet-mythos_2:checked ~ .sheet-logos_2_card, + .sheet-mythos_3:checked ~ .sheet-logos_3_card, + .sheet-mythos_4:checked ~ .sheet-logos_4_card{ + display: none; + } + + .sheet-logos_1:checked ~ .sheet-mythos_1_card, + .sheet-logos_2:checked ~ .sheet-mythos_2_card, + .sheet-logos_3:checked ~ .sheet-mythos_3_card, + .sheet-logos_4:checked ~ .sheet-mythos_4_card{ + display: none; + } + + /* LOGOS SELECT -------------------------------------------------------- LOGOS SELECT */ + .sheet-body_custom, + .sheet-body_event, + .sheet-body_relationship, + .sheet-body_mission, + .sheet-body_personality, + .sheet-body_possessions, + .sheet-body_routine, + .sheet-body_training { + display: none; + } + + + .sheet-switch_custom:checked ~ .sheet-body_custom, + .sheet-switch_event:checked ~ .sheet-body_event, + .sheet-switch_relationship:checked ~ .sheet-body_relationship, + .sheet-switch_mission:checked ~ .sheet-body_mission, + .sheet-switch_personality:checked ~ .sheet-body_personality, + .sheet-switch_possessions:checked ~ .sheet-body_possessions, + .sheet-switch_routine:checked ~ .sheet-body_routine, + .sheet-switch_training:checked ~ .sheet-body_training{ + display: initial; + } + + + /* MYTHOS SELECT ------------------------------------------------------- MYTHOS SELECT */ + .sheet-body_adaptation, + .sheet-body_bastion, + .sheet-body_divination, + .sheet-body_express, /* body_expression breaks css for some reason, thus abreviated to body_express */ + .sheet-body_mobility, + .sheet-body_relic, + .sheet-body_subversion { + display: none; + } + + .sheet-switch_adaptation:checked ~ .sheet-body_adaptation, + .sheet-switch_bastion:checked ~ .sheet-body_bastion, + .sheet-switch_divination:checked ~ .sheet-body_divination, + .sheet-switch_express:checked ~ .sheet-body_express, + .sheet-switch_mobility:checked ~ .sheet-body_mobility, + .sheet-switch_relic:checked ~ .sheet-body_relic, + .sheet-switch_subversion:checked ~ .sheet-body_subversion { + display: initial; + } + + /* EXTRA SELECT ------------------------------------------------------- EXTRA SELECT */ + .sheet-body_ally, + .sheet-body_base, + .sheet-body_ride { + display: none; + } + + .sheet-switch_ally:checked ~ .sheet-body_ally, + .sheet-switch_base:checked ~ .sheet-body_base, + .sheet-switch_ride:checked ~ .sheet-body_ride { + display: initial; + } + + /* TAG TOGGLE ---------------------------------------------------------- TAG TOGGLE */ + + .sheet-tag_A, + .sheet-tag_B, + .sheet-tag_C, + .sheet-tag_D, + .sheet-tag_E, + .sheet-tag_F, + .sheet-tag_G, + .sheet-tag_H, + .sheet-tag_I, + .sheet-tag_J, + .sheet-tag_K{ + display: none; + } + + .sheet-add_A:checked ~ .sheet-tag_A, + .sheet-add_B:checked ~ .sheet-tag_B, + .sheet-add_C:checked ~ .sheet-tag_C, + .sheet-add_D:checked ~ .sheet-tag_D, + .sheet-add_E:checked ~ .sheet-tag_E, + .sheet-add_F:checked ~ .sheet-tag_F, + .sheet-add_G:checked ~ .sheet-tag_G, + .sheet-add_H:checked ~ .sheet-tag_H, + .sheet-add_I:checked ~ .sheet-tag_I, + .sheet-add_J:checked ~ .sheet-tag_J, + .sheet-add_K:checked ~ .sheet-tag_K{ + display: flex; + } + + /* BURN TOGGLE --------------------------------------------------------- BURN TOGGLE */ + + .sheet-burned { + display: initial; + } + + .sheet-burn { + margin-right: 0px; + } + + .sheet-burn:checked ~ .sheet-burned { + display: none; + } + + /* IMPROVEMENT TOGGLE -------------------------------------------------- IMPROVEMENT TOGGLE */ + + .sheet-imp_buttons { + display: none; + } + + .sheet-imp_active:checked ~ .sheet-imp_buttons { + display: initial; + } + +/* THEME CARD STYLING ----------------------------------------------------------- END */ + +/* PLAYBOOK FRAME START -------------------------------------------------------- PLAYBOOK FRAME START */ + .sheet-playbook_mat { + height: auto; + width: 100%; + margin: 0px; + padding: 0px; + overflow: hidden; + position: relative; + background: white; + + transition: all 0.6s ease-in-out; + -webkit-transform:translate3d(0,0,0); + } + + .sheet-playbook_top { + background-image: url("https://i.imgur.com/JVxBgF8.png"); + background-repeat: repeat-x; + background-position: center; + height: 40px; + width: 100%; + top: 0px; + position: absolute; + + filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.5)); + z-index: 100; + } + + .sheet-playbook_bottom { + background-image: url("https://i.imgur.com/OPmtxW0.png"); + background-repeat: repeat-x; + background-position: center; + height: 60px; + width: 100%; + bottom: 18px; + position: absolute; + + filter: drop-shadow(0px -6px 5px rgba(0, 0, 0, 0.25)); + z-index: 100; + } + + .sheet-playbook_whiteout { + height: 800px; + width: 100%; + background-color: white; + + position: absolute; + top: 0px; + z-index: 120; + + transition: all 0.6s ease-in-out; + opacity: 1; + visibility: visible; + + } + + .sheet-playbook_switch:checked ~ .sheet-playbook_mat .sheet-playbook_whiteout{ + opacity: 0; + visibility: hidden; + } + + .sheet-playbook_scrollmargin { + height: 20px; + width: 100%; + background: white; + position: absolute; + bottom: 0px; + left: 0px; + display: none; + } + + .sheet-playbook_body { + height: 0px; + margin: 0px; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + + overflow: hidden; + + transition: all 0.6s ease-in-out; + opacity: 0; + + } + + + .sheet-playbook_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body { + height: 840px; + opacity: 1; + } + + .sheet-playbook_content { + height: 840px; + width: 101%; + margin: 0px; + padding: 40px 20px 0px 300px; + + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + + overflow-x: scroll; + overflow-y: hidden; + + display: flex; + flex-wrap: nowrap; + + } + + .sheet-playbook_content_back_margin { + flex: 0 0 10px; + margin: 0px 10px; + } + + .sheet-playbook_content::-webkit-scrollbar-button{ display: none; } + .sheet-playbook_content::-webkit-scrollbar-thumb{ background-color: black; } + .sheet-playbook_content::-webkit-scrollbar-track{ background-color: white; } + .sheet-playbook_content::-webkit-scrollbar{ height: 20px; } + + .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_character, + .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_crew, + .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme1_themebook, + .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme2_themebook, + .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme3_themebook, + .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme4_themebook { + opacity: 1; + visibility: visible; + } + + .sheet-playbook_character_switch:not(:checked) ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_character, + .sheet-playbook_crew_switch:not(:checked) ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_crew, + .sheet-playbook_theme1_themebook_switch:not(:checked) ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme1_themebook, + .sheet-playbook_theme2_themebook_switch:not(:checked) ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme2_themebook, + .sheet-playbook_theme3_themebook_switch:not(:checked) ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme3_themebook, + .sheet-playbook_theme4_themebook_switch:not(:checked) ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme4_themebook { + opacity: 0; + visibility: hidden; + } + + .sheet-playbook_character_switch:not(:checked) ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_character_buttons, + .sheet-playbook_crew_switch:not(:checked) ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_crew_buttons, + .sheet-playbook_theme1_themebook_switch:not(:checked) ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme1_buttons, + .sheet-playbook_theme2_themebook_switch:not(:checked) ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme2_buttons, + .sheet-playbook_theme3_themebook_switch:not(:checked) ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme3_buttons, + .sheet-playbook_theme4_themebook_switch:not(:checked) ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme4_buttons { + opacity: 0; + visibility: hidden; + } + + .sheet-playbook_themebook_mythos1_switch:not(:checked) ~ .sheet-playbook_themebook_mythos1, + .sheet-playbook_themebook_logos1_switch:not(:checked) ~ .sheet-playbook_themebook_logos1, + .sheet-playbook_themebook_mythos2_switch:not(:checked) ~ .sheet-playbook_themebook_mythos2, + .sheet-playbook_themebook_logos2_switch:not(:checked) ~ .sheet-playbook_themebook_logos2, + .sheet-playbook_themebook_mythos3_switch:not(:checked) ~ .sheet-playbook_themebook_mythos3, + .sheet-playbook_themebook_logos3_switch:not(:checked) ~ .sheet-playbook_themebook_logos3, + .sheet-playbook_themebook_mythos4_switch:not(:checked) ~ .sheet-playbook_themebook_mythos4, + .sheet-playbook_themebook_logos4_switch:not(:checked) ~ .sheet-playbook_themebook_logos4 { + opacity: 0; + visibility: hidden; + } + + .sheet-playbook_character_creation_switch:not(:checked) ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_character_creation, + .sheet-playbook_character_evolution_switch:not(:checked) ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_character_evolution, + .sheet-playbook_mythos_growth_switch:not(:checked) ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_mythos_growth, + .sheet-playbook_logos_growth_switch:not(:checked) ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_logos_growth, + .sheet-playbook_mythos_crisis_switch:not(:checked) ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_mythos_crisis, + .sheet-playbook_logos_crisis_switch:not(:checked) ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_logos_crisis { + display: none; + } + + .sheet-playbook_character_creation_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_character, + .sheet-playbook_character_evolution_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_character, + .sheet-playbook_mythos_growth_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_character, + .sheet-playbook_logos_growth_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_character, + .sheet-playbook_mythos_crisis_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_character, + .sheet-playbook_logos_crisis_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_character, + .sheet-playbook_character_creation_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_crew, + .sheet-playbook_character_evolution_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_crew, + .sheet-playbook_mythos_growth_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_crew, + .sheet-playbook_logos_growth_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_crew, + .sheet-playbook_mythos_crisis_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_crew, + .sheet-playbook_logos_crisis_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_crew, + .sheet-playbook_character_creation_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme1_themebook, + .sheet-playbook_character_evolution_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme1_themebook, + .sheet-playbook_mythos_growth_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme1_themebook, + .sheet-playbook_logos_growth_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme1_themebook, + .sheet-playbook_mythos_crisis_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme1_themebook, + .sheet-playbook_logos_crisis_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme1_themebook, + .sheet-playbook_character_creation_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme2_themebook, + .sheet-playbook_character_evolution_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme2_themebook, + .sheet-playbook_mythos_growth_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme2_themebook, + .sheet-playbook_logos_growth_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme2_themebook, + .sheet-playbook_mythos_crisis_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme2_themebook, + .sheet-playbook_logos_crisis_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme2_themebook, + .sheet-playbook_character_creation_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme3_themebook, + .sheet-playbook_character_evolution_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme3_themebook, + .sheet-playbook_mythos_growth_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme3_themebook, + .sheet-playbook_logos_growth_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme3_themebook, + .sheet-playbook_mythos_crisis_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme3_themebook, + .sheet-playbook_logos_crisis_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme3_themebook, + .sheet-playbook_character_creation_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme4_themebook, + .sheet-playbook_character_evolution_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme4_themebook, + .sheet-playbook_mythos_growth_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme4_themebook, + .sheet-playbook_logos_growth_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme4_themebook, + .sheet-playbook_mythos_crisis_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme4_themebook, + .sheet-playbook_logos_crisis_switch:checked ~ .sheet-playbook_mat .sheet-playbook_body .sheet-playbook_theme4_themebook { + display: none; + } + + /* THEMEBOOKS -------------------------------------------------------------- THEMEBOOKS*/ + + .sheet-playbook_themebook { + height: 660px; + flex: 0 0 2560px; + display: flex; + flex-wrap: nowrap; + } + + .sheet-playbook_tagbook { + height: 640px; + flex: 0 0 620px; + display: flex; + flex-wrap: nowrap; + margin: 0px 10px; + } + + .sheet-switch_custom:not(:checked) ~ .sheet-playbook_custom, + .sheet-switch_adaptation:not(:checked) ~ .sheet-playbook_adaptation, + .sheet-switch_bastion:not(:checked) ~ .sheet-playbook_bastion, + .sheet-switch_divination:not(:checked) ~ .sheet-playbook_divination, + .sheet-switch_express:not(:checked) ~ .sheet-playbook_express, + .sheet-switch_mobility:not(:checked) ~ .sheet-playbook_mobility, + .sheet-switch_relic:not(:checked) ~ .sheet-playbook_relic, + .sheet-switch_subversion:not(:checked) ~ .sheet-playbook_subversion { + display: none; + } + + .sheet-switch_custom:not(:checked) ~ .sheet-playbook_custom, + .sheet-switch_event:not(:checked) ~ .sheet-playbook_event, + .sheet-switch_relationship:not(:checked) ~ .sheet-playbook_relationship, + .sheet-switch_mission:not(:checked) ~ .sheet-playbook_mission, + .sheet-switch_personality:not(:checked) ~ .sheet-playbook_personality, + .sheet-switch_possessions:not(:checked) ~ .sheet-playbook_possessions, + .sheet-switch_routine:not(:checked) ~ .sheet-playbook_routine, + .sheet-switch_training:not(:checked) ~ .sheet-playbook_training{ + display: none; + } + +/* PLAYBOOK FRAME END ---------------------------------------------------------- PLAYBOOK FRAME END */ + +/* PLAYBOOK INTERIOR START ----------------------------------------------------- PLAYBOOK INTERIOR START */ + .sheet-playbook_content { + position: absolute; + top: 0px; + transition: all 0.6s ease-in-out; + + font-family: Sans-Serif; + font-size: 11px; + line-height: 16px; + text-align: justify; + text-justify: inter-word; + } + + .sheet-playbook_column { + height: 100%; + margin: 0px 10px; + flex: 0 0 300px; + + } + + .sheet-playbook_line { + width: 100%; + margin: 11px 0px 11px; + display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: space-between; + } + + .sheet-playbook_body ul { + margin: 8px 0px 8px 16px; + } + + .sheet-playbook_body li { + line-height: 14px; + margin: 8px 0px; + } + + .sheet-playbook_entry { + -webkit-column-break-inside: avoid; + page-break-inside: avoid; + break-inside: avoid; + } + + .sheet-playbook_big_title { + font-size: 32px; + line-height: 32px; + font-weight: 900; + transform-origin: top; + transform: scaleY(2.4); + letter-spacing: 4px; + text-transform: uppercase; + margin: -12px 0px 44px; + } + + .sheet-playbook_small_title { + font-size: 26px; + line-height: 26px; + font-weight: 900; + transform-origin: top; + transform: scaleY(2.4); + letter-spacing: 4px; + text-transform: uppercase; + margin: -10px 0px 36px; + } + + .sheet-playbook_subtitle { + font-size: 11px; + line-height: 14px; + font-style: italic; + } + + .sheet-playbook_label { + font-size: 16px; + font-weight: 900; + text-align: initial; + text-transform: uppercase; + transform: scaleY(1.5); + margin: 0px 0px 8px; + } + + .sheet-playbook_small_label { + font-size: 14px; + font-weight: 600; + text-align: initial; + text-transform: uppercase; + margin: 0px 0px 8px; + } + + .sheet-playbook_improv_label { + font-size: 14px; + font-weight: 600; + text-align: initial; + text-transform: uppercase; + width: 270px; + } + + .sheet-playbook_example { + font-family: serif; + font-size: 11px; + font-weight: lighter; + line-height: 14px; + letter-spacing: 1px; + text-align: justify; + text-justify: inter-word; + margin: 0px 12px; + } + + .sheet-playbook_question { + line-height: 14px; + font-size: 11px; + text-transform: uppercase; + text-align: initial; + width: 270px; + } + + .sheet-playbook_question_field { + font-family: 'Rock Salt', 'Shadows Into Light', cursive; + font-size: 16px; + font-style: normal; + font-weight: 600; + line-height: 18px; + letter-spacing: 2px; + width: 270px; + height: 62px; + padding: 3px 6px; + background: transparent; + margin: 0px 0px 0px 30px; + border: none; + border-radius: 0px; + outline: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + + overflow:hidden; + resize:none; + } + + .sheet-playbook_question_field::placeholder { + font-family: Sans-Serif; + font-size: 11px; + line-height: 14px; + letter-spacing: 0px; + font-style: italic; + opacity: 1; /* Firefox */ + } + + .sheet-playbook_question_field::-moz-placeholder { + font-family: Sans-Serif; + font-size: 11px; + line-height: 14px; + letter-spacing: 0px; + font-style: italic; + opacity: 1; /* Firefox */ + } + + .sheet-playbook_question_field:-ms-input-placeholder { + font-family: initial; + font-size: 11px; + line-height: 14px; + letter-spacing: 0px; + font-style: italic; + } + .sheet-playbook_question_field::-ms-input-placeholder { + font-family: Sans-Serif; + font-size: 11px; + line-height: 14px; + letter-spacing: 0px; + font-style: italic; + } + + .sheet-playbook_question_box { + width: 18px; + height: 18px; + font-size: 14px; + line-height: 18px; + margin-bottom: auto; + margin-right: 10px; + margin-left: 0px; + padding: auto; + border: none; + outline: none; + text-align: center; + } + + .sheet-playbook_question_checkbox { + display: block; + position: relative; + margin-bottom: auto; + margin-right: 10px; + margin-left: 0px; + height: 18px; + width: 18px; + } + + .sheet-playbook_question_checkbox input[type="radio"] , + .sheet-playbook_question_checkbox input[type="checkbox"] + { + position: absolute; + opacity: 0.0; + width: 18px; + height: 18px; + top: 9px; + left: 9px; + cursor: pointer; + z-index: 1; + margin: -9px; + } + + + .sheet-playbook_question_checkbox span + { + position: absolute; + top: 0px; + left: 0px; + width: 18px; + height: 18px; + font-size: 14px; + line-height: 18px; + color: white; + text-align: center; + vertical-align: middle; + padding: 0px; + border: none; + outline: none; + opacity: 1; + } + + .sheet-playbook_question_check { + display: block; + position: relative; + margin-bottom: auto; + margin-right: 10px; + margin-left: 0px; + height: 18px; + width: 18px; + } + + .sheet-playbook_question_check input[type="checkbox"] + { + position: absolute; + opacity: 0.0; + width: 18px; + height: 18px; + top: 9px; + left: 9px; + cursor: pointer; + z-index: 1; + margin: -9px; + } + + + .sheet-playbook_question_check span + { + position: absolute; + top: 0px; + left: 0px; + width: 18px; + height: 18px; + font-size: 14px; + line-height: 18px; + color: white; + text-align: center; + vertical-align: middle; + padding: 0px; + border: none; + outline: none; + opacity: 1; + } + + .sheet-playbook_question_plusminus { + margin: auto; + } + + .sheet-playbook_question_plusminus input[type="radio"]:checked + span::before , + .sheet-playbook_question_plusminus input[type="checkbox"]:checked + span::before { + content: "-"; + } + .sheet-playbook_question_plusminus input[type="radio"]:not(:checked) + span::before , + .sheet-playbook_question_plusminus input[type="checkbox"]:not(:checked) + span::before { + content: "+"; + } + + /* PLAYBOOK MYTHOS STYLE ----------------------------------------------- PLAYBOOK MYTHOS STYLE */ + + .sheet-playbook_style_mythos { + background-image: url(https://i.imgur.com/m8V3xeY.png); + background-repeat: repeat; + background-color: #6f5d6e; + color: white; + + height: 100%; + } + + .sheet-playbook_style_mythos .sheet-playbook_big_title, + .sheet-playbook_style_mythos .sheet-playbook_small_title, + .sheet-playbook_style_mythos .sheet-playbook_title { + color: #1e1137; + -webkit-text-fill-color: rgba(0, 0, 0, 0.0); + -webkit-text-stroke: 1px #eb018c; + filter: drop-shadow(0px 0px 0px #eb018c) drop-shadow(0px 0px 1px #eb018c) drop-shadow(0px 0px 6px #eb018c); + } + + .sheet-playbook_style_mythos .sheet-playbook_label, + .sheet-playbook_style_mythos .sheet-playbook_small_label{ + color: #eb018c; + text-shadow: 0px 0px 1px #eb018c; + } + + .sheet-playbook_style_mythos b { + font-size: 12px; + } + + .sheet-playbook_style_mythos .sheet-playbook_question_box { + font-size: 12px; + background-color: #eb018c ; + color: white; + } + + .sheet-playbook_style_mythos .sheet-playbook_question_checkbox span, + .sheet-playbook_style_mythos .sheet-playbook_question_check span + { + background-color: grey ; + color: #1e1137; + } + + .sheet-playbook_style_mythos .sheet-playbook_question_checkbox input[type="checkbox"]:hover + span, + .sheet-playbook_style_mythos .sheet-playbook_question_checkbox input[type="radio"]:hover + span, + .sheet-playbook_style_mythos .sheet-playbook_question_check input[type="checkbox"]:hover + span + { + color: #1e1137; + text-shadow: 0px 0px 1px #1e1137; + background-color: #eb018c ; + } + + .sheet-playbook_style_mythos .sheet-playbook_question_checkbox input[type="checkbox"]:checked + span, + .sheet-playbook_style_mythos .sheet-playbook_question_checkbox input[type="radio"]:checked + span, + .sheet-playbook_style_mythos .sheet-playbook_question_check input[type="checkbox"]:checked + span + { + color: white; + text-shadow: 0px 0px 1px white; + background-color: #eb018c ; + } + + .sheet-playbook_style_mythos .sheet-playbook_question_checkbox input[type="checkbox"]:active + span, + .sheet-playbook_style_mythos .sheet-playbook_question_checkbox input[type="radio"]:active + span, + .sheet-playbook_style_mythos .sheet-playbook_question_check input[type="checkbox"]:active + span + { + color: white; + text-shadow: 0px 0px 3px white, 0px 0px 3px white; + background-color: #eb018c ; + box-shadow: 0px 0px 3px 1px #eb018c ; + } + + .sheet-playbook_style_mythos .sheet-playbook_question { + color: white; + } + + .sheet-playbook_style_mythos .sheet-playbook_question_field { + color: white; + background: #452362; + } + + .sheet-playbook_style_mythos select { + color: white; + background: #452362; + border: none; + } + + .sheet-playbook_style_mythos select:hover { + box-shadow: 0px 0px 3px 2px #ebafd3, 0px 0px 3px 3px #eb018c; + } + + .sheet-playbook_style_mythos select:focus { + box-shadow: 0px 0px 3px 2px #ebafd3, 0px 0px 3px 3px #eb018c; + outline:0; + } + + .sheet-playbook_style_mythos .sheet-playbook_note { + width: 300px; + flex: 0 0 300px; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + + color: white; + border-color: #ebafd3; border-style: solid; + border-width: 2px; + padding: 10px; + border-radius: 10px; + box-shadow: 0px 0px 3px 1px #eb018c inset, 0px 0px 3px 1px #eb018c; + margin: 0px 0px 20px; + + } + + .sheet-playbook_style_mythos .sheet-playbook_note .sheet-playbook_small_label { + color: #eb018c; + border-radius: 1px 1px 0px 0px; + margin: 0px 0px 10px; + } + + + /* PLAYBOOK LOGOS STYLE ------------------------------------------------ PLAYBOOK LOGOS STYLE */ + + .sheet-playbook_style_logos { + background-image: url(https://i.imgur.com/juI6Nsa.png); + background-repeat: repeat; + background-color: #fcfaf2; + color: #1f140d; + + height: 100%; + } + + .sheet-playbook_style_logos .sheet-playbook_big_title, + .sheet-playbook_style_logos .sheet-playbook_small_title, + .sheet-playbook_style_logos .sheet-playbook_title { + color: #1f140d; + text-shadow: 0px 0px 0px #1f140d; + } + + .sheet-playbook_style_logos .sheet-playbook_label, + .sheet-playbook_style_logos .sheet-playbook_small_label{ + color: #1f140d; + text-shadow: 0px 0px 0px transparent; + } + + .sheet-playbook_style_logos b { + font-size: 12px; + } + + .sheet-playbook_style_logos .sheet-playbook_tag { + font-size: 12px; + font-style: italic; + background: #fff3b2; + } + + .sheet-playbook_style_logos .sheet-playbook_question_box { + font-size: 12px; + background-color: #8a2e39 ; + color: #fcfaf2; + } + + .sheet-playbook_style_logos .sheet-playbook_question_checkbox span, + .sheet-playbook_style_logos .sheet-playbook_question_check span + { + font-size: 12px; + background-color: grey ; + color: #fcfaf2; + } + + .sheet-playbook_style_logos .sheet-playbook_question_checkbox input[type="checkbox"]:hover + span, + .sheet-playbook_style_logos .sheet-playbook_question_checkbox input[type="radio"]:hover + span, + .sheet-playbook_style_logos .sheet-playbook_question_check input[type="checkbox"]:hover + span + { + font-size: 12px; + color: white; + text-shadow: 0px 0px 1px white; + background-color: #8a2e39 ; + } + + .sheet-playbook_style_logos .sheet-playbook_question_checkbox input[type="checkbox"]:checked + span, + .sheet-playbook_style_logos .sheet-playbook_question_checkbox input[type="radio"]:checked + span, + .sheet-playbook_style_logos .sheet-playbook_question_check input[type="checkbox"]:checked + span + { + color: white; + text-shadow: 0px 0px 1px white; + background-color: #8a2e39 ; + } + + .sheet-playbook_style_logos .sheet-playbook_question_checkbox input[type="checkbox"]:active + span, + .sheet-playbook_style_logos .sheet-playbook_question_checkbox input[type="radio"]:active + span, + .sheet-playbook_style_logos .sheet-playbook_question_check input[type="checkbox"]:active + span + { + color: white; + text-shadow: 0px 0px 3px white, 0px 0px 3px white; + background-color: #8a2e39 ; + box-shadow: 0px 0px 3px 1px #8a2e39 ; + } + + .sheet-playbook_style_logos .sheet-playbook_question { + color: #1f140d; + } + + .sheet-playbook_style_logos .sheet-playbook_question_field { + color: #1f140d; + background: #fff3b2; + } + + .sheet-playbook_style_logos select { + color: #1f140d; + background: #fff3b2; + border: none; + } + + .sheet-playbook_style_logos select:hover { + box-shadow: 0px 0px 3px 1px #8a2e39; + } + + .sheet-playbook_style_logos select:focus { + box-shadow: 0px 0px 3px 1px #8a2e39; + outline:0; + } + + .sheet-playbook_style_logos .sheet-playbook_note { + width: 300px; + flex: 0 0 300px; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + + color: black; + background-color: #dcd3b8; + padding: 6px; + border-radius: 6px; + border: 2px solid #4c4646; + box-shadow: 0px 0px 0px 6px #dcd3b8, 1px 1px 15px 3px black; + margin: 0px 0px 20px; + } + + .sheet-playbook_style_logos .sheet-playbook_note .sheet-playbook_small_label { + font-size: 16px; + color: #dcd3b8; + background-color: #4c4646; + border-radius: 1px 1px 0px 0px; + box-shadow: 0px 0px 0px 7px #4c4646; + margin: 0px 0px 10px; + } + + + /* IMPROVBOOK ---------------------------------------------------------- IMPROVBOOK*/ + + .sheet-improvbook { + height: 680px; + flex-wrap: nowrap; + overflow: visible; + margin: 0px; + } + + .sheet-improvbook_columns { + column-count: auto; + -webkit-column-count: auto; + -moz-column-count: auto; + column-width: 326px; + -webkit-column-width: 326px; + -moz-column-width: 326px; + column-gap: 20px; + -webkit-column-gap: 20px; + -moz-column-gap: 20px; + height: 100%; + margin: 0px 10px; + } + + .sheet-broadpowertag_active:not(:checked) ~ .sheet-broadpowertag_entry, + .sheet-extrathemeally_active:not(:checked) ~ .sheet-extrathemeally_entry, + .sheet-extrathemebase_active:not(:checked) ~ .sheet-extrathemebase_entry, + .sheet-extrathemeride_active:not(:checked) ~ .sheet-extrathemeride_entry, + .sheet-closure_active:not(:checked) ~ .sheet-closure_entry, + .sheet-transformation_active:not(:checked) ~ .sheet-transformation_entry, + .sheet-leavethecity_active:not(:checked) ~ .sheet-leavethecity_entry, + .sheet-dynamite1_active:not(:checked) ~ .sheet-dynamite1_entry, + .sheet-dynamite2_active:not(:checked) ~ .sheet-dynamite2_entry, + .sheet-dynamite3_active:not(:checked) ~ .sheet-dynamite3_entry, + .sheet-seethroughmist_active:not(:checked) ~ .sheet-seethroughmist_entry { + display: none; + } + + .sheet-oblivious_active:not(:checked) ~ .sheet-oblivious_entry, + .sheet-madeforthis_active:not(:checked) ~ .sheet-madeforthis_entry, + .sheet-themythoswithin_active:not(:checked) ~ .sheet-themythoswithin_entry, + .sheet-specialization_active:not(:checked) ~ .sheet-specialization_entry, + .sheet-afightingchance_active:not(:checked) ~ .sheet-afightingchance_entry, + .sheet-ripples_active:not(:checked) ~ .sheet-ripples_entry, + .sheet-transference_active:not(:checked) ~ .sheet-transference_entry { + display: none; + } + + .sheet-whostheboss_active:not(:checked) ~ .sheet-whostheboss_entry, + .sheet-qualitymatters_active:not(:checked) ~ .sheet-qualitymatters_entry, + .sheet-itsshowtime_active:not(:checked) ~ .sheet-itsshowtime_entry, + .sheet-gettinggoodatthis_e_active:not(:checked) ~ .sheet-gettinggoodatthis_e_entry, + .sheet-gettinggoodatthis_m_active:not(:checked) ~ .sheet-gettinggoodatthis_m_entry, + .sheet-gettinggoodatthis_p_active:not(:checked) ~ .sheet-gettinggoodatthis_p_entry, + .sheet-gettinggoodatthis_r_active:not(:checked) ~ .sheet-gettinggoodatthis_r_entry, + .sheet-gettinggoodatthis_t_active:not(:checked) ~ .sheet-gettinggoodatthis_t_entry, + .sheet-echosfromthepast_active:not(:checked) ~ .sheet-echosfromthepast_entry, + .sheet-sharedexperiences_active:not(:checked) ~ .sheet-sharedexperiences_entry, + .sheet-cantbetooready_active:not(:checked) ~ .sheet-cantbetooready_entry, + .sheet-whyidothis_p_active:not(:checked) ~ .sheet-whyidothis_p_entry, + .sheet-toolsofthetrade_active:not(:checked) ~ .sheet-toolsofthetrade_entry, + .sheet-whyidothis_r_active:not(:checked) ~ .sheet-whyidothis_r_entry, + .sheet-senseofpurpose_active:not(:checked) ~ .sheet-senseofpurpose_entry { + display: none; + } + + + .sheet-imp1_active:not(:checked) ~ .sheet-imp1_entry, + .sheet-imp2_active:not(:checked) ~ .sheet-imp2_entry, + .sheet-imp3_active:not(:checked) ~ .sheet-imp3_entry, + .sheet-imp4_active:not(:checked) ~ .sheet-imp4_entry, + .sheet-imp5_active:not(:checked) ~ .sheet-imp5_entry, + .sheet-imp6_active:not(:checked) ~ .sheet-imp6_entry, + .sheet-imp7_active:not(:checked) ~ .sheet-imp7_entry, + .sheet-imp8_active:not(:checked) ~ .sheet-imp8_entry, + .sheet-imp9_active:not(:checked) ~ .sheet-imp9_entry, + .sheet-imp10_active:not(:checked) ~ .sheet-imp10_entry, + .sheet-imp11_active:not(:checked) ~ .sheet-imp11_entry, + .sheet-imp12_active:not(:checked) ~ .sheet-imp12_entry, + .sheet-imp13_active:not(:checked) ~ .sheet-imp13_entry, + .sheet-imp14_active:not(:checked) ~ .sheet-imp14_entry, + .sheet-imp15_active:not(:checked) ~ .sheet-imp15_entry { + display: none; + } + + .sheet-playbook_Ktagbook { + display: none; + } + + .sheet-Ktagbook_open:checked ~ .sheet-playbook_Ktagbook { + display: inherit; + } + + .sheet-tagbook_adaptation_open:not(:checked) ~ .sheet-tagbook_adaptation, + .sheet-tagbook_bastion_open:not(:checked) ~ .sheet-tagbook_bastion, + .sheet-tagbook_divination_open:not(:checked) ~ .sheet-tagbook_divination, + .sheet-tagbook_express_open:not(:checked) ~ .sheet-tagbook_express, + .sheet-tagbook_mobility_open:not(:checked) ~ .sheet-tagbook_mobility, + .sheet-tagbook_relic_open:not(:checked) ~ .sheet-tagbook_relic, + .sheet-tagbook_subversion_open:not(:checked) ~ .sheet-tagbook_subversion { + display: none; + } + + .sheet-tagbook_event_open:not(:checked) ~ .sheet-tagbook_event, + .sheet-tagbook_relationship_open:not(:checked) ~ .sheet-tagbook_relationship, + .sheet-tagbook_mission_open:not(:checked) ~ .sheet-tagbook_mission, + .sheet-tagbook_personality_open:not(:checked) ~ .sheet-tagbook_personality, + .sheet-tagbook_possessions_open:not(:checked) ~ .sheet-tagbook_possessions, + .sheet-tagbook_routine_open:not(:checked) ~ .sheet-tagbook_routine, + .sheet-tagbook_training_open:not(:checked) ~ .sheet-tagbook_training { + display: none; + } + + .sheet-KA_notactive:checked ~ .sheet-KA_entry, + .sheet-KB_notactive:checked ~ .sheet-KB_entry, + .sheet-KC_notactive:checked ~ .sheet-KC_entry, + .sheet-KD_notactive:checked ~ .sheet-KD_entry, + .sheet-KE_notactive:checked ~ .sheet-KE_entry, + .sheet-KF_notactive:checked ~ .sheet-KF_entry, + .sheet-KG_notactive:checked ~ .sheet-KG_entry, + .sheet-KH_notactive:checked ~ .sheet-KH_entry, + .sheet-KI_notactive:checked ~ .sheet-KI_entry, + .sheet-KJ_notactive:checked ~ .sheet-KJ_entry { + display: none; + } + + .sheet-KA_active:not(:checked) ~ .sheet-KA_field, + .sheet-KB_active:not(:checked) ~ .sheet-KB_field, + .sheet-KC_active:not(:checked) ~ .sheet-KC_field, + .sheet-KD_active:not(:checked) ~ .sheet-KD_field, + .sheet-KE_active:not(:checked) ~ .sheet-KE_field, + .sheet-KF_active:not(:checked) ~ .sheet-KF_field, + .sheet-KG_active:not(:checked) ~ .sheet-KG_field, + .sheet-KH_active:not(:checked) ~ .sheet-KH_field, + .sheet-KI_active:not(:checked) ~ .sheet-KI_field, + .sheet-KJ_active:not(:checked) ~ .sheet-KJ_field { + display: none; + } + + .sheet-QMA_notactive:checked ~ .sheet-QMA_entry, + .sheet-QMB_notactive:checked ~ .sheet-QMB_entry, + .sheet-QMC_notactive:checked ~ .sheet-QMC_entry, + .sheet-QMD_notactive:checked ~ .sheet-QMD_entry, + .sheet-QME_notactive:checked ~ .sheet-QME_entry, + .sheet-QMF_notactive:checked ~ .sheet-QMF_entry, + .sheet-QMG_notactive:checked ~ .sheet-QMG_entry, + .sheet-QMH_notactive:checked ~ .sheet-QMH_entry, + .sheet-QMI_notactive:checked ~ .sheet-QMI_entry, + .sheet-QMJ_notactive:checked ~ .sheet-QMJ_entry, + .sheet-QMK_notactive:checked ~ .sheet-QMK_entry { + display: none; + } + + + .sheet-QMA_active:not(:checked) ~ .sheet-QMA_entry, + .sheet-QMB_active:not(:checked) ~ .sheet-QMB_entry, + .sheet-QMC_active:not(:checked) ~ .sheet-QMC_entry, + .sheet-QMD_active:not(:checked) ~ .sheet-QMD_entry, + .sheet-QME_active:not(:checked) ~ .sheet-QME_entry, + .sheet-QMF_active:not(:checked) ~ .sheet-QMF_entry, + .sheet-QMG_active:not(:checked) ~ .sheet-QMG_entry, + .sheet-QMH_active:not(:checked) ~ .sheet-QMH_entry, + .sheet-QMI_active:not(:checked) ~ .sheet-QMI_entry, + .sheet-QMJ_active:not(:checked) ~ .sheet-QMJ_entry, + .sheet-QMK_active:not(:checked) ~ .sheet-QMK_entry { + display: none; + } + + /* VERTICAL TEAR ------------------------------------------------------------------- VERTICAL TEAR */ + .sheet-playbook_vertical_tear { + height: 840px; + position: relative; + margin-left: 10px; + margin-right: -10px; + transform: translate(0px, -40px); + } + + .sheet-playbook_vertical_tear_inside { + width: auto; + height: 840px; + padding: 0px; + margin: 0px 40px; + overflow: hidden; + position: relative; + background-image: initial; + background-color: white; + } + + .sheet-playbook_vertical_tear_inner_body { + display: flex; + flex-wrap: nowrap; + width: 680px; + height: 840px; + padding: 40px 20px 0pc; + box-sizing: border-box; + } + + .sheet-playbook_vertical_tear_inner_left { + background-image: url("https://i.imgur.com/Bd9LDdg.png"); + background-repeat: repeat-y; + background-position: center; + height: 840px; + width: 40px; + top: 0px; + left: 0px; + position: absolute; + z-index: 10; + + filter: drop-shadow(-6px 1px 15px black); + } + + .sheet-playbook_vertical_tear_inner_right { + background-image: url("https://i.imgur.com/M0RBznR.png"); + background-repeat: repeat-y; + background-position: center; + height: 840px; + width: 40px; + top: 0px; + right: 0px; + position: absolute; + z-index: 10; + + filter: drop-shadow(6px 1px 15px black); + } + + .sheet-playbook_vertical_tear_outer_left { + background-image: url("https://i.imgur.com/M0RBznR.png"); + background-repeat: repeat-y; + background-position: center; + height: 840px; + width: 40px; + top: 0px; + left: 0px; + position: absolute; + } + + .sheet-playbook_vertical_tear_outer_right { + background-image: url("https://i.imgur.com/Bd9LDdg.png"); + background-repeat: repeat-y; + background-position: center; + height: 840px; + width: 40px; + top: 0px; + right: 0px; + position: absolute; + } + + /* STATIC TEAR ---------------------------------------------------------------------- STATIC TEAR*/ + + .sheet-playbook_vertical_tear_static_mythos { + color: white; + background-image: url(https://i.imgur.com/m8V3xeY.png); + background-repeat: repeat; + background-color: #6f5d6e; + box-shadow: 0px 0px 15px 0px #fcfaf2 inset, 0px 0px 15px 0px #fcfaf2 inset, 0px 0px 15px 0px #fcfaf2 inset; + margin: 0px; + } + + .sheet-playbook_vertical_tear_static_mythos .sheet-playbook_label, + .sheet-playbook_vertical_tear_static_mythos .sheet-playbook_small_label { + color: #eb018c; + text-shadow: 0px 0px 1px #eb018c; + } + + .sheet-playbook_vertical_tear_static_mythos .sheet-playbook_question_box { + font-size: 12px; + background-color: #eb018c ; + color: white; + } + + .sheet-playbook_vertical_tear_static_mythos .sheet-playbook_question { + color: white; + } + + .sheet-playbook_vertical_tear_static_mythos .sheet-playbook_question_field { + color: white; + background: #452362; + } + + .sheet-playbook_vertical_tear_static_mythos .sheet-playbook_highlight { + border-color: #ebafd3; border-style: solid; + border-width: 2px; + padding: 10px; + border-radius: 10px; + box-shadow: 0px 0px 3px 1px #eb018c inset, 0px 0px 3px 1px #eb018c; + margin: 0px 0px 20px; + } + + + .sheet-playbook_vertical_tear_static_mythos .sheet-playbook_note { + width: 300px; + flex: 0 0 300px; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + + color: white; + background-color: transparent; + border-color: #ebafd3; border-style: solid; + border-width: 2px; + padding: 10px; + border-radius: 10px; + box-shadow: 0px 0px 3px 1px #eb018c inset, 0px 0px 3px 1px #eb018c; + margin: 0px 0px 20px; + + } + + .sheet-playbook_vertical_tear_static_mythos .sheet-playbook_note .sheet-playbook_small_label { + color: #eb018c; + background-color: transparent; + box-shadow: 0px 0px 0px 0px transparent; + border-radius: 1px 1px 0px 0px; + margin: 0px 0px 10px; + } + + .sheet-playbook_vertical_tear_static_logos { + color: #1f140d; + background-image: url(https://i.imgur.com/juI6Nsa.png); + background-repeat: repeat; + background-color: #fcfaf2; + margin: 0px; + + } + + .sheet-playbook_vertical_tear_static_logos .sheet-playbook_label, + .sheet-playbook_vertical_tear_static_logos .sheet-playbook_small_label{ + color: #1f140d; + text-shadow: 0px 0px 0px transparent; + } + + .sheet-playbook_vertical_tear_static_logos .sheet-playbook_question_box { + font-size: 12px; + background-color: #8a2e39 ; + color: #fcfaf2; + } + + .sheet-playbook_vertical_tear_static_logos .sheet-playbook_question { + color: #1f140d; + } + + .sheet-playbook_vertical_tear_static_logos .sheet-playbook_question_field { + color: #1f140d; + background: #fff3b2; + } + + .sheet-playbook_vertical_tear_static_logos .sheet-playbook_note { + width: 300px; + flex: 0 0 300px; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + + color: black; + background-color: #dcd3b8; + padding: 6px; + border-radius: 6px; + border: 2px solid #4c4646; + box-shadow: 0px 0px 0px 6px #dcd3b8, 1px 1px 15px 3px black; + } + + .sheet-playbook_vertical_tear_static_logos .sheet-playbook_note .sheet-playbook_small_label { + font-size: 16px; + color: #dcd3b8; + background-color: #4c4646; + border-radius: 1px 1px 0px 0px; + box-shadow: 0px 0px 0px 7px #4c4646; + margin: 0px 0px 10px; + } + + /* COLLAPSING TEAR ------------------------------------------------------------------ COLLAPSING TEAR */ + + .sheet-playbook_vertical_tear_inner_whiteout { + height: 100%; + width: 100%; + margin: 0px; + padding: 0px; + + position: absolute; + top: 0px; + left: 0px; + + transition: all 0.6s ease-in-out; + z-index: 1; + + background-color: white; + opacity: 1.0; + } + + .sheet-playbook_identity_concept_mythos:focus-within ~ .sheet-playbook_vertical_tear .sheet-playbook_vertical_tear_inside .sheet-playbook_vertical_tear_inner_whiteout, + .sheet-playbook_identity_concept_logos:focus-within ~ .sheet-playbook_vertical_tear .sheet-playbook_vertical_tear_inside .sheet-playbook_vertical_tear_inner_whiteout{ + opacity: 0.0; + } + + /* CONCEPT COLUMN ------------------------------------------------------------------- CONCEPT COLUMN */ + + .sheet-playbook_identity_concept_column { + display: flex; + flex: 0 0 auto; + min-width: 300px; + max-width: 1060px; + height: 100%; + margin: 0px 10px; + position: relative; + } + + .sheet-playbook_identity_concept_spacer { + flex: 0 0 300px; + min-width: 300px; + } + + .sheet-playbook_identity_concept_desc { + position: absolute; + top: 0px; + width: 300px; + } + + .sheet-playbook_identity_concept_mythos { + position: absolute; + top: 150px; + width: 300px; + + } + + .sheet-playbook_identity_concept_logos { + position: absolute; + top: 325px; + width: 300px; + + } + + .sheet-playbook_identity_concept_name { + position: absolute; + top: 500px; + width: 300px; + + } + + .sheet-playbook_vertical_tear_inside_collapse { + max-width: 0px; + filter: brightness(200%); + transition: all 0.6s ease-in-out; + } + + .sheet-playbook_identity_concept_mythos:focus-within ~ .sheet-playbook_vertical_tear .sheet-playbook_vertical_tear_inside_collapse, + .sheet-playbook_identity_concept_logos:focus-within ~ .sheet-playbook_vertical_tear .sheet-playbook_vertical_tear_inside_collapse { + max-width: 680px; + filter: brightness(100%); + } + + .sheet-playbook_identity_concept_logos_desc, + .sheet-playbook_identity_concept_mythos_desc { + display: flex; + flex-wrap: nowrap; + width: 680px; + height: 840px; + padding: 40px 20px 0pc; + box-sizing: border-box; + + position: absolute; + top: 0px; + left: 0px; + } + + .sheet-playbook_identity_concept_mythos:not(:focus-within) ~ .sheet-playbook_vertical_tear .sheet-playbook_vertical_tear_inside .sheet-playbook_vertical_tear_inner_body .sheet-playbook_identity_concept_mythos_desc, + .sheet-playbook_identity_concept_logos:not(:focus-within) ~ .sheet-playbook_vertical_tear .sheet-playbook_vertical_tear_inside .sheet-playbook_vertical_tear_inner_body .sheet-playbook_identity_concept_logos_desc { + display: none; + } + + /* THEME COLUMN ------------------------------------------------------------------- THEME COLUMN */ + + .sheet-playbook_identity_theme_column { + display: flex; + flex: 0 0 auto; + min-width: 300px; + max-width: 1060px; + height: 100%; + margin: 0px 10px; + position: relative; + } + + .sheet-playbook_identity_theme_spacer { + flex: 0 0 300px; + min-width: 300px; + } + + .sheet-playbook_identity_theme_desc { + position: absolute; + top: 0px; + width: 300px; + + } + + .sheet-playbook_identity_theme_mythos { + position: absolute; + top: 120px; + width: 300px; + + } + + .sheet-playbook_identity_theme_logos { + position: absolute; + top: 350px; + width: 300px; + + } + + + .sheet-playbook_identity_theme_mythos:focus-within ~ .sheet-playbook_vertical_tear .sheet-playbook_vertical_tear_inside .sheet-playbook_vertical_tear_inner_whiteout, + .sheet-playbook_identity_theme_logos:focus-within ~ .sheet-playbook_vertical_tear .sheet-playbook_vertical_tear_inside .sheet-playbook_vertical_tear_inner_whiteout{ + opacity: 0.0; + } + + + .sheet-playbook_identity_theme_mythos:focus-within ~ .sheet-playbook_vertical_tear .sheet-playbook_vertical_tear_inside_collapse, + .sheet-playbook_identity_theme_logos:focus-within ~ .sheet-playbook_vertical_tear .sheet-playbook_vertical_tear_inside_collapse { + max-width: 680px; + filter: brightness(100%); + } + + .sheet-playbook_identity_theme_logos_desc, + .sheet-playbook_identity_theme_mythos_desc { + display: flex; + flex-wrap: nowrap; + width: 680px; + height: 840px; + padding: 40px 20px 0pc; + box-sizing: border-box; + + position: absolute; + top: 0px; + left: 0px; + } + + .sheet-playbook_identity_theme_mythos:not(:focus-within) ~ .sheet-playbook_vertical_tear .sheet-playbook_vertical_tear_inside .sheet-playbook_vertical_tear_inner_body .sheet-playbook_identity_theme_mythos_desc, + .sheet-playbook_identity_theme_logos:not(:focus-within) ~ .sheet-playbook_vertical_tear .sheet-playbook_vertical_tear_inside .sheet-playbook_vertical_tear_inner_body .sheet-playbook_identity_theme_logos_desc { + display: none; + } + + +/* PLAYBOOK INTERIOR END ------------------------------------------------------- PLAYBOOK INTERIOR END */ + +/* NOTE STYLING START ---------------------------------------------------------- START */ + + /* YELLOW -------------------------------------------------------------- YELLOW */ + + .sheet-scraps_yellow { + filter: drop-shadow(0px 5px 10px black); + overflow: hidden; + line-height: 16px; + font-size: 11px; + color: black; + } + + .sheet-scraps_yellow_body { + background: #f5eda8; + padding: 6px 10px 6px; + margin: 0px 0px -6px; + } + + .sheet-scraps_yellow_top { + background-image: url("https://i.imgur.com/kzeM9Rp.png"); + background-repeat: repeat-x; + background-position: center; + height: 20px; + width: 100%; + } + + .sheet-scraps_yellow_bottom { + background-image: url("https://i.imgur.com/R3yzbB8.png"); + background-repeat: no-repeat; + background-size: 100%; + height: 20px; + width: 100%; + } + + .sheet-scraps_yellow_body .sheet-scraps_label { + color: #8a2e39; + font-size: 18px; + font-weight: 600; + text-align: initial; + margin: 0px 0px 6px; + } + + .sheet-scraps_yellow_body b { + font-size: 12px; + background: transparent; + } + + .sheet-theme_card_stand_in { + height: 660px; + width: 260px; + padding: 0px; + margin: 0px 20px; + border: 1px solid white; + border-radius: 12px 12px 12px 12px; + background: green; + + position: absolute; + top: 30px; + margin: 0px 20px; + + z-index: 50; + + } + + .sheet-theme_button1_stand_in { + height: 30px; + width: 260px; + padding: 0px; + margin: 0px 20px; + border: 1px solid white; + border-radius: 12px 12px 12px 12px; + background: green; + + position: absolute; + top: 700px; + margin: 0px 20px; + + z-index: 50; + + + } + + .sheet-theme_button2_stand_in { + height: 30px; + width: 260px; + padding: 0px; + margin: 0px 20px; + border: 1px solid white; + border-radius: 12px 12px 12px 12px; + background: green; + + position: absolute; + top: 740px; + margin: 0px 20px; + + z-index: 50; + } + + .sheet-playbook_button_1 { + top: 700px; + left: 20px; + } + + .sheet-playbook_button_2 { + top: 740px; + left: 20px; + } + + .sheet-playbook_chapter_button { + + position: absolute; + margin: 0px; + padding: 0px; + height: 30px; + width: 260px; + z-index: 50; + + } + + .sheet-playbook_chapter_button input[type="checkbox"] { + height: 100%; + width: 100%; + position: absolute; + opacity: 0; + + top: 0%; + left: 0%; + cursor: pointer; + z-index: 1; + margin: 0%; + + } + + + .sheet-playbook_chapter_button span + { + height: 30px; + width: 260px; + padding: 0px; + border-radius: 6px 6px 6px 6px; + + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + + position: absolute; + top: 0px; + left: 0px; + + font-family: 'Contrail One', Sans-Serif; + font-size: 16px; + font-style: normal; + text-transform: uppercase; + + line-height: 30px; + text-align: center; + vertical-align: middle; + border: none; + outline: none; + opacity: 1; + + } + + .sheet-playbook_chapter_button_mythos span + { + background-color: grey ; + color: #1e1137; + } + + .sheet-playbook_chapter_button_mythos input[type="checkbox"]:hover + span + { + color: #1e1137; + text-shadow: 0px 0px 1px #1e1137; + background-color: #eb018c ; + } + + .sheet-playbook_chapter_button_mythos input[type="checkbox"]:checked + span + { + color: white; + text-shadow: 0px 0px 1px white; + background-color: #eb018c ; + } + + .sheet-playbook_chapter_button_mythos input[type="checkbox"]:active + span + { + color: white; + text-shadow: 0px 0px 3px white, 0px 0px 3px white; + background-color: #eb018c ; + box-shadow: 0px 0px 3px 1px #eb018c ; + } + + .sheet-playbook_chapter_button_logos span + { + background-color: grey ; + color: #fcfaf2; + } + + .sheet-playbook_chapter_button_logos input[type="checkbox"]:hover + span + { + color: white; + text-shadow: 0px 0px 1px white; + background-color: #a1574a ; + } + + .sheet-playbook_chapter_button_logos input[type="checkbox"]:checked + span + { + color: white; + text-shadow: 0px 0px 1px white; + background-color: #a1574a ; + } + + .sheet-playbook_chapter_button_logos input[type="checkbox"]:active + span + { + color: white; + text-shadow: 0px 0px 3px white, 0px 0px 3px white; + background-color: #a1574a ; + box-shadow: 0px 0px 3px 1px #a1574a ; + } + +/* STATUS CARD STYLING --------------------------------------------------------- START */ + + .sheet-status_card_mat { + width: 100%; + min-height: 580px; + margin: 0px 0px 30px; + padding: 0px; + + position: relative; + -webkit-transform:translate3d(0,0,0); + perspective: 2000px; + } + + .sheet-status_card { + height: 260px; + width: 400px; + background-color: #e6e0d3; + box-shadow: inset 0px 0px 25px 5px #d2cac3; + + border: 1px solid white; + border-radius: 12px 12px 12px 12px; + padding: 10px; + + display: flex; + flex-flow: column nowrap; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + + perspective: 2000px; + } + + .sheet-status_card input[type=checkbox] { + box-shadow: none; + height: 26px; + width: 26px; + margin: auto 6px; + background: #fff; + vertical-align: middle; + } + + .sheet-status_card_inset { + display: flex; + flex-flow: column nowrap; + margin: 0px; + padding: 0px; + height: 100%; + width: 100%; + border-radius: 10px; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-shadow: inset 0px 0px 55px 25px #d2cac3; + } + + .sheet-status_card_header { + height: 36px; + width: 100%; + color: white; + background-color: #a1574a ; + border-radius: 10px 10px 0px 0px; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + } + + .sheet-status_card_footer { + height: 32px; + width: 100%; + color: white; + background-color: #a1574a ; + border-radius: 10px 10px 0px 0px; + margin-top: auto; + border-radius: 0px 0px 10px 10px; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + } + + .sheet-status_card_body { + height: calc(100% - 68px); + width: 100%; + padding: 6px; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + } + + .sheet-status_card_title { + height: 36px; + width: 210px; + padding: 0px 5px; + margin: 0px 10px; + background: transparent; + border: none; + outline: none; + + + font-family: 'Contrail One', Sans-Serif; + line-height: 36px; + font-size: 26px; + font-style: normal; + font-variant: small-caps; + font-weight: 900; + color: white; + text-shadow: 0px 0px 2px #534233; + text-transform: uppercase; + text-align: left; + } + + .sheet-status_card_tag { + height: 60px; + width: 350px; + padding: 0px 5px; + margin: 0px auto; + background: transparent; + border: none; + outline: none; + overflow: hidden; + resize: none; + + line-height: 30px; + font-size: 26px; + font-style: normal; + font-variant: small-caps; + text-transform: uppercase; + text-align: left; + + font-family: 'Rock Salt', 'Shadows Into Light', cursive; + letter-spacing: 2px; + font-weight: 600; + } + + .sheet-status_card_tag::placeholder { + font-family: 'Contrail One', Sans-Serif; + font-weight: 900; + text-shadow: 0px 0px 2px #534233; + letter-spacing: 0px; + opacity: 1; /* Firefox */ + } + + .sheet-status_card_tag::-moz-placeholder { + font-family: 'Contrail One', Sans-Serif; + font-weight: 900; + text-shadow: 0px 0px 2px #534233; + letter-spacing: 0px; + opacity: 1; /* Firefox */ + } + + .sheet-status_card_tag:-ms-input-placeholder { + font-family: 'Contrail One', Sans-Serif; + font-weight: 900; + text-shadow: 0px 0px 2px #534233; + letter-spacing: 0px; + opacity: 1; /* Firefox */ + } + + .sheet-status_card_tag::-ms-input-placeholder { + font-family: 'Contrail One', Sans-Serif; + font-weight: 900; + text-shadow: 0px 0px 2px #534233; + letter-spacing: 0px; + opacity: 1; /* Firefox */ + } + + .sheet-status_card_icon_standin { + height: 26px; + width: 26px; + border-radius: 50%; + background-color: white; + margin: auto; + } + + .sheet-status_card_footer .sheet-theme_label { + color: white; + } + + .sheet-status_switch_clue:not(:checked) ~ .sheet-status_body_clue, + .sheet-status_switch_juice:not(:checked) ~ .sheet-status_body_juice, + .sheet-status_switch_storytag:not(:checked) ~ .sheet-status_body_storytag, + .sheet-status_switch_status:not(:checked) ~ .sheet-status_body_status { + display: none; + } + + + + .sheet-status_card_1, + .sheet-status_card_2, + .sheet-status_card_3, + .sheet-status_card_4, + .sheet-status_card_5, + .sheet-status_card_6, + .sheet-status_card_7, + .sheet-status_card_8 { + position: absolute; + transition: all 0.6s ease-in-out, z-index 0s, transform 0.2s ease-in-out, top 0.2s ease-in-out; + filter: drop-shadow(0px 10px 15px rgba(0,0,0,0.25)); + transform-origin: center top; + } + + .sheet-status_card_1 { + top: 20px; + left: calc(15% - 130px); + transform: rotate(-3deg) scale(0.9, 0.9); + } + + .sheet-status_card_2 { + top: 10px; + left: calc(38.3% - 177px); + transform: rotate(-1deg) scale(0.9, 0.9); + } + + .sheet-status_card_3 { + top: 10px; + left: calc(61.7% - 223px); + transform: rotate(1deg) scale(0.9, 0.9); + } + + .sheet-status_card_4 { + top: 20px; + left: calc(85% - 270px); + transform: rotate(3deg) scale(0.9, 0.9); + } + + .sheet-status_card_5 { + top: 320px; + left: calc(15% - 130px); + transform: rotate(-3deg) scale(0.9, 0.9); + } + + .sheet-status_card_6 { + top: 310px; + left: calc(38.3% - 177px); + transform: rotate(-1deg) scale(0.9, 0.9); + } + + .sheet-status_card_7 { + top: 310px; + left: calc(61.7% - 223px); + transform: rotate(1deg) scale(0.9, 0.9); + } + + .sheet-status_card_8 { + top: 320px; + left: calc(85% - 270px); + transform: rotate(3deg) scale(0.9, 0.9); + } + + .sheet-status_card_1:hover , + .sheet-status_card_2:hover , + .sheet-status_card_3:hover , + .sheet-status_card_4:hover , + .sheet-status_card_1:focus-within , + .sheet-status_card_2:focus-within , + .sheet-status_card_3:focus-within , + .sheet-status_card_4:focus-within { + z-index: 250; + top: 0px; + transform: scale(1, 1); + } + + .sheet-status_card_5:hover , + .sheet-status_card_6:hover , + .sheet-status_card_7:hover , + .sheet-status_card_8:hover , + .sheet-status_card_5:focus-within , + .sheet-status_card_6:focus-within , + .sheet-status_card_7:focus-within , + .sheet-status_card_8:focus-within { + z-index: 250; + top: 300px; + transform: scale(1, 1); + } + + /* CLUE CHECK ---------------------------------------------------------- CLUE CHECK */ + + .sheet-clue_check { + white-space: nowrap; + margin: 5px 0px; + padding: 0px; + width: 26px; + height: 26px; + } + + .sheet-clue_check input[type="radio"] + { + opacity: 0.0; + width: 26px; + height: 26px; + position: relative; + top: 0px; + left: 50%; + cursor: pointer; + z-index: 1; + margin: -13px; + } + + + .sheet-clue_check input[type="radio"] + span::before + { + width: 26px; + height: 26px; + font-size: 26px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(https://i.imgur.com/vsisO6I.png); + opacity: 1; + filter: brightness(75%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(75%) drop-shadow(0px 0px 1px black); + } + + .sheet-clue_check input[type="radio"]:hover + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-clue_check input[type="radio"]:checked + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-clue_check input[type="radio"]:active + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + .sheet-clue_image span + { + width: 26px; + height: 26px; + font-size: 26px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(https://i.imgur.com/vsisO6I.png); + opacity: 1; + filter: brightness(100%); + -webkit-filter: brightness(100%); + position: relative; + top: -4px; + margin: 0px 6px; + } + + /* JUICE CHECK ---------------------------------------------------------- JUICE CHECK */ + + .sheet-juice_check { + white-space: nowrap; + margin: 5px 0px; + padding: 0px; + width: 26px; + height: 26px; + } + + .sheet-juice_check input[type="radio"] + { + opacity: 0.0; + width: 26px; + height: 26px; + position: relative; + top: 0px; + left: 50%; + cursor: pointer; + z-index: 1; + margin: -13px; + } + + + .sheet-juice_check input[type="radio"] + span::before + { + width: 26px; + height: 26px; + font-size: 26px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(https://i.imgur.com/4Y8QreG.png); + opacity: 1; + filter: brightness(75%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(75%) drop-shadow(0px 0px 1px black); + } + + .sheet-juice_check input[type="radio"]:hover + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-juice_check input[type="radio"]:checked + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-juice_check input[type="radio"]:active + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + .sheet-juice_image span + { + width: 26px; + height: 26px; + font-size: 26px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(https://i.imgur.com/4Y8QreG.png); + opacity: 1; + filter: brightness(100%); + -webkit-filter: brightness(100%); + position: relative; + top: -4px; + margin: 0px 6px; + } + + /* STORYTAG CHECK ---------------------------------------------------------- STORYTAG CHECK */ + + .sheet-storytag_check { + white-space: nowrap; + margin: 5px 0px; + padding: 0px; + width: 26px; + height: 26px; + } + + .sheet-storytag_check input[type="radio"] + { + opacity: 0.0; + width: 26px; + height: 26px; + position: relative; + top: 0px; + left: 50%; + cursor: pointer; + z-index: 1; + margin: -13px; + } + + .sheet-storytag_check input[type="radio"]:hover + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-storytag_check input[type="radio"] + span::before + { + width: 26px; + height: 26px; + font-size: 26px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(https://i.imgur.com/Gq20Q17.png); + opacity: 1; + filter: brightness(75%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(75%) drop-shadow(0px 0px 1px black); + } + + .sheet-storytag_check input[type="radio"]:checked + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-storytag_check input[type="radio"]:active + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + .sheet-storytag_image span + { + width: 26px; + height: 26px; + font-size: 26px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(https://i.imgur.com/Gq20Q17.png); + opacity: 1; + filter: brightness(100%); + -webkit-filter: brightness(100%); + position: relative; + top: -4px; + margin: 0px 6px; + } + + /* STATUS CHECK ---------------------------------------------------------- STATUS CHECK */ + + .sheet-statustag_check { + white-space: nowrap; + margin: 5px 0px; + padding: 0px; + width: 26px; + height: 26px; + } + + .sheet-statustag_check input[type="radio"] + { + opacity: 0.0; + width: 26px; + height: 26px; + position: relative; + top: 0px; + left: 50%; + cursor: pointer; + z-index: 1; + margin: -13px; + } + + + .sheet-statustag_check input[type="radio"] + span::before + { + width: 26px; + height: 26px; + font-size: 26px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(https://i.imgur.com/61pyyF4.png); + opacity: 1; + filter: brightness(75%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(75%) drop-shadow(0px 0px 1px black); + } + + .sheet-statustag_check input[type="radio"]:hover + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-statustag_check input[type="radio"]:checked + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-statustag_check input[type="radio"]:active + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + .sheet-statustag_image span + { + width: 26px; + height: 26px; + font-size: 26px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(https://i.imgur.com/61pyyF4.png); + opacity: 1; + filter: brightness(100%); + -webkit-filter: brightness(100%); + position: relative; + top: -4px; + margin: 0px 6px; + } + + /* PLUS CHECK ---------------------------------------------------------- PLUS CHECK */ + + .sheet-plus_check { + white-space: nowrap; + margin: auto 10px; + padding: 0px; + width: 26px; + height: 26px; + } + + .sheet-plus_check input[type="checkbox"] + { + opacity: 0.0; + width: 26px; + height: 26px; + position: relative; + top: 0px; + left: 50%; + cursor: pointer; + z-index: 1; + margin: -13px; + } + + + .sheet-plus_check input[type="checkbox"] + span::before + { + width: 26px; + height: 26px; + font-size: 26px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(https://i.imgur.com/tF4WDzo.png); + opacity: 1; + filter: brightness(75%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(75%) drop-shadow(0px 0px 1px black); + } + + .sheet-plus_check input[type="checkbox"]:hover + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-plus_check input[type="checkbox"]:checked + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-plus_check input[type="checkbox"]:active + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + .sheet-plus_image span + { + width: 26px; + height: 26px; + font-size: 26px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(https://i.imgur.com/tF4WDzo.png); + opacity: 1; + filter: brightness(100%); + -webkit-filter: brightness(100%); + position: relative; + top: -4px; + margin: 0px 6px; + } + + /* MINUS CHECK ---------------------------------------------------------- MINUS CHECK */ + + .sheet-minus_check { + white-space: nowrap; + margin: auto 10px; + padding: 0px; + width: 26px; + height: 26px; + } + + .sheet-minus_check input[type="checkbox"] + { + opacity: 0.0; + width: 26px; + height: 26px; + position: relative; + top: 0px; + left: 50%; + cursor: pointer; + z-index: 1; + margin: -13px; + } + + + .sheet-minus_check input[type="checkbox"] + span::before + { + width: 26px; + height: 26px; + font-size: 26px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(https://i.imgur.com/hYlWl6M.png); + opacity: 1; + filter: brightness(75%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(75%) drop-shadow(0px 0px 1px black); + } + + .sheet-minus_check input[type="checkbox"]:hover + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-minus_check input[type="checkbox"]:checked + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-minus_check input[type="checkbox"]:active + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + .sheet-minus_image span + { + width: 26px; + height: 26px; + font-size: 26px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(https://i.imgur.com/hYlWl6M.png); + opacity: 1; + filter: brightness(100%); + -webkit-filter: brightness(100%); + position: relative; + top: -4px; + margin: 0px 6px; + } + + .sheet-status_pip_left { + height: 65px; + width: 18px; + background: white; + margin: 0px 0px 0px -4px; + padding: 0px; + -webkit-clip-path: polygon(6.8px 0, 100% 0, 100% 100%, 0% 100%); + clip-path: polygon(6.8px 0, 100% 0, 100% 100%, 0% 100%); + + filter: brightness(50%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(50%) drop-shadow(0px 0px 1px black); + display: none; + } + + .sheet-status_pip_right { + height: 65px; + width: 18px; + background: white; + margin: 0px 4px 0px 0px; + padding: 0px; + -webkit-clip-path: polygon(0 0, 100% 0, 11.2px 100%, 0% 100%); + clip-path: polygon(0 0, 100% 0, 11.2px 100%, 0% 100%); + + filter: brightness(50%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(50%) drop-shadow(0px 0px 1px black); + display: none; + } + + /* PIP 1 CHECK ---------------------------------------------------------- PIP 1 CHECK */ + + .sheet-status_pip_1_check { + width: 26px; + height: 65px; + margin: 0px 8px 0px 0px; + padding: 0px; + + position: relative; + white-space: nowrap; + + transform: skew(-6deg); + -ms-transform: skew(-6deg); /* IE 9 */ + -webkit-transform: skew(-6deg); /* Safari */ + transform-origin: center center; + } + + .sheet-status_pip_1_check input[type="checkbox"] + { + width: 26px; + height: 65px; + margin:0px; + padding: 0px; + + position: absolute; + top: 0px; + left: 0px; + + opacity: 0.0; + cursor: pointer; + z-index: 1; + } + + .sheet-status_pip_1_check input[type="checkbox"] + span::before + { + width: 26px; + height: 65px; + margin:0px; + padding: 0px; + + position: absolute; + top: 0px; + left: 0px; + + content: url(https://i.imgur.com/BO3DedW.png); + opacity: 1; + + filter: brightness(50%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(50%) drop-shadow(0px 0px 1px black); + } + + .sheet-status_pip_1_check input[type="checkbox"]:hover + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-status_pip_1_check input[type="checkbox"]:checked + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-status_pip_1_check input[type="checkbox"]:active + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + .sheet-status_pip_1_image span + { + width: 26px; + height: 65px; + margin: 0px; + padding: 0px; + + display: inline-block; + content: url(https://i.imgur.com/BO3DedW.png); + opacity: 1; + filter: brightness(100%); + -webkit-filter: brightness(100%); + } + + /* PIP 2 CHECK ---------------------------------------------------------- PIP 2 CHECK */ + + .sheet-status_pip_2_check { + width: 26px; + height: 65px; + margin: 0px 8px 0px 0px; + padding: 0px; + + position: relative; + white-space: nowrap; + + transform: skew(-6deg); + -ms-transform: skew(-6deg); /* IE 9 */ + -webkit-transform: skew(-6deg); /* Safari */ + transform-origin: center center; + } + + .sheet-status_pip_2_check input[type="checkbox"] + { + width: 26px; + height: 65px; + margin:0px; + padding: 0px; + + position: absolute; + top: 0px; + left: 0px; + + opacity: 0.0; + cursor: pointer; + z-index: 1; + } + + .sheet-status_pip_2_check input[type="checkbox"] + span::before + { + width: 26px; + height: 65px; + margin:0px; + padding: 0px; + + position: absolute; + top: 0px; + left: 0px; + + content: url(https://i.imgur.com/YvafgYl.png); + opacity: 1; + + filter: brightness(50%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(50%) drop-shadow(0px 0px 1px black); + } + + .sheet-status_pip_2_check input[type="checkbox"]:hover + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-status_pip_2_check input[type="checkbox"]:checked + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-status_pip_2_check input[type="checkbox"]:active + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + .sheet-status_pip_2_image span + { + width: 26px; + height: 65px; + margin: 0px; + padding: 0px; + + display: inline-block; + content: url(https://i.imgur.com/YvafgYl.png); + opacity: 1; + filter: brightness(100%); + -webkit-filter: brightness(100%); + } + + /* PIP 3 CHECK ---------------------------------------------------------- PIP 3 CHECK */ + + .sheet-status_pip_3_check { + width: 26px; + height: 65px; + margin: 0px 8px 0px 0px; + padding: 0px; + + position: relative; + white-space: nowrap; + + transform: skew(-6deg); + -ms-transform: skew(-6deg); /* IE 9 */ + -webkit-transform: skew(-6deg); /* Safari */ + transform-origin: center center; + + } + + .sheet-status_pip_3_check input[type="checkbox"] + { + width: 26px; + height: 65px; + margin:0px; + padding: 0px; + + position: absolute; + top: 0px; + left: 0px; + + opacity: 0.0; + cursor: pointer; + z-index: 1; + } + + .sheet-status_pip_3_check input[type="checkbox"] + span::before + { + width: 26px; + height: 65px; + margin:0px; + padding: 0px; + + position: absolute; + top: 0px; + left: 0px; + + content: url(https://i.imgur.com/XkTpd5k.png); + opacity: 1; + + filter: brightness(50%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(50%) drop-shadow(0px 0px 1px black); + } + + .sheet-status_pip_3_check input[type="checkbox"]:hover + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-status_pip_3_check input[type="checkbox"]:checked + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-status_pip_3_check input[type="checkbox"]:active + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + .sheet-status_pip_3_image span + { + width: 26px; + height: 65px; + margin: 0px; + padding: 0px; + + display: inline-block; + content: url(https://i.imgur.com/XkTpd5k.png); + opacity: 1; + filter: brightness(100%); + -webkit-filter: brightness(100%); + } + + /* PIP 4 CHECK ---------------------------------------------------------- PIP 4 CHECK */ + + .sheet-status_pip_4_check { + width: 26px; + height: 65px; + margin: 0px 8px 0px 0px; + padding: 0px; + + position: relative; + white-space: nowrap; + + transform: skew(-6deg); + -ms-transform: skew(-6deg); /* IE 9 */ + -webkit-transform: skew(-6deg); /* Safari */ + transform-origin: center center; + } + + .sheet-status_pip_4_check input[type="checkbox"] + { + width: 26px; + height: 65px; + margin:0px; + padding: 0px; + + position: absolute; + top: 0px; + left: 0px; + + opacity: 0.0; + cursor: pointer; + z-index: 1; + } + + .sheet-status_pip_4_check input[type="checkbox"] + span::before + { + width: 26px; + height: 65px; + margin:0px; + padding: 0px; + + position: absolute; + top: 0px; + left: 0px; + + content: url(https://i.imgur.com/vnviOBo.png); + opacity: 1; + + filter: brightness(50%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(50%) drop-shadow(0px 0px 1px black); + } + + .sheet-status_pip_4_check input[type="checkbox"]:hover + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-status_pip_4_check input[type="checkbox"]:checked + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-status_pip_4_check input[type="checkbox"]:active + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + .sheet-status_pip_4_image span + { + width: 26px; + height: 65px; + margin: 0px; + padding: 0px; + + display: inline-block; + content: url(https://i.imgur.com/vnviOBo.png); + opacity: 1; + filter: brightness(100%); + -webkit-filter: brightness(100%); + } + + /* PIP 5 CHECK ---------------------------------------------------------- PIP 5 CHECK */ + + .sheet-status_pip_5_check { + width: 26px; + height: 65px; + margin: 0px 8px 0px 0px; + padding: 0px; + + position: relative; + white-space: nowrap; + + transform: skew(-6deg); + -ms-transform: skew(-6deg); /* IE 9 */ + -webkit-transform: skew(-6deg); /* Safari */ + transform-origin: center center; + + } + + .sheet-status_pip_5_check input[type="checkbox"] + { + width: 26px; + height: 65px; + margin:0px; + padding: 0px; + + position: absolute; + top: 0px; + left: 0px; + + opacity: 0.0; + cursor: pointer; + z-index: 1; + } + + .sheet-status_pip_5_check input[type="checkbox"] + span::before + { + width: 26px; + height: 65px; + margin:0px; + padding: 0px; + + position: absolute; + top: 0px; + left: 0px; + + content: url(https://i.imgur.com/wpKxCfQ.png); + opacity: 1; + + filter: brightness(50%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(50%) drop-shadow(0px 0px 1px black); + } + + .sheet-status_pip_5_check input[type="checkbox"]:hover + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-status_pip_5_check input[type="checkbox"]:checked + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-status_pip_5_check input[type="checkbox"]:active + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + .sheet-status_pip_5_image span + { + width: 26px; + height: 65px; + margin: 0px; + padding: 0px; + + display: inline-block; + content: url(https://i.imgur.com/wpKxCfQ.png); + opacity: 1; + filter: brightness(100%); + -webkit-filter: brightness(100%); + } + + /* PIP 6 CHECK ---------------------------------------------------------- PIP 6 CHECK */ + + .sheet-status_pip_6_check { + width: 26px; + height: 65px; + margin: 0px 0px 0px 0px; + padding: 0px; + + position: relative; + white-space: nowrap; + + transform: skew(-6deg); + -ms-transform: skew(-6deg); /* IE 9 */ + -webkit-transform: skew(-6deg); /* Safari */ + transform-origin: center center; + + } + + .sheet-status_pip_6_check input[type="checkbox"] + { + width: 26px; + height: 65px; + margin:0px; + padding: 0px; + + position: absolute; + top: 0px; + left: 0px; + + opacity: 0.0; + cursor: pointer; + z-index: 1; + } + + .sheet-status_pip_6_check input[type="checkbox"] + span::before + { + width: 26px; + height: 65px; + margin:0px; + padding: 0px; + + position: absolute; + top: 0px; + left: 0px; + + content: url(https://i.imgur.com/8wgAAgw.png); + opacity: 1; + + filter: brightness(50%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(50%) drop-shadow(0px 0px 1px black); + } + + .sheet-status_pip_6_check input[type="checkbox"]:hover + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-status_pip_6_check input[type="checkbox"]:checked + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-status_pip_6_check input[type="checkbox"]:active + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + .sheet-status_pip_6_image span + { + width: 26px; + height: 65px; + margin: 0px; + padding: 0px; + + display: inline-block; + content: url(https://i.imgur.com/8wgAAgw.png); + opacity: 1; + filter: brightness(100%); + -webkit-filter: brightness(100%); + } + + /* PIP SUB CHECK ---------------------------------------------------------- PIP SUB CHECK */ + + .sheet-status_pip_sub_check { + width: 12px; + height: 65px; + margin: 0px; + padding: 0px; + + position: relative; + white-space: nowrap; + + transform: skew(-6deg); + -ms-transform: skew(-6deg); /* IE 9 */ + -webkit-transform: skew(-6deg); /* Safari */ + transform-origin: center center; + + } + + .sheet-status_pip_sub_check input[type="checkbox"] + { + width: 12px; + height: 65px; + margin: 0px; + padding: 0px; + + position: absolute; + top: 0px; + left: 0px; + + opacity: 0.0; + cursor: pointer; + z-index: 1; + } + + .sheet-status_pip_sub_check input[type="checkbox"] + span::before + { + width: 12px; + height: 65px; + margin: 0px; + padding: 0px; + + position: absolute; + top: 0px; + left: 0px; + + content: url(https://i.imgur.com/jMX2abh.png); + opacity: 1; + + filter: brightness(50%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(50%) drop-shadow(0px 0px 1px black); + } + + .sheet-status_pip_sub_check input[type="checkbox"]:hover + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-status_pip_sub_check input[type="checkbox"]:checked + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-status_pip_sub_check input[type="checkbox"]:active + span::before + { + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + .sheet-status_pip_sub_image span + { + width: 12px; + height: 65px; + margin: 0px; + padding: 0px; + + display: inline-block; + content: url(https://i.imgur.com/jMX2abh.png); + opacity: 1; + filter: brightness(100%); + -webkit-filter: brightness(100%); + } + + /* STATUS CARD SPECTRUM -------------------------------------------------------- START */ + + .sheet-status_grid { + width: 100%; + margin: 4px 0px 10px; + display: flex; + flex-direction: row-reverse; + flex-wrap: nowrap; + justify-content: center; + background-color: rgba(255, 255, 255, 0.0); + + transform: scale(1.08, 1.08); + -ms-transform: scale(1.08, 1.08); /* IE 9 */ + -webkit-transform: scale(1.08, 1.08); /* Safari */ + transform-origin: center center; + } + + .sheet-status_pip_sub_check:hover ~ .sheet-status_pip_sub_check span, + .sheet-status_tier_6:hover ~ .sheet-status_tier_6 span, + .sheet-status_tier_6:hover ~ .sheet-status_tier_5 span, + .sheet-status_tier_6:hover ~ .sheet-status_tier_4 span, + .sheet-status_tier_6:hover ~ .sheet-status_tier_3 span, + .sheet-status_tier_6:hover ~ .sheet-status_tier_2 span, + .sheet-status_tier_6:hover ~ .sheet-status_tier_1 span, + .sheet-status_tier_5:hover ~ .sheet-status_tier_5 span, + .sheet-status_tier_5:hover ~ .sheet-status_tier_4 span, + .sheet-status_tier_5:hover ~ .sheet-status_tier_3 span, + .sheet-status_tier_5:hover ~ .sheet-status_tier_2 span, + .sheet-status_tier_5:hover ~ .sheet-status_tier_1 span, + .sheet-status_tier_4:hover ~ .sheet-status_tier_4 span, + .sheet-status_tier_4:hover ~ .sheet-status_tier_3 span, + .sheet-status_tier_4:hover ~ .sheet-status_tier_2 span, + .sheet-status_tier_4:hover ~ .sheet-status_tier_1 span, + .sheet-status_tier_3:hover ~ .sheet-status_tier_3 span, + .sheet-status_tier_3:hover ~ .sheet-status_tier_2 span, + .sheet-status_tier_3:hover ~ .sheet-status_tier_1 span, + .sheet-status_tier_2:hover ~ .sheet-status_tier_2 span, + .sheet-status_tier_2:hover ~ .sheet-status_tier_1 span, + .sheet-status_tier_1:hover ~ .sheet-status_tier_1 span { + filter: brightness(200%); + -webkit-filter: brightness(200%); + } + + .sheet-status_pip_sub_check:hover span, + .sheet-status_pip_sub_check:checked ~ .sheet-status_pip_sub_check span, + .sheet-status_tier_6:checked ~ .sheet-status_tier_6 span, + .sheet-status_tier_6:checked ~ .sheet-status_tier_5 span, + .sheet-status_tier_6:checked ~ .sheet-status_tier_4 span, + .sheet-status_tier_6:checked ~ .sheet-status_tier_3 span, + .sheet-status_tier_6:checked ~ .sheet-status_tier_2 span, + .sheet-status_tier_6:checked ~ .sheet-status_tier_1 span, + .sheet-status_tier_5:checked ~ .sheet-status_tier_5 span, + .sheet-status_tier_5:checked ~ .sheet-status_tier_4 span, + .sheet-status_tier_5:checked ~ .sheet-status_tier_3 span, + .sheet-status_tier_5:checked ~ .sheet-status_tier_2 span, + .sheet-status_tier_5:checked ~ .sheet-status_tier_1 span, + .sheet-status_tier_4:checked ~ .sheet-status_tier_4 span, + .sheet-status_tier_4:checked ~ .sheet-status_tier_3 span, + .sheet-status_tier_4:checked ~ .sheet-status_tier_2 span, + .sheet-status_tier_4:checked ~ .sheet-status_tier_1 span, + .sheet-status_tier_3:checked ~ .sheet-status_tier_3 span, + .sheet-status_tier_3:checked ~ .sheet-status_tier_2 span, + .sheet-status_tier_3:checked ~ .sheet-status_tier_1 span, + .sheet-status_tier_2:checked ~ .sheet-status_tier_2 span, + .sheet-status_tier_2:checked ~ .sheet-status_tier_1 span, + .sheet-status_tier_1:checked ~ .sheet-status_tier_1 span { + filter: brightness(200%); + -webkit-filter: brightness(200%); + } + + .sheet-status_tier_5:not(:checked) ~ .sheet-status_pip_sub_6 input[type="checkbox"] , + .sheet-status_tier_4:not(:checked) ~ .sheet-status_pip_sub_5 input[type="checkbox"] , + .sheet-status_tier_3:not(:checked) ~ .sheet-status_pip_sub_4 input[type="checkbox"] , + .sheet-status_tier_2:not(:checked) ~ .sheet-status_pip_sub_3 input[type="checkbox"] { + display: none; + } + + /* STATUS TAG TOGGLE ----------------------------------------------------------- START */ + + .sheet-stat_6_F:checked ~ .sheet-stat_5, + .sheet-stat_6_F:checked ~ .sheet-stat_4, + .sheet-stat_6_F:checked ~ .sheet-stat_3, + .sheet-stat_6_F:checked ~ .sheet-stat_2, + .sheet-stat_6_F:checked ~ .sheet-stat_1, + .sheet-stat_5_E:checked ~ .sheet-stat_4, + .sheet-stat_5_E:checked ~ .sheet-stat_3, + .sheet-stat_5_E:checked ~ .sheet-stat_2, + .sheet-stat_5_E:checked ~ .sheet-stat_1, + .sheet-stat_4_D:checked ~ .sheet-stat_3, + .sheet-stat_4_D:checked ~ .sheet-stat_2, + .sheet-stat_4_D:checked ~ .sheet-stat_1, + .sheet-stat_3_C:checked ~ .sheet-stat_2, + .sheet-stat_3_C:checked ~ .sheet-stat_1, + .sheet-stat_2_B:checked ~ .sheet-stat_1{ + display: none; + + } + + .sheet-stat_5 + .sheet-stat_4, + .sheet-stat_3, + .sheet-stat_2, + .sheet-stat_1{ + display: inline; + } + + .sheet-stat_6_F:checked ~ .sheet-stat_E, + .sheet-stat_6_F:checked ~ .sheet-stat_D, + .sheet-stat_6_F:checked ~ .sheet-stat_C, + .sheet-stat_6_F:checked ~ .sheet-stat_B, + .sheet-stat_6_F:checked ~ .sheet-stat_A, + .sheet-stat_5_E:checked ~ .sheet-stat_D, + .sheet-stat_5_E:checked ~ .sheet-stat_C, + .sheet-stat_5_E:checked ~ .sheet-stat_B, + .sheet-stat_5_E:checked ~ .sheet-stat_A, + .sheet-stat_4_D:checked ~ .sheet-stat_C, + .sheet-stat_4_D:checked ~ .sheet-stat_B, + .sheet-stat_4_D:checked ~ .sheet-stat_A, + .sheet-stat_3_C:checked ~ .sheet-stat_B, + .sheet-stat_3_C:checked ~ .sheet-stat_A, + .sheet-stat_2_B:checked ~ .sheet-stat_A{ + display: inline; + } + + + .sheet-stat_F, + .sheet-stat_E, + .sheet-stat_D, + .sheet-stat_C, + .sheet-stat_B, + .sheet-stat_A{ + display: none; + } + + .sheet-stat_E_B:checked ~ .sheet-stat_D, + .sheet-stat_E_B:checked ~ .sheet-stat_C, + .sheet-stat_E_B:checked ~ .sheet-stat_B, + .sheet-stat_E_B:checked ~ .sheet-stat_A, + .sheet-stat_D_B:checked ~ .sheet-stat_C, + .sheet-stat_D_B:checked ~ .sheet-stat_B, + .sheet-stat_D_B:checked ~ .sheet-stat_A, + .sheet-stat_C_B:checked ~ .sheet-stat_B, + .sheet-stat_C_B:checked ~ .sheet-stat_A, + .sheet-stat_B_B:checked ~ .sheet-stat_A{ + filter: brightness(160%); + -webkit-filter: brightness(160%); + } + + .sheet-stat_5_E:checked ~ .sheet-spectrum_right_cap, + .sheet-stat_4_D:checked ~ .sheet-spectrum_right_cap, + .sheet-stat_3_C:checked ~ .sheet-spectrum_right_cap, + .sheet-stat_2_B:checked ~ .sheet-spectrum_right_cap, + .sheet-stat_1_A:checked ~ .sheet-spectrum_right_cap{ + filter: brightness(80%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(80%) drop-shadow(0px 0px 1px black); + } + + + .sheet-stat_6_F:checked ~ .sheet-stat_E, + .sheet-stat_6_F:checked ~ .sheet-stat_D, + .sheet-stat_6_F:checked ~ .sheet-stat_C, + .sheet-stat_6_F:checked ~ .sheet-stat_B, + .sheet-stat_6_F:checked ~ .sheet-stat_A{ + filter: brightness(200%); + -webkit-filter: brightness(200%); + } + + .sheet-stat_6_F:checked ~ .sheet-spectrum_left_cap, + .sheet-stat_6_F:checked ~ .sheet-spectrum_right_cap{ + filter: brightness(200%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(200%) drop-shadow(0px 0px 1px black); + } + + /* STATUS TAG TOGGLE ----------------------------------------------------------- END */ + + + + /* SPECTRUM 1*/ + + .sheet-spectrum_1 { + white-space: nowrap; + } + + .sheet-spectrum_1 input[type="checkbox"] + { + opacity: 0.0; + width: 40px; + height: 60px; + position: relative; + top: 0px; + left: 50%; + cursor: pointer; + z-index: 1; + margin: -20px; + } + + + .sheet-spectrum_1 input[type="checkbox"] + span::before + { + width: 40px; + height: 60px; + font-size: 40px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(http://i.imgur.com/rg3B6BY.png); + filter: brightness(50%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(50%) drop-shadow(0px 0px 1px black); + } + + .sheet-spectrum_1 input[type="checkbox"]:checked + span::before + { + opacity: 1; + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-spectrum_1 input[type="checkbox"]:active + span::before + { + opacity: 1; + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + /* SPECTRUM 2*/ + + .sheet-spectrum_2 { + white-space: nowrap; + } + + .sheet-spectrum_2 input[type="checkbox"] + { + opacity: 0.0; + width: 40px; + height: 60px; + position: relative; + top: 0px; + left: 50%; + cursor: pointer; + z-index: 1; + margin: -20px; + } + + + .sheet-spectrum_2 input[type="checkbox"] + span::before + { + width: 40px; + height: 60px; + font-size: 40px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(http://i.imgur.com/ztNJj67.png); + filter: brightness(50%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(50%) drop-shadow(0px 0px 1px black); + } + + .sheet-spectrum_2 input[type="checkbox"]:checked + span::before + { + opacity: 1; + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-spectrum_2 input[type="checkbox"]:active + span::before + { + opacity: 1; + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + /* SPECTRUM 3*/ + + .sheet-spectrum_3 { + white-space: nowrap; + } + + .sheet-spectrum_3 input[type="checkbox"] + { + opacity: 0.0; + width: 40px; + height: 60px; + position: relative; + top: 0px; + left: 50%; + cursor: pointer; + z-index: 1; + margin: -20px; + } + + + .sheet-spectrum_3 input[type="checkbox"] + span::before + { + width: 40px; + height: 60px; + font-size: 40px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(http://i.imgur.com/Z8z95bU.png); + filter: brightness(50%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(50%) drop-shadow(0px 0px 1px black); + } + + .sheet-spectrum_3 input[type="checkbox"]:checked + span::before + { + opacity: 1; + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-spectrum_3 input[type="checkbox"]:active + span::before + { + opacity: 1; + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + /* SPECTRUM 4*/ + + .sheet-spectrum_4 { + white-space: nowrap; + } + + .sheet-spectrum_4 input[type="checkbox"] + { + opacity: 0.0; + width: 40px; + height: 60px; + position: relative; + top: 0px; + left: 50%; + cursor: pointer; + z-index: 1; + margin: -20px; + } + + + .sheet-spectrum_4 input[type="checkbox"] + span::before + { + width: 40px; + height: 60px; + font-size: 40px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(http://i.imgur.com/TseF8Rt.png); + filter: brightness(50%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(50%) drop-shadow(0px 0px 1px black); + } + + .sheet-spectrum_4 input[type="checkbox"]:checked + span::before + { + opacity: 1; + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-spectrum_4 input[type="checkbox"]:active + span::before + { + opacity: 1; + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + /* SPECTRUM 5*/ + + .sheet-spectrum_5 { + white-space: nowrap; + } + + .sheet-spectrum_5 input[type="checkbox"] + { + opacity: 0.0; + width: 40px; + height: 60px; + position: relative; + top: 0px; + left: 50%; + cursor: pointer; + z-index: 1; + margin: -20px; + } + + + .sheet-spectrum_5 input[type="checkbox"] + span::before + { + width: 40px; + height: 60px; + font-size: 40px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(http://i.imgur.com/h8JsmKI.png); + filter: brightness(50%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(50%) drop-shadow(0px 0px 1px black); + } + + .sheet-spectrum_5 input[type="checkbox"]:checked + span::before + { + opacity: 1; + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-spectrum_5 input[type="checkbox"]:active + span::before + { + opacity: 1; + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + /* SPECTRUM 6*/ + + .sheet-spectrum_6 { + white-space: nowrap; + } + + .sheet-spectrum_6 input[type="checkbox"] + { + opacity: 0.0; + width: 40px; + height: 60px; + position: relative; + top: 0px; + left: 50%; + cursor: pointer; + z-index: 1; + margin: -20px; + } + + + .sheet-spectrum_6 input[type="checkbox"] + span::before + { + width: 40px; + height: 60px; + font-size: 40px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(http://i.imgur.com/b5u5MjM.png); + filter: brightness(50%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(50%) drop-shadow(0px 0px 1px black); + } + + .sheet-spectrum_6 input[type="checkbox"]:checked + span::before + { + opacity: 1; + filter: brightness(100%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px black); + } + + .sheet-spectrum_6 input[type="checkbox"]:active + span::before + { + opacity: 1; + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + /* STATUS SPECTRUM -------------------------------------------------------- END */ + + /* DUMMY SPECTRUM -------------------------------------------------------- START */ + + /* DUMMY 1*/ + + .sheet-dummy_1 { + white-space: nowrap; + } + + .sheet-dummy_1 input[type="checkbox"] + { + opacity: 0.0; + width: 40px; + height: 60px; + position: relative; + top: 0px; + left: 50%; + cursor: pointer; + z-index: 1; + margin: -20px; + } + + + .sheet-dummy_1 input[type="checkbox"] + span::before + { + width: 40px; + height: 60px; + font-size: 40px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(http://i.imgur.com/rg3B6BY.png); + filter: brightness(50%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(50%) drop-shadow(0px 0px 1px black); + } + + .sheet-dummy_1 input[type="checkbox"]:checked + span::before + { + opacity: 1; + filter: brightness(80%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(80%) drop-shadow(0px 0px 1px black); + } + + .sheet-dummy_1 input[type="checkbox"]:active + span::before + { + opacity: 1; + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + /* DUMMY 2*/ + + .sheet-dummy_2 { + white-space: nowrap; + } + + .sheet-dummy_2 input[type="checkbox"] + { + opacity: 0.0; + width: 40px; + height: 60px; + position: relative; + top: 0px; + left: 50%; + cursor: pointer; + z-index: 1; + margin: -20px; + } + + + .sheet-dummy_2 input[type="checkbox"] + span::before + { + width: 40px; + height: 60px; + font-size: 40px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(http://i.imgur.com/ztNJj67.png); + filter: brightness(50%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(50%) drop-shadow(0px 0px 1px black); + } + + .sheet-dummy_2 input[type="checkbox"]:checked + span::before + { + opacity: 1; + filter: brightness(80%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(80%) drop-shadow(0px 0px 1px black); + } + + .sheet-dummy_2 input[type="checkbox"]:active + span::before + { + opacity: 1; + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + /* DUMMY 3*/ + + .sheet-dummy_3 { + white-space: nowrap; + } + + .sheet-dummy_3 input[type="checkbox"] + { + opacity: 0.0; + width: 40px; + height: 60px; + position: relative; + top: 0px; + left: 50%; + cursor: pointer; + z-index: 1; + margin: -20px; + } + + + .sheet-dummy_3 input[type="checkbox"] + span::before + { + width: 40px; + height: 60px; + font-size: 40px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(http://i.imgur.com/Z8z95bU.png); + filter: brightness(50%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(50%) drop-shadow(0px 0px 1px black); + } + + .sheet-dummy_3 input[type="checkbox"]:checked + span::before + { + opacity: 1; + filter: brightness(80%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(80%) drop-shadow(0px 0px 1px black); + } + + .sheet-dummy_3 input[type="checkbox"]:active + span::before + { + opacity: 1; + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + /* DUMMY 4*/ + + .sheet-dummy_4 { + white-space: nowrap; + } + + .sheet-dummy_4 input[type="checkbox"] + { + opacity: 0.0; + width: 40px; + height: 60px; + position: relative; + top: 0px; + left: 50%; + cursor: pointer; + z-index: 1; + margin: -20px; + } + + + .sheet-dummy_4 input[type="checkbox"] + span::before + { + width: 40px; + height: 60px; + font-size: 40px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(http://i.imgur.com/TseF8Rt.png); + filter: brightness(50%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(50%) drop-shadow(0px 0px 1px black); + } + + .sheet-dummy_4 input[type="checkbox"]:checked + span::before + { + opacity: 1; + filter: brightness(80%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(80%) drop-shadow(0px 0px 1px black); + } + + .sheet-dummy_4 input[type="checkbox"]:active + span::before + { + opacity: 1; + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + /* DUMMY 5*/ + + .sheet-spectrum_5 { + white-space: nowrap; + } + + .sheet-dummy_5 input[type="checkbox"] + { + opacity: 0.0; + width: 40px; + height: 60px; + position: relative; + top: 0px; + left: 50%; + cursor: pointer; + z-index: 1; + margin: -20px; + } + + + .sheet-dummy_5 input[type="checkbox"] + span::before + { + width: 40px; + height: 60px; + font-size: 40px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(http://i.imgur.com/h8JsmKI.png); + filter: brightness(50%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(50%) drop-shadow(0px 0px 1px black); + } + + .sheet-dummy_5 input[type="checkbox"]:checked + span::before + { + opacity: 1; + filter: brightness(80%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(80%) drop-shadow(0px 0px 1px black); + } + + .sheet-dummy_5 input[type="checkbox"]:active + span::before + { + opacity: 1; + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + /* DUMMY 6*/ + + .sheet-dummy_6 { + white-space: nowrap; + } + + .sheet-dummy_6 input[type="checkbox"] + { + opacity: 0.0; + width: 40px; + height: 60px; + position: relative; + top: 0px; + left: 50%; + cursor: pointer; + z-index: 1; + margin: -20px; + } + + + .sheet-dummy_6 input[type="checkbox"] + span::before + { + width: 40px; + height: 60px; + font-size: 40px; + text-align: center; + display: inline-block; + vertical-align: middle; + content: url(http://i.imgur.com/b5u5MjM.png); + filter: brightness(50%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(50%) drop-shadow(0px 0px 1px black); + } + + .sheet-dummy_6 input[type="checkbox"]:checked + span::before + { + filter: brightness(80%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(80%) drop-shadow(0px 0px 1px black); + } + + .sheet-dummy_6 input[type="checkbox"]:active + span::before + { + opacity: 1; + filter: brightness(100%) drop-shadow(0px 0px 1px white); + -webkit-filter: brightness(100%) drop-shadow(0px 0px 1px white); + } + + /* DUMMY SPECTRUM -------------------------------------------------------------- END */ + + /* SPECTRUM CAPS---------------------------------------------------------------- START */ + + .sheet-spectrum_right_cap { + background: url('http://i.imgur.com/HReGU96.png') no-repeat; + display: block; + width: 30px; + height: 60px; + background-size: contain; + background-position: center; + filter: brightness(50%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(50%) drop-shadow(0px 0px 1px black); + } + + .sheet-spectrum_left_cap { + background: url('http://i.imgur.com/hb5alW9.png') no-repeat; + display: block; + width: 30px; + height: 60px; + background-size: contain; + background-position: center; + filter: brightness(50%) drop-shadow(0px 0px 1px black); + -webkit-filter: brightness(50%) drop-shadow(0px 0px 1px black); + } + + /* SPECTRUM CAPS --------------------------------------------------------------- END */ + +/* STATUS CARD STYLING --------------------------------------------------------- END */ + + .sheet-hidden { + display: none; + } + + .sheet-shadow { + filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.5)) drop-shadow(0px 10px 15px rgba(0,0,0,0.25)); + } + +/* ROLL TEMEPLATE CORE --------------------------------------------------------- START */ + +.sheet-rolltemplate-core { +} + +.sheet-rolltemplate-core .sheet-scraps_1 { + filter: drop-shadow(0px 5px 10px black); + overflow: visible; + margin: auto; +} + +.sheet-rolltemplate-core .sheet-scraps_1_body { + background: #fdfef9; + padding: 6px; + +} + +.sheet-rolltemplate-core .sheet-scraps_1_top { + background-image: url("https://i.imgur.com/awHCJ8P.png"); + background-repeat: repeat-x; + background-position: center; + height: 30px; + width: 100%; + +} + +.sheet-rolltemplate-core .sheet-scraps_1_bottom { + background-image: url("https://i.imgur.com/fdTFQ9k.png"); + background-repeat: repeat-x; + background-position: center; + height: 30px; + width: 100%; + +} + +/* ROLL TEMEPLATE CINEMATIC --------------------------------------------------------- START */ + +.sheet-rolltemplate-cinema { +} + +.sheet-rolltemplate-cinema .sheet-scraps_1 { + filter: drop-shadow(0px 5px 10px black); + overflow: visible; + margin: auto; +} + +.sheet-rolltemplate-cinema .sheet-scraps_1_body { + background: #fdfef9; + padding: 6px; + +} + +.sheet-rolltemplate-cinema .sheet-scraps_1_top { + background-image: url("https://i.imgur.com/awHCJ8P.png"); + background-repeat: repeat-x; + background-position: center; + height: 30px; + width: 100%; + +} + +.sheet-rolltemplate-cinema .sheet-scraps_1_bottom { + background-image: url("https://i.imgur.com/fdTFQ9k.png"); + background-repeat: repeat-x; + background-position: center; + height: 30px; + width: 100%; + +} diff --git a/City Of Mist Offical/city-of-mist.html b/City Of Mist Offical/city-of-mist.html new file mode 100644 index 0000000000..e5fb9c4f6f --- /dev/null +++ b/City Of Mist Offical/city-of-mist.html @@ -0,0 +1,12845 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+
+
+
+
TAKING ACTION
+ +
+ +
+ +
+ +
+ +
+ +
+
+
ROLL DYNAMITE -
+
BURN TAG FOR HIT -
+
DISABLE DESCRIPTIONS -
+
+
+
+
+ + + + + + + + +
+ + +
+
+ 1. Describe your character’s action. +
+ 2. Activate the Tags and Statuses relevant to your character's action. +
+ 3. Press the button for the Move your action triggers. +
+ 4. Follow the outcome description based on your score. +
+ +
+
+
+ +
+
+
+
+
+
+ / +
+
+
+
+ + + + + +
+
+ + + + +
+
+ + + + +
+
+ +
+
+ + + + +
+
+ + + + +
+
+ +
+
+ + + + +
+
+ + + + +
+
+ +
+
+
+ +
+ + + + + + + + + +
+ + + + + +
+ +
+ +
+
+ +
+
+
+
+ CREW THEME +
+
+
+ +
+
+
+ +
+
+ + +
+ +
+ +
+ +
+ +
+ ATTN: +
+
+ +
+ +
+ +
+ CRACK: +
+ +
+ + +
+ +
+
+
+ POWER TAGS: +
+
+ + + + + + + + + + + + + + + + + + +
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+
+
+ WEAKNESS TAGS: +
+
+ + + + +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+ +
+
+ FLIP CARD +
+
+
+
+
+ +
+
+ +
+
+
+
+ CREW THEME +
+
+
+ +
+
+
+ +
+
+
+ +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+
+ +
+ + +
+
+
+ +
+
+ FLIP CARD +
+
+
+
+
+
+
+ + +
+ +
+ +
+
+ +
+
+
+ +
+
+ +
+
+
+ +
+
+ + +
+ +
+ +
+ +
+ +
+ ATTN: +
+
+ +
+ +
+ +
+ CRACK: +
+ +
+ + +
+ +
+
+
+ POWER TAGS: +
+
+ + + + + + + + + + + + +
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+
+
+ WEAKNESS TAGS: +
+
+ + + + +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+ +
+
+ FLIP CARD +
+
+
+
+
+ +
+
+ +
+
+
+ +
+
+ +
+
+
+ +
+
+
+ IMPROVEMENTS: +
+
+ +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+
+
+ + +
+
+
+ +
+
+ FLIP CARD +
+
+
+
+
+
+
+ + +
+ +
+ +
+
+ +
+
+
+ +
+
+ +
+
+
+ +
+
+ + +
+ +
+ +
+ +
+ +
+ ATTN: +
+
+ +
+ +
+ +
+ CRACK: +
+ +
+ + +
+ +
+
+
+ POWER TAGS: +
+
+ + + + + + + + + + + + +
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+
+
+ WEAKNESS TAGS: +
+
+ + + + +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+ +
+
+ FLIP CARD +
+
+
+
+
+ +
+
+ +
+
+
+ +
+
+ +
+
+
+ +
+
+
+ IMPROVEMENTS: +
+
+ +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+
+
+ + +
+
+
+ +
+
+ FLIP CARD +
+
+
+
+
+
+
+ + +
+ +
+ +
+
+ +
+
+
+ +
+
+ +
+
+
+ +
+
+ + +
+ +
+ +
+ +
+ +
+ ATTN: +
+
+ +
+ +
+ +
+ CRACK: +
+ +
+ + +
+ +
+
+
+ POWER TAGS: +
+
+ + + + + + + + + + + + +
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+
+
+ WEAKNESS TAGS: +
+
+ + + + +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+ +
+
+ FLIP CARD +
+
+
+
+
+ +
+
+ +
+
+
+ +
+
+ +
+
+
+ +
+
+
+ IMPROVEMENTS: +
+
+ +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+
+
+ + +
+
+
+ +
+
+ FLIP CARD +
+
+
+
+
+
+
+ + +
+ + + + +
+ +
+ +
+
+ +
+
+
+ +
+
+ +
+
+
+ +
+
+ + +
+ +
+ +
+ +
+ +
+ ATTN: +
+
+ +
+ +
+ +
+ CRACK: +
+ +
+ + +
+ +
+
+
+ POWER TAGS: +
+
+ + + + + + + + + + + + + + + + + + +
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+
+
+ WEAKNESS TAGS: +
+
+ + + + +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+ +
+
+ FLIP CARD +
+
+
+
+
+ +
+
+ +
+
+
+ +
+
+ +
+
+
+ +
+
+
+ IMPROVEMENTS: +
+
+ +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+
+
+ + +
+ FLIPSIDE: +
+
+ +
+ +
+
+
+ +
+
+ FLIP CARD +
+
+
+
+
+
+
+ + +
+ +
+ +
+
+ +
+
+
+ +
+
+ +
+
+
+ +
+
+ + +
+ +
+ +
+ +
+ +
+ ATTN: +
+
+ +
+ +
+ +
+ FADE: +
+ +
+ + +
+ +
+
+
+ POWER TAGS: +
+
+ + + + + + + + + + + + + + + +
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+
+
+ WEAKNESS TAGS: +
+
+ + + + +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+ +
+
+ FLIP CARD +
+
+
+
+
+ +
+
+ +
+
+
+ +
+
+ +
+
+
+ +
+
+
+ IMPROVEMENTS: +
+
+ +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+
+
+ +
+ FLIPSIDE: +
+
+ +
+ +
+
+
+ +
+
+ FLIP CARD +
+
+
+
+
+
+
+
+ + +
+ + + + +
+ +
+ +
+
+ +
+
+
+ +
+
+ +
+
+
+ +
+
+ + +
+ +
+ +
+ +
+ +
+ ATTN: +
+
+ +
+ +
+ +
+ CRACK: +
+ +
+ + +
+ +
+
+
+ POWER TAGS: +
+
+ + + + + + + + + + + + + + + + + + +
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+
+
+ WEAKNESS TAGS: +
+
+ + + + +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+ +
+
+ FLIP CARD +
+
+
+
+
+ +
+
+ +
+
+
+ +
+
+ +
+
+
+ +
+
+
+ IMPROVEMENTS: +
+
+ +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+
+
+ + +
+ FLIPSIDE: +
+
+ +
+ +
+
+
+ +
+
+ FLIP CARD +
+
+
+
+
+
+
+ + +
+ +
+ +
+
+ +
+
+
+ +
+
+ +
+
+
+ +
+
+ + +
+ +
+ +
+ +
+ +
+ ATTN: +
+
+ +
+ +
+ +
+ FADE: +
+ +
+ + +
+ +
+
+
+ POWER TAGS: +
+
+ + + + + + + + + + + + + + + +
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+
+
+ WEAKNESS TAGS: +
+
+ + + + +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+ +
+
+ FLIP CARD +
+
+
+
+
+ +
+
+ +
+
+
+ +
+
+ +
+
+
+ +
+
+
+ IMPROVEMENTS: +
+
+ +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+
+
+ +
+ FLIPSIDE: +
+
+ +
+ +
+
+
+ +
+
+ FLIP CARD +
+
+
+
+
+
+
+
+ + +
+ + + + +
+ +
+ +
+
+ +
+
+
+ +
+
+ +
+
+
+ +
+
+ + +
+ +
+ +
+ +
+ +
+ ATTN: +
+
+ +
+ +
+ +
+ CRACK: +
+ +
+ + +
+ +
+
+
+ POWER TAGS: +
+
+ + + + + + + + + + + + + + + + + + +
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+
+
+ WEAKNESS TAGS: +
+
+ + + + +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+ +
+
+ FLIP CARD +
+
+
+
+
+ +
+
+ +
+
+
+ +
+
+ +
+
+
+ +
+
+
+ IMPROVEMENTS: +
+
+ +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+
+
+ + +
+ FLIPSIDE: +
+
+ +
+ +
+
+
+ +
+
+ FLIP CARD +
+
+
+
+
+
+
+ + +
+ +
+ +
+
+ +
+
+
+ +
+
+ +
+
+
+ +
+
+ + +
+ +
+ +
+ +
+ +
+ ATTN: +
+
+ +
+ +
+ +
+ FADE: +
+ +
+ + +
+ +
+
+
+ POWER TAGS: +
+
+ + + + + + + + + + + + + + + +
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+
+
+ WEAKNESS TAGS: +
+
+ + + + +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+ +
+
+ FLIP CARD +
+
+
+
+
+ +
+
+ +
+
+
+ +
+
+ +
+
+
+ +
+
+
+ +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+
+
+ +
+ FLIPSIDE: +
+
+ +
+ +
+
+
+ +
+
+ FLIP CARD +
+
+
+
+
+
+
+
+ + +
+ + + + +
+ +
+ +
+
+ +
+
+
+ +
+
+ +
+
+
+ +
+
+ + +
+ +
+ +
+ +
+ +
+ ATTN: +
+
+ +
+ +
+ +
+ CRACK: +
+ +
+ + +
+ +
+
+
+ POWER TAGS: +
+
+ + + + + + + + + + + + + + + + + + +
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+
+
+ WEAKNESS TAGS: +
+
+ + + + +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+ +
+
+ FLIP CARD +
+
+
+
+
+ +
+
+ +
+
+
+ +
+
+ +
+
+
+ +
+
+
+ IMPROVEMENTS: +
+
+ +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+
+
+ + +
+ FLIPSIDE: +
+
+ +
+ +
+
+
+ +
+
+ FLIP CARD +
+
+
+
+
+
+
+ + +
+ +
+ +
+
+ +
+
+
+ +
+
+ +
+
+
+ +
+
+ + +
+ +
+ +
+ +
+ +
+ ATTN: +
+
+ +
+ +
+ +
+ FADE: +
+ +
+ + +
+ +
+
+
+ POWER TAGS: +
+
+ + + + + + + + + + + + + + + +
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+
+ +
+
+ +
+
+
+ +
+
+
+ WEAKNESS TAGS: +
+
+ + + + +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+ +
+
+ FLIP CARD +
+
+
+
+
+ +
+
+ +
+
+
+ +
+
+ +
+
+
+ +
+
+
+ IMPROVEMENTS: +
+
+ +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+
+
+ +
+ FLIPSIDE: +
+
+ +
+ +
+
+
+ +
+
+ FLIP CARD +
+
+
+
+
+
+
+
+ + +
+ +
+ + +
+
+ + +
+
+
+
+ CHARACTER CARD +
+
+
+ +
+
+
+ + +
+ + + +
+ +
+ +
+ +
+ +
+ +
+ +
+ BUILD-UP: +
+ +
+ +
+ + + +
+
+
+ MYTHOS: +
+
+ +
+
+ LOGOS: +
+
+ +
+ + +
+ +
+
+ CREW: +
+
+
HELP
+
HURT
+
+
+ + + + + + + + +
+
+ +
+
+ + +
+
+ +
+
+ +
+
+ + +
+
+ +
+
+ +
+
+ + +
+
+ +
+
+ +
+
+ + +
+
+ +
+
+ +
+
+ + +
+
+ +
+
+ +
+
+ + +
+
+
+ + + +
+ +
+
+ STORY TAGS: +
+
+ + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+ + + +
+
+
+ +
+
+ FLIP CARD +
+
+
+
+
+ + +
+
+ + + +
+
+
+
+ CHARACTER CARD +
+
+
+ +
+
+
+ + + +
+ +
+ MOMENTS OF EVOLUTION: +
+ + + + + +
+
+ +
+
+ Choose another broad power tag +
+
+ +
+
+ +
+
+ Gain an extra theme +
+
+ +
+
+ +
+
+ Gain an extra theme +
+
+ +
+
+ +
+
+ Gain an extra theme +
+
+ +
+
+ +
+
+ Get closure from your Nemeses +
+
+ +
+
+ +
+
+ Go through a transformation +
+
+ +
+
+ +
+
+ Leave the City +
+
+ +
+
+ +
+
+ Make one Core Move Dynamite! +
+
+ +
+
+ +
+
+ Make one Core Move Dynamite! +
+
+ +
+
+ +
+
+ Make one Core Move Dynamite! +
+
+ +
+
+ +
+
+ See through the Mist +
+
+ +
+ + + +
+ NOTES: +
+ +
+ + + +
+ + + +
+
+
+ +
+
+ FLIP CARD +
+
+
+ +
+
+ +
+
+ + + + + + +
+ + + + +
+ +
+
+
+
+
CLUES
+
JUICE
+
STORY TAG
+
STATUS
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+ +
+ + + + + + + + +
+ + +
+ + +
+ + +
+ + +
+ +
+ + +
+ + +
+ + +
+ +
+ + +
+ + +
+ +
+ + +
+ +
+ +
+ + + +
+ + + + +
+ +
+
+
+ +
+ +
+ + +
+
+
+
+
+ +
+
+
+
+
CLUES
+
JUICE
+
STORY TAG
+
STATUS
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+ +
+ + + + + + + + + + +
+ + +
+ + +
+ + +
+ + +
+ +
+ + +
+ + +
+ + +
+ +
+ + +
+ + +
+ +
+ + +
+ +
+ +
+ + + +
+ + + + +
+ +
+
+
+ + +
+ +
+ + +
+
+
+
+
+ +
+
+
+
+
CLUES
+
JUICE
+
STORY TAG
+
STATUS
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+ +
+ + + + + + + + + + +
+ + +
+ + +
+ + +
+ + +
+ +
+ + +
+ + +
+ + +
+ +
+ + +
+ + +
+ +
+ + +
+ +
+ +
+ + + +
+ + + + +
+ +
+
+
+ + +
+ +
+ + +
+
+
+
+
+ +
+
+
+
+
CLUES
+
JUICE
+
STORY TAG
+
STATUS
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+ +
+ + + + + + + + + + +
+ + +
+ + +
+ + +
+ + +
+ +
+ + +
+ + +
+ + +
+ +
+ + +
+ + +
+ +
+ + +
+ +
+ +
+ + + +
+ + + + +
+ +
+
+
+ + +
+ +
+ + +
+
+
+
+
+ +
+
+
+
+
CLUES
+
JUICE
+
STORY TAG
+
STATUS
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+ +
+ + + + + + + + + + +
+ + +
+ + +
+ + +
+ + +
+ +
+ + +
+ + +
+ + +
+ +
+ + +
+ + +
+ +
+ + +
+ +
+ +
+ + + +
+ + + + +
+ +
+
+
+ + +
+ +
+ + +
+
+
+
+
+ +
+
+
+
+
CLUES
+
JUICE
+
STORY TAG
+
STATUS
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+ +
+ + + + + + + + + + +
+ + +
+ + +
+ + +
+ + +
+ +
+ + +
+ + +
+ + +
+ +
+ + +
+ + +
+ +
+ + +
+ +
+ +
+ + + +
+ + + + +
+ +
+
+
+ + +
+ +
+ + +
+
+
+
+
+ +
+
+
+
+
CLUES
+
JUICE
+
STORY TAG
+
STATUS
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+ +
+ + + + + + + + + + +
+ + +
+ + +
+ + +
+ + +
+ +
+ + +
+ + +
+ + +
+ +
+ + +
+ + +
+ +
+ + +
+ +
+ +
+ + + +
+ + + + +
+ +
+
+
+ + +
+ +
+ + +
+
+
+
+
+ +
+
+
+
+
CLUES
+
JUICE
+
STORY TAG
+
STATUS
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+ +
+ + + + + + + + + + +
+ + +
+ + +
+ + +
+ + +
+ +
+ + +
+ + +
+ + +
+ +
+ + +
+ + +
+ +
+ + +
+ +
+ +
+ + + +
+ + + + +
+ +
+
+
+ +
+ +
+ +
+
+
+
+
+ +
+ + + + + + + {{#rollTotal() showroll 1}} + + +++ + + + + + + + + +
+ {{char}}: {{move}} +
+ Result: {{check}} + + {{#rollGreater() is_dynamite 0}} + {{#rollGreater() check 11}} + Dynamite Success + {{/rollGreater() check 11}} + {{#rollBetween() check 10 11}} + Great Success + {{/rollBetween() check 10 11}} + {{/rollGreater() is_dynamite 0}} + + {{#^rollGreater() is_dynamite 0}} + {{#rollGreater() check 9}} + Great Success + {{/rollGreater() check 9}} + {{/^rollGreater() is_dynamite 0}} + + {{#rollBetween() check 7 9}} + Mild Success + {{/rollBetween() check 7 9}} + {{#rollLess() check 7}} + Miss + {{/rollLess() check 7}} + + Power: {{total_power}} +
+ {{/rollTotal() showroll 1}} + + {{#^rollTotal() showroll 1}} +
+
+
+
+
+
+ {{move}} +
+
+
+ {{char}} rolls a + + {{#rollGreater() is_dynamite 0}} + {{#rollGreater() check 11}} + Dynamite Success + {{/rollGreater() check 11}} + {{#rollBetween() check 10 11}} + Great Success + {{/rollBetween() check 10 11}} + {{/rollGreater() is_dynamite 0}} + + {{#^rollGreater() is_dynamite 0}} + {{#rollGreater() check 9}} + Great Success + {{/rollGreater() check 9}} + {{/^rollGreater() is_dynamite 0}} + + {{#rollBetween() check 7 9}} + Mild Success + {{/rollBetween() check 7 9}} + {{#rollLess() check 7}} + Miss + {{/rollLess() check 7}} +
+
+
+
    + {{#^rollTotal() isAt 0}} +
  • + {{isAn}} +
    • + {{/^rollTotal() isAt 0}} + {{#^rollTotal() isBt 0}} +
  • + {{isBn}} +
    • + {{/^rollTotal() isBt 0}} + {{#^rollTotal() isCt 0}} +
  • + {{isCn}} +
    • + {{/^rollTotal() isCt 0}} + {{#^rollTotal() isDt 0}} +
  • + {{isDn}} +
    • + {{/^rollTotal() isDt 0}} + {{#^rollTotal() isEt 0}} +
  • + {{isEn}} +
    • + {{/^rollTotal() isEt 0}} + {{#^rollTotal() isFt 0}} +
  • + {{isFn}} +
    • + {{/^rollTotal() isFt 0}} + {{#^rollTotal() isAIDWt 0}} +
  • + {{isAIDWn}} +
    • + {{/^rollTotal() isAIDWt 0}} + {{#^rollTotal() isWITBt 0}} +
  • + {{isWITBn}} +
    • + {{/^rollTotal() isWITBt 0}} + {{#^rollTotal() isFMt 0}} +
  • + {{isFMn}} +
    • + {{/^rollTotal() isFMt 0}} + {{#^rollTotal() isOBLVt 0}} +
  • + {{isOBLVn}} +
    • + {{/^rollTotal() isOBLVt 0}} + {{#^rollTotal() l1pAt 0}} +
  • + {{l1pAn}} +
    • + {{/^rollTotal() l1pAt 0}} + {{#^rollTotal() l1pBt 0}} +
  • + {{l1pBn}} +
    • + {{/^rollTotal() l1pBt 0}} + {{#^rollTotal() l1pCt 0}} +
  • + {{l1pCn}} +
    • + {{/^rollTotal() l1pCt 0}} + {{#^rollTotal() l1pDt 0}} +
  • + {{l1pDn}} +
    • + {{/^rollTotal() l1pDt 0}} + {{#^rollTotal() l1pEt 0}} +
  • + {{l1pEn}} +
    • + {{/^rollTotal() l1pEt 0}} + {{#^rollTotal() l1pFt 0}} +
  • + {{l1pFn}} +
    • + {{/^rollTotal() l1pFt 0}} + {{#^rollTotal() l1pGt 0}} +
  • + {{l1pGn}} +
    • + {{/^rollTotal() l1pGt 0}} + {{#^rollTotal() l1pHt 0}} +
  • + {{l1pHn}} +
    • + {{/^rollTotal() l1pHt 0}} + {{#^rollTotal() l1pIt 0}} +
  • + {{l1pIn}} +
    • + {{/^rollTotal() l1pIt 0}} + {{#^rollTotal() l1pJt 0}} +
  • + {{l1pJn}} +
    • + {{/^rollTotal() l1pJt 0}} + {{#^rollTotal() l1pKt 0}} +
  • + {{l1pKn}} +
    • + {{/^rollTotal() l1pKt 0}} + {{#^rollTotal() m1pAt 0}} +
  • + {{m1pAn}} +
    • + {{/^rollTotal() m1pAt 0}} + {{#^rollTotal() m1pBt 0}} +
  • + {{m1pBn}} +
    • + {{/^rollTotal() m1pBt 0}} + {{#^rollTotal() m1pCt 0}} +
  • + {{m1pCn}} +
    • + {{/^rollTotal() m1pCt 0}} + {{#^rollTotal() m1pDt 0}} +
  • + {{m1pDn}} +
    • + {{/^rollTotal() m1pDt 0}} + {{#^rollTotal() m1pEt 0}} +
  • + {{m1pEn}} +
    • + {{/^rollTotal() m1pEt 0}} + {{#^rollTotal() m1pFt 0}} +
  • + {{m1pFn}} +
    • + {{/^rollTotal() m1pFt 0}} + {{#^rollTotal() m1pGt 0}} +
  • + {{m1pGn}} +
    • + {{/^rollTotal() m1pGt 0}} + {{#^rollTotal() m1pHt 0}} +
  • + {{m1pHn}} +
    • + {{/^rollTotal() m1pHt 0}} + {{#^rollTotal() m1pIt 0}} +
  • + {{m1pIn}} +
    • + {{/^rollTotal() m1pIt 0}} + {{#^rollTotal() m1pJt 0}} +
  • + {{m1pJn}} +
    • + {{/^rollTotal() m1pJt 0}} + {{#^rollTotal() m1pKt 0}} +
  • + {{m1pKn}} +
    • + {{/^rollTotal() m1pKt 0}} + {{#^rollTotal() l2pAt 0}} +
  • + {{l2pAn}} +
    • + {{/^rollTotal() l2pAt 0}} + {{#^rollTotal() l2pBt 0}} +
  • + {{l2pBn}} +
    • + {{/^rollTotal() l2pBt 0}} + {{#^rollTotal() l2pCt 0}} +
  • + {{l2pCn}} +
    • + {{/^rollTotal() l2pCt 0}} + {{#^rollTotal() l2pDt 0}} +
  • + {{l2pDn}} +
    • + {{/^rollTotal() l2pDt 0}} + {{#^rollTotal() l2pEt 0}} +
  • + {{l2pEn}} +
    • + {{/^rollTotal() l2pEt 0}} + {{#^rollTotal() l2pFt 0}} +
  • + {{l2pFn}} +
    • + {{/^rollTotal() l2pFt 0}} + {{#^rollTotal() l2pGt 0}} +
  • + {{l2pGn}} +
    • + {{/^rollTotal() l2pGt 0}} + {{#^rollTotal() l2pHt 0}} +
  • + {{l2pHn}} +
    • + {{/^rollTotal() l2pHt 0}} + {{#^rollTotal() l2pIt 0}} +
  • + {{l2pIn}} +
    • + {{/^rollTotal() l2pIt 0}} + {{#^rollTotal() l2pJt 0}} +
  • + {{l2pJn}} +
    • + {{/^rollTotal() l2pJt 0}} + {{#^rollTotal() l2pKt 0}} +
  • + {{l2pKn}} +
    • + {{/^rollTotal() l2pKt 0}} + {{#^rollTotal() m2pAt 0}} +
  • + {{m2pAn}} +
    • + {{/^rollTotal() m2pAt 0}} + {{#^rollTotal() m2pBt 0}} +
  • + {{m2pBn}} +
    • + {{/^rollTotal() m2pBt 0}} + {{#^rollTotal() m2pCt 0}} +
  • + {{m2pCn}} +
    • + {{/^rollTotal() m2pCt 0}} + {{#^rollTotal() m2pDt 0}} +
  • + {{m2pDn}} +
    • + {{/^rollTotal() m2pDt 0}} + {{#^rollTotal() m2pEt 0}} +
  • + {{m2pEn}} +
    • + {{/^rollTotal() m2pEt 0}} + {{#^rollTotal() m2pFt 0}} +
  • + {{m2pFn}} +
    • + {{/^rollTotal() m2pFt 0}} + {{#^rollTotal() m2pGt 0}} +
  • + {{m2pGn}} +
    • + {{/^rollTotal() m2pGt 0}} + {{#^rollTotal() m2pHt 0}} +
  • + {{m2pHn}} +
    • + {{/^rollTotal() m2pHt 0}} + {{#^rollTotal() m2pIt 0}} +
  • + {{m2pIn}} +
    • + {{/^rollTotal() m2pIt 0}} + {{#^rollTotal() m2pJt 0}} +
  • + {{m2pJn}} +
    • + {{/^rollTotal() m2pJt 0}} + {{#^rollTotal() m2pKt 0}} +
  • + {{m2pKn}} +
    • + {{/^rollTotal() m2pKt 0}} + {{#^rollTotal() l3pAt 0}} +
  • + {{l3pAn}} +
    • + {{/^rollTotal() l3pAt 0}} + {{#^rollTotal() l3pBt 0}} +
  • + {{l3pBn}} +
    • + {{/^rollTotal() l3pBt 0}} + {{#^rollTotal() l3pCt 0}} +
  • + {{l3pCn}} +
    • + {{/^rollTotal() l3pCt 0}} + {{#^rollTotal() l3pDt 0}} +
  • + {{l3pDn}} +
    • + {{/^rollTotal() l3pDt 0}} + {{#^rollTotal() l3pEt 0}} +
  • + {{l3pEn}} +
    • + {{/^rollTotal() l3pEt 0}} + {{#^rollTotal() l3pFt 0}} +
  • + {{l3pFn}} +
    • + {{/^rollTotal() l3pFt 0}} + {{#^rollTotal() l3pGt 0}} +
  • + {{l3pGn}} +
    • + {{/^rollTotal() l3pGt 0}} + {{#^rollTotal() l3pHt 0}} +
  • + {{l3pHn}} +
    • + {{/^rollTotal() l3pHt 0}} + {{#^rollTotal() l3pIt 0}} +
  • + {{l3pIn}} +
    • + {{/^rollTotal() l3pIt 0}} + {{#^rollTotal() l3pJt 0}} +
  • + {{l3pJn}} +
    • + {{/^rollTotal() l3pJt 0}} + {{#^rollTotal() l3pKt 0}} +
  • + {{l3pKn}} +
    • + {{/^rollTotal() l3pKt 0}} + {{#^rollTotal() m3pAt 0}} +
  • + {{m3pAn}} +
    • + {{/^rollTotal() m3pAt 0}} + {{#^rollTotal() m3pBt 0}} +
  • + {{m3pBn}} +
    • + {{/^rollTotal() m3pBt 0}} + {{#^rollTotal() m3pCt 0}} +
  • + {{m3pCn}} +
    • + {{/^rollTotal() m3pCt 0}} + {{#^rollTotal() m3pDt 0}} +
  • + {{m3pDn}} +
    • + {{/^rollTotal() m3pDt 0}} + {{#^rollTotal() m3pEt 0}} +
  • + {{m3pEn}} +
    • + {{/^rollTotal() m3pEt 0}} + {{#^rollTotal() m3pFt 0}} +
  • + {{m3pFn}} +
    • + {{/^rollTotal() m3pFt 0}} + {{#^rollTotal() m3pGt 0}} +
  • + {{m3pGn}} +
    • + {{/^rollTotal() m3pGt 0}} + {{#^rollTotal() m3pHt 0}} +
  • + {{m3pHn}} +
    • + {{/^rollTotal() m3pHt 0}} + {{#^rollTotal() m3pIt 0}} +
  • + {{m3pIn}} +
    • + {{/^rollTotal() m3pIt 0}} + {{#^rollTotal() m3pJt 0}} +
  • + {{m3pJn}} +
    • + {{/^rollTotal() m3pJt 0}} + {{#^rollTotal() m3pKt 0}} +
  • + {{m3pKn}} +
    • + {{/^rollTotal() m3pKt 0}} + {{#^rollTotal() l4pAt 0}} +
  • + {{l4pAn}} +
    • + {{/^rollTotal() l4pAt 0}} + {{#^rollTotal() l4pBt 0}} +
  • + {{l4pBn}} +
    • + {{/^rollTotal() l4pBt 0}} + {{#^rollTotal() l4pCt 0}} +
  • + {{l4pCn}} +
    • + {{/^rollTotal() l4pCt 0}} + {{#^rollTotal() l4pDt 0}} +
  • + {{l4pDn}} +
    • + {{/^rollTotal() l4pDt 0}} + {{#^rollTotal() l4pEt 0}} +
  • + {{l4pEn}} +
    • + {{/^rollTotal() l4pEt 0}} + {{#^rollTotal() l4pFt 0}} +
  • + {{l4pFn}} +
    • + {{/^rollTotal() l4pFt 0}} + {{#^rollTotal() l4pGt 0}} +
  • + {{l4pGn}} +
    • + {{/^rollTotal() l4pGt 0}} + {{#^rollTotal() l4pHt 0}} +
  • + {{l4pHn}} +
    • + {{/^rollTotal() l4pHt 0}} + {{#^rollTotal() l4pIt 0}} +
  • + {{l4pIn}} +
    • + {{/^rollTotal() l4pIt 0}} + {{#^rollTotal() l4pJt 0}} +
  • + {{l4pJn}} +
    • + {{/^rollTotal() l4pJt 0}} + {{#^rollTotal() l4pKt 0}} +
  • + {{l4pKn}} +
    • + {{/^rollTotal() l4pKt 0}} + {{#^rollTotal() m4pAt 0}} +
  • + {{m4pAn}} +
    • + {{/^rollTotal() m4pAt 0}} + {{#^rollTotal() m4pBt 0}} +
  • + {{m4pBn}} +
    • + {{/^rollTotal() m4pBt 0}} + {{#^rollTotal() m4pCt 0}} +
  • + {{m4pCn}} +
    • + {{/^rollTotal() m4pCt 0}} + {{#^rollTotal() m4pDt 0}} +
  • + {{m4pDn}} +
    • + {{/^rollTotal() m4pDt 0}} + {{#^rollTotal() m4pEt 0}} +
  • + {{m4pEn}} +
    • + {{/^rollTotal() m4pEt 0}} + {{#^rollTotal() m4pFt 0}} +
  • + {{m4pFn}} +
    • + {{/^rollTotal() m4pFt 0}} + {{#^rollTotal() m4pGt 0}} +
  • + {{m4pGn}} +
    • + {{/^rollTotal() m4pGt 0}} + {{#^rollTotal() m4pHt 0}} +
  • + {{m4pHn}} +
    • + {{/^rollTotal() m4pHt 0}} + {{#^rollTotal() m4pIt 0}} +
  • + {{m4pIn}} +
    • + {{/^rollTotal() m4pIt 0}} + {{#^rollTotal() m4pJt 0}} +
  • + {{m4pJn}} +
    • + {{/^rollTotal() m4pJt 0}} + {{#^rollTotal() m4pKt 0}} +
  • + {{m4pKn}} +
    • + {{/^rollTotal() m4pKt 0}} + {{#^rollTotal() e1pAt 0}} +
  • + {{e1pAn}} +
    • + {{/^rollTotal() e1pAt 0}} + {{#^rollTotal() e1pBt 0}} +
  • + {{e1pBn}} +
    • + {{/^rollTotal() e1pBt 0}} + {{#^rollTotal() e1pCt 0}} +
  • + {{e1pCn}} +
    • + {{/^rollTotal() e1pCt 0}} + {{#^rollTotal() e1pDt 0}} +
  • + {{e1pDn}} +
    • + {{/^rollTotal() e1pDt 0}} + {{#^rollTotal() e1pEt 0}} +
  • + {{e1pEn}} +
    • + {{/^rollTotal() e1pEt 0}} + {{#^rollTotal() e1pFt 0}} +
  • + {{e1pFn}} +
    • + {{/^rollTotal() e1pFt 0}} + {{#^rollTotal() e1pGt 0}} +
  • + {{e1pGn}} +
    • + {{/^rollTotal() e1pGt 0}} + {{#^rollTotal() e1pHt 0}} +
  • + {{e1pHn}} +
    • + {{/^rollTotal() e1pHt 0}} + {{#^rollTotal() e1pIt 0}} +
  • + {{e1pIn}} +
    • + {{/^rollTotal() e1pIt 0}} + {{#^rollTotal() e1pJt 0}} +
  • + {{e1pJn}} +
    • + {{/^rollTotal() e1pJt 0}} + {{#^rollTotal() e1pKt 0}} +
  • + {{e1pKn}} +
    • + {{/^rollTotal() e1pKt 0}} + {{#^rollTotal() e2pAt 0}} +
  • + {{e2pAn}} +
    • + {{/^rollTotal() e2pAt 0}} + {{#^rollTotal() e2pBt 0}} +
  • + {{e2pBn}} +
    • + {{/^rollTotal() e2pBt 0}} + {{#^rollTotal() e2pCt 0}} +
  • + {{e2pCn}} +
    • + {{/^rollTotal() e2pCt 0}} + {{#^rollTotal() e2pDt 0}} +
  • + {{e2pDn}} +
    • + {{/^rollTotal() e2pDt 0}} + {{#^rollTotal() e2pEt 0}} +
  • + {{e2pEn}} +
    • + {{/^rollTotal() e2pEt 0}} + {{#^rollTotal() e2pFt 0}} +
  • + {{e2pFn}} +
    • + {{/^rollTotal() e2pFt 0}} + {{#^rollTotal() e2pGt 0}} +
  • + {{e2pGn}} +
    • + {{/^rollTotal() e2pGt 0}} + {{#^rollTotal() e2pHt 0}} +
  • + {{e2pHn}} +
    • + {{/^rollTotal() e2pHt 0}} + {{#^rollTotal() e2pIt 0}} +
  • + {{e2pIn}} +
    • + {{/^rollTotal() e2pIt 0}} + {{#^rollTotal() e2pJt 0}} +
  • + {{e2pJn}} +
    • + {{/^rollTotal() e2pJt 0}} + {{#^rollTotal() e2pKt 0}} +
  • + {{e2pKn}} +
    • + {{/^rollTotal() e2pKt 0}} + {{#^rollTotal() e3pAt 0}} +
  • + {{e3pAn}} +
    • + {{/^rollTotal() e3pAt 0}} + {{#^rollTotal() e3pBt 0}} +
  • + {{e3pBn}} +
    • + {{/^rollTotal() e3pBt 0}} + {{#^rollTotal() e3pCt 0}} +
  • + {{e3pCn}} +
    • + {{/^rollTotal() e3pCt 0}} + {{#^rollTotal() e3pDt 0}} +
  • + {{e3pDn}} +
    • + {{/^rollTotal() e3pDt 0}} + {{#^rollTotal() e3pEt 0}} +
  • + {{e3pEn}} +
    • + {{/^rollTotal() e3pEt 0}} + {{#^rollTotal() e3pFt 0}} +
  • + {{e3pFn}} +
    • + {{/^rollTotal() e3pFt 0}} + {{#^rollTotal() e3pGt 0}} +
  • + {{e3pGn}} +
    • + {{/^rollTotal() e3pGt 0}} + {{#^rollTotal() e3pHt 0}} +
  • + {{e3pHn}} +
    • + {{/^rollTotal() e3pHt 0}} + {{#^rollTotal() e3pIt 0}} +
  • + {{e3pIn}} +
    • + {{/^rollTotal() e3pIt 0}} + {{#^rollTotal() e3pJt 0}} +
  • + {{e3pJn}} +
    • + {{/^rollTotal() e3pJt 0}} + {{#^rollTotal() e3pKt 0}} +
  • + {{e3pKn}} +
    • + {{/^rollTotal() e3pKt 0}} + {{#^rollTotal() l1wAt 0}} +
  • + {{l1wAn}} +
    • + {{/^rollTotal() l1wAt 0}} + {{#^rollTotal() l1wBt 0}} +
  • + {{l1wBn}} +
    • + {{/^rollTotal() l1wBt 0}} + {{#^rollTotal() l1wCt 0}} +
  • + {{l1wCn}} +
    • + {{/^rollTotal() l1wCt 0}} + {{#^rollTotal() l1wDt 0}} +
  • + {{l1wDn}} +
    • + {{/^rollTotal() l1wDt 0}} + {{#^rollTotal() m1wAt 0}} +
  • + {{m1wAn}} +
    • + {{/^rollTotal() m1wAt 0}} + {{#^rollTotal() m1wBt 0}} +
  • + {{m1wBn}} +
    • + {{/^rollTotal() m1wBt 0}} + {{#^rollTotal() m1wCt 0}} +
  • + {{m1wCn}} +
    • + {{/^rollTotal() m1wCt 0}} + {{#^rollTotal() m1wDt 0}} +
  • + {{m1wDn}} +
    • + {{/^rollTotal() m1wDt 0}} + {{#^rollTotal() l2wAt 0}} +
  • + {{l2wAn}} +
    • + {{/^rollTotal() l2wAt 0}} + {{#^rollTotal() l2wBt 0}} +
  • + {{l2wBn}} +
    • + {{/^rollTotal() l2wBt 0}} + {{#^rollTotal() l2wCt 0}} +
  • + {{l2wCn}} +
    • + {{/^rollTotal() l2wCt 0}} + {{#^rollTotal() l2wDt 0}} +
  • + {{l2wDn}} +
    • + {{/^rollTotal() l2wDt 0}} + {{#^rollTotal() m2wAt 0}} +
  • + {{m2wAn}} +
    • + {{/^rollTotal() m2wAt 0}} + {{#^rollTotal() m2wBt 0}} +
  • + {{m2wBn}} +
    • + {{/^rollTotal() m2wBt 0}} + {{#^rollTotal() m2wCt 0}} +
  • + {{m2wCn}} +
    • + {{/^rollTotal() m2wCt 0}} + {{#^rollTotal() m2wDt 0}} +
  • + {{m2wDn}} +
    • + {{/^rollTotal() m2wDt 0}} + {{#^rollTotal() l3wAt 0}} +
  • + {{l3wAn}} +
    • + {{/^rollTotal() l3wAt 0}} + {{#^rollTotal() l3wBt 0}} +
  • + {{l3wBn}} +
    • + {{/^rollTotal() l3wBt 0}} + {{#^rollTotal() l3wCt 0}} +
  • + {{l3wCn}} +
    • + {{/^rollTotal() l3wCt 0}} + {{#^rollTotal() l3wDt 0}} +
  • + {{l3wDn}} +
    • + {{/^rollTotal() l3wDt 0}} + {{#^rollTotal() m3wAt 0}} +
  • + {{m3wAn}} +
    • + {{/^rollTotal() m3wAt 0}} + {{#^rollTotal() m3wBt 0}} +
  • + {{m3wBn}} +
    • + {{/^rollTotal() m3wBt 0}} + {{#^rollTotal() m3wCt 0}} +
  • + {{m3wCn}} +
    • + {{/^rollTotal() m3wCt 0}} + {{#^rollTotal() m3wDt 0}} +
  • + {{m3wDn}} +
    • + {{/^rollTotal() m3wDt 0}} + {{#^rollTotal() l4wAt 0}} +
  • + {{l4wAn}} +
    • + {{/^rollTotal() l4wAt 0}} + {{#^rollTotal() l4wBt 0}} +
  • + {{l4wBn}} +
    • + {{/^rollTotal() l4wBt 0}} + {{#^rollTotal() l4wCt 0}} +
  • + {{l4wCn}} +
    • + {{/^rollTotal() l4wCt 0}} + {{#^rollTotal() l4wDt 0}} +
  • + {{l4wDn}} +
    • + {{/^rollTotal() l4wDt 0}} + {{#^rollTotal() m4wAt 0}} +
  • + {{m4wAn}} +
    • + {{/^rollTotal() m4wAt 0}} + {{#^rollTotal() m4wBt 0}} +
  • + {{m4wBn}} +
    • + {{/^rollTotal() m4wBt 0}} + {{#^rollTotal() m4wCt 0}} +
  • + {{m4wCn}} +
    • + {{/^rollTotal() m4wCt 0}} + {{#^rollTotal() m4wDt 0}} +
  • + {{m4wDn}} +
    • + {{/^rollTotal() m4wDt 0}} + {{#^rollTotal() e1wAt 0}} +
  • + {{e1wAn}} +
    • + {{/^rollTotal() e1wAt 0}} + {{#^rollTotal() e1wBt 0}} +
  • + {{e1wBn}} +
    • + {{/^rollTotal() e1wBt 0}} + {{#^rollTotal() e1wCt 0}} +
  • + {{e1wCn}} +
    • + {{/^rollTotal() e1wCt 0}} + {{#^rollTotal() e1wDt 0}} +
  • + {{e1wDn}} +
    • + {{/^rollTotal() e1wDt 0}} + {{#^rollTotal() e2wAt 0}} +
  • + {{e2wAn}} +
    • + {{/^rollTotal() e2wAt 0}} + {{#^rollTotal() e2wBt 0}} +
  • + {{e2wBn}} +
    • + {{/^rollTotal() e2wBt 0}} + {{#^rollTotal() e2wCt 0}} +
  • + {{e2wCn}} +
    • + {{/^rollTotal() e2wCt 0}} + {{#^rollTotal() e2wDt 0}} +
  • + {{e2wDn}} +
    • + {{/^rollTotal() e2wDt 0}} + {{#^rollTotal() e3wAt 0}} +
  • + {{e3wAn}} +
    • + {{/^rollTotal() e3wAt 0}} + {{#^rollTotal() e3wBt 0}} +
  • + {{e3wBn}} +
    • + {{/^rollTotal() e3wBt 0}} + {{#^rollTotal() e3wCt 0}} +
  • + {{e3wCn}} +
    • + {{/^rollTotal() e3wCt 0}} + {{#^rollTotal() e3wDt 0}} +
  • + {{e3wDn}} +
    • + {{/^rollTotal() e3wDt 0}} + {{#^rollTotal() s1s 0}} +
  • + {{s1n}} +
    • + {{/^rollTotal() s1s 0}} + {{#^rollTotal() s2s 0}} +
  • + {{s2n}} +
    • + {{/^rollTotal() s2s 0}} + {{#^rollTotal() s3s 0}} +
  • + {{s3n}} +
    • + {{/^rollTotal() s3s 0}} + {{#^rollTotal() s4s 0}} +
  • + {{s4n}} +
    • + {{/^rollTotal() s4s 0}} + {{#^rollTotal() s5s 0}} +
  • + {{s5n}} +
    • + {{/^rollTotal() s5s 0}} + {{#^rollTotal() s6s 0}} +
  • + {{s6n}} +
    • + {{/^rollTotal() s6s 0}} + {{#^rollTotal() s7s 0}} +
  • + {{s7n}} +
    • + {{/^rollTotal() s7s 0}} + {{#^rollTotal() s8s 0}} +
  • + {{s8n}} +
    • + {{/^rollTotal() s8s 0}} +
+
+
+
+ + + + + +
+ Result: {{check}} + + Power: {{total_power}} +
+
+
+
+ + {{#rollGreater() is_dynamite 0}} + + {{#rollGreater() check 11}} +
{{dynamite}}
+ {{/rollGreater() check 11}} + + + {{#rollBetween() check 10 11}} +
{{success}}
+ {{/rollBetween() check 10 11}} + + {{/rollGreater() is_dynamite 0}} + + + {{#^rollGreater() is_dynamite 0}} + + {{#rollGreater() check 9}} +
{{success}}
+ {{/rollGreater() check 9}} + + {{/^rollGreater() is_dynamite 0}} + + + {{#rollBetween() check 7 9}} +
{{partial}}
+ {{/rollBetween() check 7 9}} + + + {{#rollLess() check 7}} +
{{miss}}
+ {{/rollLess() check 7}} + + +
+
+
+
+
+ {{/^rollTotal() showroll 1}} + + + + {{#rollTotal() showroll 1}} + + +++ + + + + + + +
+ {{char}}: {{move}} +
+ {{move_description}} +
+ {{/rollTotal() showroll 1}} + {{#^rollTotal() showroll 1}} +
+
+
+
+
+
+ {{move}} +
+
+
+ {{char}} takes the spotlight! +
+
+
+ + {{move_description}} + +
+
+
+
+
+ {{/^rollTotal() showroll 1}} + \ No newline at end of file diff --git a/City Of Mist Offical/sheet.json b/City Of Mist Offical/sheet.json new file mode 100644 index 0000000000..7e1cee197e --- /dev/null +++ b/City Of Mist Offical/sheet.json @@ -0,0 +1,8 @@ +{ + "html": "city-of-mist.html", + "css": "city-of-mist.css", + "authors": "Ollie Gross, William Kertz", + "roll20userid": "209917, 319412", + "preview": "city-of-mist-preview.jpg", + "instructions": "v1.0 of the free version of the City of Mist character sheet. Includes buttons with move descriptions. Core Moves power is summed from checked Power Tags, Weakness Tags and Status Tags." +} \ No newline at end of file