diff --git a/Torchbearer 2E/torchbearer.css b/Torchbearer 2E/torchbearer.css index 57ed3a3dbe..0470c40a62 100644 --- a/Torchbearer 2E/torchbearer.css +++ b/Torchbearer 2E/torchbearer.css @@ -1,1084 +1,1198 @@ /* Fonts */ -@import url('https://fonts.googleapis.com/css?family=Architects+Daughter|Inknut+Antiqua|Inknut+Antiqua:700&display=swap'); +@import url("https://fonts.googleapis.com/css?family=Architects+Daughter|Inknut+Antiqua|Inknut+Antiqua:700&display=swap"); /* General Styling */ .sheet-bold { - font-weight: bold; + font-weight: bold; } .sheet-italic { - font-style: italic; + font-style: italic; } .sheet-center { - text-align: center; + text-align: center; } .sheet-hidden { - display: none; + display: none; } .sheet-font-smallest { - font-size: 0.75em + font-size: 0.75em; } .sheet-font-smaller { - font-size: 0.8em + font-size: 0.8em; } .sheet-font-small { - font-size: 0.9em + font-size: 0.9em; } .sheet-font-big { - font-size: 1.1em + font-size: 1.1em; } .sheet-font-bigger { - font-size: 1.2em + font-size: 1.2em; } .sheet-font-biggest { - font-size: 1.4em + font-size: 1.4em; } span { - font-family: 'Inknut Antiqua'; - letter-spacing: -1px; + font-family: "Inknut Antiqua"; + letter-spacing: -1px; } .sheet-column-2 { - width: calc(49% - 5px); - display: inline-block; - vertical-align: top; - padding-right: 5px; + width: calc(49% - 5px); + display: inline-block; + vertical-align: top; + padding-right: 5px; } .sheet-column-3 { - width: calc(32% - 5px); - display: inline-block; - vertical-align: top; - padding-right: 5px; + width: calc(32% - 5px); + display: inline-block; + vertical-align: top; + padding-right: 5px; } .sheet-compact { - display: block; - line-height: 1.2; + display: block; + line-height: 1.2; } .sheet-left { - float: left; + float: left; } .sheet-right { - float: right; + float: right; } .sheet-faint { - color: rgba(150, 150, 150, 0.8); + color: rgba(150, 150, 150, 0.8); } .sheet-footer { - bottom: 0; - left: 0; - position: absolute; - text-align: center; - width: 100%; + bottom: 0; + left: 0; + position: absolute; + text-align: center; + width: 100%; } .sheet-danger { - color: red; + color: red; } .sheet-relative { - position: relative; + position: relative; } /* Tab Styling */ -input[type=radio].sheet-tab { - opacity: 0; - position: absolute; - z-index: 2; - height: 20px; +input[type="radio"].sheet-tab { + opacity: 0; + position: absolute; + z-index: 2; + height: 20px; } -input[type=radio].sheet-tab + span { - position: absolute; - border: 2px solid rgba(165, 165, 165, 0.8); - border-radius: 5px 5px 0px 0px; - background-color: #E8E8E8; - color: rgb(64, 64, 64); - text-align: center; - font-weight: bold; +input[type="radio"].sheet-tab + span { + position: absolute; + border: 2px solid rgba(165, 165, 165, 0.8); + border-radius: 5px 5px 0px 0px; + background-color: #e8e8e8; + color: rgb(64, 64, 64); + text-align: center; + font-weight: bold; } -input[type=radio].sheet-tab:checked + span { - color: #FFFFFF; - background-color: #3155a4; +input[type="radio"].sheet-tab:checked + span { + color: #ffffff; + background-color: #3155a4; } -input[type=radio].sheet-tab.sheet-page1:checked ~ .sheet-page1, -input[type=radio].sheet-tab.sheet-page2:checked ~ .sheet-page2, -input[type=radio].sheet-tab.sheet-page3:checked ~ .sheet-page3, -input[type=radio].sheet-tab.sheet-page4:checked ~ .sheet-page4, -input[type=radio].sheet-tab.sheet-page5:checked ~ .sheet-page5, -input[type=radio].sheet-tab.sheet-page6:checked ~ .sheet-page6 -{ - display: block; +input[type="radio"].sheet-tab.sheet-page1:checked ~ .sheet-page1, +input[type="radio"].sheet-tab.sheet-page2:checked ~ .sheet-page2, +input[type="radio"].sheet-tab.sheet-page3:checked ~ .sheet-page3, +input[type="radio"].sheet-tab.sheet-page4:checked ~ .sheet-page4, +input[type="radio"].sheet-tab.sheet-page5:checked ~ .sheet-page5, +input[type="radio"].sheet-tab.sheet-page6:checked ~ .sheet-page6 { + display: block; } -input[type=radio].sheet-tab.sheet-page1, -input[type=radio].sheet-tab.sheet-page1 + span { - top: -20px; - left: 0px; - width: 95px; +input[type="radio"].sheet-tab.sheet-page1, +input[type="radio"].sheet-tab.sheet-page1 + span { + top: -20px; + left: 0px; + width: 95px; } -input[type=radio].sheet-tab.sheet-page2, -input[type=radio].sheet-tab.sheet-page2 + span { - top: -20px; - left: 99px; - width: 50px; +input[type="radio"].sheet-tab.sheet-page2, +input[type="radio"].sheet-tab.sheet-page2 + span { + top: -20px; + left: 99px; + width: 50px; } -input[type=radio].sheet-tab.sheet-page3, -input[type=radio].sheet-tab.sheet-page3 + span { - top: -20px; - left: 153px; - width: 60px; +input[type="radio"].sheet-tab.sheet-page3, +input[type="radio"].sheet-tab.sheet-page3 + span { + top: -20px; + left: 153px; + width: 60px; } -input[type=radio].sheet-tab.sheet-page4, -input[type=radio].sheet-tab.sheet-page4 + span { - top: -20px; - left: 217px; - width: 90px; +input[type="radio"].sheet-tab.sheet-page4, +input[type="radio"].sheet-tab.sheet-page4 + span { + top: -20px; + left: 217px; + width: 90px; } -input[type=radio].sheet-tab.sheet-page5, -input[type=radio].sheet-tab.sheet-page5 + span { - top: -20px; - left: 311px; - width: 50px; +input[type="radio"].sheet-tab.sheet-page5, +input[type="radio"].sheet-tab.sheet-page5 + span { + top: -20px; + left: 311px; + width: 50px; } -input[type=radio].sheet-tab.sheet-page6, -input[type=radio].sheet-tab.sheet-page6 + span { - top: -20px; - left: 365px; - width: 65px; +input[type="radio"].sheet-tab.sheet-page6, +input[type="radio"].sheet-tab.sheet-page6 + span { + top: -20px; + left: 365px; + width: 65px; } -input[type=radio].sheet-tab.sheet-editing, -input[type=radio].sheet-tab.sheet-editing + span { - top: -20px; - right: 79px; - width: 75px; +input[type="radio"].sheet-tab.sheet-editing, +input[type="radio"].sheet-tab.sheet-editing + span { + top: -20px; + right: 79px; + width: 75px; } -input[type=radio].sheet-tab.sheet-playing, -input[type=radio].sheet-tab.sheet-playing + span { - top: -20px; - right: 0px; - width: 75px; +input[type="radio"].sheet-tab.sheet-playing, +input[type="radio"].sheet-tab.sheet-playing + span { + top: -20px; + right: 0px; + width: 75px; } .sheet-tabcontainer { - width: 1075px; + width: 1075px; } /* Edit/Play Mode Styles */ -input[type=radio].sheet-playing:checked ~ .sheet-edit, -input[type=radio].sheet-editing:checked ~ .sheet-play, -input[type=radio].sheet-playing:checked ~ .sheet-tabcontainer .sheet-edit, -input[type=radio].sheet-editing:checked ~ .sheet-tabcontainer .sheet-play { - display: none; +input[type="radio"].sheet-playing:checked ~ .sheet-edit, +input[type="radio"].sheet-editing:checked ~ .sheet-play, +input[type="radio"].sheet-playing:checked ~ .sheet-tabcontainer .sheet-edit, +input[type="radio"].sheet-editing:checked ~ .sheet-tabcontainer .sheet-play { + display: none; } .sheet-edit, .sheet-edit > select { - background-color: rgb(255, 255, 0, 0.2); + background-color: rgb(255, 255, 0, 0.2); } .sheet-name .sheet-edit { - width: 102px; + width: 102px; } .sheet-stock .sheet-edit { - width: 103px; + width: 103px; } .sheet-class .sheet-edit { - width: 107px; + width: 107px; } .sheet-home .sheet-edit { - width: 101px; + width: 101px; } .sheet-raiment .sheet-edit { - width: 333px; + width: 333px; } .sheet-parents .sheet-edit { - width: 90px; + width: 90px; } .sheet-mentor .sheet-edit { - width: 91px; + width: 91px; } .sheet-friend .sheet-edit { - width: 98px; + width: 98px; } .sheet-enemy .sheet-edit { - width: 95px; + width: 95px; } /* Button Styling */ -button[type=roll] -{ - background-color: transparent; - color: rgb(64, 64, 64); - border: none; - font-size: 1em !important; - text-align: left; - background-image: none; - text-shadow: none; - box-shadow: none; - padding: 0px; - margin: 0px; - width: 100%; - overflow: hidden; +button[type="roll"] { + background-color: transparent; + color: rgb(64, 64, 64); + border: none; + font-size: 1em !important; + text-align: left; + background-image: none; + text-shadow: none; + box-shadow: none; + padding: 0px; + margin: 0px; + width: 100%; + overflow: hidden; } -button[type=roll]::before -{ - content: "" !important; +button[type="roll"]::before { + content: "" !important; } -button[type=roll]:hover, -input[type="checkbox"].sheet-complex_roll:hover + span.sheet-complex_roll -{ - color: #3155a4; +button[type="roll"]:hover, +input[type="checkbox"].sheet-complex_roll:hover + span.sheet-complex_roll { + color: #3155a4; } -.sheet-complex_roll{ - position: absolute; - right: 0; - top: 0; - width: 100%; - height: 100%; +.sheet-complex_roll { + position: absolute; + right: 0; + top: 0; + width: 100%; + height: 100%; } input[type="checkbox"].sheet-complex_roll { - opacity: 0.0; - cursor: pointer; - z-index: 10; - height: 100%; + opacity: 0; + cursor: pointer; + z-index: 10; + height: 100%; } /* Header Styling */ .sheet-header { - color: #3155a4; - font-family: 'Inknut Antiqua'; - font-size: 1.6em; - font-weight: 700; - font-variant: small-caps; - letter-spacing: -2px; - text-shadow: 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0; - background-image: linear-gradient(to right, rgba(216, 216, 216, 0.6), rgba(238, 222, 222, 0)); - border-radius: 25px; - padding-left: 8px; - margin-top: 5px; + color: #3155a4; + font-family: "Inknut Antiqua"; + font-size: 1.6em; + font-weight: 700; + font-variant: small-caps; + letter-spacing: -2px; + text-shadow: 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, + 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, + 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, + 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0; + background-image: linear-gradient( + to right, + rgba(216, 216, 216, 0.6), + rgba(238, 222, 222, 0) + ); + border-radius: 25px; + padding-left: 8px; + margin-top: 5px; } .sheet-center-column .sheet-header { - text-align: center; - padding: 0px; + text-align: center; + padding: 0px; } /* Handwritten Styling */ .sheet-handwritten { - font-family: 'Architects Daughter'; - color: #3155a4; - font-weight: bold; - text-transform: uppercase; - -webkit-text-stroke-width: 0.3px; - -webkit-text-stroke-color: #3155a4; - letter-spacing: normal; + font-family: "Architects Daughter"; + color: #3155a4; + font-weight: bold; + text-transform: uppercase; + -webkit-text-stroke-width: 0.3px; + -webkit-text-stroke-color: #3155a4; + letter-spacing: normal; } .sheet-underlined-input, input[type="checkbox"].sheet-underlined + span, input[type="radio"].sheet-underlined + span, -.sheet-persona-input -{ - font-family: 'Architects Daughter'; - color: #3155a4; - font-weight: bold; - text-transform: uppercase; - -webkit-text-stroke-width: 0.3px; - -webkit-text-stroke-color: #3155a4; - letter-spacing: normal; - background: none; - border-top: none; - border-left: none; - border-right: none; - border-radius: 0px; - border-bottom: 2px solid rgba(165, 165, 165, 0.8); - width: 30px !important; - -webkit-appearance: textfield; - margin: 0; - -moz-appearance: textfield; - text-align: center; - padding: 0px; - font-size: 1.2em; - display: inline-block; +.sheet-persona-input { + font-family: "Architects Daughter"; + color: #3155a4; + font-weight: bold; + text-transform: uppercase; + -webkit-text-stroke-width: 0.3px; + -webkit-text-stroke-color: #3155a4; + letter-spacing: normal; + background: none; + border-top: none; + border-left: none; + border-right: none; + border-radius: 0px; + border-bottom: 2px solid rgba(165, 165, 165, 0.8); + width: 30px !important; + -webkit-appearance: textfield; + margin: 0; + -moz-appearance: textfield; + text-align: center; + padding: 0px; + font-size: 1.2em; + display: inline-block; } .sheet-underlined-input::-webkit-outer-spin-button, .sheet-underlined-input::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0; + -webkit-appearance: none; + margin: 0; } .sheet-persona-input::-webkit-outer-spin-button, .sheet-persona-input::-webkit-inner-spin-button { - opacity: 1; + opacity: 1; } .sheet-persona-input { - width: 45px !important; - -moz-appearance: number-input; + width: 45px !important; + -moz-appearance: number-input; } .sheet-persona-input.sheet-edit, -.sheet-underlined-input.sheet-edit -{ - border: none; - background-color: rgb(255, 255, 0, 0.2); +.sheet-underlined-input.sheet-edit { + border: none; + background-color: rgb(255, 255, 0, 0.2); } .sheet-underlined-select { - font-family: 'Architects Daughter'; - color: #3155a4; - font-weight: bold; - text-transform: uppercase; - -webkit-text-stroke-width: 0.3px; - -webkit-text-stroke-color: #3155a4; - letter-spacing: normal; - background: none; - border-top: none; - border-left: none; - border-right: none; - border-radius: 0px; - border-bottom: 2px solid rgba(165, 165, 165, 0.8); - padding: 0px; - font-size: 1.2em; - height: 20px; + font-family: "Architects Daughter"; + color: #3155a4; + font-weight: bold; + text-transform: uppercase; + -webkit-text-stroke-width: 0.3px; + -webkit-text-stroke-color: #3155a4; + letter-spacing: normal; + background: none; + border-top: none; + border-left: none; + border-right: none; + border-radius: 0px; + border-bottom: 2px solid rgba(165, 165, 165, 0.8); + padding: 0px; + font-size: 1.2em; + height: 20px; } /* Layout Styling */ .sheet-container { - width: 1075px; - position: relative; - margin-left: -15px; - background: url('https://i.imgur.com/MzNsfJi.jpg'); - background-size: 100% 100%; - min-height: 935px; - display: flex; + width: 1075px; + position: relative; + margin-left: -15px; + background: url("https://i.imgur.com/MzNsfJi.jpg"); + background-size: 100% 100%; + min-height: 935px; + display: flex; } .sheet-left-column { - display: inline-block; - vertical-align: top; - width: 355px; - height: 100%; - border-right: 2px solid rgba(165, 165, 165, 0.8); - position: relative; + display: inline-block; + vertical-align: top; + width: 355px; + height: 100%; + border-right: 2px solid rgba(165, 165, 165, 0.8); + position: relative; } .sheet-center-column { - display: inline-block; - vertical-align: top; - width: 188px; - margin-left: -5px; - margin-right: -5px; - height: 100%; - position: relative; + display: inline-block; + vertical-align: top; + width: 188px; + margin-left: -5px; + margin-right: -5px; + height: 100%; + position: relative; } .sheet-right-column { - display: inline-block; - vertical-align: top; - width: 530px; - height: 100%; - border-left: 2px solid rgba(165, 165, 165, 0.8); - position: relative; + display: inline-block; + vertical-align: top; + width: 530px; + height: 100%; + border-left: 2px solid rgba(165, 165, 165, 0.8); + position: relative; } .sheet-section { - padding: 10px; - border-top: 2px solid rgba(165, 165, 165, 0.8); + padding: 10px; + border-top: 2px solid rgba(165, 165, 165, 0.8); } .sheet-container { - border-bottom: 2px solid rgba(165, 165, 165, 0.8); + border-bottom: 2px solid rgba(165, 165, 165, 0.8); } .sheet-traits, .sheet-fate, -.sheet-check-info -{ - position: relative; +.sheet-check-info { + position: relative; } .sheet-logo { - background: url('https://i.imgur.com/5SuVIW0.png'); - background-size: 100% 100%; - height: 53px; - width: 98%; - position: absolute; - top: 0; - left: 1%; + background: url("https://i.imgur.com/5SuVIW0.png"); + background-size: 100% 100%; + height: 53px; + width: 98%; + position: absolute; + top: 0; + left: 1%; } /* Bubble Styling */ -input[type="radio"].sheet-normal -{ - position: absolute; - opacity: 0.0; - width: 10px; - cursor: pointer; - z-index: 10; - margin-top: 5px; - margin-right: -4px; +input[type="radio"].sheet-normal { + position: absolute; + opacity: 0; + width: 10px; + cursor: pointer; + z-index: 10; + margin-top: 5px; + margin-right: -4px; } -input[type="radio"].sheet-normal + span::before -{ - border: solid 1px #000000; - line-height: 11px; - text-align: center; - display: inline-block; - vertical-align: middle; - -moz-box-shadow: 0 0 0px #000; - -webkit-box-shadow: 0 0 0px #000; - box-shadow: 0 0 0px #000; - background: #000000; - background: -moz-radial-gradient(#f6f6f6, #dfdfdf); - background: -webkit-radial-gradient(#f6f6f6, #dfdfdf); - background: -ms-radial-gradient(#f6f6f6, #dfdfdf); - background: -o-radial-gradient(#f6f6f6, #dfdfdf); - background: radial-gradient(#f6f6f6, #dfdfdf); +input[type="radio"].sheet-normal + span::before { + border: solid 1px #000000; + line-height: 11px; + text-align: center; + display: inline-block; + vertical-align: middle; + -moz-box-shadow: 0 0 0px #000; + -webkit-box-shadow: 0 0 0px #000; + box-shadow: 0 0 0px #000; + background: #000000; + background: -moz-radial-gradient(#f6f6f6, #dfdfdf); + background: -webkit-radial-gradient(#f6f6f6, #dfdfdf); + background: -ms-radial-gradient(#f6f6f6, #dfdfdf); + background: -o-radial-gradient(#f6f6f6, #dfdfdf); + background: radial-gradient(#f6f6f6, #dfdfdf); } -input[type="radio"].sheet-normal + span::before -{ - content: "•"; - width: 8px; - height: 8px; - font-size: 40.9px; - font-family: "Arial"; - text-indent: -3px; - font-weight: normal; - -webkit-font-smoothing: antialiased; - -moz-border-radius: 50%; - -webkit-border-radius: 50%; - border-radius: 50%; - margin-right: -4px; +input[type="radio"].sheet-normal + span::before { + content: "•"; + width: 8px; + height: 8px; + font-size: 40.9px; + font-family: "Arial"; + text-indent: -3px; + font-weight: normal; + -webkit-font-smoothing: antialiased; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + margin-right: -4px; } -input[type="radio"].sheet-normal:checked ~ input[type="radio"] + span::before -{ - content: ""; +input[type="radio"].sheet-normal:checked ~ input[type="radio"] + span::before { + content: ""; } -input.sheet-zero:checked + span::before -{ - opacity: 0; +input.sheet-zero:checked + span::before { + opacity: 0; } -input.sheet-zero:hover + span::before -{ - opacity: 0.25; - font-size: 12px; - content: "✖"; - text-indent: -1px; +input.sheet-zero:hover + span::before { + opacity: 0.25; + font-size: 12px; + content: "✖"; + text-indent: -1px; } -input.sheet-zero + span::before -{ - opacity: 0; +input.sheet-zero + span::before { + opacity: 0; } .sheet-advancement-flag[value="0"] ~ .sheet-advancement-pass .sheet-0, - .sheet-advancement-flag[value="1"] ~ .sheet-advancement-pass .sheet-1, - .sheet-advancement-flag[value="2"] ~ .sheet-advancement-pass .sheet-1, .sheet-advancement-flag[value="2"] ~ .sheet-advancement-pass .sheet-2, - .sheet-advancement-flag[value="3"] ~ .sheet-advancement-pass .sheet-1, .sheet-advancement-flag[value="3"] ~ .sheet-advancement-pass .sheet-2, .sheet-advancement-flag[value="3"] ~ .sheet-advancement-pass .sheet-3, - .sheet-advancement-flag[value="4"] ~ .sheet-advancement-pass .sheet-1, .sheet-advancement-flag[value="4"] ~ .sheet-advancement-pass .sheet-2, .sheet-advancement-flag[value="4"] ~ .sheet-advancement-pass .sheet-3, .sheet-advancement-flag[value="4"] ~ .sheet-advancement-pass .sheet-4, - .sheet-advancement-flag[value="5"] ~ .sheet-advancement-pass .sheet-1, .sheet-advancement-flag[value="5"] ~ .sheet-advancement-pass .sheet-2, .sheet-advancement-flag[value="5"] ~ .sheet-advancement-pass .sheet-3, .sheet-advancement-flag[value="5"] ~ .sheet-advancement-pass .sheet-4, .sheet-advancement-flag[value="5"] ~ .sheet-advancement-pass .sheet-5, - -.sheet-max10.sheet-advancement-flag[value="0"] ~ .sheet-advancement-pass .sheet-1, - -.sheet-max10.sheet-advancement-flag[value="6"] ~ .sheet-advancement-pass .sheet-1, -.sheet-max10.sheet-advancement-flag[value="6"] ~ .sheet-advancement-pass .sheet-2, -.sheet-max10.sheet-advancement-flag[value="6"] ~ .sheet-advancement-pass .sheet-3, -.sheet-max10.sheet-advancement-flag[value="6"] ~ .sheet-advancement-pass .sheet-4, -.sheet-max10.sheet-advancement-flag[value="6"] ~ .sheet-advancement-pass .sheet-5, -.sheet-max10.sheet-advancement-flag[value="6"] ~ .sheet-advancement-pass .sheet-6, - -.sheet-max10.sheet-advancement-flag[value="7"] ~ .sheet-advancement-pass .sheet-1, -.sheet-max10.sheet-advancement-flag[value="7"] ~ .sheet-advancement-pass .sheet-2, -.sheet-max10.sheet-advancement-flag[value="7"] ~ .sheet-advancement-pass .sheet-3, -.sheet-max10.sheet-advancement-flag[value="7"] ~ .sheet-advancement-pass .sheet-4, -.sheet-max10.sheet-advancement-flag[value="7"] ~ .sheet-advancement-pass .sheet-5, -.sheet-max10.sheet-advancement-flag[value="7"] ~ .sheet-advancement-pass .sheet-6, -.sheet-max10.sheet-advancement-flag[value="7"] ~ .sheet-advancement-pass .sheet-7, - -.sheet-max10.sheet-advancement-flag[value="8"] ~ .sheet-advancement-pass .sheet-1, -.sheet-max10.sheet-advancement-flag[value="8"] ~ .sheet-advancement-pass .sheet-2, -.sheet-max10.sheet-advancement-flag[value="8"] ~ .sheet-advancement-pass .sheet-3, -.sheet-max10.sheet-advancement-flag[value="8"] ~ .sheet-advancement-pass .sheet-4, -.sheet-max10.sheet-advancement-flag[value="8"] ~ .sheet-advancement-pass .sheet-5, -.sheet-max10.sheet-advancement-flag[value="8"] ~ .sheet-advancement-pass .sheet-6, -.sheet-max10.sheet-advancement-flag[value="8"] ~ .sheet-advancement-pass .sheet-7, -.sheet-max10.sheet-advancement-flag[value="8"] ~ .sheet-advancement-pass .sheet-8, - -.sheet-max10.sheet-advancement-flag[value="9"] ~ .sheet-advancement-pass .sheet-1, -.sheet-max10.sheet-advancement-flag[value="9"] ~ .sheet-advancement-pass .sheet-2, -.sheet-max10.sheet-advancement-flag[value="9"] ~ .sheet-advancement-pass .sheet-3, -.sheet-max10.sheet-advancement-flag[value="9"] ~ .sheet-advancement-pass .sheet-4, -.sheet-max10.sheet-advancement-flag[value="9"] ~ .sheet-advancement-pass .sheet-5, -.sheet-max10.sheet-advancement-flag[value="9"] ~ .sheet-advancement-pass .sheet-6, -.sheet-max10.sheet-advancement-flag[value="9"] ~ .sheet-advancement-pass .sheet-7, -.sheet-max10.sheet-advancement-flag[value="9"] ~ .sheet-advancement-pass .sheet-8, -.sheet-max10.sheet-advancement-flag[value="9"] ~ .sheet-advancement-pass .sheet-9, - +.sheet-max10.sheet-advancement-flag[value="0"] + ~ .sheet-advancement-pass + .sheet-1, +.sheet-max10.sheet-advancement-flag[value="6"] + ~ .sheet-advancement-pass + .sheet-1, +.sheet-max10.sheet-advancement-flag[value="6"] + ~ .sheet-advancement-pass + .sheet-2, +.sheet-max10.sheet-advancement-flag[value="6"] + ~ .sheet-advancement-pass + .sheet-3, +.sheet-max10.sheet-advancement-flag[value="6"] + ~ .sheet-advancement-pass + .sheet-4, +.sheet-max10.sheet-advancement-flag[value="6"] + ~ .sheet-advancement-pass + .sheet-5, +.sheet-max10.sheet-advancement-flag[value="6"] + ~ .sheet-advancement-pass + .sheet-6, +.sheet-max10.sheet-advancement-flag[value="7"] + ~ .sheet-advancement-pass + .sheet-1, +.sheet-max10.sheet-advancement-flag[value="7"] + ~ .sheet-advancement-pass + .sheet-2, +.sheet-max10.sheet-advancement-flag[value="7"] + ~ .sheet-advancement-pass + .sheet-3, +.sheet-max10.sheet-advancement-flag[value="7"] + ~ .sheet-advancement-pass + .sheet-4, +.sheet-max10.sheet-advancement-flag[value="7"] + ~ .sheet-advancement-pass + .sheet-5, +.sheet-max10.sheet-advancement-flag[value="7"] + ~ .sheet-advancement-pass + .sheet-6, +.sheet-max10.sheet-advancement-flag[value="7"] + ~ .sheet-advancement-pass + .sheet-7, +.sheet-max10.sheet-advancement-flag[value="8"] + ~ .sheet-advancement-pass + .sheet-1, +.sheet-max10.sheet-advancement-flag[value="8"] + ~ .sheet-advancement-pass + .sheet-2, +.sheet-max10.sheet-advancement-flag[value="8"] + ~ .sheet-advancement-pass + .sheet-3, +.sheet-max10.sheet-advancement-flag[value="8"] + ~ .sheet-advancement-pass + .sheet-4, +.sheet-max10.sheet-advancement-flag[value="8"] + ~ .sheet-advancement-pass + .sheet-5, +.sheet-max10.sheet-advancement-flag[value="8"] + ~ .sheet-advancement-pass + .sheet-6, +.sheet-max10.sheet-advancement-flag[value="8"] + ~ .sheet-advancement-pass + .sheet-7, +.sheet-max10.sheet-advancement-flag[value="8"] + ~ .sheet-advancement-pass + .sheet-8, +.sheet-max10.sheet-advancement-flag[value="9"] + ~ .sheet-advancement-pass + .sheet-1, +.sheet-max10.sheet-advancement-flag[value="9"] + ~ .sheet-advancement-pass + .sheet-2, +.sheet-max10.sheet-advancement-flag[value="9"] + ~ .sheet-advancement-pass + .sheet-3, +.sheet-max10.sheet-advancement-flag[value="9"] + ~ .sheet-advancement-pass + .sheet-4, +.sheet-max10.sheet-advancement-flag[value="9"] + ~ .sheet-advancement-pass + .sheet-5, +.sheet-max10.sheet-advancement-flag[value="9"] + ~ .sheet-advancement-pass + .sheet-6, +.sheet-max10.sheet-advancement-flag[value="9"] + ~ .sheet-advancement-pass + .sheet-7, +.sheet-max10.sheet-advancement-flag[value="9"] + ~ .sheet-advancement-pass + .sheet-8, +.sheet-max10.sheet-advancement-flag[value="9"] + ~ .sheet-advancement-pass + .sheet-9, .sheet-advancement-flag[value="2"] ~ .sheet-advancement-fail .sheet-1, - .sheet-advancement-flag[value="3"] ~ .sheet-advancement-fail .sheet-1, .sheet-advancement-flag[value="3"] ~ .sheet-advancement-fail .sheet-2, - .sheet-advancement-flag[value="4"] ~ .sheet-advancement-fail .sheet-1, .sheet-advancement-flag[value="4"] ~ .sheet-advancement-fail .sheet-2, .sheet-advancement-flag[value="4"] ~ .sheet-advancement-fail .sheet-3, - .sheet-advancement-flag[value="5"] ~ .sheet-advancement-fail .sheet-1, .sheet-advancement-flag[value="5"] ~ .sheet-advancement-fail .sheet-2, .sheet-advancement-flag[value="5"] ~ .sheet-advancement-fail .sheet-3, .sheet-advancement-flag[value="5"] ~ .sheet-advancement-fail .sheet-4, - -.sheet-max10.sheet-advancement-flag[value="6"] ~ .sheet-advancement-fail .sheet-1, -.sheet-max10.sheet-advancement-flag[value="6"] ~ .sheet-advancement-fail .sheet-2, -.sheet-max10.sheet-advancement-flag[value="6"] ~ .sheet-advancement-fail .sheet-3, -.sheet-max10.sheet-advancement-flag[value="6"] ~ .sheet-advancement-fail .sheet-4, -.sheet-max10.sheet-advancement-flag[value="6"] ~ .sheet-advancement-fail .sheet-5, - -.sheet-max10.sheet-advancement-flag[value="7"] ~ .sheet-advancement-fail .sheet-1, -.sheet-max10.sheet-advancement-flag[value="7"] ~ .sheet-advancement-fail .sheet-2, -.sheet-max10.sheet-advancement-flag[value="7"] ~ .sheet-advancement-fail .sheet-3, -.sheet-max10.sheet-advancement-flag[value="7"] ~ .sheet-advancement-fail .sheet-4, -.sheet-max10.sheet-advancement-flag[value="7"] ~ .sheet-advancement-fail .sheet-5, -.sheet-max10.sheet-advancement-flag[value="7"] ~ .sheet-advancement-fail .sheet-6, - -.sheet-max10.sheet-advancement-flag[value="8"] ~ .sheet-advancement-fail .sheet-1, -.sheet-max10.sheet-advancement-flag[value="8"] ~ .sheet-advancement-fail .sheet-2, -.sheet-max10.sheet-advancement-flag[value="8"] ~ .sheet-advancement-fail .sheet-3, -.sheet-max10.sheet-advancement-flag[value="8"] ~ .sheet-advancement-fail .sheet-4, -.sheet-max10.sheet-advancement-flag[value="8"] ~ .sheet-advancement-fail .sheet-5, -.sheet-max10.sheet-advancement-flag[value="8"] ~ .sheet-advancement-fail .sheet-6, -.sheet-max10.sheet-advancement-flag[value="8"] ~ .sheet-advancement-fail .sheet-7, - -.sheet-max10.sheet-advancement-flag[value="9"] ~ .sheet-advancement-fail .sheet-1, -.sheet-max10.sheet-advancement-flag[value="9"] ~ .sheet-advancement-fail .sheet-2, -.sheet-max10.sheet-advancement-flag[value="9"] ~ .sheet-advancement-fail .sheet-3, -.sheet-max10.sheet-advancement-flag[value="9"] ~ .sheet-advancement-fail .sheet-4, -.sheet-max10.sheet-advancement-flag[value="9"] ~ .sheet-advancement-fail .sheet-5, -.sheet-max10.sheet-advancement-flag[value="9"] ~ .sheet-advancement-fail .sheet-6, -.sheet-max10.sheet-advancement-flag[value="9"] ~ .sheet-advancement-fail .sheet-7, -.sheet-max10.sheet-advancement-flag[value="9"] ~ .sheet-advancement-fail .sheet-8, - +.sheet-max10.sheet-advancement-flag[value="6"] + ~ .sheet-advancement-fail + .sheet-1, +.sheet-max10.sheet-advancement-flag[value="6"] + ~ .sheet-advancement-fail + .sheet-2, +.sheet-max10.sheet-advancement-flag[value="6"] + ~ .sheet-advancement-fail + .sheet-3, +.sheet-max10.sheet-advancement-flag[value="6"] + ~ .sheet-advancement-fail + .sheet-4, +.sheet-max10.sheet-advancement-flag[value="6"] + ~ .sheet-advancement-fail + .sheet-5, +.sheet-max10.sheet-advancement-flag[value="7"] + ~ .sheet-advancement-fail + .sheet-1, +.sheet-max10.sheet-advancement-flag[value="7"] + ~ .sheet-advancement-fail + .sheet-2, +.sheet-max10.sheet-advancement-flag[value="7"] + ~ .sheet-advancement-fail + .sheet-3, +.sheet-max10.sheet-advancement-flag[value="7"] + ~ .sheet-advancement-fail + .sheet-4, +.sheet-max10.sheet-advancement-flag[value="7"] + ~ .sheet-advancement-fail + .sheet-5, +.sheet-max10.sheet-advancement-flag[value="7"] + ~ .sheet-advancement-fail + .sheet-6, +.sheet-max10.sheet-advancement-flag[value="8"] + ~ .sheet-advancement-fail + .sheet-1, +.sheet-max10.sheet-advancement-flag[value="8"] + ~ .sheet-advancement-fail + .sheet-2, +.sheet-max10.sheet-advancement-flag[value="8"] + ~ .sheet-advancement-fail + .sheet-3, +.sheet-max10.sheet-advancement-flag[value="8"] + ~ .sheet-advancement-fail + .sheet-4, +.sheet-max10.sheet-advancement-flag[value="8"] + ~ .sheet-advancement-fail + .sheet-5, +.sheet-max10.sheet-advancement-flag[value="8"] + ~ .sheet-advancement-fail + .sheet-6, +.sheet-max10.sheet-advancement-flag[value="8"] + ~ .sheet-advancement-fail + .sheet-7, +.sheet-max10.sheet-advancement-flag[value="9"] + ~ .sheet-advancement-fail + .sheet-1, +.sheet-max10.sheet-advancement-flag[value="9"] + ~ .sheet-advancement-fail + .sheet-2, +.sheet-max10.sheet-advancement-flag[value="9"] + ~ .sheet-advancement-fail + .sheet-3, +.sheet-max10.sheet-advancement-flag[value="9"] + ~ .sheet-advancement-fail + .sheet-4, +.sheet-max10.sheet-advancement-flag[value="9"] + ~ .sheet-advancement-fail + .sheet-5, +.sheet-max10.sheet-advancement-flag[value="9"] + ~ .sheet-advancement-fail + .sheet-6, +.sheet-max10.sheet-advancement-flag[value="9"] + ~ .sheet-advancement-fail + .sheet-7, +.sheet-max10.sheet-advancement-flag[value="9"] + ~ .sheet-advancement-fail + .sheet-8, .sheet-untaxed_nature[value="1"] ~ div .sheet-beginner-checks .sheet-1, - .sheet-untaxed_nature[value="2"] ~ div .sheet-beginner-checks .sheet-1, .sheet-untaxed_nature[value="2"] ~ div .sheet-beginner-checks .sheet-2, - .sheet-untaxed_nature[value="3"] ~ div .sheet-beginner-checks .sheet-1, .sheet-untaxed_nature[value="3"] ~ div .sheet-beginner-checks .sheet-2, .sheet-untaxed_nature[value="3"] ~ div .sheet-beginner-checks .sheet-3, - .sheet-untaxed_nature[value="4"] ~ div .sheet-beginner-checks .sheet-1, .sheet-untaxed_nature[value="4"] ~ div .sheet-beginner-checks .sheet-2, .sheet-untaxed_nature[value="4"] ~ div .sheet-beginner-checks .sheet-3, .sheet-untaxed_nature[value="4"] ~ div .sheet-beginner-checks .sheet-4, - .sheet-untaxed_nature[value="5"] ~ div .sheet-beginner-checks .sheet-1, .sheet-untaxed_nature[value="5"] ~ div .sheet-beginner-checks .sheet-2, .sheet-untaxed_nature[value="5"] ~ div .sheet-beginner-checks .sheet-3, .sheet-untaxed_nature[value="5"] ~ div .sheet-beginner-checks .sheet-4, .sheet-untaxed_nature[value="5"] ~ div .sheet-beginner-checks .sheet-5, - .sheet-untaxed_nature[value="6"] ~ div .sheet-beginner-checks .sheet-1, .sheet-untaxed_nature[value="6"] ~ div .sheet-beginner-checks .sheet-2, .sheet-untaxed_nature[value="6"] ~ div .sheet-beginner-checks .sheet-3, .sheet-untaxed_nature[value="6"] ~ div .sheet-beginner-checks .sheet-4, .sheet-untaxed_nature[value="6"] ~ div .sheet-beginner-checks .sheet-5, .sheet-untaxed_nature[value="6"] ~ div .sheet-beginner-checks .sheet-6, - .sheet-show-advancement[value="1"] ~ .sheet-advancement-checkbox, -.sheet-roll_type[value="simple"] ~ div .sheet-beginner_luck_flag[value="0"] ~ .sheet-simple_roll.sheet-beginner_luck, -.sheet-roll_type[value="simple"] ~ div .sheet-beginner_luck_flag:not([value="0"]) ~ .sheet-simple_roll.sheet-normal, -.sheet-roll_type[value="complex"] ~ div .sheet-complex_roll -{ - display: inline-block; +.sheet-roll_type[value="simple"] + ~ div + .sheet-beginner_luck_flag[value="0"] + ~ .sheet-simple_roll.sheet-beginner_luck, +.sheet-roll_type[value="simple"] + ~ div + .sheet-beginner_luck_flag:not([value="0"]) + ~ .sheet-simple_roll.sheet-normal, +.sheet-roll_type[value="complex"] ~ div .sheet-complex_roll { + display: inline-block; } .sheet-advancement-flag[value="0"]:not(.sheet-max10) ~ .sheet-advancement-pass, .sheet-advancement-flag[value="0"]:not(.sheet-max10) ~ .sheet-advancement-fail, -.sheet-advancement-flag:not([value="0"]) ~ .sheet-beginner-checks -{ - display: none; +.sheet-advancement-flag:not([value="0"]) ~ .sheet-beginner-checks { + display: none; } .sheet-advancement-checkbox { - position: absolute; - right: 0; - top: 0; - width: 15px; - height: 15px; + position: absolute; + right: 0; + top: 0; + width: 15px; + height: 15px; } input[type="checkbox"].sheet-advancement-checkbox { - opacity: 0.0; - cursor: pointer; - z-index: 10; - height: 15px; + opacity: 0; + cursor: pointer; + z-index: 10; + height: 15px; } input[type="checkbox"].sheet-advancement-checkbox + span { - background: url('https://i.imgur.com/lz44L8d.png'); - background-size: 100% 100%; + background: url("https://i.imgur.com/lz44L8d.png"); + background-size: 100% 100%; } /* Condition Checkbox Styling */ -.sheet-conditions .sheet-body .sheet-condition -{ - position: relative; +.sheet-conditions .sheet-body .sheet-condition { + position: relative; } input[type="checkbox"].sheet-underlined, -input[type="radio"].sheet-underlined -{ - position: absolute; - opacity: 0.0; - width: 30px; - cursor: pointer; - z-index: 10; +input[type="radio"].sheet-underlined { + position: absolute; + opacity: 0; + width: 30px; + cursor: pointer; + z-index: 10; } input[type="checkbox"].sheet-underlined:checked + span::before, -input[type="radio"].sheet-underlined:checked + span::before -{ - content: "x"; - position: absolute; - top: -4px; - left: 11px; +input[type="radio"].sheet-underlined:checked + span::before { + content: "x"; + position: absolute; + top: -4px; + left: 11px; } .sheet-conditions .sheet-body .sheet-leftside, -.sheet-conditions .sheet-body .sheet-rightside -{ - height: 19px; - display: inline-block; +.sheet-conditions .sheet-body .sheet-rightside { + height: 19px; + display: inline-block; } .sheet-conditions .sheet-body .sheet-leftside { - width: 70%; + width: 70%; } .sheet-conditions .sheet-body .sheet-rightside { - width: 27%; - position: relative; + width: 27%; + position: relative; } .sheet-conditions .sheet-body .sheet-rightside .sheet-complex_roll { - top: 7px; + top: 7px; } .sheet-conditions .sheet-body .sheet-rightside .sheet-simple_roll { - vertical-align: bottom; + vertical-align: bottom; +} + +.sheet-conditions .sheet-right { + text-align: right; +} + +.sheet-conditions .sheet-right .sheet-complex_roll, +.sheet-conditions .sheet-right .sheet-complex_roll + span { + width: 60px; } .sheet-hidden.sheet-condition-display { - display: none; + display: none; } input.sheet-condition-flag[value="1"] + .sheet-condition-display { - display: block; + display: block; } .sheet-warning { - background-color: rgb(255, 255, 0, 0.2); - border: 1px solid rgba(165, 165, 165, 0.8); - border-radius: 5px; - padding: 5px; - margin-top: 5px; - margin-bottom: 5px; + background-color: rgb(255, 255, 0, 0.2); + border: 1px solid rgba(165, 165, 165, 0.8); + border-radius: 5px; + padding: 5px; + margin-top: 5px; + margin-bottom: 5px; } .sheet-skills .sheet-row.sheet-warning { - height: 18px; + height: 18px; } -.sheet-skills input.sheet-afraid-flag.sheet-condition-flag[value="1"] ~ .sheet-column-skills input.sheet-beginner_luck_flag[value="0"] ~ button, -.sheet-skills input.sheet-afraid-flag.sheet-condition-flag[value="1"] ~ .sheet-column-skills input.sheet-beginner_luck_flag[value="0"] ~ input, -.sheet-skills input.sheet-afraid-flag.sheet-condition-flag[value="1"] ~ .sheet-column-skills input.sheet-beginner_luck_flag[value="0"] ~ input + span -{ - cursor: not-allowed; - pointer-events: none; - color: rgba(150, 150, 150, 0.8); +.sheet-skills + input.sheet-afraid-flag.sheet-condition-flag[value="1"] + ~ .sheet-column-skills + input.sheet-beginner_luck_flag[value="0"] + ~ button, +.sheet-skills + input.sheet-afraid-flag.sheet-condition-flag[value="1"] + ~ .sheet-column-skills + input.sheet-beginner_luck_flag[value="0"] + ~ input, +.sheet-skills + input.sheet-afraid-flag.sheet-condition-flag[value="1"] + ~ .sheet-column-skills + input.sheet-beginner_luck_flag[value="0"] + ~ input + + span { + cursor: not-allowed; + pointer-events: none; + color: rgba(150, 150, 150, 0.8); } -.sheet-skills input.sheet-sick-flag.sheet-condition-flag[value="1"] ~ .sheet-column-skills input[type="radio"], -.sheet-skills input.sheet-sick-flag.sheet-condition-flag[value="1"] ~ .sheet-column-skills input[type="radio"] + span -{ - cursor: not-allowed; - pointer-events: none; - color: rgba(150, 150, 150, 0.8); +.sheet-skills + input.sheet-sick-flag.sheet-condition-flag[value="1"] + ~ .sheet-column-skills + input[type="radio"], +.sheet-skills + input.sheet-sick-flag.sheet-condition-flag[value="1"] + ~ .sheet-column-skills + input[type="radio"] + + span { + cursor: not-allowed; + pointer-events: none; + color: rgba(150, 150, 150, 0.8); } -.sheet-skills input.sheet-sick-flag.sheet-condition-flag[value="1"] ~ .sheet-column-skills input[type="radio"] + span::before { - background: radial-gradient(rgba(150, 150, 150, 0.8), rgba(150, 150, 150, 0.8)); - border: 1px solid rgba(150, 150, 150, 0.8) +.sheet-skills + input.sheet-sick-flag.sheet-condition-flag[value="1"] + ~ .sheet-column-skills + input[type="radio"] + + span::before { + background: radial-gradient( + rgba(150, 150, 150, 0.8), + rgba(150, 150, 150, 0.8) + ); + border: 1px solid rgba(150, 150, 150, 0.8); } /* Who You Are Styling */ .sheet-who-you-are .sheet-column-2 .sheet-row span:first-of-type { - margin-right: 5px; + margin-right: 5px; } /* Traits */ .sheet-trait { - margin-bottom: 10px; - min-height: 40px; + margin-bottom: 10px; + min-height: 40px; } .sheet-trait div { - vertical-align: top; + vertical-align: top; } .sheet-trait-name { - width: 120px; - display: inline-block; + width: 120px; + display: inline-block; } .sheet-trait-level { - width: 80px; - display: inline-block; + width: 80px; + display: inline-block; } .sheet-trait-uses { - width: 90px; - display: inline-block; + width: 90px; + display: inline-block; } .sheet-trait-checks { - width: 28px; - display: inline-block; + width: 28px; + display: inline-block; } .sheet-traits-flag[value="1"] ~ div .sheet-1, .sheet-traits-flag[value="2"] ~ div .sheet-2, .sheet-traits-flag[value="3"] ~ div .sheet-3 { - display: inline-block; + display: inline-block; } .sheet-trait-name input { - width: 115px; + width: 115px; } .sheet-trait-level select { - width: 80px; + width: 80px; } /* ABILITIES AND SKILLS */ .sheet-raw-abilities, .sheet-town-abilities { - display: inline-block; - width: 95px; - padding-right: 5px; - vertical-align: top; - position: relative; - height: 30px; + display: inline-block; + width: 95px; + padding-right: 5px; + vertical-align: top; + position: relative; + height: 30px; } .sheet-rating { - display: inline-block; - width: 25px; - margin-right: 10px; - text-align: center; - vertical-align: top; + display: inline-block; + width: 25px; + margin-right: 10px; + text-align: center; + vertical-align: top; } .sheet-advancement { - display: inline-block; - width: 110px; - line-height: 10px; + display: inline-block; + width: 110px; + line-height: 10px; } .sheet-nature-descriptor { - display: inline-block; - margin-left: 5px; + display: inline-block; + margin-left: 5px; } .sheet-nature-descriptor:not(:last-child) span::after { - content: ","; + content: ","; } .sheet-abilities .sheet-row, -.sheet-skills .sheet-row -{ - height: 30px; +.sheet-skills .sheet-row { + height: 30px; } .sheet-abilities .sheet-rating:not(.sheet-header-only), .sheet-skills .sheet-rating:not(.sheet-header-only) { - border-radius: 0px; - border-bottom: 2px solid rgba(165, 165, 165, 0.8); - font-size: 1.2em; - line-height: .9; + border-radius: 0px; + border-bottom: 2px solid rgba(165, 165, 165, 0.8); + font-size: 1.2em; + line-height: 0.9; } .sheet-raw-abilities.sheet-nature { - width: 80px; + width: 80px; } .sheet-rating.sheet-nature { - width: 40px; + width: 40px; } .sheet-rating.sheet-nature .sheet-edit { - width: 12px !important; + width: 12px !important; } .sheet-might-container { - vertical-align: top; + vertical-align: top; } .sheet-might { - display: inline-block; - margin-right: 15px; + display: inline-block; + margin-right: 15px; } -input[type=radio].sheet-editing:checked ~ .sheet-tabcontainer .sheet-might + .sheet-rating { - position: relative; - min-height: 25px; +input[type="radio"].sheet-editing:checked + ~ .sheet-tabcontainer + .sheet-might + + .sheet-rating { + position: relative; + min-height: 25px; } .sheet-beginner-checks .sheet-bl-label { - margin-right: -7px; + margin-right: -7px; } .sheet-skill-footer .sheet-footer-left, .sheet-skill-footer .sheet-footer-right { - display: inline-block; + display: inline-block; } .sheet-skill-footer .sheet-footer-left { - width: 22.5%; - border-right: 1px solid black; + width: 22.5%; + border-right: 1px solid black; } .sheet-skill-footer .sheet-footer-right { - width: 76%; + width: 76%; } .sheet-skill-footer .sheet-row { - height: 12px; + height: 12px; } .sheet-roll_type[value="simple"] ~ div .sheet-precedence { - margin-left: 9px; + margin-left: 9px; } .sheet-nature-descriptor input { - width: 120px; + width: 120px; } .sheet-town-abilities input.sheet-edit { - width: 100px; + width: 100px; } .sheet-advancement { - position: relative; + position: relative; } .sheet-advancement .sheet-edit { - width: 68px; - position: absolute; - top: -5px; - right: 0px; + width: 68px; + position: absolute; + top: -5px; + right: 0px; } .sheet-advancement .sheet-edit select { - width: 68px; + width: 68px; } .sheet-column-skills { - width: calc(50% - 2px); - display: inline-block; - vertical-align: top; + width: calc(50% - 2px); + display: inline-block; + vertical-align: top; } .sheet-bl-ability { - position: absolute; - right: 14px; - font-size: .8em; + position: absolute; + right: 14px; + font-size: 0.8em; } .sheet-bl-ability-flag[value="w"] ~ .sheet-w, -.sheet-bl-ability-flag[value="h"] ~ .sheet-h -{ - display: inline-block; +.sheet-bl-ability-flag[value="h"] ~ .sheet-h { + display: inline-block; } /* Fate Styling */ .sheet-fate .sheet-box { - display: inline-block; - padding: 5px; - border: 2px solid rgba(150, 150, 150, 0.8); - margin-right: -5px; - width: 60px; - position: relative; + display: inline-block; + padding: 5px; + border: 2px solid rgba(150, 150, 150, 0.8); + margin-right: -5px; + width: 60px; + position: relative; } .sheet-fate .sheet-name-header { - margin-top: 10px; + margin-top: 10px; } .sheet-fate .sheet-compact, .sheet-check-info .sheet-compact { - margin-top: 3px; + margin-top: 3px; } /* Who You Are & What You Fight For Styling */ .sheet-who-you-are .sheet-row, -.sheet-what-you-fight-for .sheet-body > .sheet-row -{ - margin-top: 6px; +.sheet-what-you-fight-for .sheet-body > .sheet-row { + margin-top: 6px; } .sheet-conditions .sheet-body > .sheet-row { - margin-top: 12px; + margin-top: 12px; } .sheet-who-you-are .sheet-row { - min-height: 25px; + min-height: 25px; } .sheet-what-you-fight-for .sheet-body > .sheet-row { - min-height: 75px; + min-height: 75px; } .sheet-what-you-fight-for textarea { - width: calc(100% - 15px); - resize: vertical; - height: 40px; + width: calc(100% - 15px); + resize: vertical; + height: 40px; } /* Wises Styling */ .sheet-wise-check-container { - position: relative; - display: inline-block; + position: relative; + display: inline-block; } .sheet-wise-check-container:not(:last-child) { - border-right: 1px solid black; - padding-right: 5px; + border-right: 1px solid black; + padding-right: 5px; } .sheet-wise-check-container input[type="checkbox"].sheet-underlined, .sheet-wise-check-container input[type="checkbox"].sheet-underlined + span, .sheet-wise-check-container input[type="radio"].sheet-underlined, -.sheet-wise-check-container input[type="radio"].sheet-underlined + span -{ - width: 15px !important; +.sheet-wise-check-container input[type="radio"].sheet-underlined + span { + width: 15px !important; } -.sheet-wise-check-container input[type="checkbox"].sheet-underlined + span:before, -.sheet-wise-check-container input[type="radio"].sheet-underlined + span:before -{ - left: 3px; +.sheet-wise-check-container + input[type="checkbox"].sheet-underlined + + span:before, +.sheet-wise-check-container input[type="radio"].sheet-underlined + span:before { + left: 3px; } .sheet-wises .sheet-name-container { - min-height: 20px; - border-bottom: 1px solid black; - margin-bottom: 5px; + min-height: 20px; + border-bottom: 1px solid black; + margin-bottom: 5px; } .sheet-wises .sheet-row { - margin-bottom: 10px; + margin-bottom: 10px; } .sheet-wises-left, .sheet-wises-right { - width: 45%; - display: inline-block; + width: 45%; + display: inline-block; } .sheet-wises-left { - margin-right: 5%; + margin-right: 5%; } /* Complex Roll Styling */ -.sheet-modal-flag[value="1"] + .sheet-complex-roll-modal -{ - display: block; - position: fixed; - top: 100px; - right: 0; - left: 0; - margin-right: auto; - margin-left: auto; - z-index: 100; - width: 500px; - background: rgb(240, 240, 240); - border: 2px solid rgba(64, 64, 64, 0.8); - border-radius: 5px; - padding: 10px; +.sheet-modal-flag[value="1"] + .sheet-complex-roll-modal { + display: block; + position: fixed; + top: 100px; + right: 0; + left: 0; + margin-right: auto; + margin-left: auto; + z-index: 100; + width: 500px; + background: rgb(240, 240, 240); + border: 2px solid rgba(64, 64, 64, 0.8); + border-radius: 5px; + padding: 10px; } -input[type=checkbox].sheet-close-complex-modal, -input[type=checkbox].sheet-close-complex-modal + span { - position: absolute; - top: 0px; - right: 0px; - width: 15px; - height: 15px; +input[type="checkbox"].sheet-close-complex-modal, +input[type="checkbox"].sheet-close-complex-modal + span { + position: absolute; + top: 0px; + right: 0px; + width: 15px; + height: 15px; } -input[type=checkbox].sheet-close-complex-modal { - cursor: pointer; - opacity: 0; - z-index: 101; +input[type="checkbox"].sheet-close-complex-modal { + cursor: pointer; + opacity: 0; + z-index: 101; } -input[type=checkbox].sheet-close-complex-modal + span::before { - content: "✖"; +input[type="checkbox"].sheet-close-complex-modal + span::before { + content: "✖"; } .sheet-check-container { - position: relative; - height: 25px; + position: relative; + height: 25px; } input.sheet-ob-flag[value="independent"] ~ .sheet-independent, input.sheet-ob-flag[value="versus"] ~ .sheet-versus, input.sheet-ob-flag[value="versus"] ~ div .sheet-versus, -input.sheet-ob-flag[value="conflict"] ~ .sheet-conflict -{ - display: block; +input.sheet-ob-flag[value="conflict"] ~ .sheet-conflict { + display: block; } .sheet-roll-choices { - border-top: 2px solid rgba(165, 165, 165, 0.8); - margin-top: 10px; - padding-top: 10px; + border-top: 2px solid rgba(165, 165, 165, 0.8); + margin-top: 10px; + padding-top: 10px; } .sheet-trait-mod:checked ~ .sheet-trait-mod-options, @@ -1093,63 +1207,61 @@ input.sheet-mod-flag:not([value="0"]) + .sheet-mod, /* input.sheet-mod-flag[value="1"] + .sheet-mod, */ input.sheet-mod-flag[value="1"] + input.sheet-not-town[value="1"] + .sheet-mod, input.sheet-mod-flag-bl[value="ceil(("] + .sheet-mod, -input.sheet-in-or-out[value="outside"] + .sheet-out -{ - display: inline-block; +input.sheet-in-or-out[value="outside"] + .sheet-out { + display: inline-block; } .sheet-row.sheet-check-container.sheet-hidden, -.sheet-row.sheet-conflict.sheet-hidden -{ - display: none; +.sheet-row.sheet-conflict.sheet-hidden { + display: none; } .sheet-trait-select { - width: 130px; + width: 130px; } .sheet-nature-select { - width: 80px; + width: 80px; } -input[type=number].sheet-ob-input { - font-family: 'Architects Daughter'; - color: #3155a4; - font-weight: bold; - text-transform: uppercase; - -webkit-text-stroke-width: 0.3px; - -webkit-text-stroke-color: #3155a4; - letter-spacing: normal; - background: none; - border-top: none; - border-left: none; - border-right: none; - border-radius: 0px; - border-bottom: 2px solid rgba(165, 165, 165, 0.8); - width: 50px; - text-align: center; - padding: 0px; - font-size: 2.5em; +input[type="number"].sheet-ob-input { + font-family: "Architects Daughter"; + color: #3155a4; + font-weight: bold; + text-transform: uppercase; + -webkit-text-stroke-width: 0.3px; + -webkit-text-stroke-color: #3155a4; + letter-spacing: normal; + background: none; + border-top: none; + border-left: none; + border-right: none; + border-radius: 0px; + border-bottom: 2px solid rgba(165, 165, 165, 0.8); + width: 50px; + text-align: center; + padding: 0px; + font-size: 2.5em; } .sheet-roll-obstacle { - position: relative; + position: relative; } .sheet-rolling { - margin-top: 17px; + margin-top: 17px; } -button[type=roll].sheet-complex-roll-button { - position: absolute; - right: 10px; - bottom: -5px; - width: 33%; - height: 25px; - background: #3155a4; - border: 2px solid rgba(165, 165, 165, 0.8); - text-align: center; - z-index: 10; +button[type="roll"].sheet-complex-roll-button { + position: absolute; + right: 10px; + bottom: -5px; + width: 33%; + height: 25px; + background: #3155a4; + border: 2px solid rgba(165, 165, 165, 0.8); + text-align: center; + z-index: 10; } /* input[type=checkbox].sheet-complex-roll-listener { @@ -1162,107 +1274,102 @@ button[type=roll].sheet-complex-roll-button { z-index: 10; } */ -button[type=roll].sheet-complex-roll-button span { - color: white; - -webkit-text-stroke-color: white; +button[type="roll"].sheet-complex-roll-button span { + color: white; + -webkit-text-stroke-color: white; } .sheet-disposition-type { - width: 110%; + width: 110%; } .sheet-disposition-type input[type="radio"].sheet-underlined + span { - margin-right: 3px; + margin-right: 3px; } .sheet-disposition-type input[type="radio"].sheet-underlined + span::before { - left: 3px; + left: 3px; } .sheet-disposition-type input[type="radio"].sheet-underlined, .sheet-disposition-type input[type="radio"].sheet-underlined + span { - width: 15px !important; + width: 15px !important; } .sheet-disposition-type div { - display: inline-block; + display: inline-block; } .sheet-disposition-type .sheet-disposition-subtype { - position: absolute; - right: 0px; - top: 10px; - width: 85px; + position: absolute; + right: 0px; + top: 10px; + width: 85px; } .sheet-check-container.sheet-bottom { - height: 40px; + height: 40px; } /* Roll Template Styling */ .sheet-rolltemplate-simple .sheet-container, -.sheet-rolltemplate-complex .sheet-container -{ - background: rgb(240, 240, 240); - border: 2px solid rgba(150, 150, 150, 0.8); - border-radius: 5px; - padding: 10px; +.sheet-rolltemplate-complex .sheet-container { + background: rgb(240, 240, 240); + border: 2px solid rgba(150, 150, 150, 0.8); + border-radius: 5px; + padding: 10px; } .sheet-rolltemplate-simple .sheet-name, -.sheet-rolltemplate-complex .sheet-name -{ - color: #3155a4; - font-family: 'Inknut Antiqua'; - font-size: 1.4em; - font-weight: 700; - font-variant: small-caps; - letter-spacing: -2px; - text-shadow: 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0; +.sheet-rolltemplate-complex .sheet-name { + color: #3155a4; + font-family: "Inknut Antiqua"; + font-size: 1.4em; + font-weight: 700; + font-variant: small-caps; + letter-spacing: -2px; + text-shadow: 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, + 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, + 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, + 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0; } .sheet-rolltemplate-simple .sheet-faint, -.sheet-rolltemplate-complex .sheet-faint -{ - color: rgba(150, 150, 150, 0.8); - font-size: 0.85em; - font-family: 'Inknut Antiqua'; - letter-spacing: -1px; +.sheet-rolltemplate-complex .sheet-faint { + color: rgba(150, 150, 150, 0.8); + font-size: 0.85em; + font-family: "Inknut Antiqua"; + letter-spacing: -1px; } .sheet-rolltemplate-simple .sheet-result, -.sheet-rolltemplate-complex .sheet-result -{ - text-align: center; - font-size: 2em; +.sheet-rolltemplate-complex .sheet-result { + text-align: center; + font-size: 2em; } .sheet-rolltemplate-simple .sheet-success-footer, -.sheet-rolltemplate-complex .sheet-success-footer -{ - font-size: 0.35em; +.sheet-rolltemplate-complex .sheet-success-footer { + font-size: 0.35em; } .sheet-rolltemplate-simple .sheet-dead, -.sheet-rolltemplate-complex .sheet-dead -{ - font-size: 0.8em; - line-height: 1; +.sheet-rolltemplate-complex .sheet-dead { + font-size: 0.8em; + line-height: 1; } .sheet-rolltemplate-simple .sheet-conditions, -.sheet-rolltemplate-complex .sheet-conditions -{ - line-height: 10px; +.sheet-rolltemplate-complex .sheet-conditions { + line-height: 10px; } .sheet-rolltemplate-simple .sheet-conditions .sheet-handwritten, -.sheet-rolltemplate-complex .sheet-conditions .sheet-handwritten -{ - font-size: 0.8em; - color: rgba(150, 150, 150, 0.8); - -webkit-text-stroke-color: rgba(150, 150, 150, 0.8); +.sheet-rolltemplate-complex .sheet-conditions .sheet-handwritten { + font-size: 0.8em; + color: rgba(150, 150, 150, 0.8); + -webkit-text-stroke-color: rgba(150, 150, 150, 0.8); } .sheet-rolltemplate-simple .inlinerollresult, @@ -1272,104 +1379,109 @@ button[type=roll].sheet-complex-roll-button span { .sheet-rolltemplate-complex .inlinerollresult, .sheet-rolltemplate-complex .inlinerollresult.fullcrit, .sheet-rolltemplate-complex .inlinerollresult.fullfail, -.sheet-rolltemplate-complex .inlinerollresult.importantroll -{ - background: none; - border: none; +.sheet-rolltemplate-complex .inlinerollresult.importantroll { + background: none; + border: none; } .sheet-rolltemplate-simple .sheet-caps, -.sheet-rolltemplate-complex .sheet-caps -{ - text-transform: uppercase; +.sheet-rolltemplate-complex .sheet-caps { + text-transform: uppercase; } .sheet-rolltemplate-simple .sheet-handwritten, -.sheet-rolltemplate-complex .sheet-handwritten -{ - font-family: 'Architects Daughter'; - color: #3155a4; - font-weight: bold; - text-transform: uppercase; - -webkit-text-stroke-width: 0.3px; - -webkit-text-stroke-color: #3155a4; - letter-spacing: normal; +.sheet-rolltemplate-complex .sheet-handwritten { + font-family: "Architects Daughter"; + color: #3155a4; + font-weight: bold; + text-transform: uppercase; + -webkit-text-stroke-width: 0.3px; + -webkit-text-stroke-color: #3155a4; + letter-spacing: normal; } .sheet-rolltemplate-simple .sheet-handwritten.sheet-failure, -.sheet-rolltemplate-complex .sheet-handwritten.sheet-failure -{ - color: #a4110e; - -webkit-text-stroke-color: #a4110e; +.sheet-rolltemplate-complex .sheet-handwritten.sheet-failure { + color: #a4110e; + -webkit-text-stroke-color: #a4110e; } .sheet-rolltemplate-complex .sheet-comma { - margin-left: -5px; + margin-left: -5px; } .sheet-rolltemplate-complex .sheet-column-3 { - /* width: calc(30% - 5px); */ - display: inline-block; - vertical-align: top; - padding-right: 5px; + /* width: calc(30% - 5px); */ + display: inline-block; + vertical-align: top; + padding-right: 5px; } .sheet-rolltemplate-complex .sheet-vs { - color: rgba(150, 150, 150, 0.8); - font-size: 0.55em; - font-family: 'Inknut Antiqua'; - letter-spacing: -1px; - margin-left: -15px; - margin-right: -15px; + color: rgba(150, 150, 150, 0.8); + font-size: 0.55em; + font-family: "Inknut Antiqua"; + letter-spacing: -1px; + margin-left: -15px; + margin-right: -15px; } .sheet-rolltemplate-complex .sheet-conflict-subtype { - text-align: center; + text-align: center; +} + +.sheet-rolltemplate-complex .sheet-operator { + margin-right: -15px; } /* INVENTORY STYLING */ .sheet-inventory .sheet-name-header { - border-bottom: 2px solid rgba(165, 165, 165, 0.8); + border-bottom: 2px solid rgba(165, 165, 165, 0.8); } .sheet-inventory-row { - display: inline-block; - margin-right: 10px; - vertical-align: top; - max-height: 450px; + display: inline-block; + margin-right: 10px; + vertical-align: top; + max-height: 450px; } .sheet-inventory-section { - width: 190px; - margin-bottom: 20px; + width: 190px; + margin-bottom: 20px; } .sheet-inventory-container { - min-height: 30px; - width: 100%; + min-height: 30px; + width: 100%; } .sheet-inventory-container .sheet-status-container { - position: relative; + position: relative; } -input[type=radio].sheet-editing:not(:checked) ~ .sheet-tabcontainer .sheet-inventory-container .sheet-status-container input[type="checkbox"]:checked ~ span.sheet-status { - display: inline-block; - position: absolute; - left: 55px; - top: -5px; +input[type="radio"].sheet-editing:not(:checked) + ~ .sheet-tabcontainer + .sheet-inventory-container + .sheet-status-container + input[type="checkbox"]:checked + ~ span.sheet-status { + display: inline-block; + position: absolute; + left: 55px; + top: -5px; } .sheet-inventory-container .sheet-textinput { - width: 140px; + width: 140px; } .sheet-status { - background: none; + background: none; } .sheet-worn { - margin-right: 5px; + margin-right: 5px; } input.sheet-backpack-flag[value="none"] ~ .sheet-none, @@ -1377,150 +1489,142 @@ input.sheet-backpack-flag[value="satchel"] ~ .sheet-satchel, input.sheet-backpack-flag[value="backpack"] ~ .sheet-backpack, input.sheet-container-flag[value="small"] ~ .sheet-small, input.sheet-container-flag[value="large"] ~ .sheet-large, -input.sheet-container-flag[value="cache"] ~ .sheet-cache -{ - display: inline-block; +input.sheet-container-flag[value="cache"] ~ .sheet-cache { + display: inline-block; } .sheet-inventory .repitem { - display: inline-block; - vertical-align: top; - margin-right: 10px; + display: inline-block; + vertical-align: top; + margin-right: 10px; } .sheet-inventory-row.sheet-end { - max-width: 400px; + max-width: 400px; } .sheet-carried-options div { - display: inline-block; - position: relative; + display: inline-block; + position: relative; } .sheet-carried-options input.sheet-underlined, -.sheet-carried-options input.sheet-underlined + span -{ - width: 15px !important; +.sheet-carried-options input.sheet-underlined + span { + width: 15px !important; } -.sheet-carried-options input[type="radio"].sheet-underlined:checked + span::before { - left: 3px; +.sheet-carried-options + input[type="radio"].sheet-underlined:checked + + span::before { + left: 3px; } .sheet-inventory-row .itemcontrol { - z-index: 99; + z-index: 99; } /* MAGIC STYLING */ .sheet-relic-name, .sheet-relic-inventory, -.sheet-relic-invocation -{ - display: inline-block; - min-height: 25px; - position: relative; +.sheet-relic-invocation { + display: inline-block; + min-height: 25px; + position: relative; } .sheet-relic-name span, .sheet-relic-inventory span, -.sheet-relic-invocation span -{ - position: absolute; - bottom: 0px; +.sheet-relic-invocation span { + position: absolute; + bottom: 0px; } .sheet-relic-name input, .sheet-relic-inventory input, -.sheet-relic-invocation input -{ - position: absolute; - bottom: -3px; +.sheet-relic-invocation input { + position: absolute; + bottom: -3px; } .sheet-relic-name, -.sheet-relic-name input -{ - width: 200px; +.sheet-relic-name input { + width: 200px; } .sheet-relic-inventory, -.sheet-relic-inventory input -{ - width: 200px; +.sheet-relic-inventory input { + width: 200px; } .sheet-relic-invocation, -.sheet-relic-invocation input -{ - width: 300px; +.sheet-relic-invocation input { + width: 300px; } .sheet-relics .sheet-row { - border-bottom: 1px solid rgba(165, 165, 165, 0.8); + border-bottom: 1px solid rgba(165, 165, 165, 0.8); } .sheet-relic-section { - margin-right: 25px; - display: inline-block; + margin-right: 25px; + display: inline-block; } .sheet-urdr-burden-section { - display: inline-block; - vertical-align: top; + display: inline-block; + vertical-align: top; } .sheet-urdr-burden-section, -.sheet-urdr-burden-section .sheet-row -{ - width: 250px; +.sheet-urdr-burden-section .sheet-row { + width: 250px; } .sheet-urdr-burden-section span.sheet-faint, .sheet-urdr-burden-section span.sheet-handwritten { - padding-left: 15px; + padding-left: 15px; } span.sheet-handwritten.sheet-danger { - color: red; - -webkit-text-stroke-color:red; + color: red; + -webkit-text-stroke-color: red; } .sheet-relics { - width: 100%; + width: 100%; } .sheet-relics .sheet-header { - width: 100%; + width: 100%; } -input.sheet-stigmata-flag[value="1"] ~ .sheet-stigmata -{ - display: inline-block; +input.sheet-stigmata-flag[value="1"] ~ .sheet-stigmata { + display: inline-block; } .sheet-spells { - position: relative; + position: relative; } .sheet-spells .sheet-header { - width: 100%; + width: 100%; } .sheet-spells .sheet-memory-palace { - position: absolute; - top: 0px; - right: 45px; + position: absolute; + top: 0px; + right: 45px; } .sheet-spell-name { - width: 200px; - min-height: 25px; - position: relative; - vertical-align: top; + width: 200px; + min-height: 25px; + position: relative; + vertical-align: top; } .sheet-spell-name input { - width: 200px; + width: 200px; } .sheet-spell-ob, @@ -1530,152 +1634,144 @@ input.sheet-stigmata-flag[value="1"] ~ .sheet-stigmata .sheet-spell-cast, .sheet-spell-scroll, .sheet-spell-supplies { - width: 70px; - min-height: 25px; - position: relative; - text-align: center; - vertical-align: top; + width: 70px; + min-height: 25px; + position: relative; + text-align: center; + vertical-align: top; } .sheet-spell-effect { - width: 355px; - min-height: 25px; - position: relative; - vertical-align: top; - padding-left: 5px; + width: 355px; + min-height: 25px; + position: relative; + vertical-align: top; + padding-left: 5px; } .sheet-spell-effect.sheet-title { - text-align: center; + text-align: center; } .sheet-spell-effect span { - margin-left: 15px; + margin-left: 15px; } .sheet-spell-effect input { - width: 355px; + width: 355px; } .sheet-spell-ob, .sheet-spell-book, .sheet-spell-cast, -.sheet-spell-supplies -{ - background-color: rgba(165, 165, 165, 0.3); +.sheet-spell-supplies { + background-color: rgba(165, 165, 165, 0.3); } .sheet-spells .sheet-underlined { - border-bottom: 1px solid rgba(165, 165, 165, 0.8); - padding-left: 15px; + border-bottom: 1px solid rgba(165, 165, 165, 0.8); + padding-left: 15px; } .sheet-memory-palace span.sheet-faint { - width: 250px; + width: 250px; } .sheet-spells input[type="checkbox"].sheet-underlined:checked + span::before { - left: 30px; + left: 30px; } .sheet-spells .sheet-row { - display: flex; - border-bottom: 1px solid rgba(165, 165, 165, 0.8); + display: flex; + border-bottom: 1px solid rgba(165, 165, 165, 0.8); } .sheet-spells-section { - width: 1060px; + width: 1060px; } /* RELATIONSHIP STYLING */ .sheet-relationships .sheet-row { - display: flex; - width: 1060px; - border-bottom: 1px solid rgba(165, 165, 165, 0.8); + display: flex; + width: 1060px; + border-bottom: 1px solid rgba(165, 165, 165, 0.8); } .sheet-relationship-name, -.sheet-relationship-name input -{ - width: 200px; +.sheet-relationship-name input { + width: 200px; } .sheet-relationship-location, -.sheet-relationship-location input -{ - width: 150px; +.sheet-relationship-location input { + width: 150px; } .sheet-relationship-status, -.sheet-relationship-status input -{ - width: 150px; +.sheet-relationship-status input { + width: 150px; } .sheet-relationship-notes, -.sheet-relationship-notes input -{ - width: 560px; +.sheet-relationship-notes input { + width: 560px; } .sheet-relationship-notes span { - margin-left: 15px; + margin-left: 15px; } /* LEVELS STYLING */ .sheet-level-number, .sheet-level-f, -.sheet-level-p -{ - display: inline-block; - text-align: center; - border-bottom: 1px solid rgba(165, 165, 165, 0.8); +.sheet-level-p { + display: inline-block; + text-align: center; + border-bottom: 1px solid rgba(165, 165, 165, 0.8); } .sheet-level-benefits { - display: inline-block; + display: inline-block; - border-bottom: 1px solid rgba(165, 165, 165, 0.8); + border-bottom: 1px solid rgba(165, 165, 165, 0.8); } .sheet-level-row:not(:first-child) .sheet-level-number, .sheet-level-row:not(:first-child) .sheet-level-f, .sheet-level-row:not(:first-child) .sheet-level-p, -.sheet-level-row:not(:first-child) .sheet-level-benefits -{ - padding-top: 15px; - padding-bottom: 15px; +.sheet-level-row:not(:first-child) .sheet-level-benefits { + padding-top: 15px; + padding-bottom: 15px; } .sheet-level-number { - width: 50px; - font-weight: bold; + width: 50px; + font-weight: bold; } .sheet-level-f { - width: 30px; + width: 30px; } .sheet-level-p { - width: 30px; + width: 30px; } .sheet-level-benefits { - width: 930px; - padding-left: 10px; + width: 930px; + padding-left: 10px; } .sheet-levels .sheet-row:first-child, .sheet-row.sheet-level-row { - display: flex; + display: flex; } .sheet-level-row.sheet-shaded { - background-color: rgba(165, 165, 165, 0.3); + background-color: rgba(165, 165, 165, 0.3); } .sheet-level-row:not(:first-child) .sheet-level-f, .sheet-level-row:not(:first-child) .sheet-level-p, -.sheet-level-row:not(:first-child) .sheet-level-benefits -{ - border-left: 1px solid rgba(165, 165, 165, 0.8); +.sheet-level-row:not(:first-child) .sheet-level-benefits { + border-left: 1px solid rgba(165, 165, 165, 0.8); } .sheet-levels textarea { - height: 18px; - margin: 0px; - width: 920px; - resize: vertical; -} \ No newline at end of file + height: 18px; + margin: 0px; + width: 920px; + resize: vertical; +} diff --git a/Torchbearer 2E/torchbearer.html b/Torchbearer 2E/torchbearer.html index c8fbda74f9..fb82df14c0 100644 --- a/Torchbearer 2E/torchbearer.html +++ b/Torchbearer 2E/torchbearer.html @@ -1,3891 +1,11589 @@