diff --git a/Forbidden_Lands/Forbidden_Lands.css b/Forbidden_Lands/Forbidden_Lands.css index 519121f558..a822996ce1 100644 --- a/Forbidden_Lands/Forbidden_Lands.css +++ b/Forbidden_Lands/Forbidden_Lands.css @@ -1,23 +1,23 @@ /* announcements */ .sheet-announcements-show { - float: right; + 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; - font-size: .85em; background-color: #ffffea; } span.sheet-announcements-show::before { - content: 'v'; + content: "v"; } span.sheet-announcements-show::after { font-family: pictos; - content: 'l'; padding-left: 4px; + content: "l"; } input.sheet-announcements-show { @@ -29,24 +29,24 @@ input.sheet-announcements-show { } .sheet-announcements-exit { - float: right; - position: relative; - margin: 0.5em -3em 0 0; font-family: pictos; font-size: 1em; + position: relative; + float: right; + margin: 0.5em -3em 0 0; } input[type="checkbox"].sheet-announcements-older-show { + position: relative; + z-index: 1; + float: right; width: 1.5em; height: 1em; margin: -1.1em 0 0 0; opacity: 0; - z-index: 1; - position: relative; - float: right; } -input.sheet-announcements-show:hover +span { +input.sheet-announcements-show:hover+span { color: red; } @@ -55,21 +55,21 @@ input.sheet-announcements-older-show:hover+span { } input.sheet-announcements-older-show+span { - transform-origin: 25% 50%; - border: 0.4em solid transparent; - border-width: 0.4em 0.6em; - border-left-color: #C0A748; - width: 0; - height: 0px; - text-align: center; - content: ''; - -webkit-transition: all .3s ease; - -moz-transition: all .3s ease; - -o-transition: all .3s ease; - transition: all .3s ease; - margin: -1em 0 0 0; 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-announcements-older-show:checked+span { @@ -77,23 +77,23 @@ input.sheet-announcements-older-show:checked+span { } .sheet-announcements-show:not(:checked)+span+div.sheet-announcements, -.sheet-announcements-older-show:not(:checked) ~ .sheet-announcements-older-show { +.sheet-announcements-older-show:not(:checked)~.sheet-announcements-older-show { display: none; } -.sheet-announcements-older-show:checked+span ~ .sheet-announcements-older-show { +.sheet-announcements-older-show:checked+span~.sheet-announcements-older-show { display: block; - color: #333; - border: 1px solid #000; - border-radius: 5px; box-sizing: border-box; margin: 2em; padding: 1em; + color: #333; + border: 1px solid #000; + border-radius: 5px; } .sheet-announcements { - padding: 1em .5em 2em .5em; - margin: -1em .5em 1em .5em; + margin: -1em 0.5em 1em 0.5em; + padding: 1em 0.5em 2em 0.5em; border: 2px solid #000; border-radius: 5px; background-color: #ffffea; @@ -103,63 +103,63 @@ input.sheet-announcements-older-show:checked+span { h1 { font-family: "Times New Roman", Times, serif; font-size: 1.25em; - color: #FFF; - letter-spacing: 0.0625em; - margin: -16px 0 0 0; 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; - color: #000; - letter-spacing: 0.0625em; 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; - width: 90%; - overflow: visible; - height: 10px; + border-width: 1px 0 0 0; border-style: solid; border-color: #000; - border-width: 1px 0 0 0; border-radius: 5px; } hr.sheet-horizontal-rule::before { /* Not really supposed to work, but does */ display: block; - content: ""; height: 10px; margin-top: -11px; + content: ""; + border-width: 0 0 1px 0; border-style: solid; border-color: #000; - border-width: 0 0 1px 0; border-radius: 5px; } .sheet-header { font-weight: bold; - background-color: #000; - color: #FFF; 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-variant-caps: small-caps; - font-size: .95em; + 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 { @@ -169,8 +169,8 @@ hr.sheet-horizontal-rule::before { .sheet-footer { font-size: 0.95em; display: block; - text-align: right; margin: -15px 0 0 -10px; + text-align: right; } .sheet-label { @@ -203,29 +203,29 @@ hr.sheet-horizontal-rule::before { /* Hide actual radio */ input.sheet-skull[type="radio"] { - opacity: 0; - width: 15px; - height: 15px; position: relative; + z-index: 1; top: 1px; left: 9px; + width: 15px; + height: 15px; margin: -10px; cursor: pointer; - z-index: 1; + opacity: 0; } /* Fake radio using skull */ input.sheet-skull[type="radio"]+span::before { - background-image: url(http://imgsrv.roll20.net:5100/?src=i.imgur.com/qSmoVBF.png%3F2); - margin: 0 3px 0 3px; + font-size: 24px; line-height: 14px; - text-align: center; display: inline-block; - vertical-align: middle; - content: url(http://imgsrv.roll20.net:5100/?src=i.imgur.com/1N9eJNN.png%3F2); width: 15px; height: 15px; - font-size: 24px; + 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 */ @@ -235,48 +235,42 @@ input.sheet-skull[type="radio"]:checked~input.sheet-skull[type="radio"]+span::be } /* Broken Indicators */ -input.sheet-broken-str[type="checkbox"]:not(:checked)~div .sheet-broken-str, -input.sheet-broken-agi[type="checkbox"]:not(:checked)~div .sheet-broken-agi, -input.sheet-broken-wit[type="checkbox"]:not(:checked)~div .sheet-broken-wit, -input.sheet-broken-emp[type="checkbox"]:not(:checked)~div .sheet-broken-emp { - color: #6e6e6e; -} - -input.sheet-broken-str[type="checkbox"]:checked~div .sheet-broken-str, -input.sheet-broken-agi[type="checkbox"]:checked~div .sheet-broken-agi, -input.sheet-broken-wit[type="checkbox"]:checked~div .sheet-broken-wit, -input.sheet-broken-emp[type="checkbox"]:checked~div .sheet-broken-emp { +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[type="checkbox"]:checked~div .sheet-broken-str.sheet-input-span, -input.sheet-broken-agi[type="checkbox"]:checked~div .sheet-broken-agi.sheet-input-span, -input.sheet-broken-wit[type="checkbox"]:checked~div .sheet-broken-wit.sheet-input-span, -input.sheet-broken-emp[type="checkbox"]:checked~div .sheet-broken-emp.sheet-input-span { - border: 2px dotted #fff; +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; - background-color: #a60100; color: #fff; + border: 2px dotted #fff; + background-color: #a60100; } /* Fake radio using xbox for Experience/Willpower */ input[type="radio"].sheet-xbox+span::before { - background-image: url(http://imgsrv.roll20.net:5100/?src=i.imgur.com/Vsnygg8.png); + font-size: 24px; line-height: 14px; - text-align: center; display: inline-block; - vertical-align: middle; - content: url(http://imgsrv.roll20.net:5100/?src=i.imgur.com/f3cpSW5.png); width: 15px; height: 15px; - font-size: 24px; 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; - margin-top: 3px; width: 16px; + margin-top: 3px; opacity: 0; } @@ -288,26 +282,26 @@ input[type="radio"].sheet-xbox:checked~input[type="radio"].sheet-xbox+span::befo /* Fake radio using xbox for Conditions */ input[type="checkbox"].sheet-xbox+span::before { - background-image: url(http://imgsrv.roll20.net:5100/?src=i.imgur.com/Vsnygg8.png); + font-size: 24px; line-height: 14px; - text-align: center; display: inline-block; - vertical-align: middle; - content: url(http://imgsrv.roll20.net:5100/?src=i.imgur.com/f3cpSW5.png); width: 15px; height: 15px; - font-size: 24px; 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; - margin: 1px 0 0 0; } /* Removes xbox from all radios _after_ selected one */ @@ -317,28 +311,25 @@ input[type="checkbox"].sheet-xbox:not(:checked)+span::before { /* Fake Action Button */ button.sheet-roll-button { - height: 1.25em; - width: 1.25em; + font-family: "dicefontd20"; font-size: 1.25em; line-height: 1em; - font-family: "dicefontd20"; - content: "t"; - padding: 1px 1px 1px 1px; - margin: 5px 2px 5px 2px; display: flex; justify-content: center; - justify-self: center; - color: buttontext; - background-color: buttonface; - background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); box-sizing: border-box; + width: 1.25em; + height: 1.25em; + margin: 5px 2px 5px 2px; + padding: 1px 1px 1px 1px; + content: "t"; + cursor: pointer; + border: 1px solid #ccc; border-width: 2px; border-style: outset; - border-color: buttonface; - border: 1px solid #ccc; border-bottom-color: #bbb; border-image: initial; - cursor: pointer; + background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); + justify-self: center; } /* Update the Dice Pool indicator @@ -355,60 +346,60 @@ button.sheet-roll-button { .sheet-box-indicator button, .sheet-box-api-indicator button { - z-index: 1; - box-shadow: 0px 2px 4px 2px #000; - border: 1px solid #000; - background: #a60100; - color: #fff; + 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 { - box-shadow: 0px 1px 4px 2px #808080; - border: 1px solid #a60100; + 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; - -webkit-transition: opacity .5s; - transition: opacity .5s; } .sheet-box-indicator::after { - content: ''; + z-index: 0; width: 3.75em; - margin: 0px 0 -2px -5.25em; - background-color: transparent; + 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; - z-index: 0; - opacity: 0; + background-color: transparent; box-shadow: 0 2px 10px 5px #a60100; - -webkit-transition: opacity .5s; - transition: opacity .5s; } .sheet-box-api-indicator::after { - content: ''; + z-index: 0; width: 7.5em; - margin: -2px 0px -4px -9em; - background-color: transparent; + margin: -2px 0 -4px -9em; + content: ""; + -webkit-transition: opacity 0.5s; + transition: opacity 0.5s; + opacity: 0; border: 10px solid #a60100; border-radius: 4px; - z-index: 0; - opacity: 0; + background-color: transparent; box-shadow: 0 2px 10px 5px #a60100; - -webkit-transition: opacity .5s; - transition: opacity .5s; } -.sheet-roll-indicator:checked ~ .sheet-box-indicator::after, -.sheet-roll-indicator:checked ~ .sheet-box-api-indicator::after { - opacity: 1; +.sheet-roll-indicator:checked~.sheet-box-indicator::after, +.sheet-roll-indicator:checked~.sheet-box-api-indicator::after { + opacity: 1; } /* api dice toggle */ @@ -435,8 +426,8 @@ input.sheet-hidden.sheet-api-toggle-show:checked~div.sheet-grid-item.sheet-api-r } input.sheet-hidden.sheet-api-toggle-show:checked~div.sheet-grid-item.sheet-api-roll button::after { - content: 'w/API'; margin-right: 2px; + content: "w/API"; } /* repcontrol */ @@ -450,25 +441,25 @@ input.sheet-hidden.sheet-api-toggle-show:checked~div.sheet-grid-item.sheet-api-r .repcontrol_add, .repcontrol_edit, .repcontrol_del { - box-shadow: none; - height: 1.2em; width: 3.25em; - padding: 0 1px 3px 1px; + height: 1.2em; margin: 1px; + padding: 0 1px 3px 1px; + box-shadow: none; } .repcontrol_move { - cursor: move; float: right; margin-right: 5px; + cursor: move; } /* Sheet Tabs */ div.sheet-tab-content { display: none; - border-top: 1px solid #ffffff; margin-top: -30px; + border-top: 1px solid #fff; } input.sheet-character:checked~div.sheet-character, @@ -499,35 +490,35 @@ input.sheet-monster_only:checked~div.sheet-character .sheet-monster+span { display: block; } -input[type='radio'].sheet-tab { -width: 90px; - height: 20px; - font-size: 1.1em; +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; - -webkit-appearance: none; - -moz-appearance: none; + cursor: pointer; border: none; outline: none; - position: relative; - cursor: pointer; - z-index: 1; + -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; - padding-bottom: 1px; - text-align: center; - display: block; background: #ddd; - color: #444; - width: 90px; - height: 16px; - line-height: 18px; } input.sheet-tab.sheet-character:checked, @@ -549,9 +540,9 @@ input.sheet-tab.sheet-stronghold:hover::before, input.sheet-tab.sheet-monster:hover::before, input.sheet-tab.sheet-dice_only:hover::before { z-index: 3; - margin: -3px 0 0 0; - height: 22px; width: 92px; + height: 22px; + margin: -3px 0 0 0; border-color: #aaa; border-bottom-color: transparent; background: #f5f5f5; @@ -567,52 +558,51 @@ input.sheet-tab:hover::before { } input.sheet-tab:hover::before { - background: #e3e3e3; - height: 20px; 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; - color: #FFF; - height: 20px; - width: 92px; - margin: -3px 0 0 -2px; - font-weight: bold; } .sheet-wrapper { - width: 100%; - min-width: 820px; - background-color: inherit; - color: #000; 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; - box-sizing: border-box; + 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; - border-image-repeat: repeat; - border-image-source: url(http://imgsrv.roll20.net:5100/?src=i.imgur.com/5Z0dp3Q.png); + background-color: inherit; } .sheet-logo { min-width: 820px; max-height: 56px; - text-align: right; margin-bottom: -2px; + text-align: right; } input { - font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; - color: #000000; + font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; + color: #000; } .sheet-input:focus, @@ -624,57 +614,57 @@ input[type="text"].sheet-input-number:focus, input[type="number"].sheet-input-number:focus, .sheet-input-textare:focus, textarea:focus { - background-color: #ffffea; 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; - color: #000000; + 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 { - color: #000000; - text-align: center; width: 100%; max-height: 2.25em; + text-align: center; + color: #000; } select.sheet-input { width: 100%; - color: #000000; - padding: 0; margin: 0; + padding: 0; + color: #000; } input.sheet-input.sheet-input-number-center { - width: 3em; display: flex; - justify-self: center; + width: 3em; text-align: center; + justify-self: center; } input[type="checkbox"].sheet-input { - margin-top: 0.7em; height: 1.1em; + margin-top: 0.7em; } .sheet-input-textarea { - font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; - color: #000000; + font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; line-height: 1em; - height: 1.9em; - min-height: 1.9em; - resize: vertical; 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, @@ -682,11 +672,11 @@ input[readonly].sheet-input, textarea[disabled].sheet-input, textarea[readonly].sheet-input, input[readonly].sheet-input-number { - background-color: #eeeeee; - border-color: #6e6e6e; - color: #6e6e6e; - cursor: not-allowed; font-style: italic; + cursor: not-allowed; + color: #6e6e6e; + border-color: #6e6e6e; + background-color: #eee; } button>input.sheet-input { @@ -700,8 +690,8 @@ button[type="action"] { /* hide spiner in FF number inputs */ input[type=number]:not(:hover)::-webkit-inner-spin-button, input[type=number]:not(:hover)::-webkit-outer-spin-button { - -webkit-appearance: none; margin: 0; + -webkit-appearance: none; } input[type=number]:not(:hover) { @@ -710,27 +700,27 @@ input[type=number]:not(:hover) { /* hide/show areas */ .sheet-expand { - opacity: 0; position: absolute; + z-index: 6; top: -4px; left: -8px; width: 18px; - z-index: 6; + opacity: 0; } input.sheet-expand+span::before { - opacity: 0.001; + font-family: pictos; + font-size: 14px; position: absolute; + z-index: 3; top: -5px; left: -6px; - z-index: 3; width: 13px; height: 16px; - font-family: pictos; content: "y"; - color: #C3996B; cursor: pointer; - font-size: 14px; + opacity: 0.001; + color: #c3996b; } .sheet-mount-grid input.sheet-expand+span::before { @@ -749,7 +739,7 @@ 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: .75; + opacity: 0.75; } input.sheet-expand~.sheet-input-textarea { @@ -757,37 +747,37 @@ input.sheet-expand~.sheet-input-textarea { } input.sheet-expand:checked~.sheet-input-textarea { - display: block; line-height: 1.2em; - height: 4.5em; - min-height: 2em; - border: 2px dotted #C3996B; + 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; - grid-template-columns: 35% auto auto; + margin: -10px 5px 0 5px; grid-column-gap: 4px; grid-row-gap: 4px; - margin: -10px 5px 0 5px; + grid-template-columns: 35% auto auto; } .sheet-box { + padding: 0 5px 0 5px; text-align: left; border: 1px solid #000; - padding: 0 5px 0 5px; border-radius: 4px; } .sheet-character-heading { - grid-row-start: 1; - grid-column: 1/4; padding: 10px 0 10px 0; border: none; + grid-column: 1/4; + grid-row-start: 1; } .sheet-character-attributes { @@ -795,8 +785,8 @@ input.sheet-expand:checked~.sheet-input-textarea { } .sheet-character-details { - grid-column-start: 2; padding: 10px 10px 5px 10px; + grid-column-start: 2; } .sheet-character-appearance { @@ -804,9 +794,9 @@ input.sheet-expand:checked~.sheet-input-textarea { } .sheet-character-conditions { - grid-column: 1/4; - border: none; padding: 5px 0 5px 0; + border: none; + grid-column: 1/4; } .sheet-character-injuries { @@ -818,12 +808,12 @@ input.sheet-expand:checked~.sheet-input-textarea { } .sheet-character-skill-dice-box { - grid-row-start: 6; - grid-column: 1/3; display: flex; justify-content: space-between; - border: none; padding: 0; + border: none; + grid-column: 1/3; + grid-row-start: 6; } .sheet-character-skills { @@ -841,20 +831,20 @@ input.sheet-dice_only:checked~div.sheet-character .sheet-character-dice_pool { input.sheet-dice_only:checked~div.sheet-character .sheet-box.sheet-character-skill-dice-box { display: flex; - grid-column: 1/4; width: 250px; - justify-self: center; margin-top: -1.5em; + grid-column: 1/4; + justify-self: center; } .sheet-character-armor { - grid-column: 1/3; height: fit-content; + grid-column: 1/3; } .sheet-character-column3 { - grid-column-start: 3; height: fit-content; + grid-column-start: 3; grid-row-end: span 6; } @@ -871,60 +861,60 @@ input.sheet-dice_only:checked~div.sheet-character .sheet-box.sheet-character-ski } .sheet-character-consumables { - grid-column-start: 1; - background-image: url(https://s3.amazonaws.com/files.d20.io/images/85957506/mls4s4uSn2lRIWRXtAErNQ/max.jpg); 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; - margin: -1px 0 0 0; - background-repeat: no-repeat; + grid-column-start: 1; } .sheet-character-coins { - grid-column-start: 2; overflow: hidden; margin: -1px 0 0 0; + grid-column-start: 2; } .sheet-character-experience { - grid-column-start: 1; height: 2.25em; background: #000; + grid-column-start: 1; } .sheet-character-willpower { - grid-column-start: 2; height: fit-content; + grid-column-start: 2; } .sheet-character-spells { - grid-row-start: 11; - grid-column: 1/3; height: fit-content; + grid-column: 1/3; + grid-row-start: 11; } .sheet-character-relationships { - grid-row-start: 10; - grid-column: 1/3; height: fit-content; + grid-column: 1/3; + grid-row-start: 10; } .sheet-character-beasts { - grid-row-start: auto; grid-column: 1/4; + grid-row-start: auto; } .sheet-character-notes { - grid-row-start: auto; grid-column: 1/4; + grid-row-start: auto; } /* ---------------------------------- Heading */ .sheet-heading-grid { display: flex; + align-items: center; flex-direction: row; justify-content: space-evenly; - align-items: center; } .sheet-heading-grid div:nth-child(even) { @@ -936,28 +926,28 @@ input.sheet-dice_only:checked~div.sheet-character .sheet-box.sheet-character-ski display: flex; flex-wrap: wrap; justify-content: space-between; - padding: 0 0 .5em 0; + padding: 0 0 0.5em 0; } .sheet-attributes-grid>div:first-child { - margin-bottom: .5em; + margin-bottom: 0.5em; } .sheet-attributes-grid>div:not(:first-child) { display: flex; - flex-wrap: wrap; align-items: center; - margin: .25rem 0 .25rem 0; + 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; - justify-content: space-around; - font-size: 1.2em; } .sheet-attributes-grid>.sheet-attributes-box3, @@ -968,17 +958,17 @@ input.sheet-dice_only:checked~div.sheet-character .sheet-box.sheet-character-ski .sheet-attributes-grid>.sheet-attributes-box13, .sheet-attributes-grid>.sheet-attributes-box15, .sheet-attributes-grid>.sheet-attributes-box17 { - width: 3em; 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; - justify-content: space-between; } .sheet-attributes-box1 { @@ -987,20 +977,21 @@ input.sheet-dice_only:checked~div.sheet-character .sheet-box.sheet-character-ski } .sheet-input-span { - background-color: #eeeeee; + 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%; - box-sizing: border-box; - cursor: not-allowed; - font-style: italic; - width: 30px; - height: 30px; - display: flex; - justify-content: center; - align-items: center; - font-size: 1.5em; - z-index: 1; + background-color: #eee; } /* -----------------------------------Monster Tab layout */ @@ -1009,44 +1000,44 @@ input.sheet-monster_only:checked~div.sheet-character .sheet-character-grid { } input.sheet-monster_only:checked~div.sheet-character .sheet-character-attributes { - grid-row-start: 1; - grid-column: 1/3; height: fit-content; + grid-column: 1/3; + grid-row-start: 1; } input.sheet-monster_only:checked~div.sheet-character .sheet-monster-attacks { - grid-row-start: 2; grid-column: 1/3; + grid-row-start: 2; } input.sheet-monster_only:checked~div.sheet-character .sheet-box.sheet-character-skill-dice-box { - grid-row-start: 1; - grid-column-start: 3; - grid-row-end: span 4; - border: none; - padding: 0; 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 { - grid-row-start: 3; - grid-column-start: 3; - margin-top: 1px; 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 { - grid-row-start: 1; - grid-row: span 2; - grid-column-start: 3; width: 97%; + grid-column-start: 3; + grid-row: span 2; + grid-row-start: 1; } input.sheet-monster_only:checked~div.sheet-character .sheet-character-notes { - grid-row-start: 3; - grid-column: 1/3; height: fit-content; + grid-column: 1/3; + grid-row-start: 3; } /* ---------------------------------- Monster Stats */ @@ -1064,10 +1055,10 @@ input.sheet-monster_only:checked~div.sheet-character .sheet-attributes-grid { } input.sheet-monster_only:checked~div.sheet-character .sheet-attributes-grid>div:not(:first-child) { - margin-bottom: 3px; display: flex; - flex-wrap: wrap; align-items: center; + flex-wrap: wrap; + margin-bottom: 3px; } input.sheet-monster_only:checked~div.sheet-character .sheet-attributes-box8 input.sheet-skull, @@ -1078,111 +1069,111 @@ input.sheet-monster_only:checked~div.sheet-character .sheet-attributes-box16 inp input.sheet-monster_only:checked~div.sheet-character .sheet-monster-stat1 { display: grid; - grid-template-columns: 5em 7em auto 7em 7em 3em 5em auto; - grid-row-gap: 2px; 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; - height: 1.5em; - font-size: 1.65em; - background-color: white; color: #333; + background-color: white; } .sheet-monster-stats-box1 { - grid-row-start: 1; - grid-column: 1/9; - margin: 0; height: 4em; + margin: 0; + grid-column: 1/9; + grid-row-start: 1; } .sheet-monster-stats-box2 { - grid-row-start: 1; grid-column-start: 1; + grid-row-start: 1; } .sheet-monster-stats-box3 { - grid-row-start: 1; grid-column-start: 2; + grid-row-start: 1; } .sheet-monster-stats-box4 { - grid-row-start: 1; grid-column-start: 3; + grid-row-start: 1; } .sheet-monster-stats-box5 { - grid-row-start: 1; grid-column-start: 4; + grid-row-start: 1; } .sheet-monster-stats-box6 { - grid-row-start: 1; grid-column-start: 5; + grid-row-start: 1; } .sheet-monster-stats-box7 { - grid-row-start: 1; grid-column-start: 6; + grid-row-start: 1; } .sheet-monster-stats-box8 { - grid-row-start: 1; grid-column-start: 7; + grid-row-start: 1; } .sheet-monster-stats-box9 { - grid-row-start: 1; grid-column-start: 8; + grid-row-start: 1; } .sheet-monster-stats-box10 { - grid-row-start: 2; - grid-column-start: 1; width: 3em; + grid-column-start: 1; + grid-row-start: 2; justify-self: center; } .sheet-monster-stats-box11 { - grid-row-start: 2; grid-column-start: 2; + grid-row-start: 2; } .sheet-monster-stats-box12 { - grid-row-start: 2; grid-column-start: 3; + grid-row-start: 2; } .sheet-monster-stats-box13 { - grid-row-start: 2; - grid-column-start: 4; width: 3em; + grid-column-start: 4; + grid-row-start: 2; justify-self: center; } .sheet-monster-stats-box14 { - grid-row-start: 2; grid-column-start: 5; + grid-row-start: 2; } .sheet-monster-stats-box15 { - grid-row-start: 2; grid-column-start: 6; + grid-row-start: 2; } .sheet-monster-stats-box16 { - grid-row-start: 2; grid-column-start: 7; + grid-row-start: 2; justify-self: center; } .sheet-monster-stats-box17 { - grid-row-start: 2; grid-column-start: 8; + grid-row-start: 2; } /* ---------------------------------- Monster Attacks */ @@ -1193,84 +1184,84 @@ input.sheet-monster_only:checked~div.sheet-character .sheet-monster-stat1 { } input[type="checkbox"].sheet-counted:checked+span::before { - counter-increment: sheet-rep-items; - content: counter(sheet-rep-items)' '; + font-size: 2em; + font-weight: bold; position: absolute; top: -3px; left: 0; - font-size: 2em; + content: counter(sheet-rep-items)" "; + counter-increment: sheet-rep-items; color: #000; - font-weight: bold; } input.sheet-monster_only:checked~div.sheet-character .sheet-monster-attacks-grid { display: grid; - grid-template-columns: 1em 2em auto 2.5em 2.5em 7em 6em; - grid-row-gap: 2px; 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-row-start: 1; grid-column: 1/8; + grid-row-start: 1; } .sheet-monster-attacks-box1 { - grid-row-start: 1; grid-column-start: 1; + grid-row-start: 1; } .sheet-monster-attacks-box2 { - grid-row-start: 1; grid-column-start: 2; + grid-row-start: 1; } .sheet-monster-attacks-box3 { - grid-row-start: 1; grid-column-start: 3; + grid-row-start: 1; } .sheet-monster-attacks-box4 { - grid-row-start: 1; grid-column-start: 4; + grid-row-start: 1; } .sheet-monster-attacks-box5 { - grid-row-start: 1; grid-column-start: 5; + grid-row-start: 1; } .sheet-monster-attacks-box6 { - grid-row-start: 1; grid-column-start: 6; + grid-row-start: 1; } .sheet-monster-attacks-box7 { - grid-row-start: 1; grid-column-start: 7; + grid-row-start: 1; } .sheet-monster-attacks-box8 { - grid-row-start: 2; grid-column: 1/8; + grid-row-start: 2; } /* ---------------------------------- Details */ .sheet-details-grid { display: grid; - grid-template-columns: 5.75em 2.5em 3em auto 2.5em; - grid-template-rows: 3em 3em 3em; + padding-top: 1em; grid-column-gap: 2px; grid-row-gap: 1em; - padding-top: 1em; + grid-template-columns: 5.75em 2.5em 3em auto 2.5em; + grid-template-rows: 3em 3em 3em; } .sheet-details-grid>div { display: flex; - justify-content: space-evenly; align-items: center; + justify-content: space-evenly; } .sheet-details-grid>div textarea { @@ -1278,59 +1269,59 @@ input.sheet-monster_only:checked~div.sheet-character .sheet-monster-attacks-grid } .sheet-details-box1 { - grid-row-start: 1; grid-column-start: 1; + grid-row-start: 1; } .sheet-details-box2 { - grid-row-start: 1; grid-column: 2/6; + grid-row-start: 1; } .sheet-details-box3 { - grid-row-start: 2; grid-column-start: 1; + grid-row-start: 2; } .sheet-details-box4 { - grid-row-start: 2; grid-column: 2/6; + grid-row-start: 2; } .sheet-details-box5 { - grid-row-start: 3; grid-column-start: 1; + grid-row-start: 3; } .sheet-details-box6 { - grid-row-start: 3; grid-column: 2/4; + grid-row-start: 3; } .sheet-details-box7 { - grid-row-start: 3; grid-column-start: 4; + grid-row-start: 3; } .sheet-details-box8 { - grid-row-start: 3; 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; - grid-column-gap: 2px; - grid-row-gap: .5em; } .sheet-appearance-grid>div { display: flex; - justify-content: space-evenly; align-items: center; + justify-content: space-evenly; } .sheet-appearance-grid>div textarea { @@ -1338,8 +1329,8 @@ input.sheet-monster_only:checked~div.sheet-character .sheet-monster-attacks-grid } .sheet-appearance-box1 { - grid-row-start: 1; grid-column: 1/3; + grid-row-start: 1; } .sheet-appearance-box2 { @@ -1375,101 +1366,101 @@ input.sheet-monster_only:checked~div.sheet-character .sheet-monster-attacks-grid .sheet-conditions-grid>div { display: flex; - justify-content: space-between; align-items: center; + justify-content: space-between; } .sheet-conditions-box2 { - grid-row-start: 2; grid-column-start: 2; + grid-row-start: 2; } .sheet-conditions-box3 { - grid-row-start: 2; grid-column-start: 3; + grid-row-start: 2; } .sheet-conditions-box4 { - grid-row-start: 2; grid-column-start: 4; + grid-row-start: 2; } .sheet-conditions-box5 { - grid-row-start: 2; grid-column-start: 5; + grid-row-start: 2; } .sheet-conditions-box6 { - grid-row-start: 2; grid-column-start: 6; + grid-row-start: 2; } .sheet-conditions-box7 { - grid-row-start: 2; grid-column-start: 7; + grid-row-start: 2; } .sheet-conditions-box8 { - grid-row-start: 2; grid-column-start: 8; + grid-row-start: 2; } .sheet-conditions-box9 { - grid-row-start: 2; 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 { - color: #800000; font-weight: bold; + color: #800000; } /* ---------------------------------- Critical Injuries */ .sheet-injuries-grid { display: grid; - grid-template-columns: 1fr 6em 6em 2fr 6em; - grid-row-gap: 2px; - grid-column-gap: 2px; 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-row-start: 1; grid-column: 1/6; + grid-row-start: 1; } .sheet-injuries-box2 { - grid-row-start: 1; grid-column-start: 1; + grid-row-start: 1; } .sheet-injuries-box3 { - grid-row-start: 1; grid-column-start: 2; + grid-row-start: 1; } .sheet-injuries-box4 { - grid-row-start: 1; grid-column-start: 3; + grid-row-start: 1; } .sheet-injuries-box5 { - grid-row-start: 1; grid-column-start: 4; + grid-row-start: 1; } .sheet-injuries-box6 { - grid-row-start: 1; grid-column-start: 5; + grid-row-start: 1; } .sheet-injuries-box7 { - grid-row-start: 2; grid-column: 1/6; + grid-row-start: 2; } .sheet-injuries-box8 { @@ -1480,75 +1471,75 @@ input.sheet-conditions-cold:checked~div>span.sheet-conditions-cold { .sheet-weapons-grid { display: grid; - grid-template-columns: 2.5em auto 3em 5em 3em 3em 3em 5.5em 4em 3em 15em; - grid-row-gap: 2px; - grid-column-gap: 2px; 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-row-start: 1; grid-column: 1/12; + grid-row-start: 1; } .sheet-weapons-box1 { - grid-row-start: 1; grid-column-start: 1; + grid-row-start: 1; } .sheet-weapons-box2 { - grid-row-start: 1; grid-column-start: 2; + grid-row-start: 1; } .sheet-weapons-box3 { - grid-row-start: 1; grid-column-start: 3; + grid-row-start: 1; } .sheet-weapons-box4 { - grid-row-start: 1; grid-column-start: 4; + grid-row-start: 1; } .sheet-weapons-box5 { - grid-row-start: 1; grid-column-start: 5; + grid-row-start: 1; } .sheet-weapons-box6 { - grid-row-start: 1; grid-column-start: 6; + grid-row-start: 1; } .sheet-weapons-box7 { - grid-row-start: 1; grid-column-start: 7; + grid-row-start: 1; } .sheet-weapons-box8 { - grid-row-start: 1; grid-column-start: 8; + grid-row-start: 1; } .sheet-weapons-box9 { - grid-row-start: 1; grid-column-start: 9; + grid-row-start: 1; } .sheet-weapons-box10 { - grid-row-start: 1; grid-column-start: 10; + grid-row-start: 1; } .sheet-weapons-box11 { - grid-row-start: 1; grid-column-start: 11; + grid-row-start: 1; } .sheet-weapons-box12 { - grid-row-start: 2; grid-column: 1/12; + grid-row-start: 2; } .sheet-weapons-box13 { @@ -1563,23 +1554,22 @@ input.sheet-conditions-cold:checked~div>span.sheet-conditions-cold { .sheet-dice_pool-grid { display: grid; - grid-template-columns: 1fr 1fr 1fr; - grid-column-gap: 2px; 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; - justify-items: center; - text-align: center; - background-color: white; - border: 1px solid #000; - padding: 2px 2px 0px 2px; 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; - 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-area: sheet-dice-base; + justify-items: center; } .sheet-dice-base-header { @@ -1600,17 +1590,17 @@ input.sheet-conditions-cold:checked~div>span.sheet-conditions-cold { .sheet-dice-skill { display: grid; - justify-items: center; + margin: 2px 0 0 0; + padding: 2px 2px 0 2px; text-align: center; - background-color: #db5f5f; color: #fff; border: 1px solid #000; - padding: 2px 2px 0px 2px; - margin: 2px 0 0 0; + 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; - 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-area: sheet-dice-skill; + justify-items: center; } .sheet-dice-skill-header { @@ -1618,9 +1608,9 @@ input.sheet-conditions-cold:checked~div>span.sheet-conditions-cold { } .sheet-dice-skill-col2 { - grid-area: sheet-dice-skill-col2; display: flex; flex-direction: column; + grid-area: sheet-dice-skill-col2; } .sheet-dice-skill-col1 { @@ -1631,17 +1621,17 @@ input.sheet-conditions-cold:checked~div>span.sheet-conditions-cold { .sheet-dice-gear { display: grid; - justify-items: center; + margin: 2px 0 0 0; + padding: 2px 2px 0 2px; text-align: center; - background-color: #404040; color: #fff; border: 1px solid #000; - padding: 2px 2px 0px 2px; - margin: 2px 0 0 0; + 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; - 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-area: sheet-dice-gear; + justify-items: center; } .sheet-dice-gear-header { @@ -1662,36 +1652,36 @@ input.sheet-conditions-cold:checked~div>span.sheet-conditions-cold { .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; - 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-area: sheet-dice-artifact; } .sheet-dice-artifact-header { + margin: 5px 0 0 0; text-align: center; grid-area: sheet-dice-artifact-header; - margin: 5px 0 0 0; } .sheet-dice-artifact-rolls { display: flex; flex-flow: row; justify-content: space-evenly; - grid-area: sheet-dice-artifact-rolls; + height: 0.5em; margin: -5px 0 0 0; background-color: black; - height: .5em; + grid-area: sheet-dice-artifact-rolls; } .sheet-dice-rolls { display: flex; flex-flow: row; justify-content: space-evenly; - grid-template-columns: 1fr 1fr 1fr; - grid-template-areas: "sheet-dice-rolls-roll sheet-dice-rolls-push sheet-dice-rolls-d66"; - grid-area: sheet-dice-rolls; 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 { @@ -1708,10 +1698,10 @@ input.sheet-conditions-cold:checked~div>span.sheet-conditions-cold { .sheet-dice-preset { display: grid; - justify-items: center; - grid-template-areas: "sheet-dice-preset-header" "sheet-dice-preset-preset"; - grid-area: sheet-dice-preset; 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 { @@ -1722,24 +1712,25 @@ input.sheet-conditions-cold:checked~div>span.sheet-conditions-cold { grid-area: sheet-dice-preset-preset; } -.sheet-dice-preset-preset::before, .sheet-dice-preset-preset::after { - content: '‟'; +.sheet-dice-preset-preset::before, +.sheet-dice-preset-preset::after { margin-right: 2px; + content: "‟"; } .sheet-dice-preset-preset::after { - content: '”'; margin-left: 2px; + content: "”"; } .sheet-dice-footer { display: grid; - justify-items: center; + 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; - grid-template-areas: "sheet-dice-footer-clear . sheet-dice-footer-api"; - grid-area: sheet-dice-footer; - margin: 10px 0 10px 0; + justify-items: center; } .sheet-dice-footer-clear { @@ -1747,107 +1738,107 @@ input.sheet-conditions-cold:checked~div>span.sheet-conditions-cold { } .sheet-dice-footer-api { - grid-area: sheet-dice-footer-api; margin: 0 0 2px 0; + grid-area: sheet-dice-footer-api; } /* ---------------------------------- Talents */ .sheet-talents-grid { display: grid; - grid-template-columns: auto 4em 3em; - grid-row-gap: 2px; grid-column-gap: 2px; + grid-row-gap: 2px; + grid-template-columns: auto 4em 3em; } .sheet-talents-box { - grid-row-start: 1; grid-column: 1/4; + grid-row-start: 1; } .sheet-talents-box1 { - grid-row-start: 1; grid-column-start: 1; + grid-row-start: 1; } .sheet-talents-box2 { - grid-row-start: 1; grid-column-start: 2; + grid-row-start: 1; } .sheet-talents-box3 { - grid-row-start: 1; grid-column-start: 3; + grid-row-start: 1; } .sheet-talents-box4 { - grid-row-start: 2; grid-column: 1/4; + grid-row-start: 2; } /* ---------------------------------- Skills */ .sheet-skills-grid>span { display: grid; - grid-template-columns: auto 3em 2em 0.75em 2em; - grid-row-gap: 2px; - grid-column-gap: 2px; 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; - justify-content: space-around; align-items: center; + justify-content: space-around; margin-top: -1px; } .sheet-skills-box1 { - grid-row-start: 1; grid-column: 1/6; + grid-row-start: 1; } .sheet-skills-box2 { - grid-row-start: 1; grid-column: 2/3; + grid-row-start: 1; } .sheet-skills-box3 { - grid-row-start: 1; grid-column-start: 3; + grid-row-start: 1; } .sheet-skills-box4 { - grid-row-start: 1; grid-column-start: 4; + grid-row-start: 1; } .sheet-skills-box5 { - grid-row-start: 1; grid-column-start: 5; + grid-row-start: 1; } /* ---------------------------------- Armor/Helmet */ .sheet-armor-container { display: grid; - grid-template-columns: auto; padding-bottom: 2px; + grid-template-columns: auto; } .sheet-armor-grid { display: grid; - grid-template-columns: auto 4em 2.5em 2em 3em 3em 3em 12em; - grid-row-gap: 2px; - grid-column-gap: 2px; 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; - grid-template-columns: auto 0em 0em 14.25em 3em 12em; - grid-column-gap: 2px; - height: 3em; align-items: center; + height: 3em; + grid-column-gap: 2px; + grid-template-columns: auto 0 0 14.25em 3em 12em; } .sheet-armor-subgrid>span, @@ -1857,176 +1848,176 @@ input.sheet-conditions-cold:checked~div>span.sheet-conditions-cold { } .sheet-armor-box { - grid-row-start: 1; grid-column: 1/9; + grid-row-start: 1; } .sheet-armor-box1 { - grid-row-start: 1; grid-column-start: 1; + grid-row-start: 1; } .sheet-armor-box2 { - grid-row-start: 1; grid-column-start: 2; + grid-row-start: 1; } .sheet-armor-box3 { - grid-row-start: 1; grid-column-start: 3; + grid-row-start: 1; } .sheet-armor-box4 { - grid-row-start: 1; grid-column-start: 4; + grid-row-start: 1; } .sheet-armor-box5 { - grid-row-start: 1; grid-column-start: 5; + grid-row-start: 1; } .sheet-armor-box6 { - grid-row-start: 1; grid-column-start: 6; + grid-row-start: 1; } .sheet-armor-box7 { - grid-row-start: 1; grid-column-start: 7; + grid-row-start: 1; } .sheet-armor-box8 { - grid-row-start: 1; grid-column-start: 8; + grid-row-start: 1; } .sheet-armor-box9 { - grid-row-start: 2; grid-column: 1/9; + grid-row-start: 2; } .sheet-armor-box10 { - grid-row-start: 3; grid-column: 1/9; + grid-row-start: 3; } .sheet-armor-box11 { - grid-row-start: 4; grid-column: 1/9; + grid-row-start: 4; } /* ---------------------------------- Shield */ .sheet-shield-grid { display: grid; - grid-template-columns: auto 4em 2.5em 2em 2.5em 3em 3em 12em; - grid-row-gap: 2px; 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-row-start: 1; grid-column: 1/9; + grid-row-start: 1; } .sheet-shield-box1 { - grid-row-start: 1; grid-column-start: 1; + grid-row-start: 1; } .sheet-shield-box2 { - grid-row-start: 1; grid-column-start: 2; + grid-row-start: 1; } .sheet-shield-box3 { - grid-row-start: 1; grid-column-start: 3; + grid-row-start: 1; } .sheet-shield-box4 { - grid-row-start: 1; grid-column-start: 4; + grid-row-start: 1; } .sheet-shield-box5 { - grid-row-start: 1; grid-column-start: 5; + grid-row-start: 1; } .sheet-shield-box6 { - grid-row-start: 1; grid-column-start: 6; + grid-row-start: 1; } .sheet-shield-box7 { - grid-row-start: 1; grid-column-start: 7; + grid-row-start: 1; } .sheet-shield-box8 { - grid-row-start: 1; grid-column-start: 8; + grid-row-start: 1; } .sheet-shield-box9 { - grid-row-start: 2; grid-column: 1/9; + grid-row-start: 2; } .sheet-shield-box10 { - grid-row-start: 3; - grid-column: 1/9; 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; - grid-row-gap: 2px; - padding: 0 0 2px 0; } .sheet-consumables-grid>div { display: flex; - justify-content: space-around; align-items: center; + justify-content: space-around; } .sheet-consumables-box1 { - grid-row-start: 1; grid-column: 1/4; + grid-row-start: 1; } .sheet-consumables-box2 { - grid-row-start: 1; grid-column: 2/3; + grid-row-start: 1; } .sheet-consumables-box3 { - grid-row-start: 1; grid-column-start: 3; + grid-row-start: 1; } .sheet-consumables-box4 { - grid-row-start: 2; grid-column-start: 1; + grid-row-start: 2; } .sheet-consumables-box5 { - grid-row-start: 2; grid-column-start: 2; + grid-row-start: 2; } .sheet-consumables-box6 { - grid-row-start: 2; grid-column-start: 3; + grid-row-start: 2; } .sheet-consumables-grid div:nth-child(even)>span.sheet-header-h1 { @@ -2041,62 +2032,62 @@ input.sheet-conditions-cold:checked~div>span.sheet-conditions-cold { .sheet-gear-grid { display: grid; + grid-row-gap: 2px; grid-template-columns: auto 3em 2em 3em; grid-template-rows: auto; - grid-row-gap: 2px; } .sheet-gear-subgrid { display: grid; - grid-template-columns: 4em 3em 9em 3em; grid-column-gap: 2px; + grid-template-columns: 4em 3em 9em 3em; } .sheet-gear-subgrid>div { display: flex; - justify-content: space-around; align-items: center; + justify-content: space-around; } .sheet-gear-box1 { - grid-row-start: 1; grid-column: 1/5; + grid-row-start: 1; } .sheet-gear-box2 { - grid-row-start: 1; grid-column-start: 2; + grid-row-start: 1; } .sheet-gear-box3 { - grid-row-start: 1; grid-column-start: 3; + grid-row-start: 1; } .sheet-gear-box4 { - grid-row-start: 1; grid-column-start: 4; + grid-row-start: 1; } .sheet-gear-box5 { - grid-row-start: 2; grid-column: 1/5; + grid-row-start: 2; } .sheet-gear-weight { display: grid; - grid-template-columns: auto 3em; - grid-row-start: 3; + justify-content: end; grid-column: 1/5; grid-column-gap: 5px; - justify-content: end; + grid-row-start: 3; + grid-template-columns: auto 3em; justify-items: end; } .sheet-gear-weight>div { display: flex; - justify-content: space-around; align-items: center; + justify-content: space-around; height: 1.5em; } @@ -2106,44 +2097,44 @@ input.sheet-conditions-cold:checked~div>span.sheet-conditions-cold { .sheet-gear-box6 { display: grid; - grid-template-columns: 3em 3em auto 3em; justify-content: end; - grid-column-gap: .25em; - grid-row-start: 4; - grid-column: 1/5; 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-row-start: 1; grid-column: 1/2; + grid-row-start: 1; } .sheet-gear-box8 { - grid-row-start: 1; grid-column-start: 2; + grid-row-start: 1; } .sheet-gear-box9 { - grid-row-start: 1; grid-column-start: 3; + grid-row-start: 1; } .sheet-gear-box10 { - grid-row-start: 1; grid-column-start: 4; + grid-row-start: 1; } .sheet-gear-box11 { - grid-row-start: 5; grid-column: 1/5; + grid-row-start: 5; } .sheet-gear-subgrid2 { display: grid; - grid-template-columns: 8em 8em; - grid-column-gap: 2px; margin-top: 2px; + grid-column-gap: 2px; + grid-template-columns: 8em 8em; } .sheet-gear-box12 { @@ -2153,233 +2144,233 @@ input.sheet-conditions-cold:checked~div>span.sheet-conditions-cold { /* ---------------------------------- Mount */ .sheet-mount-grid { + position: relative; display: grid; + grid-row-gap: 2px; grid-template-columns: auto repeat(4, 2.5em); grid-template-rows: auto; - grid-row-gap: 2px; - position: relative; } .sheet-mount-grid>div { display: flex; - justify-content: space-around; align-items: center; + justify-content: space-around; } .sheet-mount-box1 { - grid-row-start: 1; grid-column: 1/6; + grid-row-start: 1; } .sheet-mount-box2 { - grid-row-start: 2; grid-column-start: 1; + grid-row-start: 2; } .sheet-mount-box3 { - grid-row-start: 2; grid-column-start: 2; + grid-row-start: 2; } .sheet-mount-box4 { - grid-row-start: 2; grid-column-start: 3; + grid-row-start: 2; } .sheet-mount-box5 { - grid-row-start: 2; grid-column-start: 4; + grid-row-start: 2; } .sheet-mount-box6 { - grid-row-start: 2; grid-column-start: 5; + grid-row-start: 2; } .sheet-mount-box7 { - grid-row-start: 3; 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; - grid-row-gap: 2px; } .sheet-mount_gear-subgrid { display: grid; - grid-template-columns: 4em 3em 9em 3em; - grid-row-gap: 2px; grid-column-gap: 2px; + grid-row-gap: 2px; + grid-template-columns: 4em 3em 9em 3em; } .sheet-mount_gear-subgrid2 { display: grid; - grid-template-columns: 3em auto; - margin-top: 5px; height: 2em; + margin-top: 5px; + grid-template-columns: 3em auto; } .sheet-mount_gear-subgrid>.sheet-mount_gear-box11 { - white-space: nowrap; display: block; + white-space: nowrap; } .sheet-mount_gear-subgrid>div { display: flex; - justify-content: space-around; align-items: center; + justify-content: space-around; } .sheet-mount_gear-box1 { - grid-row-start: 1; grid-column: 1/5; + grid-row-start: 1; } .sheet-mount_gear-box2 { - grid-row-start: 1; grid-column-start: 2; + grid-row-start: 1; } .sheet-mount_gear-box3 { - grid-row-start: 1; grid-column-start: 3; + grid-row-start: 1; } .sheet-mount_gear-box4 { - grid-row-start: 1; grid-column-start: 4; + grid-row-start: 1; } .sheet-mount_gear-box5 { - grid-row-start: 2; grid-column: 1/5; + grid-row-start: 2; } .sheet-mount_gear-coin { - grid-row-start: 3; grid-column: 1/5; + grid-row-start: 3; } .sheet-mount_gear-box6 { display: grid; - grid-template-columns: 3em 3em auto 3em; justify-content: end; - grid-column-gap: .25em; - grid-row-start: 4; - grid-column: 1/5; - padding-right: 5px; 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-row-start: 1; grid-column: 1/2; + grid-row-start: 1; } .sheet-mount_gear-box8 { - grid-row-start: 1; grid-column-start: 2; + grid-row-start: 1; } .sheet-mount_gear-box9 { - grid-row-start: 1; grid-column-start: 3; + grid-row-start: 1; } .sheet-mount_gear-box10 { - grid-row-start: 1; grid-column-start: 4; + grid-row-start: 1; } .sheet-mount_gear-box11 { - grid-row-start: 2; - grid-column: 1/5; 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; - grid-row-gap: 2px; - padding-bottom: 1px; } .sheet-beasts-box { - grid-row-start: 1; grid-column: 1/8; + grid-row-start: 1; } .sheet-beasts-box1 { - grid-row-start: 1; grid-column-start: 1; + grid-row-start: 1; } .sheet-beasts-box2 { - grid-row-start: 1; grid-column-start: 2; + grid-row-start: 1; } .sheet-beasts-box3 { - grid-row-start: 1; grid-column-start: 3; + grid-row-start: 1; } .sheet-beasts-box4 { - grid-row-start: 1; grid-column-start: 4; + grid-row-start: 1; } .sheet-beasts-box5 { - grid-row-start: 1; grid-column-start: 5; + grid-row-start: 1; } .sheet-beasts-box6 { - grid-row-start: 1; grid-column-start: 6; + grid-row-start: 1; } .sheet-beasts-box7 { - grid-row-start: 1; - grid-column-start: 7; width: 99%; + grid-column-start: 7; + grid-row-start: 1; } .sheet-beasts-box8 { - grid-row-start: 2; grid-column: 1/8; + grid-row-start: 2; } /* ---------------------------------- Experience */ .sheet-experience-grid { display: grid; - grid-template-columns: 4.25fr 2.2em 1fr; margin-right: -1px; + grid-template-columns: 4.25fr 2.2em 1fr; } .sheet-experience-box1 { - grid-row-start: 1; grid-column-start: 1; + grid-row-start: 1; } .sheet-experience-box2 { - grid-row-start: 1; - grid-column-start: 2; z-index: 1; + grid-column-start: 2; + grid-row-start: 1; } .sheet-experience-box3 { - grid-row-start: 1; grid-column-start: 3; + grid-row-start: 1; } .sheet-experience-grid .sheet-header>.sheet-input { @@ -2398,26 +2389,26 @@ input.sheet-conditions-cold:checked~div>span.sheet-conditions-cold { } .sheet-willpower-box1 { - grid-row-start: 1; grid-column: 1/3; + grid-row-start: 1; } .sheet-willpower-box2 { - grid-row-start: 2; - grid-column: 1/2; display: flex; - justify-content: space-evenly; align-items: center; + justify-content: space-evenly; height: 3em; + grid-column: 1/2; + grid-row-start: 2; } .sheet-willpower-box3 { - grid-row-start: 2; - grid-column-start: 2; display: flex; - justify-content: center; align-items: center; + justify-content: center; height: 3em; + grid-column-start: 2; + grid-row-start: 2; } .sheet-willpower-box3 span { @@ -2427,97 +2418,97 @@ input.sheet-conditions-cold:checked~div>span.sheet-conditions-cold { /* ---------------------------------- Relationships */ .sheet-relationships-grid { display: grid; - grid-template-columns: 1fr 3fr; 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; - justify-content: space-around; align-items: center; + justify-content: space-around; box-sizing: border-box; } .sheet-relationships-box1 { - grid-row-start: 1; grid-column: 1/3; + grid-row-start: 1; } .sheet-relationships-box2 { - grid-row-start: 2; grid-column: 1/3; + grid-row-start: 2; } .sheet-relationships-box3 { - grid-row-start: 3; grid-column-start: 1; + grid-row-start: 3; } .sheet-relationships-box4 { - grid-row-start: 3; grid-column: 2/3; + grid-row-start: 3; } /* ---------------------------------- Notes */ .sheet-notes-grid { display: grid; - grid-template-columns: 2em 1fr 3fr; 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; - justify-content: space-around; align-items: center; + justify-content: space-around; box-sizing: border-box; } .sheet-notes-box1 { - grid-row-start: 1; grid-column: 1/4; + grid-row-start: 1; } .sheet-notes-box2 { - grid-row-start: 2; grid-column: 1/4; + grid-row-start: 2; } .sheet-notes-box3 { - grid-row-start: 2; grid-column-start: 1; + grid-row-start: 2; } .sheet-notes-box4 { - grid-row-start: 2; grid-column-start: 2; + grid-row-start: 2; } .sheet-notes-box5 { - grid-row-start: 2; - grid-column-start: 3; - padding-right: 6px; - margin-top: 5px; 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; - grid-row-gap: 2px; - padding: 0 0 2px 0; } .sheet-coins-grid>div { display: flex; - justify-content: space-around; align-items: center; + justify-content: space-around; } .sheet-coins-box { @@ -2558,71 +2549,71 @@ input.sheet-conditions-cold:checked~div>span.sheet-conditions-cold { .sheet-spells-grid { display: grid; - grid-template-columns: 2.5em auto 3em 3em 5.5em 6em 11.5em; 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; - justify-content: space-around; align-items: center; + justify-content: space-around; } .sheet-spells-box { - grid-row-start: 1; grid-column: 1/8; + grid-row-start: 1; } .sheet-spells-box0 { - grid-row-start: 1; grid-column-start: 1; + grid-row-start: 1; } .sheet-spells-box1 { - grid-row-start: 1; grid-column-start: 2; + grid-row-start: 1; } .sheet-spells-box2 { - grid-row-start: 1; grid-column-start: 3; + grid-row-start: 1; } .sheet-spells-box3 { - grid-row-start: 1; grid-column-start: 4; + grid-row-start: 1; } .sheet-spells-box4 { - grid-row-start: 1; grid-column-start: 5; + grid-row-start: 1; } .sheet-spells-box5 { - grid-row-start: 1; grid-column-start: 6; + grid-row-start: 1; } .sheet-spells-box6 { - grid-row-start: 1; grid-column-start: 7; + grid-row-start: 1; } .sheet-spells-box7 { - grid-row-start: 2; grid-column: 1/8; + grid-row-start: 2; } /* stronghold grid layout */ .sheet-stronghold-grid { display: grid; - grid-template-columns: 1fr 1fr auto; - grid-template-rows: repeat(4, auto); + margin: -10px 5px 0 5px; grid-column-gap: 4px; grid-row-gap: 4px; - margin: -10px 5px 0 5px; + grid-template-columns: 1fr 1fr auto; + grid-template-rows: repeat(4, auto); } .sheet-stronghold-details { @@ -2652,70 +2643,70 @@ input.sheet-conditions-cold:checked~div>span.sheet-conditions-cold { .sheet-stronghold-details-grid { display: grid; - grid-template-columns: 0em auto 14em auto 14em auto 3em 3em; - grid-row-gap: 10px; 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; - justify-content: space-around; align-items: center; + justify-content: space-around; } .sheet-stronghold-details-box1 { - grid-row-start: 1; grid-column: 1/9; + grid-row-start: 1; } .sheet-stronghold-details-box2 { - grid-row-start: 2; grid-column-start: 2; + grid-row-start: 2; } .sheet-stronghold-details-box3 { - grid-row-start: 2; grid-column-start: 3; + grid-row-start: 2; } .sheet-stronghold-details-box4 { - grid-row-start: 2; grid-column-start: 4; + grid-row-start: 2; } .sheet-stronghold-details-box5 { - grid-row-start: 2; grid-column-start: 5; + grid-row-start: 2; } .sheet-stronghold-details-box6 { - grid-row-start: 2; grid-column-start: 6; + grid-row-start: 2; } .sheet-stronghold-details-box7 { - grid-row-start: 2; grid-column-start: 7; + grid-row-start: 2; } .sheet-stronghold-details-box8 { - grid-row-start: 3; grid-column: 2/3; + grid-row-start: 3; } .sheet-stronghold-details-box9 { - grid-row-start: 3; 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; - grid-row-gap: 2px; - grid-column-gap: 2px; } .sheet-stronghold-functions-grid>div, @@ -2729,132 +2720,132 @@ input.sheet-conditions-cold:checked~div>span.sheet-conditions-cold { } .sheet-stronghold-functions-box { - grid-row-start: 1; grid-column: 1/4; + grid-row-start: 1; } .sheet-stronghold-functions-box1 { - grid-row-start: 1; grid-column-start: 1; + grid-row-start: 1; } .sheet-stronghold-functions-box2 { - grid-row-start: 1; grid-column-start: 2; + grid-row-start: 1; } .sheet-stronghold-functions-box3 { - grid-row-start: 1; grid-column-start: 3; + grid-row-start: 1; } .sheet-stronghold-functions-box4 { - grid-row-start: 2; 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; - grid-row-gap: 2px; - grid-column-gap: 2px; - margin-bottom: 2px; } .sheet-stronghold-hirelings-box { - grid-row-start: 1; grid-column: 1/4; + grid-row-start: 1; } .sheet-stronghold-hirelings-box1 { - grid-row-start: 1; grid-column-start: 1; + grid-row-start: 1; } .sheet-stronghold-hirelings-box2 { - grid-row-start: 1; grid-column-start: 2; + grid-row-start: 1; } .sheet-stronghold-hirelings-box3 { - grid-row-start: 1; grid-column-start: 3; + grid-row-start: 1; } .sheet-stronghold-hirelings-box3 span { - grid-row-start: 1; - grid-column-start: 3; - word-break: break-word; - height: 2em; line-height: 1em; + height: 2em; margin-top: -9px; - background: transparent; text-align: center; + word-break: break-word; + background: transparent; + grid-column-start: 3; + grid-row-start: 1; } input.sheet-stronghold-hirelings-box3 { - max-width: 3.5em; display: flex; + max-width: 3.5em; justify-self: center; } .sheet-stronghold-hirelings-box4 { - grid-row-start: 2; grid-column: 1/4; + grid-row-start: 2; } .sheet-stronghold-hirelings-box5 { - grid-row-start: 3; 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; - grid-row-gap: 2px; } .sheet-stronghold-stockpile-grid>div, .sheet-stronghold-stockpile-grid>span { display: flex; - justify-content: space-around; align-items: center; + justify-content: space-around; } .sheet-stronghold-stockpile-box1 { - grid-row-start: 1; grid-column: 1/7; + grid-row-start: 1; } .sheet-stronghold-stockpile-box2 { - grid-row-start: 1; grid-column-start: 2; + grid-row-start: 1; } .sheet-stronghold-stockpile-box3 { - grid-row-start: 1; grid-column-start: 4; + grid-row-start: 1; } .sheet-stronghold-stockpile-box4 { - grid-row-start: 1; grid-column-start: 6; + grid-row-start: 1; } /* ---------------------------------- Stronghold Notes */ .sheet-stronghold-notes-grid { display: grid; - grid-template-columns: auto; - grid-template-rows: auto; grid-column-gap: 2px; grid-row-gap: 2px; + grid-template-columns: auto; + grid-template-rows: auto; } .sheet-stronghold-notes-grid>div, @@ -2864,13 +2855,13 @@ input.sheet-stronghold-hirelings-box3 { } .sheet-stronghold-notes-box1 { - grid-row-start: 1; grid-column: 1/2; + grid-row-start: 1; } .sheet-stronghold-notes-box2 { - grid-row-start: 2; grid-column-start: 1; + grid-row-start: 2; } /* GRID STYLING */ @@ -2884,8 +2875,8 @@ input.sheet-stronghold-hirelings-box3 { } .sheet-sub-grid-item { - text-align: center; margin: 2px; + text-align: center; } .sheet-span-two { @@ -2905,8 +2896,8 @@ input.sheet-stronghold-hirelings-box3 { button[type="action"]:hover, button[type="action"]:hover>span, button[type="roll"]:hover { - background: #a60100; color: #fff; + background: #a60100; } button[type="action"]>span { @@ -2915,51 +2906,51 @@ button[type="action"]>span { } input.sheet-dice-selection { + position: relative; + z-index: 1; width: 25px; height: 25px; - position: relative; margin: -10px 0 2px 3px; cursor: pointer; - z-index: 1; opacity: 0; } input.sheet-mighty, input.sheet-epic, input.sheet-legendary { - margin: 0 -25% 0 0; width: 15%; + margin: 0 -25% 0 0; } input.sheet-dice-selection+span::before { - content: attr(title); - color: #000; - border: solid 1px #000; - border-radius: 5px; - text-align: center; display: inline-block; - background: buttonface; width: 28px; height: 22px; - box-shadow: 2px 2px 2px #000; - vertical-align: middle; 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 { - margin: 0; width: 40px; + margin: 0; } input.sheet-dice-selection:hover+span::before { - background: #a9a9a9; color: #fff; + background: #a9a9a9; } input.sheet-attribute:checked+span::before { color: #000; - background: #FFFFFF; + background: #fff; } input.sheet-skill:checked+span::before { @@ -2969,7 +2960,7 @@ input.sheet-skill:checked+span::before { input.sheet-gear:checked+span::before { color: #fff; - background: #000000; + background: #000; } input.sheet-negative:checked+span::before { @@ -2994,9 +2985,9 @@ input.sheet-legendary:checked+span::before { /* Included to help color blind users */ button[type="action"]:focus { + color: white; border: 2px dotted white; background: #a60100; - color: white; } button[type="action"]:focus span { @@ -3004,18 +2995,16 @@ button[type="action"]:focus span { } .sheet-dice_pool-grid button[type="action"]:focus { - background-color: buttonface; + padding: 0; border-width: 2px; border-style: outset; - border-color: buttonface; border-image: initial; - padding: 0; - color: buttontext; } +/* .sheet-dice_pool-grid button[type="action"]:focus span { - color: buttontext; } +*/ input[type="radio"].sheet-dice-selection.sheet-attribute:checked+span::before { border: 2px dotted black; @@ -3027,9 +3016,9 @@ 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 { - border: 2px dotted white; - padding: 3px 0 0 0; font-size: 95%; + padding: 3px 0 0 0; + border: 2px dotted white; } /* ROLL TEMPLATE STYLING */ @@ -3048,44 +3037,44 @@ input[type="checkbox"].sheet-legendary:checked+span::before { } .sheet-rolltemplate-forbiddenlands .sheet-template-wrap { - background-color: #f1f1f1; - border-radius: 5px; - width: 240px; - padding: 5px 0 5px 0; 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; - margin: 5px 0 5px -20px; - border-image-source: url(http://imgsrv.roll20.net/?src=i.imgur.com/P4vj7jz.png); + background-color: #f1f1f1; } .sheet-rolltemplate-forbiddenlands div.sheet-template-header { - background-color: #000; font-family: "Times New Roman", Times, serif; font-size: 1em; font-weight: bold; - word-break: break-word; - color: #FFF; display: flex; justify-content: space-between; - padding: 3px 5px 3px 5px; 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-left-radius: 9px; border-bottom-right-radius: 9px; + border-bottom-left-radius: 9px; + background-color: #000; } .sheet-rolltemplate-forbiddenlands .sheet-template-header a { - color: #FFF; + color: #fff; } .sheet-rolltemplate-forbiddenlands .sheet-template-span-left.sheet-template-header { - width: 43%; justify-content: center; + width: 43%; } .sheet-rolltemplate-forbiddenlands .sheet-template-span-center.sheet-template-header { @@ -3093,62 +3082,67 @@ input[type="checkbox"].sheet-legendary:checked+span::before { } .sheet-rolltemplate-forbiddenlands .sheet-template-span-right.sheet-template-header { - width: 43%; 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; - padding: 2px; 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: .75em; + font-size: 0.75em; margin: 5px; - text-align: justify; padding: 2px; -} - -.sheet-rolltemplate-forbiddenlands div.sheet-template-subtitle { - font-weight: bold; + text-align: justify; } .sheet-rolltemplate-forbiddenlands div.sheet-free-text { font-size: 1em; line-height: 1em; - padding: 0; 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; - grid-gap: 1px; - background-color: transparent; - padding: 0; 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 { - background-color: transparent; - border: none; - border-radius: 5px; padding: 3px; text-align: center; + border: none; + border-radius: 5px; + background-color: transparent; } .sheet-template-grid-item.sheet-template-span-six:last-child { - text-align: left; - max-height: 6em; overflow-y: auto; + max-height: 6em; + text-align: left; } .sheet-rolltemplate-forbiddenlands .sheet-template-span-six { @@ -3156,13 +3150,13 @@ input[type="checkbox"].sheet-legendary:checked+span::before { } .sheet-rolltemplate-forbiddenlands .sheet-template-span-half { - grid-column: 1 / 4; line-height: 1em; + grid-column: 1 / 4; } .sheet-rolltemplate-forbiddenlands .sheet-template-span-2nd-half { - grid-column: 4 / 7; line-height: 1em; + grid-column: 4 / 7; } .sheet-rolltemplate-forbiddenlands .sheet-template-span-left { @@ -3178,17 +3172,19 @@ input[type="checkbox"].sheet-legendary:checked+span::before { } .sheet-rolltemplate-forbiddenlands .sheet-template-grid .sheet-scroll-text { - text-align: left; - max-height: 6em; 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 { - grid-column: 3 / 5; width: 38%; margin-left: 24%; + grid-column: 3 / 5; } .sheet-rolltemplate-forbiddenlands .sheet-template-span-one { @@ -3217,26 +3213,26 @@ input[type="checkbox"].sheet-legendary:checked+span::before { .sheet-rolltemplate-forbiddenlands .sheet-template-artifact-1 { background-image: url("https://s3.amazonaws.com/files.d20.io/images/76934530/UmA1p3wFzVfFRD7A7zo6Tg/max.png"); - background-size: contain; 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-size: contain; 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-size: contain; 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-size: contain; background-repeat: no-repeat; + background-size: contain; } .sheet-rolltemplate-forbiddenlands .sheet-template-success { @@ -3254,13 +3250,13 @@ input[type="checkbox"].sheet-legendary:checked+span::before { } .sheet-rolltemplate-forbiddenlands .sheet-template-inline { - font-size: 2em; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; - background-color: transparent; - border: none; + font-size: 2em; + line-height: 0; display: inline-block; margin: 50% 0 50% 0; - line-height: 0; + border: none; + background-color: transparent; } .sheet-rolltemplate-forbiddenlands .sheet-template-smaller { @@ -3275,82 +3271,82 @@ input[type="checkbox"].sheet-legendary:checked+span::before { .sheet-rolltemplate-forbiddenlands .sheet-template-blue-dice, .sheet-rolltemplate-forbiddenlands .sheet-template-orange-dice, .sheet-rolltemplate-forbiddenlands .sheet-template-purple-dice { - box-shadow: -3px 2px 3px #000; margin: 1px; + box-shadow: -3px 2px 3px #000; } .sheet-rolltemplate-forbiddenlands .sheet-template-grid-item.sheet-template-span-six.sheet-template-header { - box-shadow: 0 2px 7px #000; margin-bottom: 5px; + box-shadow: 0 2px 7px #000; } .sheet-rolltemplate-forbiddenlands .sheet-template-white-dice { - background-color: #fff; - border: 1px solid #000; - border-radius: 5px; + line-height: 0; padding: 3px; text-align: center; - line-height: 0; + border: 1px solid #000; + border-radius: 5px; + background-color: #fff; } .sheet-rolltemplate-forbiddenlands .sheet-template-maroon-dice { - background-color: #a60100; + line-height: 0; + padding: 3px; + text-align: center; color: #fff; border: 1px solid #000; border-radius: 5px; - padding: 3px; - text-align: center; - line-height: 0; + background-color: #a60100; } .sheet-rolltemplate-forbiddenlands .sheet-template-black-dice { - background-color: #000; - color: #fff; - border: 1px solid #000; - border-radius: 5px; + line-height: 0; padding: 3px; text-align: center; - line-height: 0; + color: #fff; + border: 1px solid transparent; + border-radius: 5px; + background-color: #000; } .sheet-rolltemplate-forbiddenlands .sheet-template-green-dice { - background-color: #235402; + line-height: 0; + padding: 3px; + text-align: center; color: #fff; border: 1px solid #000; border-radius: 5px; - padding: 3px; - text-align: center; - line-height: 0; + background-color: #235402; } .sheet-rolltemplate-forbiddenlands .sheet-template-blue-dice { - background-color: #0088af; + line-height: 0; + padding: 3px; + text-align: center; color: #fff; border: 1px solid #000; border-radius: 5px; - padding: 3px; - text-align: center; - line-height: 0; + background-color: #0088af; } .sheet-rolltemplate-forbiddenlands .sheet-template-orange-dice { - background-color: #ff8c00; + line-height: 0; + padding: 3px; + text-align: center; color: #fff; border: 1px solid #000; border-radius: 5px; - padding: 3px; - text-align: center; - line-height: 0; + background-color: #ff8c00; } .sheet-rolltemplate-forbiddenlands .sheet-template-purple-dice { - background-color: #800080; + line-height: 0; + padding: 3px; + text-align: center; color: #fff; border: 1px solid #000; border-radius: 5px; - padding: 3px; - text-align: center; - line-height: 0; + background-color: #800080; } .sheet-rolltemplate-forbiddenlands .sheet-template-white-dice>.inlinerollresult, @@ -3360,14 +3356,14 @@ input[type="checkbox"].sheet-legendary:checked+span::before { .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-size: 2em; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; + font-size: 2em; font-weight: bold; - background-color: transparent; - border: none; + line-height: 0; display: inline-block; margin: 50% 0 50% 0; - line-height: 0; + border: none; + background-color: transparent; } .sheet-rolltemplate-forbiddenlands .sheet-template-green-dice>div>.sheet-template-inline, @@ -3391,4 +3387,4 @@ input[type="checkbox"].sheet-legendary:checked+span::before { .sheet-rolltemplate-forbiddenlands .inlinerollresult.importantroll { color: inherit; border: none; -} \ No newline at end of file +} diff --git a/Forbidden_Lands/Forbidden_Lands.htm b/Forbidden_Lands/Forbidden_Lands.htm index 9ff0fd4de4..fca87e64cf 100644 --- a/Forbidden_Lands/Forbidden_Lands.htm +++ b/Forbidden_Lands/Forbidden_Lands.htm @@ -1,10 +1,10 @@ - + - + @@ -16,31 +16,35 @@