/* announcements */ .sheet-announcements-show { font-size: 0.85em; position: relative; float: right; margin: -3.25em 0 0 -5em; padding: 0 4px 0 4px; border: 2px solid black; border-radius: 5px; background-color: #ffffea; } span.sheet-announcements-show::before { content: "v"; } span.sheet-announcements-show::after { font-family: pictos; padding-left: 4px; content: "l"; } input.sheet-announcements-show { z-index: 1; width: 4.75em; height: 1.75em; margin: -3.25em 0 0 -5em; opacity: 0; } .sheet-announcements-exit { font-family: pictos; font-size: 1em; position: relative; float: right; margin: 0.5em -3em 0 0; } input[type="checkbox"].sheet-announcements-older-show, input.sheet-monster_only:checked~div.sheet-character input[type="checkbox"].sheet-extra-damage-show { position: relative; z-index: 1; float: right; width: 1.5em; height: 1em; margin: -1.1em 0 0 0; opacity: 0; } input.sheet-monster_only:checked~div.sheet-character input[type="checkbox"].sheet-extra-damage-show:not(:checked) { margin: -21px 0 0 0; width: 1.65em; height: 1.65em; } input.sheet-monster_only:checked~div.sheet-character input[type="checkbox"].sheet-extra-damage-show:checked { margin: -36px 0 0 0; width: 1.65em; height: 1.65em; } input.sheet-monster_only:checked~div.sheet-character input[type="checkbox"].sheet-extra-damage-show+span { margin: -25px 0 0 -21px; } input.sheet-announcements-show:hover+span { color: #a60100; } input.sheet-announcements-older-show:hover+span, input.sheet-monster_only:checked~div.sheet-character input[type="checkbox"].sheet-extra-damage-show:hover+span { border-left-color: #a60100; } input.sheet-announcements-older-show+span, input.sheet-monster_only:checked~div.sheet-character input[type="checkbox"].sheet-extra-damage-show+span { position: relative; float: right; width: 0; height: 0; margin: -1em 0 0 0; content: ""; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; transform-origin: 25% 50%; text-align: center; border: 0.4em solid transparent; border-width: 0.4em 0.6em; border-left-color: #c0a748; } input.sheet-monster_only:checked~div.sheet-character input[type="checkbox"].sheet-extra-damage-show:not(:checked)+span { margin: -1.5em -.25em 0 -1.5em; } input.sheet-monster_only:checked~div.sheet-character input[type="checkbox"].sheet-extra-damage-show:checked+span { margin: -1.5em .1em 0 -1.5em; } input.sheet-announcements-older-show:checked+span, input.sheet-monster_only:checked~div.sheet-character input[type="checkbox"].sheet-extra-damage-show:checked+span { transform: rotate(90deg); } .sheet-announcements-show:not(:checked)+span+div.sheet-announcements, .sheet-announcements-older-show:not(:checked)~.sheet-announcements-older-show, input.sheet-monster_only:checked~div.sheet-character .sheet-extra-damage-show:not(:checked) ~ .sheet-extra-damage-show, input.sheet-monster_only:checked~div.sheet-character .sheet-extra-damage-show:not(:checked) ~ .sheet-extra-damage-show+span::before { display: none; } .sheet-announcements-older-show:checked+span~.sheet-announcements-older-show { display: block; box-sizing: border-box; margin: 2em; padding: 1em; color: #333; border: 1px solid #000; border-radius: 5px; } input.sheet-monster_only:checked~div.sheet-character .sheet-extra-damage-show:checked+span ~ .sheet-extra-damage-show, input.sheet-monster_only:checked~div.sheet-character .sheet-extra-damage-show:checked+span ~ .sheet-extra-damage-show+span::before { display: block; } .sheet-announcements { margin: -1em 0.5em 1em 0.5em; padding: 1em 0.5em 2em 0.5em; border: 2px solid #000; border-radius: 5px; background-color: #ffffea; } /* Text */ h1 { font-family: "Times New Roman", Times, serif; font-size: 1.25em; z-index: 0; margin: -16px 0 0 0; letter-spacing: 0.0625em; color: #fff; } .sheet-header-h1 { font-family: "Times New Roman", Times, serif; font-size: 1.2em; font-weight: bold; z-index: 0; letter-spacing: 0.0625em; color: #000; } hr.sheet-horizontal-rule { overflow: visible; width: 90%; height: 10px; margin-top: 10px; margin-bottom: 0; border-width: 1px 0 0 0; border-style: solid; border-color: #000; border-radius: 5px; } hr.sheet-horizontal-rule::before { /* Not really supposed to work, but does */ display: block; height: 10px; margin-top: -11px; content: ""; border-width: 0 0 1px 0; border-style: solid; border-color: #000; border-radius: 5px; } .sheet-header { font-weight: bold; display: flex; align-items: center; justify-content: center; height: 2.75em; margin: 0 -5px 0 -5px; color: #fff; background-color: #000; } .sheet-column-header { font-size: 0.95em; display: flex; justify-content: center; color: lightgrey; background-color: #000; font-variant-caps: small-caps; } .sheet-header~.sheet-column-header span { padding: 1.5em 0 0 0; } .sheet-footer { font-size: 0.95em; display: block; margin: -15px 0 0 -10px; text-align: right; } .sheet-label { font-weight: bold; } .sheet-small-caps { font-variant-caps: small-caps; } .sheet-equal { margin: 4px 1px 0 1px; text-align: center; } .sheet-left, .sheet-grid-item.sheet-left { text-align: left; } .sheet-right, .sheet-grid-item.sheet-right { text-align: right; } .sheet-center, .sheet-grid-item.sheet-center { text-align: center; } /* Hide actual radio */ input.sheet-skull[type="radio"] { position: relative; z-index: 1; top: 1px; left: 4.75%; width: 15px; height: 15px; margin: -10px; cursor: pointer; opacity: 0; } /* Fake radio using skull */ input.sheet-skull[type="radio"]+span::before { font-size: 24px; line-height: 14px; display: inline-block; width: 15px; height: 15px; margin: 0 3px 0 3px; content: url(http://imgsrv.roll20.net:5100/?src=i.imgur.com/1N9eJNN.png%3F2); text-align: center; vertical-align: middle; background-image: url(http://imgsrv.roll20.net:5100/?src=i.imgur.com/qSmoVBF.png%3F2); } /* Removes skull from all radios _after_ selected one */ input[type="radio"]:checked~input.sheet-skull[type="radio"]+span::before, input.sheet-skull[type="radio"]:checked~input.sheet-skull[type="radio"]+span::before { content: ""; } /* Broken Indicators */ input.sheet-broken-str[value="0"]~div .sheet-broken-str, input.sheet-broken-agi[value="0"]~div .sheet-broken-agi, input.sheet-broken-wit[value="0"]~div .sheet-broken-wit, input.sheet-broken-emp[value="0"]~div .sheet-broken-emp { font-weight: bold; color: #a60100; } input.sheet-broken-str[value="0"]~div .sheet-broken-str.sheet-input-span, input.sheet-broken-agi[value="0"]~div .sheet-broken-agi.sheet-input-span, input.sheet-broken-wit[value="0"]~div .sheet-broken-wit.sheet-input-span, input.sheet-broken-emp[value="0"]~div .sheet-broken-emp.sheet-input-span { box-sizing: border-box; color: #fff; border: 2px dotted #fff; background-color: #a60100; } /* Fake radio using xbox for Experience/Willpower */ input[type="radio"].sheet-xbox+span::before { font-size: 24px; line-height: 14px; display: inline-block; width: 15px; height: 15px; margin: 0 0 0 -20px; content: url(http://imgsrv.roll20.net:5100/?src=i.imgur.com/f3cpSW5.png); text-align: center; vertical-align: middle; background-image: url(http://imgsrv.roll20.net:5100/?src=i.imgur.com/Vsnygg8.png); } input.sheet-xbox { z-index: 1; width: 16px; margin-top: 3px; opacity: 0; } /* Removes xbox from all radios _after_ selected one */ input[type="radio"]:checked~input[type="radio"].sheet-xbox+span::before, input[type="radio"].sheet-xbox:checked~input[type="radio"].sheet-xbox+span::before { content: ""; } /* Fake radio using xbox for Conditions */ input[type="checkbox"].sheet-xbox+span::before { font-size: 24px; line-height: 14px; display: inline-block; width: 15px; height: 15px; margin: 0 0 0 -20px; content: url(http://imgsrv.roll20.net:5100/?src=i.imgur.com/f3cpSW5.png); text-align: center; vertical-align: middle; background-image: url(http://imgsrv.roll20.net:5100/?src=i.imgur.com/Vsnygg8.png); } .sheet-conditions-grid>div input.sheet-xbox { z-index: 1; width: 20px; height: 20px; margin: 1px 0 0 0; transform: scaleX(4.5); transform-origin: left; opacity: 0; } /* Removes xbox from all radios _after_ selected one */ input[type="checkbox"].sheet-xbox:not(:checked)+span::before { content: ""; } /* Fake Action Button */ button.sheet-roll-button { font-family: "dicefontd20"; font-size: 1.25em; line-height: 1em; display: flex; justify-content: center; box-sizing: border-box; width: 1.25em; height: 1.25em; margin: 5px 2px 5px 2px; content: "t"; cursor: pointer; border: 1px solid #ccc; border-width: 2px; border-style: outset; border-bottom-color: #bbb; border-image: initial; background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); justify-self: center; } /* Update the Dice Pool indicator */ .sheet-box-indicator button, .sheet-box-api-indicator button { z-index: 1; color: #fff; border: 1px solid #000; background: #a60100; box-shadow: 0 2px 4px 2px #000; } .sheet-box-indicator button:hover, .sheet-box-api-indicator button:hover { border: 1px solid #a60100; box-shadow: 0 1px 4px 2px #808080; } .sheet-box-indicator, .sheet-box-api-indicator { position: relative; display: flex; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; border-radius: 4px; box-shadow: 0 2px 15px transparent; } .sheet-box-indicator::after { z-index: 0; width: 3.75em; margin: 0 0 -2px -5.25em; content: ""; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; opacity: 0; border: 10px solid #a60100; border-radius: 4px; background-color: transparent; box-shadow: 0 2px 10px 5px #a60100; } .sheet-box-api-indicator::after { z-index: 0; width: 7.5em; margin: -2px 0 -4px -9em; content: ""; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; opacity: 0; border: 10px solid #a60100; border-radius: 4px; background-color: transparent; box-shadow: 0 2px 10px 5px #a60100; } .sheet-roll-indicator:checked~.sheet-box-indicator::after, .sheet-roll-indicator:checked~.sheet-box-api-indicator::after { opacity: 1; } /* api dice toggle */ button.sheet-api-button { border: 1px solid lightblue; box-shadow: 2px 2px 3px darkgrey; } input[type="checkbox"].sheet-hidden, .sheet-hidden { display: none; } input.sheet-hidden.sheet-api-toggle-show:checked~.sheet-template-roll { display: none; } div.sheet-grid-item.sheet-api-roll { display: none; } input.sheet-hidden.sheet-api-toggle-show:checked~div.sheet-grid-item.sheet-api-roll { display: block; } input.sheet-hidden.sheet-api-toggle-show:checked~div.sheet-grid-item.sheet-api-roll button::after { margin-right: 2px; content: "w/API"; } /* repcontrol */ /* this sets the formatting for all repcontrol buttons */ .repcontrol { display: flex; justify-content: flex-end; } .repcontrol_add, .repcontrol_edit, .repcontrol_del { width: 3.25em; height: 1.2em; margin: 1px; padding: 0 1px 3px 1px; box-shadow: none; } .repcontrol_move { float: right; margin-right: 5px; cursor: move; } /* Sheet Tabs */ div.sheet-tab-content { display: none; margin-top: -30px; border-top: 1px solid #fff; } input.sheet-character:checked~div.sheet-character, input.sheet-stronghold:checked~div.sheet-stronghold, input.sheet-monster_only:checked~div.sheet-character { display: inline-block; margin-top: -30px; } input.sheet-monster_only:checked~div.sheet-character .sheet-toggle-monster-only { display: none; } /* Monster View */ .sheet-monster, .sheet-monster+span { display: none; } input.sheet-monster_only:checked~div.sheet-character .sheet-monster, input.sheet-monster_only:checked~div.sheet-character input.sheet-monster, input.sheet-monster_only:checked~div.sheet-character .sheet-monster+span { display: block; } input[type="radio"].sheet-tab { font-family: "Times New Roman", Times, serif; font-size: 1.1em; position: relative; z-index: 1; float: left; width: 90px; height: 20px; margin: 34px 1px 0 1px; cursor: pointer; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; } input.sheet-tab::before { line-height: 18px; display: block; width: 90px; height: 16px; padding-bottom: 1px; content: attr(title); text-align: center; color: #444; border: 2px solid #ccc; border-bottom: 2px solid transparent; border-radius: 4px 4px 0 0; background: #ddd; } input.sheet-tab.sheet-character:checked, input.sheet-tab.sheet-stronghold:checked, input.sheet-tab.sheet-monster:checked { z-index: 2; } input.sheet-tab.sheet-character:hover, input.sheet-tab.sheet-stronghold:hover, input.sheet-tab.sheet-monster:hover { z-index: 3; } input.sheet-tab.sheet-character:hover::before, input.sheet-tab.sheet-stronghold:hover::before, input.sheet-tab.sheet-monster:hover::before { z-index: 3; width: 92px; height: 22px; margin: -3px 0 0 0; border-color: #aaa; border-bottom-color: transparent; background: #f5f5f5; } input.sheet-tab:active, input.sheet-tab:focus { outline: none; } input.sheet-tab:hover::before { background: #e3e3e3; } input.sheet-tab:hover::before { font-weight: bold; height: 20px; margin: -3px 0 0 -2px; background: #e3e3e3; } input.sheet-tab:checked::before, input.sheet-tab:checked:hover::before { font-weight: bold; width: 92px; height: 20px; margin: -3px 0 0 -2px; color: #fff; border: 2px solid #444; border-bottom: 2px solid transparent; background: #000; } .sheet-wrapper { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; overflow: hidden; box-sizing: border-box; width: 100%; min-width: 820px; padding-top: 70px; padding-bottom: 40px; color: #000; border: 8px solid #000; border-image-source: url(http://imgsrv.roll20.net:5100/?src=i.imgur.com/5Z0dp3Q.png); border-image-slice: 60 50 60 50; border-image-width: 60px 50px 60px 50px; border-image-outset: 2 2 0 2; background-color: inherit; } .sheet-logo { min-width: 820px; max-height: 56px; margin-bottom: -2px; text-align: right; } input { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; color: #000; } .sheet-input:focus, input[type="text"].sheet-input:focus, input[type="number"].sheet-input:focus, input[type="text"].sheet-input:focus, input[type="number"].sheet-input:focus, input[type="text"].sheet-input-number:focus, input[type="number"].sheet-input-number:focus, .sheet-input-textare:focus, textarea:focus { outline: none; background-color: #ffffea; } .sheet-input, input[type="text"].sheet-input, input[type="number"].sheet-input { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; width: 100%; height: 2.25em; color: #000; } input[type="text"].sheet-input-number, input[type="number"].sheet-input-number { width: 100%; max-height: 2.25em; text-align: center; color: #000; } select.sheet-input { width: 100%; margin: 0; padding: 0; color: #000; } input.sheet-input.sheet-input-number-center { display: flex; width: 3em; text-align: center; justify-self: center; } input[type="checkbox"].sheet-input { height: 1.1em; margin-top: 0.7em; } .sheet-input-textarea { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; line-height: 1em; overflow: hidden; width: 100%; height: 1.9em; min-height: 1.9em; margin: 0; padding: 0 2px 0 2px; resize: vertical; color: #000; } input[disabled].sheet-input-number, input[readonly].sheet-input, textarea[disabled].sheet-input, textarea[readonly].sheet-input, input[readonly].sheet-input-number { font-style: italic; cursor: not-allowed; color: #6e6e6e; border-color: #6e6e6e; background-color: #eee; } button>input.sheet-input { max-height: 1.75em; } button[type="action"] { border-radius: 5px; } /* hide spiner in FF number inputs */ input[type=number]:not(:hover)::-webkit-inner-spin-button, input[type=number]:not(:hover)::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } input[type=number]:not(:hover) { -moz-appearance: textfield; } /* hide/show areas */ .sheet-expand { position: absolute; z-index: 6; top: -4px; left: -8px; width: 18px; opacity: 0; } input.sheet-expand+span::before { font-family: pictos; font-size: 14px; position: absolute; z-index: 3; top: -5px; left: -6px; width: 13px; height: 16px; content: "y"; cursor: pointer; opacity: 0.001; color: #c3996b; } .sheet-mount-grid input.sheet-expand+span::before { margin-top: 2.75em; } .repitem .sheet-monster-attacks-grid:hover input.sheet-expand+span::before, .repitem .sheet-monster-attacks-grid input.sheet-expand:checked+span::before, .repitem .sheet-talents-grid:hover input.sheet-expand+span::before, .repitem .sheet-talents-grid input.sheet-expand:checked+span::before, .repitem .sheet-gear-grid:hover input.sheet-expand+span::before, .repitem .sheet-gear-grid input.sheet-expand:checked+span::before, .sheet-mount-grid:hover input.sheet-expand+span::before, .sheet-mount-grid input.sheet-expand:checked+span::before, .repitem .sheet-mount_gear-grid:hover input.sheet-expand+span::before, .repitem .sheet-mount_gear-grid input.sheet-expand:checked+span::before, .repitem .sheet-spells-grid:hover input.sheet-expand+span::before, .repitem .sheet-spells-grid input.sheet-expand:checked+span::before { opacity: 0.75; } input.sheet-expand~.sheet-input-textarea { display: none; } input.sheet-expand:checked~.sheet-input-textarea { line-height: 1.2em; display: block; overflow: hidden; box-sizing: border-box; height: 4.5em; min-height: 2em; border: 2px dotted #c3996b; } /* character grid layout */ .sheet-character-grid { display: grid; margin: -10px 5px 0 5px; grid-column-gap: 4px; grid-row-gap: 4px; grid-template-columns: 35% auto auto; } .sheet-box { padding: 0 5px 0 5px; text-align: left; border: 1px solid #000; border-radius: 4px; } .sheet-character-heading { padding: 10px 0 10px 0; border: none; grid-column: 1/4; grid-row-start: 1; } .sheet-character-attributes { grid-column-start: 1; } .sheet-character-details { padding: 10px 10px 5px 10px; grid-column-start: 2; } .sheet-character-appearance { grid-column-start: 3; } .sheet-character-conditions { padding: 5px 0 5px 0; border: none; grid-column: 1/4; } .sheet-character-injuries { grid-column: 1/4; } .sheet-character-weapons { grid-column: 1/4; } .sheet-character-skill-dice-box { display: flex; justify-content: space-between; padding: 0; border: none; grid-column: 1/3; grid-row-start: 6; } .sheet-character-skills { width: 51%; } .sheet-character-dice_pool { width: 44%; background-color: #ffffea; } input.sheet-dice_only:checked~div.sheet-character .sheet-character-dice_pool { width: 100%; } input.sheet-dice_only:checked~div.sheet-character .sheet-box.sheet-character-skill-dice-box { display: flex; width: 250px; margin-top: -1.5em; grid-column: 1/4; justify-self: center; } .sheet-character-armor { height: fit-content; grid-column: 1/3; } .sheet-character-column3 { height: fit-content; grid-column-start: 3; grid-row-end: span 6; } .sheet-character-talents { height: fit-content; } .sheet-character-gear { height: fit-content; } .sheet-character-mount { height: fit-content; } .sheet-character-consumables { overflow: hidden; margin: -1px 0 0 0; background-image: url(https://s3.amazonaws.com/files.d20.io/images/85957506/mls4s4uSn2lRIWRXtAErNQ/max.jpg); background-repeat: no-repeat; background-position-x: 50%; background-size: 270px; grid-column-start: 1; } .sheet-character-coins { overflow: hidden; margin: -1px 0 0 0; grid-column-start: 2; } .sheet-character-experience { height: 2.25em; background: #000; grid-column-start: 1; } .sheet-character-willpower { height: fit-content; grid-column-start: 2; } .sheet-character-spells { height: fit-content; grid-column: 1/3; grid-row-start: 11; } .sheet-character-relationships { height: fit-content; grid-column: 1/3; grid-row-start: 10; } .sheet-character-beasts { grid-column: 1/4; grid-row-start: auto; } .sheet-character-notes { grid-column: 1/4; grid-row-start: auto; } /* ---------------------------------- Heading */ .sheet-heading-grid { display: flex; align-items: center; flex-direction: row; justify-content: space-evenly; } .sheet-heading-grid div:nth-child(even) { width: 15em; } /* ---------------------------------- Attributes */ .sheet-attributes-grid { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 0 0.5em 0; } .sheet-attributes-grid>div:first-child { margin-bottom: 0.5em; } .sheet-attributes-grid>div:not(:first-child) { display: flex; align-items: center; flex-wrap: wrap; margin: 0.25rem 0 0.25rem 0; } .sheet-attributes-grid>.sheet-attributes-box2, .sheet-attributes-grid>.sheet-attributes-box6, .sheet-attributes-grid>.sheet-attributes-box10, .sheet-attributes-grid>.sheet-attributes-box14 { font-size: 1.2em; justify-content: space-around; width: 25%; min-width: 4em; } .sheet-attributes-grid>.sheet-attributes-box3, .sheet-attributes-grid>.sheet-attributes-box5, .sheet-attributes-grid>.sheet-attributes-box7, .sheet-attributes-grid>.sheet-attributes-box9, .sheet-attributes-grid>.sheet-attributes-box11, .sheet-attributes-grid>.sheet-attributes-box13, .sheet-attributes-grid>.sheet-attributes-box15, .sheet-attributes-grid>.sheet-attributes-box17 { justify-content: center; width: 3em; } .sheet-attributes-grid>.sheet-attributes-box4, .sheet-attributes-grid>.sheet-attributes-box8, .sheet-attributes-grid>.sheet-attributes-box12, .sheet-attributes-grid>.sheet-attributes-box16 { justify-content: space-between; width: 45%; min-width: 9em; } .sheet-attributes-box1 { width: 104%; margin: -2px -5px 0 -5px; } .sheet-input-span { font-size: 1.5em; font-weight: bold; font-style: italic; z-index: 1; display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 30px; height: 30px; cursor: not-allowed; color: #6e6e6e; border: 1px solid #000; border-radius: 50%; background-color: #eee; } /* -----------------------------------Monster Tab layout */ input.sheet-monster_only:checked~div.sheet-character .sheet-character-grid { grid-template-columns: auto auto auto; } input.sheet-monster_only:checked~div.sheet-character .sheet-character-attributes { height: fit-content; grid-column: 1/3; grid-row-start: 1; } input.sheet-monster_only:checked~div.sheet-character .sheet-monster-attacks { grid-column: 1/3; grid-row-start: 2; } input.sheet-monster_only:checked~div.sheet-character .sheet-box.sheet-character-skill-dice-box { display: grid; min-width: 260px; padding: 0; border: none; grid-column-start: 3; grid-row-end: span 4; grid-row-start: 1; } input.sheet-monster_only:checked~div.sheet-character .sheet-character-skills { width: 97%; margin-top: 1px; grid-column-start: 3; grid-row-start: 3; } input.sheet-monster_only:checked~div.sheet-character .sheet-character-dice_pool { width: 97%; grid-column-start: 3; grid-row: span 2; grid-row-start: 1; height: fit-content; } input.sheet-monster_only:checked~div.sheet-character .sheet-character-notes { height: fit-content; grid-column: 1/3; grid-row-start: 3; } /* ---------------------------------- Monster Stats */ .sheet-monster-stat1>*[class^="sheet-monster-stats-box"] { display: flex; align-items: center; } .sheet-monster-stat1>.sheet-column-header { margin-top: 2em; } input.sheet-monster_only:checked~div.sheet-character .sheet-attributes-grid { margin: 5px 0 0 0; } input.sheet-monster_only:checked~div.sheet-character .sheet-attributes-grid>div:not(:first-child) { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 3px; } input.sheet-monster_only:checked~div.sheet-character .sheet-attributes-box8 input.sheet-skull, input.sheet-monster_only:checked~div.sheet-character .sheet-attributes-box12 input.sheet-skull, input.sheet-monster_only:checked~div.sheet-character .sheet-attributes-box16 input.sheet-skull { margin: -10px -28px -10px -10px; } input.sheet-monster_only:checked~div.sheet-character .sheet-monster-stat1 { display: grid; margin: 0 -5px 0 -5px; grid-row-gap: 2px; grid-template-columns: 5em 7em auto 7em 7em 3em 5em auto; } .sheet-monster-stat1 input[type=text].sheet-header-h1 { font-size: 1.65em; width: 50%; height: 1.5em; margin: -15px 0 0 0; padding: 0; color: #333; background-color: white; } .sheet-monster-stats-box1 { height: 4em; margin: 0; grid-column: 1/9; grid-row-start: 1; } .sheet-monster-stats-box2 { grid-column-start: 1; grid-row-start: 1; } .sheet-monster-stats-box3 { grid-column-start: 2; grid-row-start: 1; } .sheet-monster-stats-box4 { grid-column-start: 3; grid-row-start: 1; } .sheet-monster-stats-box5 { grid-column-start: 4; grid-row-start: 1; } .sheet-monster-stats-box6 { grid-column-start: 5; grid-row-start: 1; } .sheet-monster-stats-box7 { grid-column-start: 6; grid-row-start: 1; } .sheet-monster-stats-box8 { grid-column-start: 7; grid-row-start: 1; } .sheet-monster-stats-box9 { grid-column-start: 8; grid-row-start: 1; } .sheet-monster-stats-box10 { width: 3em; grid-column-start: 1; grid-row-start: 2; justify-self: center; } .sheet-monster-stats-box11 { grid-column-start: 2; grid-row-start: 2; } .sheet-monster-stats-box12 { grid-column-start: 3; grid-row-start: 2; } .sheet-monster-stats-box13 { width: 3em; grid-column-start: 4; grid-row-start: 2; justify-self: center; } .sheet-monster-stats-box14 { grid-column-start: 5; grid-row-start: 2; } .sheet-monster-stats-box15 { grid-column-start: 6; grid-row-start: 2; } .sheet-monster-stats-box16 { grid-column-start: 7; grid-row-start: 2; justify-self: center; } .sheet-monster-stats-box17 { grid-column-start: 8; grid-row-start: 2; } /* ---------------------------------- Monster Attacks */ /*rep-items counter*/ .sheet-repeating-fields { counter-reset: sheet-rep-items 0; } input[type="checkbox"].sheet-counted:checked+span::before { font-size: 2em; font-weight: bold; position: absolute; top: -3px; left: 0; content: counter(sheet-rep-items)" "; counter-increment: sheet-rep-items; color: #000; } input.sheet-monster_only:checked~div.sheet-character .sheet-monster-attacks-grid { display: grid; grid-column-gap: 1px; grid-row-gap: 2px; grid-template-columns: 1em 2em auto 2.5em 2.5em 7em 6em; } .sheet-monster-attacks-box { grid-column: 1/8; grid-row-start: 1; } .sheet-monster-attacks-box1 { grid-column-start: 1; grid-row-start: 1; } .sheet-monster-attacks-box2 { grid-column-start: 2; grid-row-start: 1; } .sheet-monster-attacks-box3 { grid-column-start: 3; grid-row-start: 1; } .sheet-monster-attacks-box4 { grid-column-start: 4; grid-row-start: 1; } .sheet-monster-attacks-box5 { grid-column-start: 5; grid-row-start: 1; } .sheet-monster-attacks-box6 { grid-column-start: 6; grid-row-start: 1; } .sheet-monster-attacks-box7 { grid-column-start: 7; grid-row-start: 1; } .sheet-monster-attacks-box8 { grid-column: 1/8; grid-row-start: 2; } /* ---------------------------------- Details */ .sheet-details-grid { display: grid; padding-top: 1em; grid-column-gap: 2px; grid-row-gap: 1em; grid-template-columns: 5.75em 2.5em 3em auto 2.5em; grid-template-rows: 3em 3em 3em; } .sheet-details-grid>div { display: flex; align-items: center; justify-content: space-evenly; } .sheet-details-grid>div textarea { height: 100%; } .sheet-details-box1 { grid-column-start: 1; grid-row-start: 1; } .sheet-details-box2 { grid-column: 2/6; grid-row-start: 1; } .sheet-details-box3 { grid-column-start: 1; grid-row-start: 2; } .sheet-details-box4 { grid-column: 2/6; grid-row-start: 2; } .sheet-details-box5 { grid-column-start: 1; grid-row-start: 3; } .sheet-details-box6 { grid-column: 2/4; grid-row-start: 3; } .sheet-details-box7 { grid-column-start: 4; grid-row-start: 3; } .sheet-details-box8 { grid-column-start: 5; grid-row-start: 3; } /* ---------------------------------- Appearance */ .sheet-appearance-grid { display: grid; grid-column-gap: 2px; grid-row-gap: 0.5em; grid-template-columns: 5em auto; grid-template-rows: auto 3em 3em 3em; } .sheet-appearance-grid>div { display: flex; align-items: center; justify-content: space-evenly; } .sheet-appearance-grid>div textarea { height: 100%; } .sheet-appearance-box1 { grid-column: 1/3; grid-row-start: 1; } .sheet-appearance-box2 { grid-row-start: 2; } .sheet-appearance-box3 { grid-row-start: 2; } .sheet-appearance-box4 { grid-row-start: 3; } .sheet-appearance-box5 { grid-row-start: 3; } .sheet-appearance-box6 { grid-row-start: 4; } .sheet-appearance-box7 { grid-row-start: 4; } /* ---------------------------------- Conditions */ .sheet-conditions-grid { display: grid; grid-template-columns: 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 1fr; } .sheet-conditions-grid>div { display: flex; align-items: center; justify-content: space-between; } .sheet-conditions-box2 { grid-column-start: 2; grid-row-start: 2; } .sheet-conditions-box3 { grid-column-start: 3; grid-row-start: 2; } .sheet-conditions-box4 { grid-column-start: 4; grid-row-start: 2; } .sheet-conditions-box5 { grid-column-start: 5; grid-row-start: 2; } .sheet-conditions-box6 { grid-column-start: 6; grid-row-start: 2; } .sheet-conditions-box7 { grid-column-start: 7; grid-row-start: 2; } .sheet-conditions-box8 { grid-column-start: 8; grid-row-start: 2; } .sheet-conditions-box9 { grid-column-start: 9; grid-row-start: 2; } input.sheet-conditions-hungry:checked~div>span.sheet-conditions-hungry, input.sheet-conditions-sleepy:checked~div>span.sheet-conditions-sleepy, input.sheet-conditions-thirsty:checked~div>span.sheet-conditions-thirsty, input.sheet-conditions-cold:checked~div>span.sheet-conditions-cold { font-weight: bold; color: #a60100; } /* ---------------------------------- Critical Injuries */ .sheet-injuries-grid { display: grid; padding: 0 0 2px 0; grid-column-gap: 2px; grid-row-gap: 2px; grid-template-columns: 1fr 6em 6em 2fr 6em; } .sheet-injuries-box1 { grid-column: 1/6; grid-row-start: 1; } .sheet-injuries-box2 { grid-column-start: 1; grid-row-start: 1; } .sheet-injuries-box3 { grid-column-start: 2; grid-row-start: 1; } .sheet-injuries-box4 { grid-column-start: 3; grid-row-start: 1; } .sheet-injuries-box5 { grid-column-start: 4; grid-row-start: 1; } .sheet-injuries-box6 { grid-column-start: 5; grid-row-start: 1; } .sheet-injuries-box7 { grid-column: 1/6; grid-row-start: 2; } .sheet-injuries-box8 { grid-column-start: 1; } /* ---------------------------------- Weapons */ .sheet-weapons-grid { display: grid; padding: 0 0 2px 0; grid-column-gap: 2px; grid-row-gap: 2px; grid-template-columns: 2.5em auto 3em 5em 3em 3em 3em 5.5em 4em 3em 15em; } .sheet-weapons-box { grid-column: 1/12; grid-row-start: 1; } .sheet-weapons-box1 { grid-column-start: 1; grid-row-start: 1; } .sheet-weapons-box2 { grid-column-start: 2; grid-row-start: 1; } .sheet-weapons-box3 { grid-column-start: 3; grid-row-start: 1; } .sheet-weapons-box4 { grid-column-start: 4; grid-row-start: 1; } .sheet-weapons-box5 { grid-column-start: 5; grid-row-start: 1; } .sheet-weapons-box6 { grid-column-start: 6; grid-row-start: 1; } .sheet-weapons-box7 { grid-column-start: 7; grid-row-start: 1; } .sheet-weapons-box8 { grid-column-start: 8; grid-row-start: 1; } .sheet-weapons-box9 { grid-column-start: 9; grid-row-start: 1; } .sheet-weapons-box10 { grid-column-start: 10; grid-row-start: 1; } .sheet-weapons-box11 { grid-column-start: 11; grid-row-start: 1; } .sheet-weapons-box12 { grid-column: 1/12; grid-row-start: 2; } .sheet-weapons-box13 { grid-column-start: 1; } /* ---------------------------------- Dice Pool */ .sheet-dice-header { grid-area: sheet-dice-header; } .sheet-dice_pool-grid { display: grid; grid-template-areas: "sheet-dice-header sheet-dice-header sheet-dice-header""sheet-dice-base sheet-dice-skill sheet-dice-gear""sheet-dice-artifact sheet-dice-artifact sheet-dice-artifact""sheet-dice-rolls sheet-dice-rolls sheet-dice-rolls""sheet-dice-preset sheet-dice-preset sheet-dice-preset""sheet-dice-footer sheet-dice-footer sheet-dice-footer"; grid-template-columns: 1fr 1fr 1fr; } .sheet-dice-base { display: grid; margin: 2px 0 0 0; padding: 2px 2px 0 2px; text-align: center; border: 1px solid #000; background-color: white; grid-area: sheet-dice-base; grid-template-areas: "sheet-dice-base-header sheet-dice-base-header""sheet-dice-base-col1 sheet-dice-base-col2""sheet-dice-base-col1 sheet-dice-base-col2""sheet-dice-base-col1 sheet-dice-base-col2""sheet-dice-base-col1 sheet-dice-base-col2""sheet-dice-base-col1 sheet-dice-base-col2""sheet-dice-base-col1 sheet-dice-base-col2""sheet-dice-base-col1 sheet-dice-base-col2"; grid-template-columns: 1fr 1fr; grid-template-rows: 2.5em 1fr 1fr 1fr 1fr 1fr 1fr 1fr; justify-items: center; } .sheet-dice-base-header { grid-area: sheet-dice-base-header; } .sheet-dice-base-col2 { display: flex; flex-direction: column; grid-area: sheet-dice-base-col2; } .sheet-dice-base-col1 { display: flex; flex-direction: column; grid-area: sheet-dice-base-col1; } .sheet-dice-skill { display: grid; margin: 2px 0 0 0; padding: 2px 2px 0 2px; text-align: center; color: #fff; border: 1px solid #000; background-color: #db5f5f; grid-area: sheet-dice-skill; grid-template-areas: "sheet-dice-skill-header sheet-dice-skill-header""sheet-dice-skill-col1 sheet-dice-skill-col2""sheet-dice-skill-col1 sheet-dice-skill-col2""sheet-dice-skill-col1 sheet-dice-skill-col2""sheet-dice-skill-col1 sheet-dice-skill-col2""sheet-dice-skill-col1 sheet-dice-skill-col2""sheet-dice-skill-col1 sheet-dice-skill-col2""sheet-dice-skill-col1 sheet-dice-skill-col2"; grid-template-columns: 1fr 1fr; grid-template-rows: 2.5em 1fr 1fr 1fr 1fr 1fr 1fr 1fr; justify-items: center; } .sheet-dice-skill-header { grid-area: sheet-dice-skill-header; } .sheet-dice-skill-col2 { display: flex; flex-direction: column; grid-area: sheet-dice-skill-col2; } .sheet-dice-skill-col1 { display: flex; flex-direction: column; grid-area: sheet-dice-skill-col1; } .sheet-dice-gear { display: grid; margin: 2px 0 0 0; padding: 2px 2px 0 2px; text-align: center; color: #fff; border: 1px solid #000; background-color: #404040; grid-area: sheet-dice-gear; grid-template-areas: "sheet-dice-gear-header sheet-dice-gear-header""sheet-dice-gear-col1 sheet-dice-gear-col2""sheet-dice-gear-col1 sheet-dice-gear-col2""sheet-dice-gear-col1 sheet-dice-gear-col2""sheet-dice-gear-col1 sheet-dice-gear-col2""sheet-dice-gear-col1 sheet-dice-gear-col2""sheet-dice-gear-col1 sheet-dice-gear-col2""sheet-dice-gear-col1 sheet-dice-gear-col2"; grid-template-columns: 1fr 1fr; grid-template-rows: 2.5em 1fr 1fr 1fr 1fr 1fr 1fr 1fr; justify-items: center; } .sheet-dice-gear-header { grid-area: sheet-dice-gear-header; } .sheet-dice-gear-col2 { display: flex; flex-direction: column; grid-area: sheet-dice-gear-col2; } .sheet-dice-gear-col1 { display: flex; flex-direction: column; grid-area: sheet-dice-gear-col1; } .sheet-dice-artifact { display: grid; grid-area: sheet-dice-artifact; grid-template-areas: "sheet-dice-artifact-header sheet-dice-artifact-header sheet-dice-artifact-header sheet-dice-artifact-header""sheet-dice-artifact-rolls sheet-dice-artifact-rolls sheet-dice-artifact-rolls sheet-dice-artifact-rolls"; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 2.5em 2em; } .sheet-dice-artifact-header { margin: 5px 0 0 0; text-align: center; grid-area: sheet-dice-artifact-header; } .sheet-dice-artifact-rolls { display: flex; flex-flow: row; justify-content: space-evenly; height: 0.5em; margin: -5px 0 0 0; background-color: black; grid-area: sheet-dice-artifact-rolls; } .sheet-dice-rolls { display: flex; flex-flow: row; justify-content: space-evenly; margin-top: 10px; grid-area: sheet-dice-rolls; grid-template-areas: "sheet-dice-rolls-roll sheet-dice-rolls-push sheet-dice-rolls-d66"; grid-template-columns: 1fr 1fr 1fr; } .sheet-dice-rolls-roll { grid-area: sheet-dice-rolls-roll; } .sheet-dice-rolls-push { grid-area: sheet-dice-rolls-push; } .sheet-dice-rolls-d66 { grid-area: sheet-dice-rolls-d66; } .sheet-dice-preset { display: grid; margin-top: 10px; grid-area: sheet-dice-preset; grid-template-areas: "sheet-dice-preset-header""sheet-dice-preset-preset"; justify-items: center; } .sheet-dice-preset-header { grid-area: sheet-dice-preset-header; } .sheet-dice-preset-preset { grid-area: sheet-dice-preset-preset; text-align: center; } .sheet-dice-preset-preset::before, .sheet-dice-preset-preset::after { margin-right: 2px; content: "‟"; } .sheet-dice-preset-preset::after { margin-left: 2px; content: "”"; } .sheet-dice-footer { display: grid; margin: 10px 0 10px 0; grid-area: sheet-dice-footer; grid-template-areas: "sheet-dice-footer-clear . sheet-dice-footer-api"; grid-template-columns: 10em auto 5em; grid-template-rows: 2.25em; justify-items: center; } .sheet-dice-footer-clear { grid-area: sheet-dice-footer-clear; } .sheet-dice-footer-api { margin: 0 0 2px 0; grid-area: sheet-dice-footer-api; } /* ---------------------------------- Talents */ .sheet-talents-grid { display: grid; grid-column-gap: 2px; grid-row-gap: 2px; grid-template-columns: auto 4em 3em; } .sheet-talents-box { grid-column: 1/4; grid-row-start: 1; } .sheet-talents-box1 { grid-column-start: 1; grid-row-start: 1; } .sheet-talents-box2 { grid-column-start: 2; grid-row-start: 1; } .sheet-talents-box3 { grid-column-start: 3; grid-row-start: 1; } .sheet-talents-box4 { grid-column: 1/4; grid-row-start: 2; } /* ---------------------------------- Skills */ .sheet-skills-grid>span { display: grid; padding: 1px 0 1px 0; grid-column-gap: 2px; grid-row-gap: 2px; grid-template-columns: auto 3em 2em 0.75em 2em; } .sheet-skills-grid>span>div { display: flex; align-items: center; justify-content: space-around; margin-top: -1px; } .sheet-skills-box1 { grid-column: 1/6; grid-row-start: 1; } .sheet-skills-box2 { grid-column: 2/3; grid-row-start: 1; } .sheet-skills-box3 { grid-column-start: 3; grid-row-start: 1; } .sheet-skills-box4 { grid-column-start: 4; grid-row-start: 1; } .sheet-skills-box5 { grid-column-start: 5; grid-row-start: 1; } /* ---------------------------------- Armor/Helmet */ .sheet-armor-container { display: grid; padding-bottom: 2px; grid-template-columns: auto; } .sheet-armor-grid { display: grid; padding-bottom: 2px; grid-column-gap: 2px; grid-row-gap: 2px; grid-template-columns: auto 4em 2.5em 2em 3em 3em 3em 12em; } .sheet-armor-subgrid { display: grid; align-items: center; height: 3em; grid-column-gap: 2px; grid-template-columns: auto 0 0 14.25em 3em 12em; } .sheet-armor-subgrid>span, .sheet-armor-subgrid>input { display: flex; justify-content: space-around; } .sheet-armor-box { grid-column: 1/9; grid-row-start: 1; } .sheet-armor-box1 { grid-column-start: 1; grid-row-start: 1; } .sheet-armor-box2 { grid-column-start: 2; grid-row-start: 1; } .sheet-armor-box3 { grid-column-start: 3; grid-row-start: 1; } .sheet-armor-box4 { grid-column-start: 4; grid-row-start: 1; } .sheet-armor-box5 { grid-column-start: 5; grid-row-start: 1; } .sheet-armor-box6 { grid-column-start: 6; grid-row-start: 1; } .sheet-armor-box7 { grid-column-start: 7; grid-row-start: 1; } .sheet-armor-box8 { grid-column-start: 8; grid-row-start: 1; } .sheet-armor-box9 { grid-column: 1/9; grid-row-start: 2; } .sheet-armor-box10 { grid-column: 1/9; grid-row-start: 3; } .sheet-armor-box11 { grid-column: 1/9; grid-row-start: 4; } /* ---------------------------------- Shield */ .sheet-shield-grid { display: grid; grid-column-gap: 2px; grid-row-gap: 2px; grid-row-start: 2; grid-template-columns: auto 4em 2.5em 2em 2.5em 3em 3em 12em; } .sheet-shield-box { grid-column: 1/9; grid-row-start: 1; } .sheet-shield-box1 { grid-column-start: 1; grid-row-start: 1; } .sheet-shield-box2 { grid-column-start: 2; grid-row-start: 1; } .sheet-shield-box3 { grid-column-start: 3; grid-row-start: 1; } .sheet-shield-box4 { grid-column-start: 4; grid-row-start: 1; } .sheet-shield-box5 { grid-column-start: 5; grid-row-start: 1; } .sheet-shield-box6 { grid-column-start: 6; grid-row-start: 1; } .sheet-shield-box7 { grid-column-start: 7; grid-row-start: 1; } .sheet-shield-box8 { grid-column-start: 8; grid-row-start: 1; } .sheet-shield-box9 { grid-column: 1/9; grid-row-start: 2; } .sheet-shield-box10 { display: flex; justify-content: space-evenly; height: 2.5em; grid-column: 1/9; grid-row-start: 3; } /* ---------------------------------- Consumables */ .sheet-consumables-grid { display: grid; padding: 0 0 2px 0; grid-row-gap: 2px; grid-template-columns: auto 3.5em 3em; grid-template-rows: auto; } .sheet-consumables-grid>div { display: flex; align-items: center; justify-content: space-around; } .sheet-consumables-box1 { grid-column: 1/4; grid-row-start: 1; } .sheet-consumables-box2 { grid-column: 2/3; grid-row-start: 1; } .sheet-consumables-box3 { grid-column-start: 3; grid-row-start: 1; } .sheet-consumables-box4 { grid-column-start: 1; grid-row-start: 2; } .sheet-consumables-box5 { grid-column-start: 2; grid-row-start: 2; } .sheet-consumables-box6 { grid-column-start: 3; grid-row-start: 2; } .sheet-consumables-grid div:nth-child(even)>span.sheet-header-h1 { margin-left: -25px; } .sheet-consumables-grid div:nth-child(odd)>span.sheet-header-h1 { margin-right: -25px; } /* ---------------------------------- Gear */ .sheet-gear-grid { display: grid; grid-row-gap: 2px; grid-template-columns: auto 3em 2em 3em; grid-template-rows: auto; } .sheet-gear-subgrid { display: grid; grid-column-gap: 2px; grid-template-columns: 4em 3em 9em 3em; } .sheet-gear-subgrid>div { display: flex; align-items: center; justify-content: space-around; } .sheet-gear-box1 { grid-column: 1/5; grid-row-start: 1; } .sheet-gear-box2 { grid-column-start: 2; grid-row-start: 1; } .sheet-gear-box3 { grid-column-start: 3; grid-row-start: 1; } .sheet-gear-box4 { grid-column-start: 4; grid-row-start: 1; } .sheet-gear-box5 { grid-column: 1/5; grid-row-start: 2; } .sheet-gear-weight { display: grid; justify-content: end; grid-column: 1/5; grid-column-gap: 5px; grid-row-start: 3; grid-template-columns: auto 3em; justify-items: end; } .sheet-gear-weight>div { display: flex; align-items: center; justify-content: space-around; height: 1.5em; } .sheet-gear-weight>div input { height: 1.5em; } .sheet-gear-box6 { display: grid; justify-content: end; padding-right: 5px; grid-column: 1/5; grid-column-gap: 0.25em; grid-row-start: 4; grid-template-columns: 3em 3em auto 3em; } .sheet-gear-box7 { grid-column: 1/2; grid-row-start: 1; } .sheet-gear-box8 { grid-column-start: 2; grid-row-start: 1; } .sheet-gear-box9 { grid-column-start: 3; grid-row-start: 1; } .sheet-gear-box10 { grid-column-start: 4; grid-row-start: 1; } .sheet-gear-box11 { grid-column: 1/5; grid-row-start: 5; } .sheet-gear-subgrid2 { display: grid; margin-top: 2px; grid-column-gap: 2px; grid-template-columns: 8em 8em; } .sheet-gear-box12 { margin-top: 7px; } /* ---------------------------------- Mount */ .sheet-mount-grid { position: relative; display: grid; grid-row-gap: 2px; grid-template-columns: auto repeat(4, 2.5em); grid-template-rows: auto; } .sheet-mount-grid>div { display: flex; align-items: center; justify-content: space-around; } .sheet-mount-box1 { grid-column: 1/6; grid-row-start: 1; } .sheet-mount-box2 { grid-column-start: 1; grid-row-start: 2; } .sheet-mount-box3 { grid-column-start: 2; grid-row-start: 2; } .sheet-mount-box4 { grid-column-start: 3; grid-row-start: 2; } .sheet-mount-box5 { grid-column-start: 4; grid-row-start: 2; } .sheet-mount-box6 { grid-column-start: 5; grid-row-start: 2; } .sheet-mount-box7 { grid-column: 1/6; grid-row-start: 3; } /* ---------------------------------- Mount_gear */ .sheet-mount_gear-grid { display: grid; grid-row-gap: 2px; grid-template-columns: auto 3em 2em 3em; grid-template-rows: auto; } .sheet-mount_gear-subgrid { display: grid; grid-column-gap: 2px; grid-row-gap: 2px; grid-template-columns: 4em 3em 9em 3em; } .sheet-mount_gear-subgrid2 { display: grid; height: 2em; margin-top: 5px; grid-template-columns: 3em auto; } .sheet-mount_gear-subgrid>.sheet-mount_gear-box11 { display: block; white-space: nowrap; } .sheet-mount_gear-subgrid>div { display: flex; align-items: center; justify-content: space-around; } .sheet-mount_gear-box1 { grid-column: 1/5; grid-row-start: 1; } .sheet-mount_gear-box2 { grid-column-start: 2; grid-row-start: 1; } .sheet-mount_gear-box3 { grid-column-start: 3; grid-row-start: 1; } .sheet-mount_gear-box4 { grid-column-start: 4; grid-row-start: 1; } .sheet-mount_gear-box5 { grid-column: 1/5; grid-row-start: 2; } .sheet-mount_gear-coin { grid-column: 1/5; grid-row-start: 3; } .sheet-mount_gear-box6 { display: grid; justify-content: end; height: 4em; padding-right: 5px; grid-column: 1/5; grid-column-gap: 0.25em; grid-row-start: 4; grid-template-columns: 3em 3em auto 3em; } .sheet-mount_gear-box7 { grid-column: 1/2; grid-row-start: 1; } .sheet-mount_gear-box8 { grid-column-start: 2; grid-row-start: 1; } .sheet-mount_gear-box9 { grid-column-start: 3; grid-row-start: 1; } .sheet-mount_gear-box10 { grid-column-start: 4; grid-row-start: 1; } .sheet-mount_gear-box11 { justify-content: left; grid-column: 1/5; grid-row-start: 2; } /* ---------------------------------- beasts */ .sheet-beasts-grid { display: grid; padding-bottom: 1px; grid-row-gap: 2px; grid-template-columns: 1fr 3em 3em 6em 3.5em 7em 3fr; grid-template-rows: auto; } .sheet-beasts-box { grid-column: 1/8; grid-row-start: 1; } .sheet-beasts-box1 { grid-column-start: 1; grid-row-start: 1; } .sheet-beasts-box2 { grid-column-start: 2; grid-row-start: 1; } .sheet-beasts-box3 { grid-column-start: 3; grid-row-start: 1; } .sheet-beasts-box4 { grid-column-start: 4; grid-row-start: 1; } .sheet-beasts-box5 { grid-column-start: 5; grid-row-start: 1; } .sheet-beasts-box6 { grid-column-start: 6; grid-row-start: 1; } .sheet-beasts-box7 { width: 99%; grid-column-start: 7; grid-row-start: 1; } .sheet-beasts-box8 { grid-column: 1/8; grid-row-start: 2; } /* ---------------------------------- Experience */ .sheet-experience-grid { display: grid; margin-right: -1px; grid-template-columns: 4.25fr 2.2em 1fr; } .sheet-experience-box1 { grid-column-start: 1; grid-row-start: 1; } .sheet-experience-box2 { z-index: 1; grid-column-start: 2; grid-row-start: 1; } .sheet-experience-box3 { grid-column-start: 3; grid-row-start: 1; } .sheet-experience-grid .sheet-header>.sheet-input { z-index: 1; } .sheet-experience-grid .sheet-header>h1 { margin: 0; } /* ---------------------------------- Willpower */ .sheet-willpower-grid { display: grid; grid-template-columns: auto 3em; } .sheet-willpower-box1 { grid-column: 1/3; grid-row-start: 1; } .sheet-willpower-box2 { display: flex; align-items: center; justify-content: space-evenly; height: 3em; grid-column: 1/2; grid-row-start: 2; } .sheet-willpower-box3 { display: flex; align-items: center; justify-content: center; height: 3em; grid-column-start: 2; grid-row-start: 2; } .sheet-willpower-box3 span { margin: 0 3px 0 3px; } /* ---------------------------------- Relationships */ .sheet-relationships-grid { display: grid; grid-column-gap: 2px; grid-row-gap: 1px; grid-template-columns: 1fr 3fr; } .sheet-relationships-grid>.sheet-relationships-box3, .sheet-relationships-grid>.sheet-relationships-box4 { display: flex; align-items: center; justify-content: space-around; box-sizing: border-box; } .sheet-relationships-box1 { grid-column: 1/3; grid-row-start: 1; } .sheet-relationships-box2 { grid-column: 1/3; grid-row-start: 2; } .sheet-relationships-box3 { grid-column-start: 1; grid-row-start: 3; } .sheet-relationships-box4 { grid-column: 2/3; grid-row-start: 3; } /* ---------------------------------- Notes */ .sheet-notes-grid { display: grid; grid-column-gap: 2px; grid-row-gap: 1px; grid-template-columns: 2em 1fr 3fr; } .sheet-notes-grid>.sheet-notes-box3, .sheet-notes-grid>.sheet-notes-box4 { display: flex; align-items: center; justify-content: space-around; box-sizing: border-box; } .sheet-notes-box1 { grid-column: 1/4; grid-row-start: 1; } .sheet-notes-box2 { grid-column: 1/4; grid-row-start: 2; } .sheet-notes-box3 { grid-column-start: 1; grid-row-start: 2; } .sheet-notes-box4 { grid-column-start: 2; grid-row-start: 2; } .sheet-notes-box5 { min-height: 2em; margin-top: 5px; padding-right: 6px; grid-column-start: 3; grid-row-start: 2; } /* ---------------------------------- Coins */ .sheet-coins-grid { display: grid; padding: 0 0 2px 0; grid-row-gap: 2px; grid-template-columns: 7em repeat(3, 1fr); grid-template-rows: auto; } .sheet-coins-grid>div { display: flex; align-items: center; justify-content: space-around; } .sheet-coins-box { grid-column: 1/5; grid-row-start: 1; } .sheet-coins-box1 { grid-column-start: 1; grid-row-start: 1; } .sheet-coins-box2 { grid-column-start: 2; grid-row-start: 1; } .sheet-coins-box3 { grid-column-start: 3; grid-row-start: 1; } .sheet-coins-box4 { grid-column-start: 4; grid-row-start: 1; } .sheet-coins-box5 { grid-column-start: 1; grid-row-start: 2; } .sheet-coins-box17 { height: 3em; } /* ---------------------------------- Spells */ .sheet-spells-grid { display: grid; grid-column-gap: 2px; grid-row-gap: 2px; grid-template-columns: 2.5em auto 3em 3em 5.5em 6em 11.5em; } .sheet-spells-box6>div>.sheet-input { display: flex; align-items: center; justify-content: space-around; } .sheet-spells-box { grid-column: 1/8; grid-row-start: 1; } .sheet-spells-box0 { grid-column-start: 1; grid-row-start: 1; } .sheet-spells-box1 { grid-column-start: 2; grid-row-start: 1; } .sheet-spells-box2 { grid-column-start: 3; grid-row-start: 1; } .sheet-spells-box3 { grid-column-start: 4; grid-row-start: 1; } .sheet-spells-box4 { grid-column-start: 5; grid-row-start: 1; } .sheet-spells-box5 { grid-column-start: 6; grid-row-start: 1; } .sheet-spells-box6 { grid-column-start: 7; grid-row-start: 1; } .sheet-spells-box7 { grid-column: 1/8; grid-row-start: 2; } /* stronghold grid layout */ .sheet-stronghold-grid { display: grid; margin: -10px 5px 0 5px; grid-column-gap: 4px; grid-row-gap: 4px; grid-template-columns: 1fr 1fr auto; grid-template-rows: repeat(4, auto); } .sheet-stronghold-details { grid-column: 1/3; grid-row-start: 1; } .sheet-stronghold-functions { grid-column-start: 1; } .sheet-stronghold-hirelings { grid-column-start: 2; } .sheet-stronghold-stockpile { grid-column: 1/2; grid-row-start: 3; } .sheet-stronghold-notes { grid-column-start: 2; grid-row-start: 3; } /* ---------------------------------- Stronghold Details */ .sheet-stronghold-details-grid { display: grid; padding-bottom: 10px; grid-row-gap: 10px; grid-template-columns: 0 auto 14em auto 14em auto 3em 3em; } .sheet-stronghold-details-grid>div { display: flex; align-items: center; justify-content: space-around; } .sheet-stronghold-details-box1 { grid-column: 1/9; grid-row-start: 1; } .sheet-stronghold-details-box2 { grid-column-start: 2; grid-row-start: 2; } .sheet-stronghold-details-box3 { grid-column-start: 3; grid-row-start: 2; } .sheet-stronghold-details-box4 { grid-column-start: 4; grid-row-start: 2; } .sheet-stronghold-details-box5 { grid-column-start: 5; grid-row-start: 2; } .sheet-stronghold-details-box6 { grid-column-start: 6; grid-row-start: 2; } .sheet-stronghold-details-box7 { grid-column-start: 7; grid-row-start: 2; } .sheet-stronghold-details-box8 { grid-column: 2/3; grid-row-start: 3; } .sheet-stronghold-details-box9 { grid-column: 3/8; grid-row-start: 3; } /* ---------------------------------- Stronghold Functions */ .sheet-stronghold-functions-grid { display: grid; grid-column-gap: 2px; grid-row-gap: 2px; grid-template-columns: 2fr 3em 3fr; grid-template-rows: auto; } .sheet-stronghold-functions-grid>div, .sheet-stronghold-functions-grid>input, .sheet-stronghold-functions-grid>textarea { box-sizing: border-box; } .sheet-stronghold-functions-grid>.sheet-input-textarea { height: 2.25em; } .sheet-stronghold-functions-box { grid-column: 1/4; grid-row-start: 1; } .sheet-stronghold-functions-box1 { grid-column-start: 1; grid-row-start: 1; } .sheet-stronghold-functions-box2 { grid-column-start: 2; grid-row-start: 1; } .sheet-stronghold-functions-box3 { grid-column-start: 3; grid-row-start: 1; } .sheet-stronghold-functions-box4 { grid-column: 1/4; grid-row-start: 2; } /* ---------------------------------- Stronghold Hirelings */ .sheet-stronghold-hirelings-grid { display: grid; margin-bottom: 2px; grid-column-gap: 2px; grid-row-gap: 2px; grid-template-columns: auto 3em 5em; grid-template-rows: auto; } .sheet-stronghold-hirelings-box { grid-column: 1/4; grid-row-start: 1; } .sheet-stronghold-hirelings-box1 { grid-column-start: 1; grid-row-start: 1; } .sheet-stronghold-hirelings-box2 { grid-column-start: 2; grid-row-start: 1; } .sheet-stronghold-hirelings-box3 { grid-column-start: 3; grid-row-start: 1; } .sheet-stronghold-hirelings-box3 span { line-height: 1em; height: 2em; margin-top: -9px; text-align: center; word-break: break-word; background: transparent; grid-column-start: 3; grid-row-start: 1; } input.sheet-stronghold-hirelings-box3 { display: flex; max-width: 3.5em; justify-self: center; } .sheet-stronghold-hirelings-box4 { grid-column: 1/4; grid-row-start: 2; } .sheet-stronghold-hirelings-box5 { grid-column: 1/4; grid-row-start: 3; } /* ---------------------------------- Stronghold Stockpile */ .sheet-stronghold-stockpile-grid { display: grid; grid-row-gap: 2px; grid-template-columns: 3fr 3em 3fr 3em 3fr 3em; grid-template-rows: auto; } .sheet-stronghold-stockpile-grid>div, .sheet-stronghold-stockpile-grid>span { display: flex; align-items: center; justify-content: space-around; } .sheet-stronghold-stockpile-box1 { grid-column: 1/7; grid-row-start: 1; } .sheet-stronghold-stockpile-box2 { grid-column-start: 2; grid-row-start: 1; } .sheet-stronghold-stockpile-box3 { grid-column-start: 4; grid-row-start: 1; } .sheet-stronghold-stockpile-box4 { grid-column-start: 6; grid-row-start: 1; } /* ---------------------------------- Stronghold Notes */ .sheet-stronghold-notes-grid { display: grid; grid-column-gap: 2px; grid-row-gap: 2px; grid-template-columns: auto; grid-template-rows: auto; } .sheet-stronghold-notes-grid>div, .sheet-stronghold-notes-grid>input, .sheet-stronghold-notes-grid>textarea { box-sizing: border-box; } .sheet-stronghold-notes-box1 { grid-column: 1/2; grid-row-start: 1; } .sheet-stronghold-notes-box2 { grid-column-start: 1; grid-row-start: 2; } /* GRID STYLING */ .sheet-grid-item { text-align: center; } .sheet-dice_pool-grid .sheet-grid-item { width: 103%; } .sheet-sub-grid-item { margin: 2px; text-align: center; } .sheet-span-two { grid-column: 1/3; } .sheet-span-three { grid-column: 1/4; } .sheet-span-right { grid-column: 2/4; } /**** DICE ROLLER STYLING ****/ button[type="action"]:hover, button[type="action"]:hover>span, button[type="roll"]:hover { color: #fff; background: #a60100; } button[type="action"]>span { font-size: 95%; color: #333; } input.sheet-dice-selection { position: relative; z-index: 1; width: 25px; height: 25px; margin: -10px 0 2px 3px; cursor: pointer; opacity: 0; } input.sheet-mighty, input.sheet-epic, input.sheet-legendary { width: 15%; margin: 0 -25% 0 0; } input.sheet-dice-selection+span::before { display: inline-block; width: 28px; height: 22px; margin: -44px 2px 5px 0; padding: 5px 0 0 0; content: attr(title); text-align: center; vertical-align: middle; color: #000; background-color: #fff; border: solid 1px #000; border-radius: 5px; box-shadow: 2px 2px 2px #000; } .sheet-dice-artifact-rolls input.sheet-dice-selection+span::before { width: 40px; margin: 0; } input.sheet-dice-selection:hover+span::before { color: #fff; background: #a9a9a9; } input.sheet-attribute:checked+span::before { color: #000; background: #fff; } input.sheet-skill:checked+span::before { color: #fff; background: #a60100; } input.sheet-gear:checked+span::before { color: #fff; background: #000; } input.sheet-negative:checked+span::before { color: #fff; background: #800080; } input.sheet-mighty:checked+span::before { color: #fff; background: #235402; } input.sheet-epic:checked+span::before { color: #fff; background: #0088af; } input.sheet-legendary:checked+span::before { color: #000; background: #ff8c00; } /* Included to help color blind users */ button[type="action"]:focus { color: white; border: 2px dotted white; background: #a60100; } button[type="action"]:focus span { color: white; } .sheet-dice_pool-grid button[type="action"]:focus { padding: 0; border-width: 2px; border-style: outset; border-image: initial; } /* .sheet-dice_pool-grid button[type="action"]:focus span { } */ input[type="radio"].sheet-dice-selection.sheet-attribute:checked+span::before { border: 2px dotted black; } input[type="radio"].sheet-dice-selection.sheet-skill:checked+span::before, input[type="radio"].sheet-dice-selection.sheet-gear:checked+span::before, input[type="radio"].sheet-dice-selection.sheet-negative:checked+span::before, input[type="checkbox"].sheet-mighty:checked+span::before, input[type="checkbox"].sheet-epic:checked+span::before, input[type="checkbox"].sheet-legendary:checked+span::before { font-size: 95%; padding: 3px 0 0 0; border: 2px dotted white; } /* ROLL TEMPLATE STYLING */ .sheet-rolltemplate-forbiddenlands .sheet-small-caps { font-variant-caps: small-caps; } .sheet-rolltemplate-forbiddenlands { padding: 12px 0 12px 0; } .sheet-rolltemplate-forbiddenlands span.sheet-label { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight: bold; } .sheet-rolltemplate-forbiddenlands .sheet-template-wrap { box-sizing: border-box; width: 240px; margin: 5px 0 5px -20px; padding: 5px 0 5px 0; border: 5px solid #000; border-radius: 5px; border-image-source: url(http://imgsrv.roll20.net/?src=i.imgur.com/P4vj7jz.png); border-image-slice: 74; border-image-width: 50px 80px 50px 80px; border-image-outset: 6 4 4 4; border-image-repeat: stretch repeat; background-color: #f1f1f1; } .sheet-rolltemplate-forbiddenlands div.sheet-template-header { font-family: "Times New Roman", Times, serif; font-size: 1em; font-weight: bold; display: flex; justify-content: space-between; margin: 2px -9px 2px -9px; padding: 3px 5px 3px 5px; word-break: break-word; color: #fff; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 9px; border-bottom-left-radius: 9px; background-color: #000; } .sheet-rolltemplate-forbiddenlands .sheet-template-header a { color: #fff; } .sheet-rolltemplate-forbiddenlands .sheet-template-span-left.sheet-template-header { justify-content: center; width: 43%; } .sheet-rolltemplate-forbiddenlands .sheet-template-span-center.sheet-template-header { z-index: 1; } .sheet-rolltemplate-forbiddenlands .sheet-template-span-right.sheet-template-header { justify-content: center; width: 43%; } .sheet-rolltemplate-forbiddenlands div.sheet-template-subtitle { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 1em; font-weight: bold; display: flex; align-items: center; justify-content: center; margin: 0 -5px 5px -5px; padding: 2px; } .sheet-rolltemplate-forbiddenlands .sheet-template-black-dice~.sheet-template-span-left, .sheet-rolltemplate-forbiddenlands .sheet-template-black-dice~.sheet-template-span-center, .sheet-rolltemplate-forbiddenlands .sheet-template-black-dice~.sheet-template-span-right { margin: 5px 1px 0 1px; border-radius: 0; background-color: #ddd; } .sheet-rolltemplate-forbiddenlands div.sheet-template-footer { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 0.75em; margin: 5px; padding: 2px; text-align: justify; } .sheet-rolltemplate-forbiddenlands div.sheet-free-text { font-size: 1em; line-height: 1em; margin: -10px 5px 2px 5px; padding: 0; text-align: left; } .sheet-rolltemplate-forbiddenlands .sheet-template-grid { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; display: grid; margin: 3px 2px 2px 2px; padding: 0; background-color: transparent; grid-gap: 1px; grid-template-columns: repeat(6, 1fr); } .sheet-rolltemplate-forbiddenlands .sheet-template-grid-item { padding: 3px; text-align: center; border: none; border-radius: 5px; background-color: transparent; } .sheet-template-grid-item.sheet-template-span-six:last-child { overflow-y: auto; max-height: 6em; text-align: left; } .sheet-rolltemplate-forbiddenlands .sheet-template-span-six { grid-column: 1 / 7; } .sheet-rolltemplate-forbiddenlands .sheet-template-span-half { line-height: 1em; grid-column: 1 / 4; } .sheet-rolltemplate-forbiddenlands .sheet-template-span-2nd-half { line-height: 1em; grid-column: 4 / 7; } .sheet-rolltemplate-forbiddenlands .sheet-template-span-left { grid-column: 1 / 3; } .sheet-rolltemplate-forbiddenlands .sheet-template-span-center { grid-column: 3 / 5; } .sheet-rolltemplate-forbiddenlands .sheet-template-span-right { grid-column: 5 / 7; } .sheet-rolltemplate-forbiddenlands .sheet-template-grid .sheet-scroll-text { overflow-y: auto; min-height: 1.25em; max-height: 6em; margin: 0; text-align: left; } /* used for consumable's single dice roll */ .sheet-rolltemplate-forbiddenlands .sheet-template-span-center-die { width: 38%; margin-left: 24%; grid-column: 3 / 5; } .sheet-rolltemplate-forbiddenlands .sheet-template-span-one { grid-column: 1 / 2; } .sheet-rolltemplate-forbiddenlands .sheet-template-span-two { grid-column: 2 / 3; } .sheet-rolltemplate-forbiddenlands .sheet-template-span-three { grid-column: 3 / 4; } .sheet-rolltemplate-forbiddenlands .sheet-template-span-four { grid-column: 4 / 5; } .sheet-rolltemplate-forbiddenlands .sheet-template-span-five { grid-column: 5 / 6; } .sheet-rolltemplate-forbiddenlands .sheet-template-span-shix { grid-column: 6 / 7; } .sheet-rolltemplate-forbiddenlands .sheet-template-artifact-1 { background-image: url("https://s3.amazonaws.com/files.d20.io/images/76934530/UmA1p3wFzVfFRD7A7zo6Tg/max.png"); background-repeat: no-repeat; background-size: contain; } .sheet-rolltemplate-forbiddenlands .sheet-template-artifact-2 { background-image: url("https://s3.amazonaws.com/files.d20.io/images/76934537/ThGw7C_jknVBMqK9e0g00g/max.png"); background-repeat: no-repeat; background-size: contain; } .sheet-rolltemplate-forbiddenlands .sheet-template-artifact-3 { background-image: url("https://s3.amazonaws.com/files.d20.io/images/76934549/vSFpnqGHv3kwA6Zhb9BZPw/max.png"); background-repeat: no-repeat; background-size: contain; } .sheet-rolltemplate-forbiddenlands .sheet-template-artifact-4 { background-image: url("https://s3.amazonaws.com/files.d20.io/images/76934559/7Fy7-GlBQMw0lbXyotUHBg/max.png"); background-repeat: no-repeat; background-size: contain; } .sheet-rolltemplate-forbiddenlands .sheet-template-success { max-width: 100%; height: auto; } .sheet-rolltemplate-forbiddenlands .sheet-template-bane { max-width: 100%; height: auto; } .sheet-rolltemplate-forbiddenlands .sheet-template-bold { font-weight: bold; } .sheet-rolltemplate-forbiddenlands .sheet-template-inline { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 2em; line-height: 0; display: inline-block; margin: 50% 0 50% 0; border: none; background-color: transparent; } .sheet-rolltemplate-forbiddenlands .sheet-template-smaller { font-size: 0.85em; } /* add drop shadow to dice */ .sheet-rolltemplate-forbiddenlands .sheet-template-white-dice, .sheet-rolltemplate-forbiddenlands .sheet-template-maroon-dice, .sheet-rolltemplate-forbiddenlands .sheet-template-black-dice, .sheet-rolltemplate-forbiddenlands .sheet-template-green-dice, .sheet-rolltemplate-forbiddenlands .sheet-template-blue-dice, .sheet-rolltemplate-forbiddenlands .sheet-template-orange-dice, .sheet-rolltemplate-forbiddenlands .sheet-template-purple-dice { margin: 1px; box-shadow: -3px 2px 3px #000; } .sheet-rolltemplate-forbiddenlands .sheet-template-grid-item.sheet-template-span-six.sheet-template-header { margin-bottom: 5px; box-shadow: 0 2px 7px #000; } .sheet-rolltemplate-forbiddenlands .sheet-template-white-dice { line-height: 0; padding: 3px; text-align: center; border: 1px solid #000; border-radius: 5px; background-color: #fff; } .sheet-rolltemplate-forbiddenlands .sheet-template-maroon-dice { line-height: 0; padding: 3px; text-align: center; color: #fff; border: 1px solid #000; border-radius: 5px; background-color: #a60100; } .sheet-rolltemplate-forbiddenlands .sheet-template-black-dice { line-height: 0; padding: 3px; text-align: center; color: #fff; border: 1px solid transparent; border-radius: 5px; background-color: #000; } .sheet-rolltemplate-forbiddenlands .sheet-template-green-dice { line-height: 0; padding: 3px; text-align: center; color: #fff; border: 1px solid #000; border-radius: 5px; background-color: #235402; } .sheet-rolltemplate-forbiddenlands .sheet-template-blue-dice { line-height: 0; padding: 3px; text-align: center; color: #fff; border: 1px solid #000; border-radius: 5px; background-color: #0088af; } .sheet-rolltemplate-forbiddenlands .sheet-template-orange-dice { line-height: 0; padding: 3px; text-align: center; color: #fff; border: 1px solid #000; border-radius: 5px; background-color: #ff8c00; } .sheet-rolltemplate-forbiddenlands .sheet-template-purple-dice { line-height: 0; padding: 3px; text-align: center; color: #fff; border: 1px solid #000; border-radius: 5px; background-color: #800080; } .sheet-rolltemplate-forbiddenlands .sheet-template-white-dice>.inlinerollresult, .sheet-rolltemplate-forbiddenlands .sheet-template-maroon-dice>.inlinerollresult, .sheet-rolltemplate-forbiddenlands .sheet-template-black-dice>.inlinerollresult, .sheet-rolltemplate-forbiddenlands .sheet-template-green-dice>.inlinerollresult, .sheet-rolltemplate-forbiddenlands .sheet-template-blue-dice>.inlinerollresult, .sheet-rolltemplate-forbiddenlands .sheet-template-orange-dice>.inlinerollresult, .sheet-rolltemplate-forbiddenlands .sheet-template-purple-dice>.inlinerollresult { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 2em; font-weight: bold; line-height: 0; display: inline-block; margin: 50% 0 50% 0; border: none; background-color: transparent; } .sheet-rolltemplate-forbiddenlands .sheet-template-green-dice>div>.sheet-template-inline, .sheet-rolltemplate-forbiddenlands .sheet-template-blue-dice>div>.sheet-template-inline, .sheet-rolltemplate-forbiddenlands .sheet-template-orange-dice>div>.sheet-template-inline { font-size: 2.25em; font-variant: diagonal-fractions; text-shadow: 1px 1px 1px black; } .sheet-rolltemplate-forbiddenlands .inlinerollresult.fullcrit { color: inherit; border: none; } .sheet-rolltemplate-forbiddenlands .inlinerollresult.fullfail { color: inherit; border: none; } .sheet-rolltemplate-forbiddenlands .inlinerollresult.importantroll { color: inherit; border: none; }