-
-
Save vince-roll20/b4c5f8e4c968ae3e43948390b33cf2bd to your computer and use it in GitHub Desktop.
Forbidden Lands beta css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@import url('https://fonts.googleapis.com/css?family=IM+Fell+English|Inknut+Antiqua&display=swap'); | |
/* 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 0 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; | |
} | |
input.sheet-announcements-show:hover + span, | |
input.sheet-monster_only:checked | |
~ div.sheet-character | |
input[type="checkbox"].sheet-extra-damage-show:hover { | |
color: #a60100; | |
opacity: 1; | |
} | |
input.sheet-announcements-older-show:hover + span { | |
border-left-color: #a60100; | |
} | |
input.sheet-announcements-older-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-announcements-older-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 { | |
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; | |
} | |
/* Hide actual checkbox */ | |
input.sheet-monster_only:checked | |
~ div.sheet-character | |
input[type="checkbox"].sheet-extra-damage-show { | |
margin: -22px 0 0 2px; | |
opacity: 0.25; | |
position: relative; | |
cursor: pointer; | |
z-index: 1; | |
} | |
input.sheet-monster_only:checked | |
~ div.sheet-character | |
input[type="checkbox"].sheet-extra-damage-show:checked { | |
margin: -40px 6px 0 2px; | |
display: flex; | |
padding: 2px 0 0 0; | |
} | |
input.sheet-monster_only:checked | |
~ div.sheet-character | |
input[type="checkbox"].sheet-extra-damage-show:not(:checked) | |
~ .sheet-extra-damage-show, | |
input.sheet-monster_only:checked | |
~ div.sheet-character | |
input[type="checkbox"].sheet-extra-damage-show:not(:checked) | |
~ .sheet-extra-damage-show | |
+ ::before { | |
display: none; | |
} | |
.sheet-announcements, | |
.sheet-settings-options { | |
margin: 0em 0.5em 2em 0.5em; | |
padding: 1em 0.5em 2em 0.5em; | |
border: 2px solid #000; | |
border-radius: 5px; | |
background-color: #ffffea; | |
} | |
/* Text */ | |
body { | |
font-family: "IM Fell English", "Times New Roman", Times, serif; | |
} | |
h1 { | |
font-family: "IM Fell English", "Times New Roman", Times, serif; | |
font-size: 1.1em; | |
font-weight: normal; | |
z-index: 0; | |
margin: -16px 0 0 0; | |
letter-spacing: 0.0625em; | |
color: #fff; | |
} | |
.sheet-header-h1 { | |
font-family: "IM Fell English", "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; | |
min-height: 2.75em; | |
margin: 0 -5px 0 -5px; | |
color: #fff; | |
background-color: #000; | |
} | |
.sheet-column-header { | |
font-size: 0.95em; | |
display: flex; | |
text-align: center; | |
justify-content: center; | |
justify-self: center; | |
align-items: center; | |
color: lightgrey; | |
background-color: #000; | |
font-variant-caps: small-caps; | |
padding: 0; | |
line-height: 0.9em; | |
} | |
.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; | |
justify-self: right; | |
} | |
.sheet-center, | |
.sheet-grid-item.sheet-center { | |
text-align: center; | |
} | |
span.sheet-readonly, | |
input.sheet-monster_only:checked~div.sheet-character .sheet-monster+span.sheet-monster.sheet-readonly { | |
font-size: 24px; | |
color: #555; | |
justify-self: center; | |
line-height: .85em; | |
width: 1em; | |
display: flex; | |
justify-content: center; | |
padding: 2px 0 0 0; | |
cursor: help; | |
} | |
/* 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(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/skull_checked.png); | |
text-align: center; | |
vertical-align: middle; | |
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/skull_empty.png); | |
} | |
/* 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: ""; | |
} | |
/* Only show skulls up to the attributes max value */ | |
input[name="attr_strength"][value="0"] ~ input.sheet-skull:nth-of-type(1n+3) + span::before, | |
input[name="attr_strength"][value="1"] ~ input.sheet-skull:nth-of-type(1n+4) + span::before, | |
input[name="attr_strength"][value="2"] ~ input.sheet-skull:nth-of-type(1n+5) + span::before, | |
input[name="attr_strength"][value="3"] ~ input.sheet-skull:nth-of-type(1n+6) + span::before, | |
input[name="attr_strength"][value="4"] ~ input.sheet-skull:nth-of-type(1n+7) + span::before, | |
input[name="attr_strength"][value="5"] ~ input.sheet-skull:nth-of-type(1n+8) + span::before, | |
input[name="attr_strength"][value="6"] ~ input.sheet-skull:nth-of-type(1n+9) + span::before, | |
input[name="attr_strength"][value="7"] ~ input.sheet-skull:nth-of-type(1n+10) + span::before, | |
input[name="attr_strength"][value="8"] ~ input.sheet-skull:nth-of-type(1n+11) + span::before, | |
input[name="attr_strength"][value="9"] ~ input.sheet-skull:nth-of-type(1n+12) + span::before, | |
input[name="attr_strength"][value="10"] ~ input.sheet-skull:nth-of-type(1n+13) + span::before, | |
input[name="attr_strength"][value="11"] ~ input.sheet-skull:nth-of-type(1n+14) + span::before, | |
input[name="attr_strength"][value="12"] ~ input.sheet-skull:nth-of-type(1n+15) + span::before { | |
opacity: 0; | |
} | |
input[name="attr_strength"][value="13"] ~ input.sheet-skull:nth-of-type(1n+16) + span::before, | |
input[name="attr_strength"][value="14"] ~ input.sheet-skull:nth-of-type(1n+17) + span::before, | |
input[name="attr_strength"][value="15"] ~ input.sheet-skull:nth-of-type(1n+18) + span::before, | |
input[name="attr_strength"][value="16"] ~ input.sheet-skull:nth-of-type(1n+19) + span::before, | |
input[name="attr_strength"][value="17"] ~ input.sheet-skull:nth-of-type(1n+20) + span::before, | |
input[name="attr_strength"][value="18"] ~ input.sheet-skull:nth-of-type(1n+21) + span::before, | |
input[name="attr_strength"][value="19"] ~ input.sheet-skull:nth-of-type(1n+22) + span::before, | |
input[name="attr_strength"][value="20"] ~ input.sheet-skull:nth-of-type(1n+23) + span::before, | |
input[name="attr_strength"][value="21"] ~ input.sheet-skull:nth-of-type(1n+24) + span::before, | |
input[name="attr_strength"][value="22"] ~ input.sheet-skull:nth-of-type(1n+25) + span::before, | |
input[name="attr_strength"][value="23"] ~ input.sheet-skull:nth-of-type(1n+26) + span::before, | |
input[name="attr_strength"][value="24"] ~ input.sheet-skull:nth-of-type(1n+27) + span::before { | |
opacity: 0; | |
} | |
input[name="attr_strength"][value="25"] ~ input.sheet-skull:nth-of-type(1n+28) + span::before, | |
input[name="attr_strength"][value="26"] ~ input.sheet-skull:nth-of-type(1n+30) + span::before, | |
input[name="attr_strength"][value="27"] ~ input.sheet-skull:nth-of-type(1n+31) + span::before, | |
input[name="attr_strength"][value="28"] ~ input.sheet-skull:nth-of-type(1n+32) + span::before, | |
input[name="attr_strength"][value="29"] ~ input.sheet-skull:nth-of-type(1n+33) + span::before, | |
input[name="attr_strength"][value="30"] ~ input.sheet-skull:nth-of-type(1n+34) + span::before, | |
input[name="attr_strength"][value="31"] ~ input.sheet-skull:nth-of-type(1n+35) + span::before, | |
input[name="attr_strength"][value="32"] ~ input.sheet-skull:nth-of-type(1n+36) + span::before, | |
input[name="attr_strength"][value="33"] ~ input.sheet-skull:nth-of-type(1n+37) + span::before, | |
input[name="attr_strength"][value="34"] ~ input.sheet-skull:nth-of-type(1n+38) + span::before, | |
input[name="attr_strength"][value="35"] ~ input.sheet-skull:nth-of-type(1n+39) + span::before, | |
input[name="attr_strength"][value="36"] ~ input.sheet-skull:nth-of-type(1n+40) + span::before { | |
opacity: 0; | |
} | |
input[name="attr_strength"][value="37"] ~ input.sheet-skull:nth-of-type(1n+41) + span::before, | |
input[name="attr_strength"][value="38"] ~ input.sheet-skull:nth-of-type(1n+42) + span::before, | |
input[name="attr_strength"][value="39"] ~ input.sheet-skull:nth-of-type(1n+43) + span::before, | |
input[name="attr_strength"][value="40"] ~ input.sheet-skull:nth-of-type(1n+44) + span::before, | |
input[name="attr_strength"][value="41"] ~ input.sheet-skull:nth-of-type(1n+45) + span::before, | |
input[name="attr_strength"][value="42"] ~ input.sheet-skull:nth-of-type(1n+46) + span::before, | |
input[name="attr_strength"][value="43"] ~ input.sheet-skull:nth-of-type(1n+47) + span::before, | |
input[name="attr_strength"][value="44"] ~ input.sheet-skull:nth-of-type(1n+48) + span::before, | |
input[name="attr_strength"][value="45"] ~ input.sheet-skull:nth-of-type(1n+49) + span::before | |
input[name="attr_strength"][value="46"] ~ input.sheet-skull:nth-of-type(1n+50) + span::before, | |
input[name="attr_strength"][value="47"] ~ input.sheet-skull:nth-of-type(1n+51) + span::before, | |
input[name="attr_strength"][value="48"] ~ input.sheet-skull:nth-of-type(1n+52) + span::before, | |
input[name="attr_strength"][value="49"] ~ input.sheet-skull:nth-of-type(1n+53) + span::before { | |
opacity: 0; | |
} | |
input[name="attr_agility"][value="0"] ~ input.sheet-skull:nth-of-type(1n+3) + span::before, | |
input[name="attr_agility"][value="1"] ~ input.sheet-skull:nth-of-type(1n+4) + span::before, | |
input[name="attr_agility"][value="2"] ~ input.sheet-skull:nth-of-type(1n+5) + span::before, | |
input[name="attr_agility"][value="3"] ~ input.sheet-skull:nth-of-type(1n+6) + span::before, | |
input[name="attr_agility"][value="4"] ~ input.sheet-skull:nth-of-type(1n+7) + span::before, | |
input[name="attr_agility"][value="5"] ~ input.sheet-skull:nth-of-type(1n+8) + span::before, | |
input[name="attr_agility"][value="6"] ~ input.sheet-skull:nth-of-type(1n+9) + span::before { | |
opacity: 0; | |
} | |
input[name="attr_wits"][value="0"] ~ input.sheet-skull:nth-of-type(1n+3) + span::before, | |
input[name="attr_wits"][value="1"] ~ input.sheet-skull:nth-of-type(1n+4) + span::before, | |
input[name="attr_wits"][value="2"] ~ input.sheet-skull:nth-of-type(1n+5) + span::before, | |
input[name="attr_wits"][value="3"] ~ input.sheet-skull:nth-of-type(1n+6) + span::before, | |
input[name="attr_wits"][value="4"] ~ input.sheet-skull:nth-of-type(1n+7) + span::before, | |
input[name="attr_wits"][value="5"] ~ input.sheet-skull:nth-of-type(1n+8) + span::before, | |
input[name="attr_wits"][value="6"] ~ input.sheet-skull:nth-of-type(1n+9) + span::before { | |
opacity: 0; | |
} | |
input[name="attr_empathy"][value="0"] ~ input.sheet-skull:nth-of-type(1n+3) + span::before, | |
input[name="attr_empathy"][value="1"] ~ input.sheet-skull:nth-of-type(1n+4) + span::before, | |
input[name="attr_empathy"][value="2"] ~ input.sheet-skull:nth-of-type(1n+5) + span::before, | |
input[name="attr_empathy"][value="3"] ~ input.sheet-skull:nth-of-type(1n+6) + span::before, | |
input[name="attr_empathy"][value="4"] ~ input.sheet-skull:nth-of-type(1n+7) + span::before, | |
input[name="attr_empathy"][value="5"] ~ input.sheet-skull:nth-of-type(1n+8) + span::before, | |
input[name="attr_empathy"][value="6"] ~ input.sheet-skull:nth-of-type(1n+9) + span::before { | |
opacity: 0; | |
} | |
/* 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; | |
} | |
/* 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(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/xbox_checked.png); | |
text-align: center; | |
vertical-align: middle; | |
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/xbox_empty.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(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/xbox_checked.png); | |
text-align: center; | |
vertical-align: middle; | |
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/xbox_empty.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[type="action"].sheet-roll-button, | |
button[type="roll"].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; | |
padding: 0 0 0 0; | |
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; | |
} | |
button[type="roll"].sheet-roll-button-textonly::before { | |
content: ""; | |
} | |
button.sheet-roll-button-textonly { | |
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; | |
} | |
button.sheet-roll-button-textonly span { | |
padding: 0 6px 0 0; | |
font-size: 0.75em; | |
vertical-align: bottom; | |
} | |
/* 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; | |
line-height: 0.85em; | |
} | |
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: 2em; | |
height: 1.2em; | |
margin: 1px; | |
padding: 0 1px 3px 1px; | |
box-shadow: none; | |
color: transparent; | |
} | |
.repcontrol_move { | |
float: right; | |
margin-right: 5px; | |
cursor: move; | |
} | |
button.btn.repcontrol_edit:after { | |
font-family: Pictos; | |
content: '('; | |
color: black; | |
margin: 0 0 0 -38px; | |
} | |
.repcontainer.ui-sortable.editmode ~ .repcontrol button.btn.repcontrol_edit:after { | |
margin: 0 0 0 -28px; | |
} | |
button.btn.repcontrol_add:after { | |
font-family: Pictos; | |
content: '&'; | |
color: black; | |
margin: 0 0 0 -31px; | |
} | |
button.btn:hover.repcontrol_edit:after, | |
button.btn:hover.repcontrol_add:after, | |
button.btn:hover.repcontrol_del:after { | |
color: #a60100; | |
} | |
a.btn.repcontrol_move:hover { | |
color: #a60100; | |
} | |
button.btn.btn-danger.pictos.repcontrol_del:hover { | |
color: #fff; | |
} | |
/* 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, | |
input.sheet-settings:checked ~ div.sheet-settings { | |
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[type="radio"].sheet-tab.sheet-settings { | |
font-family: "pictos"; | |
width: 20px; | |
margin-left: -2px; | |
z-index: 0; | |
} | |
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-settings::before { | |
width: 20px; | |
content: "y"; | |
margin: 0 0 0 2px; | |
} | |
input.sheet-tab.sheet-character:checked, | |
input.sheet-tab.sheet-stronghold:checked, | |
input.sheet-tab.sheet-monster_only:checked, | |
input.sheet-tab.sheet-settings:checked { | |
z-index: 2; | |
opacity: 1; | |
} | |
input.sheet-tab.sheet-character:hover, | |
input.sheet-tab.sheet-stronghold:hover, | |
input.sheet-tab.sheet-monster_only:hover, | |
input.sheet-tab.sheet-settings:hover { | |
z-index: 3; | |
opacity: 1; | |
} | |
input.sheet-tab.sheet-character:hover::before, | |
input.sheet-tab.sheet-stronghold:hover::before, | |
input.sheet-tab.sheet-monster_only: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.sheet-settings:hover::before { | |
z-index: 3; | |
width: 22px; | |
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; | |
} | |
input.sheet-tab.sheet-settings:checked::before, | |
input.sheet-tab.sheet-settings:checked:hover::before { | |
width: 20px; | |
} | |
/* hides radio selector */ | |
input.sheet-tab.sheet-character:checked::after, | |
input.sheet-tab.sheet-stronghold:checked::after, | |
input.sheet-tab.sheet-monster_only:checked::after, | |
input.sheet-tab.sheet-settings:checked::after { | |
opacity: 0; | |
} | |
.sheet-wrapper { | |
font-family: "IM Fell English", "Times New Roman", Times, serif; | |
/* font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; */ | |
overflow: hidden; | |
box-sizing: border-box; | |
width: 100%; | |
min-width: 820px; | |
padding: 70px 0 50px 0; | |
color: #000; | |
border: 2px solid #000; | |
border-image-source: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/FBL%20wrapper%20border.png); | |
border-image-slice: 67 0 70 0; | |
border-image-width: 67px 0 60px 0; | |
border-image-outset: 0 10 0 10; | |
border-image-repeat: stretch; | |
background-color: inherit; | |
} | |
.sheet-logo { | |
min-width: 820px; | |
max-height: 56px; | |
margin-bottom: -2px; | |
text-align: right; | |
} | |
span.sheet-logo-text { | |
font-family: 'Inknut Antiqua', serif; | |
font-size: 2.5em; | |
display: block; | |
line-height: 1.5em; | |
} | |
.sheet-logo-text:first-letter { | |
font-size: 1.5em; | |
vertical-align: bottom; | |
} | |
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-textarea: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%; | |
min-width: 3em; | |
margin: 0; | |
color: #000; | |
text-align-last: center; | |
text-align: center; | |
-webkit-appearance: none; | |
-moz-appearance: none; | |
} | |
select.sheet-input:hover { | |
-webkit-appearance: menulist; | |
-moz-appearance: menulist; | |
padding: 0; | |
} | |
input.sheet-input.sheet-input-number-center { | |
display: flex; | |
width: 3em; | |
text-align: center; | |
justify-self: center; | |
} | |
/* change checkbox appearance */ | |
input[type="checkbox"] { | |
height: 1em; | |
width: 1em; | |
-webkit-appearance: none; | |
-moz-appearance: none; | |
-o-appearance: none; | |
appearance: none; | |
vertical-align: text-bottom; | |
border: 1px solid #000; | |
border-radius: 4px; | |
outline: none; | |
background-color: #fff; | |
cursor: pointer; | |
} | |
input[type="checkbox"]:checked { | |
border: 1px solid #000; | |
background-color: #fff; | |
vertical-align: text-bottom; | |
} | |
input[type="checkbox"]:checked::after { | |
content: "3"; | |
font-family: pictos; | |
color: #000; | |
position: relative; | |
top: -7px; | |
} | |
input[type="checkbox"]:active { | |
border: 2px solid #34495e; | |
} | |
/* end checkbox appearance */ | |
/* change radio appearance */ | |
input[type="radio"] { | |
height: 1em; | |
width: 1em; | |
-webkit-appearance: none; | |
-moz-appearance: none; | |
-o-appearance: none; | |
appearance: none; | |
vertical-align: text-bottom; | |
border: 1px solid #333; | |
border-radius: 50%; | |
outline: none; | |
background-color: #fff; | |
cursor: pointer; | |
opacity: 0.5; | |
} | |
input[type="radio"].sheet-xbox { | |
opacity: 0; | |
} | |
input[type="radio"]:checked { | |
border: 1px solid #333; | |
border-radius: 50%; | |
background-color: #fff; | |
vertical-align: text-bottom; | |
} | |
input[type="radio"]:checked::after { | |
content: "*"; | |
font-family: pictos; | |
color: #000; | |
position: relative; | |
top: -5px; | |
} | |
/* end radio appearance */ | |
input[type="checkbox"].sheet-input { | |
height: 11px; | |
width: 11px; | |
justify-self: center; | |
align-self: center; | |
} | |
.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; | |
} | |
.sheet-details-grid div .sheet-input-textarea, | |
.sheet-appearance-grid div .sheet-input-textarea { | |
height: 3em; | |
min-height: 3em; | |
} | |
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; | |
text-align: center; | |
color: #6e6e6e; | |
border-color: #6e6e6e; | |
background-color: #eee; | |
max-width: 2.5em; | |
justify-self: center; | |
} | |
button > input.sheet-input { | |
max-height: 1.75em; | |
} | |
button[type="action"] { | |
border-radius: 5px; | |
} | |
/* hide spinner 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; | |
} | |
/* highlight rows on hover */ | |
.itemcontrol + div:hover, | |
.sheet-skills-grid span.sheet-skills-row:hover { | |
background-color: #e6e6e6; | |
} | |
/* show/hide 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; | |
} | |
input.sheet-expand + span::before, | |
input.sheet-expand:checked + span::before { | |
opacity: 0.25; | |
} | |
.repitem .sheet-weapons-grid:hover input.sheet-expand+span::before, | |
.repitem .sheet-monster-attacks-grid:hover input.sheet-expand+span::before, | |
.repitem .sheet-talents-grid:hover input.sheet-expand+span::before, | |
.sheet-armor-box10:hover input.sheet-expand+span::before, | |
.sheet-armor-box10-2:hover input.sheet-expand+span::before, | |
.sheet-shield-box12:hover input.sheet-expand+span::before, | |
.repitem .sheet-gear-grid:hover input.sheet-expand+span::before, | |
.sheet-mount-grid:hover input.sheet-expand+span::before, | |
.repitem .sheet-mount_gear-grid:hover input.sheet-expand+span::before, | |
.repitem .sheet-spells-grid:hover input.sheet-expand+span::before, | |
.sheet-skills-row:hover input.sheet-expand+span::before { | |
opacity: 0.85; | |
} | |
input.sheet-expand~.sheet-input-textarea, | |
.repitem input.sheet-expand~.sheet-input-textarea, | |
input.sheet-expand~.sheet-weapons-subgrid, | |
input.sheet-expand~.sheet-armor-row2, | |
input.sheet-expand~.sheet-shield-row2, | |
input.sheet-expand~.sheet-animal-handling-row2, | |
input.sheet-expand~.sheet-crafting-row2, | |
input.sheet-expand~.sheet-endurance-row2, | |
input.sheet-expand~.sheet-healing-row2, | |
input.sheet-expand~.sheet-insight-row2, | |
input.sheet-expand~.sheet-lore-row2, | |
input.sheet-expand~.sheet-manipulation-row2, | |
input.sheet-expand~.sheet-marksmanship-row2, | |
input.sheet-expand~.sheet-melee-row2, | |
input.sheet-expand~.sheet-might-row2, | |
input.sheet-expand~.sheet-move-row2, | |
input.sheet-expand~.sheet-performance-row2, | |
input.sheet-expand~.sheet-scouting-row2, | |
input.sheet-expand~.sheet-sleight-of-hand-row2, | |
input.sheet-expand~.sheet-stealth-row2, | |
input.sheet-expand~.sheet-survival-row2 { | |
display: none; | |
} | |
input.sheet-expand:checked ~ .sheet-weapons-subgrid, | |
input.sheet-expand:checked ~ .sheet-armor-row2, | |
input.sheet-expand:checked ~ .sheet-shield-row2, | |
input.sheet-expand:checked ~ .sheet-animal-handling-row2, | |
input.sheet-expand:checked ~ .sheet-crafting-row2, | |
input.sheet-expand:checked ~ .sheet-endurance-row2, | |
input.sheet-expand:checked ~ .sheet-healing-row2, | |
input.sheet-expand:checked ~ .sheet-insight-row2, | |
input.sheet-expand:checked ~ .sheet-lore-row2, | |
input.sheet-expand:checked ~ .sheet-manipulation-row2, | |
input.sheet-expand:checked ~ .sheet-marksmanship-row2, | |
input.sheet-expand:checked ~ .sheet-melee-row2, | |
input.sheet-expand:checked ~ .sheet-might-row2, | |
input.sheet-expand:checked ~ .sheet-move-row2, | |
input.sheet-expand:checked ~ .sheet-performance-row2, | |
input.sheet-expand:checked ~ .sheet-scouting-row2, | |
input.sheet-expand:checked ~ .sheet-sleight-of-hand-row2, | |
input.sheet-expand:checked ~ .sheet-stealth-row2, | |
input.sheet-expand:checked ~ .sheet-survival-row2 { | |
display: grid; | |
box-sizing: border-box; | |
margin: 0; | |
border: 2px dotted #c3996b; | |
width: 100%; | |
} | |
input.sheet-expand:checked ~ .sheet-input-textarea { | |
line-height: 1.2em; | |
display: block; | |
box-sizing: border-box; | |
height: 4.5em; | |
min-height: 2em; | |
margin: 0; | |
border: 2px dotted #c3996b; | |
overflow: hidden; | |
overflow-y: auto; | |
} | |
/* character grid layout */ | |
.sheet-character-grid { | |
display: grid; | |
margin: -10px 0 0 0; | |
grid-column-gap: 4px; | |
grid-row-gap: 4px; | |
grid-template-columns: 35% auto 27%; | |
} | |
.sheet-box { | |
padding: 0 5px 0 5px; | |
text-align: left; | |
border: 1px solid #000; | |
border-radius: 4px; | |
} | |
.sheet-character-heading { | |
padding: 10px; | |
margin: -10px 0 0 0; | |
border: none; | |
grid-column: 1/4; | |
grid-row-start: 1; | |
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/FBL%20top%20banner.png); | |
background-repeat: no-repeat; | |
background-size: 100% 110px; | |
background-position-y: top; | |
background-position-x: center; | |
height: 86px; | |
display: flex; | |
justify-content: space-evenly; | |
justify-self: stretch; | |
} | |
.sheet-character-attributes { | |
grid-column-start: 1; | |
} | |
/* monster version of attributes */ | |
input.sheet-monster_only:checked | |
~ div.sheet-character | |
.sheet-character-attributes { | |
background-image: none; | |
padding: 0; | |
margin: -2px 0px 0 0px; | |
border: 7px solid #000; | |
border-top-width: 0; | |
border-image-source: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/FBL%20wide%20column%20border.png); | |
border-image-slice: 0 20 20 20; | |
border-image-width: 0 10px 10px 10px; | |
border-image-repeat: repeat; | |
background-color: inherit; | |
height: 100%; | |
} | |
.sheet-character-details { | |
grid-column-start: 2; | |
padding: 5px; | |
margin: 0; | |
border: 10px solid #000; | |
border-top-width: 18px; | |
border-bottom-width: 18px; | |
border-image-source: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/FBL%20column%20box%20border.png); | |
border-image-slice: 25 25 35 25; | |
border-image-width: 15px 15px 15px 15px; | |
border-image-repeat: round; | |
background-color: inherit; | |
} | |
.sheet-character-appearance { | |
grid-column-start: 3; | |
} | |
.sheet-character-conditions { | |
padding: 10px 0 5px 0; | |
border: none; | |
grid-column: 1/4; | |
} | |
/* add fbl applique border/backgrounds */ | |
.sheet-character-attributes, | |
.sheet-character-appearance { | |
padding: 0 2px 0 2px; | |
margin: 0; | |
border: 10px solid #000; | |
border-top-width: 0; | |
border-bottom-width: 18px; | |
border-image-source: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/FBL%20small%20column%20border.png); | |
border-image-slice: 0 25 40 25; | |
border-image-width: 0 15px 30px 15px; | |
border-image-repeat: repeat; | |
background-color: inherit; | |
height: 85%; | |
} | |
.sheet-character-injuries, | |
.sheet-character-weapons, | |
.sheet-character-beasts, | |
.sheet-character-notes, | |
.sheet-character-armor, | |
.sheet-character-relationships, | |
.sheet-character-spells, | |
.sheet-stronghold-functions, | |
.sheet-stronghold-hirelings, | |
.sheet-stronghold-stockpile, | |
.sheet-stronghold-notes { | |
padding: 0; | |
margin: 0 0 5px 0; | |
border: 7px solid #000; | |
border-top-width: 0; | |
border-image-source: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/FBL%20large%20box%20border.png); | |
border-image-slice: 0 20 20 20; | |
border-image-width: 0 10px 10px 10px; | |
border-image-repeat: repeat; | |
background-color: inherit; | |
} | |
.sheet-character-injuries, | |
.sheet-character-weapons, | |
.sheet-character-beasts, | |
.sheet-character-notes { | |
grid-column: 1/4; | |
} | |
.sheet-character-armor, | |
.sheet-character-relationships, | |
.sheet-character-spells { | |
height: fit-content; | |
grid-column: 1/3; | |
padding: 0 0 8px 0; | |
} | |
.sheet-character-skills, | |
.sheet-character-dice_pool { | |
padding: 0 0px 0 0px; | |
margin: -2px 0px 0 0px; | |
border: 7px solid #000; | |
border-top-width: 0; | |
border-image-source: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/FBL%20wide%20column%20border.png); | |
border-image-slice: 0 20 20 20; | |
border-image-width: 0 10px 10px 10px; | |
border-image-repeat: repeat; | |
background-color: inherit; | |
} | |
.sheet-character-skill-dice-box { | |
display: flex; | |
width: 100%; | |
justify-content: space-evenly; | |
padding: 0; | |
border: none; | |
grid-column: 1/3; | |
grid-row-start: 6; | |
} | |
.sheet-character-skills { | |
min-width: 20em; | |
width: 50%; | |
} | |
.sheet-character-dice_pool { | |
min-width: 20em; | |
width: 40%; | |
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; | |
min-width: 20em; | |
margin-top: -1.5em; | |
grid-column: 1/4; | |
justify-self: center; | |
} | |
.sheet-character-column3 { | |
height: fit-content; | |
grid-column-start: 3; | |
grid-row-end: span 6; | |
border: none; | |
} | |
.sheet-character-talents { | |
height: fit-content; | |
} | |
.sheet-character-gear { | |
height: fit-content; | |
} | |
.sheet-character-mount { | |
height: fit-content; | |
} | |
.sheet-character-consumables { | |
grid-column-start: 1; | |
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/consumables.png); | |
background-repeat: no-repeat; | |
background-position-x: center; | |
} | |
.sheet-character-coins, | |
.sheet-character-consumables { | |
padding: 0 2px 0 2px; | |
border: 7px solid #000; | |
border-top-width: 0; | |
border-bottom-width: 18px; | |
border-image-source: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/FBL%20column%20border.png); | |
border-image-slice: 0 25 40 25; | |
border-image-width: 0 15px 15px 15px; | |
border-image-repeat: repeat; | |
background-color: inherit; | |
} | |
.sheet-character-experience { | |
height: 2.25em; | |
background: #000; | |
grid-column-start: 1; | |
} | |
.sheet-character-willpower { | |
height: fit-content; | |
grid-column-start: 2; | |
padding: 0 2px 0 2px; | |
border: 7px solid #000; | |
border-top-width: 0; | |
border-bottom-width: 5px; | |
border-image-source: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/FBL%20small%20column%20border.png); | |
border-image-slice: 0 25 40 25; | |
border-image-width: 0 15px 15px 15px; | |
border-image-repeat: repeat; | |
background-color: inherit; | |
} | |
.sheet-willpower-grid .sheet-willpower-box2, | |
.sheet-willpower-grid .sheet-willpower-box3 { | |
padding: 0 0 10px 0; | |
} | |
.sheet-character-spells { | |
grid-row-start: 11; | |
} | |
.sheet-character-relationships { | |
grid-row-start: 10; | |
} | |
/* ---------------------------------- Heading */ | |
.sheet-heading-grid { | |
align-items: center; | |
justify-content: space-around; | |
width: 90%; | |
display: grid; | |
grid-template-columns: auto auto auto; | |
grid-template-rows: 1em 3em auto; | |
} | |
.sheet-heading-grid div:nth-child(even), | |
.sheet-heading-grid div:nth-child(even) input { | |
width: 11.5em; | |
text-align: center; | |
} | |
.sheet-heading-box1 { | |
display: flex; | |
flex-direction: row-reverse; | |
} | |
.sheet-heading-box2 { | |
display: flex; | |
justify-self: center; | |
align-self: flex-end; | |
margin: 0 0 -60px 0; | |
} | |
.sheet-heading-box5 { | |
display: flex; | |
justify-self: center; | |
align-self: flex-end; | |
margin: 0 0 -40px 0; | |
} | |
/* raven image*/ | |
.sheet-heading-box7 { | |
grid-column: 3; | |
grid-row: 3; | |
} | |
/* ---------------------------------- Attributes */ | |
.sheet-attributes-grid { | |
display: flex; | |
flex-wrap: wrap; | |
justify-content: space-between; | |
padding: 0 0 5px 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 -5px 5px -3px; | |
} | |
.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: 30%; | |
min-width: 4.5em; | |
} | |
.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: left; | |
width: 2.5em; | |
} | |
.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: 9.25em; | |
} | |
.sheet-attributes-box1 { | |
width: 104%; | |
margin: -2px -5px 0 -5px; | |
} | |
.sheet-input-span { | |
font-size: 24px; | |
z-index: 1; | |
display: flex; | |
align-items: center; | |
justify-content: center; | |
margin: 0 0 0 -3px; | |
padding: 0 0 5px 0; | |
box-sizing: border-box; | |
width: 34px; | |
height: 34px; | |
color: #555; | |
cursor: help; | |
/* | |
border: 1px solid #000; | |
border-radius: 50%; | |
background-color: #eee; | |
border-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/FBL%20ring.png); | |
border-image-slice: 11; | |
border-image-width: 6px; | |
border-image-outset: 0px; | |
*/ | |
} | |
.sheet-attributes-grid button[type="action"] { | |
width: 100%; | |
height: 1.65em; | |
padding: 0; | |
font-size: .875em; | |
} | |
/* -----------------------------------Monster Tab layout */ | |
input.sheet-monster_only:checked ~ div.sheet-character .sheet-character-grid { | |
grid-template-columns: auto auto 22em; | |
margin: -4px 0 0 0; | |
padding: 0; | |
} | |
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; | |
border: none; | |
} | |
input.sheet-monster_only:checked | |
~ div.sheet-character | |
.sheet-box.sheet-character-skill-dice-box { | |
display: grid; | |
padding: 0; | |
margin: 0 0 0 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 { | |
margin-top: 2px; | |
grid-column-start: 3; | |
grid-row-start: 3; | |
} | |
input.sheet-monster_only:checked | |
~ div.sheet-character | |
.sheet-character-dice_pool { | |
grid-column-start: 3; | |
grid-row: span 2; | |
grid-row-start: 1; | |
} | |
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; | |
justify-self: center; | |
} | |
.sheet-monster-stat1 > .sheet-column-header { | |
margin-top: 1.5em; | |
} | |
input.sheet-monster_only:checked ~ div.sheet-character .sheet-attributes-grid { | |
margin: 0; | |
padding: 0 1em 0 1em; | |
width: 37em; | |
float: right; | |
} | |
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; | |
padding: 0 2px 0 2px; | |
margin: 0 -6px 0 -6px; | |
grid-row-gap: 2px; | |
grid-template-columns: 4em 7em auto 3em 3em 8em 4em 4em auto; | |
} | |
.sheet-monster-stat1 input[type="text"].sheet-header-h1 { | |
font-size: 1.65em; | |
width: 38%; | |
height: 1.35em; | |
margin: -15px 0 0 0; | |
padding: 0; | |
color: #333; | |
background-color: white; | |
} | |
.sheet-monster-stats-box1 { | |
height: 4em; | |
margin: 0; | |
grid-column: 1/10; | |
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; | |
justify-self: right; | |
} | |
.sheet-monster-stats-box6 { | |
grid-column-start: 5; | |
grid-row-start: 1; | |
justify-self: left; | |
} | |
.sheet-monster-stats-box6 span::before { | |
content: "/"; | |
padding: 0 2px 0 0; | |
} | |
.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 { | |
grid-column-start: 9; | |
grid-row-start: 1; | |
} | |
.sheet-monster-stats-box11 { | |
width: 3em; | |
grid-column-start: 1; | |
grid-row-start: 2; | |
} | |
.sheet-monster-stats-box12 { | |
grid-column-start: 2; | |
grid-row-start: 2; | |
} | |
.sheet-monster-stats-box13 { | |
grid-column-start: 3; | |
grid-row-start: 2; | |
} | |
.sheet-monster-stats-box14 { | |
width: 3em; | |
grid-column-start: 4; | |
grid-row-start: 2; | |
} | |
.sheet-monster-stats-box15 { | |
grid-column-start: 5; | |
grid-row-start: 2; | |
} | |
.sheet-monster-stats-box16 { | |
grid-column-start: 6; | |
grid-row-start: 2; | |
} | |
.sheet-monster-stats-box17 { | |
grid-column-start: 7; | |
grid-row-start: 2; | |
} | |
.sheet-monster-stats-box18 { | |
grid-column-start: 8; | |
grid-row-start: 2; | |
} | |
.sheet-monster-stats-box19 { | |
grid-column-start: 9; | |
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; | |
} | |
.sheet-monster-attacks-box8 { | |
padding: 0; | |
margin: -2px -7px 0 -7px; | |
border: 10px solid #000; | |
border-top-width: 0; | |
border-image-source: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/FBL%20wide%20column%20border.png); | |
border-image-slice: 0 20 20 20; | |
border-image-width: 0 10px 10px 10px; | |
border-image-repeat: repeat; | |
background-color: inherit; | |
} | |
/* ---------------------------------- Details */ | |
.sheet-details-grid { | |
display: grid; | |
padding: 2em 0 2em 0; | |
grid-column-gap: 2px; | |
grid-row-gap: 1em; | |
grid-template-columns: auto 2em 3em auto; | |
grid-template-rows: auto auto auto; | |
align-items: center; | |
} | |
.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; | |
margin: 0 0 0 -5px; | |
} | |
.sheet-details-box8 { | |
grid-column-start: 5; | |
grid-row-start: 3; | |
margin: 0 0 0 -5px; | |
} | |
/* ---------------------------------- Appearance */ | |
.sheet-appearance-grid { | |
display: grid; | |
padding: 0; | |
grid-column-gap: 2px; | |
grid-row-gap: 10px; | |
grid-template-columns: 5em auto; | |
grid-template-rows: 3em auto auto auto; | |
} | |
.sheet-appearance-grid > div:first-child { | |
margin: 0 -10px 0 -10px; | |
} | |
.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 8em; | |
} | |
.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: 3em 3em auto 5em 3em 3em 3em 3em 0em 3em 3em 3em 3em 0em 1.5em 1.5em 1.5em 1.5em 0em 3em 3em 3em; | |
} | |
.sheet-weapons-box { | |
grid-column: 1/23; | |
grid-row-start: 1; | |
} | |
.sheet-weapons-box1 { | |
grid-column-start: 1; | |
grid-row-start: 1; | |
} | |
.sheet-weapons-box2 { | |
grid-row-start: 1; | |
grid-column-start: 2; | |
} | |
.sheet-weapons-box3 { | |
grid-row-start: 1; | |
grid-column-start: 3; | |
} | |
.sheet-weapons-box4 { | |
grid-row-start: 1; | |
grid-column-start: 4; | |
} | |
.sheet-weapons-box5 { | |
grid-row-start: 1; | |
grid-column-start: 5; | |
} | |
.sheet-weapons-box6 { | |
grid-row-start: 1; | |
grid-column-start: 6; | |
} | |
.sheet-weapons-box7 { | |
grid-row-start: 1; | |
grid-column-start: 7; | |
padding-bottom: 3px; | |
} | |
.sheet-weapons-box8 { | |
grid-row-start: 1; | |
grid-column-start: 8; | |
} | |
.sheet-weapons-box9 { | |
grid-row-start: 1; | |
grid-column-start: 9; | |
} | |
.sheet-weapons-box10 { | |
grid-row-start: 1; | |
grid-column-start: 10; | |
justify-self: right; | |
} | |
.sheet-weapons-box11 { | |
grid-row-start: 1; | |
grid-column-start: 11; | |
justify-self: left; | |
} | |
.sheet-weapons-box11 span::before { | |
content: "/"; | |
padding: 0 2px 0 0; | |
} | |
.sheet-weapons-box12 { | |
grid-row-start: 1; | |
grid-column-start: 12; | |
padding-bottom: 3px; | |
} | |
.sheet-weapons-box13 { | |
grid-row-start: 1; | |
grid-column-start: 13; | |
} | |
.sheet-weapons-box14 { | |
grid-row-start: 1; | |
grid-column-start: 14; | |
} | |
.sheet-weapons-box15 { | |
grid-row-start: 1; | |
grid-column-start: 15; | |
} | |
.sheet-weapons-box16 { | |
grid-row-start: 1; | |
grid-column-start: 16; | |
} | |
.sheet-weapons-box17 { | |
grid-row-start: 1; | |
grid-column-start: 17; | |
} | |
.sheet-weapons-box18 { | |
grid-row-start: 1; | |
grid-column-start: 18; | |
} | |
.sheet-weapons-box19 { | |
grid-row-start: 1; | |
grid-column-start: 19; | |
} | |
.sheet-weapons-box20 { | |
grid-row-start: 1; | |
grid-column-start: 20; | |
} | |
.sheet-weapons-box21 { | |
grid-row-start: 1; | |
grid-column-start: 21; | |
} | |
.sheet-weapons-box22 { | |
grid-row-start: 1; | |
grid-column-start: 22; | |
} | |
.sheet-weapons-box23 { | |
grid-column: 1/23; | |
grid-row-start: 2; | |
} | |
.sheet-weapons-box24 { | |
grid-column-start: 1; | |
} | |
.sheet-weapons-subgrid { | |
grid-column: 1/23; | |
grid-row-start: 3; | |
display: grid; | |
grid-template-columns: 4em 3em 4em 5em 3em 4em 2em 3em 6em auto; | |
padding: 0 0 2px 0; | |
grid-column-gap: 2px; | |
justify-items: center; | |
align-items: baseline; | |
} | |
.sheet-weapons-box46 { | |
grid-column-start: 1; | |
grid-row-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: auto; | |
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-row select.sheet-input, .sheet-skills-row input.sheet-input-number { | |
min-width: 2.5em; | |
} | |
/* list ordering of skills by attribute group */ | |
.sheet-skills-grid { | |
display: flex; | |
flex-direction: column; | |
} | |
.sheet-skill-order-group:checked ~ .sheet-skills-grid span.sheet-skills-row:nth-of-type(2) { order: 17;} /* animal */ | |
.sheet-skill-order-group:checked ~ .sheet-skills-grid span.sheet-skills-row:nth-of-type(3) { order: 5;} /* crafting */ | |
.sheet-skill-order-group:checked ~ .sheet-skills-grid span.sheet-skills-row:nth-of-type(4) { order: 3;} /* endurance */ | |
.sheet-skill-order-group:checked ~ .sheet-skills-grid span.sheet-skills-row:nth-of-type(5) { order: 16;} /* healing */ | |
.sheet-skill-order-group:checked ~ .sheet-skills-grid span.sheet-skills-row:nth-of-type(6) { order: 13;} /* insight */ | |
.sheet-skill-order-group:checked ~ .sheet-skills-grid span.sheet-skills-row:nth-of-type(7) { order: 11;} /* lore */ | |
.sheet-skill-order-group:checked ~ .sheet-skills-grid span.sheet-skills-row:nth-of-type(8) { order: 14;} /* manipulation */ | |
.sheet-skill-order-group:checked ~ .sheet-skills-grid span.sheet-skills-row:nth-of-type(9) { order: 9;} /* marksmanship */ | |
.sheet-skill-order-group:checked ~ .sheet-skills-grid span.sheet-skills-row:nth-of-type(10) { order: 4;} /* melee */ | |
.sheet-skill-order-group:checked ~ .sheet-skills-grid span.sheet-skills-row:nth-of-type(11) { order: 2;} /* might */ | |
.sheet-skill-order-group:checked ~ .sheet-skills-grid span.sheet-skills-row:nth-of-type(12) { order: 8;} /* move */ | |
.sheet-skill-order-group:checked ~ .sheet-skills-grid span.sheet-skills-row:nth-of-type(13) { order: 15;} /* performance */ | |
.sheet-skill-order-group:checked ~ .sheet-skills-grid span.sheet-skills-row:nth-of-type(14) { order: 10;} /* scouting */ | |
.sheet-skill-order-group:checked ~ .sheet-skills-grid span.sheet-skills-row:nth-of-type(15) { order: 7;} /* sleight */ | |
.sheet-skill-order-group:checked ~ .sheet-skills-grid span.sheet-skills-row:nth-of-type(16) { order: 6;} /* stealth */ | |
.sheet-skill-order-group:checked ~ .sheet-skills-grid span.sheet-skills-row:nth-of-type(17) { order: 12;} /* survival */ | |
/* end list order */ | |
.sheet-skills-grid>span { | |
position: relative; | |
display: grid; | |
padding: 1px 0 1px 0; | |
grid-column-gap: 2px; | |
grid-row-gap: 0; | |
grid-template-columns: auto 2.5em 2.5em 2.5em 2.5em; | |
} | |
.sheet-skills-grid > span > div { | |
display: flex; | |
align-items: center; | |
justify-content: space-evenly; | |
padding: 0; | |
height: auto; | |
width: 103%; | |
} | |
.sheet-skills-grid button { | |
text-align: left; | |
padding-left: 1.5em; | |
} | |
input.sheet-monster_only:checked ~ div.sheet-character .sheet-skills-grid button { | |
padding-left: 2px; | |
} | |
.sheet-skills-box1 { | |
grid-column: 1/6; | |
grid-row-start: 1; | |
grid-template-columns: auto 2em 2em 2em 2em 2em; | |
background-color: #000; | |
} | |
.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; | |
} | |
.sheet-skills-row .sheet-skills-row2 { | |
grid-column: 1/6; | |
grid-row-start: 2; | |
grid-template-columns: 100%; | |
} | |
.sheet-skills-row2-header { | |
display: grid; | |
grid-template-columns: auto 2em 2em 2em 2em; | |
background-color: #000; | |
height: 1.1em; | |
} | |
.sheet-skills-row2-body { | |
display: grid; | |
grid-row-start: 2; | |
grid-template-columns: auto 2em 2em 2em 2em; | |
} | |
.sheet-skills-box6 { | |
grid-column-start: 1; | |
grid-row-start: 1; | |
padding: 0px 0 4px 0; | |
margin: -15px 0 0 0; | |
} | |
.sheet-skills-box7 { | |
grid-column-start: 2; | |
grid-row-start: 1; | |
} | |
.sheet-skills-box8 { | |
grid-column-start: 3; | |
grid-row-start: 1; | |
} | |
.sheet-skills-box9 { | |
grid-column-start: 4; | |
grid-row-start: 1; | |
} | |
.sheet-skills-box10 { | |
grid-column-start: 5; | |
grid-row-start: 1; | |
} | |
.sheet-skills-grid button { | |
text-align: left; | |
padding-left: 1.5em; | |
} | |
.sheet-skills-grid button { | |
text-align: left; | |
padding-left: 1.5em; | |
} | |
/* ---------------------------------- 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 3em 3em 3em 3em 1.5em 1.5em 1.5em 1.5em; | |
} | |
.sheet-armor-row2 { | |
display: grid; | |
padding-bottom: 2px; | |
grid-column-gap: 2px; | |
grid-row-gap: 2px; | |
grid-template-columns: 3em 3em 3em 3em 2em 2em 5em auto; | |
justify-items: center; | |
align-items: baseline; | |
} | |
.sheet-armor-subgrid { | |
display: grid; | |
align-items: center; | |
height: 3em; | |
grid-column-gap: 2px; | |
grid-template-columns: auto auto auto auto auto 1.5em 1.5em 1.5em 1.5em; | |
} | |
.sheet-armor-subgrid > span { | |
display: flex; | |
} | |
.sheet-armor-box { | |
grid-column: 1/10; | |
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; | |
justify-self: right; | |
} | |
.sheet-armor-box3 { | |
grid-column-start: 3; | |
grid-row-start: 1; | |
justify-self: left; | |
} | |
.sheet-armor-box3 span::before { | |
content: "/"; | |
padding: 0 2px 0 0; | |
} | |
span.sheet-armor-box3.sheet-header { | |
justify-self: normal; | |
} | |
.sheet-armor-box4 { | |
grid-column-start: 4; | |
grid-row-start: 1; | |
padding-bottom: 3px; | |
} | |
.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-start: 9; | |
grid-row-start: 1; | |
} | |
.sheet-armor-box10 { | |
grid-column: 1/10; | |
grid-row-start: 2; | |
position: relative; | |
} | |
.sheet-armor-box10-2 { | |
grid-column: 1/10; | |
grid-row-start: 3; | |
position: relative; | |
} | |
.sheet-armor-row2 { | |
grid-column: 1/10; | |
} | |
.sheet-armor-ar { | |
grid-column: 1/10; | |
} | |
/* ---------------------------------- Shield */ | |
.sheet-shield-grid { | |
display: grid; | |
grid-column-gap: 2px; | |
grid-row-gap: 2px; | |
grid-row-start: 2; | |
grid-template-columns: 3em 3em auto 3em 3em 3em 3em 3em 3em 1.5em 1.5em 1.5em 1.5em; | |
} | |
.sheet-shield-row2 { | |
grid-column: 1/14; | |
grid-row-start: 2; | |
padding-bottom: 2px; | |
grid-column-gap: 2px; | |
grid-row-gap: 2px; | |
grid-template-columns: 3em 3em 3em 3em 2em 2em 5em auto; | |
justify-items: center; | |
align-items: baseline; | |
} | |
.sheet-shield-box { | |
grid-column: 1/14; | |
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; | |
justify-self: right; | |
} | |
.sheet-shield-box7 { | |
grid-column-start: 7; | |
grid-row-start: 1; | |
justify-self: left; | |
} | |
.sheet-shield-box7 span::before { | |
content: "/"; | |
padding: 0 2px 0 0; | |
} | |
.sheet-shield-box8 { | |
grid-column-start: 8; | |
grid-row-start: 1; | |
padding-bottom: 3px; | |
} | |
.sheet-shield-box9 { | |
grid-column-start: 9; | |
grid-row-start: 1; | |
} | |
.sheet-shield-box10 { | |
grid-column-start: 10; | |
grid-row-start: 1; | |
} | |
.sheet-shield-box11 { | |
grid-column-start: 11; | |
grid-row-start: 1; | |
} | |
.sheet-shield-box12 { | |
grid-column-start: 12; | |
grid-row-start: 1; | |
} | |
.sheet-shield-box13 { | |
grid-column-start: 13; | |
grid-row-start: 1; | |
} | |
.sheet-shield-box14 { | |
grid-column: 1/14; | |
grid-row-start: 2; | |
position: relative; | |
} | |
/* ---------------------------------- Consumables */ | |
.sheet-consumables-grid { | |
display: grid; | |
grid-row-gap: 2px; | |
grid-template-columns: auto 3.75em 3em; | |
} | |
.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: auto 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: auto 8em; | |
} | |
.sheet-gear-box12 { | |
margin-top: 7px; | |
} | |
/* ---------------------------------- Mount */ | |
.sheet-mount-grid, | |
.sheet-mount_gear-box5, | |
.sheet-talents-grid .sheet-talents-box4, | |
.sheet-gear-box5 { | |
padding: 0; | |
margin: -2px -7px 0 -7px; | |
border: 10px solid #000; | |
border-top-width: 0; | |
border-image-source: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/FBL%20wide%20column%20border.png); | |
border-image-slice: 0 20 20 20; | |
border-image-width: 0 10px 10px 10px; | |
border-image-repeat: repeat; | |
background-color: inherit; | |
} | |
.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 .sheet-header { | |
margin: 0 -7px 0 -7px; | |
} | |
.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: 1/6; | |
grid-row-start: 2; | |
} | |
.sheet-mount-box3 { | |
grid-column-start: 2; | |
grid-row-start: 3; | |
} | |
.sheet-mount-box4 { | |
grid-column-start: 3; | |
grid-row-start: 3; | |
} | |
.sheet-mount-box5 { | |
grid-column-start: 4; | |
grid-row-start: 3; | |
} | |
.sheet-mount-box6 { | |
grid-column-start: 5; | |
grid-row-start: 3; | |
} | |
.sheet-mount-box7 { | |
grid-column: 1/6; | |
grid-row-start: 4; | |
} | |
/* ---------------------------------- 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: 2em 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: auto 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 0; | |
} | |
.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; | |
margin: 0 0 0 3px; | |
grid-row-gap: 4px; | |
grid-template-columns: 7em repeat(3, 1fr); | |
grid-template-rows: auto; | |
} | |
.sheet-coins-grid div[class$="-header"] { | |
margin: 0 -7px 0 -9px; | |
} | |
.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: -21px 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 { | |
border: none; | |
grid-column: 1/3; | |
grid-row-start: 1; | |
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/FBL%20top%20banner.png); | |
background-repeat: no-repeat; | |
background-size: 100% 110px; | |
background-position-y: top; | |
background-position-x: center; | |
display: flex; | |
justify-content: space-evenly; | |
justify-self: stretch; | |
} | |
.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; | |
grid-row-gap: 2px; | |
grid-template-columns: 1fr 1fr 1fr; | |
grid-template-rows: 2.75em 0.5em 2.75em 2em auto; | |
justify-content: space-around; | |
width: 87%; | |
} | |
.sheet-stronghold-details-grid > div { | |
display: flex; | |
align-items: center; | |
justify-content: space-around; | |
} | |
.sheet-stronghold-details-box1 { | |
grid-column: 1/4; | |
grid-row: 1; | |
background-color: inherit; | |
} | |
.sheet-stronghold-details-box1 h1 { | |
color: #000; | |
} | |
.sheet-stronghold-details-box2 { | |
grid-column-start: 1; | |
grid-row-start: 1; | |
} | |
.sheet-stronghold-details-grid .sheet-stronghold-details-box2 { | |
justify-content: flex-end; | |
margin-right: 18%; | |
} | |
.sheet-stronghold-details-box3 { | |
grid-column-start: 1; | |
grid-row-start: 2; | |
} | |
.sheet-stronghold-details-box4 { | |
grid-column-start: 2; | |
grid-row-start: 3; | |
margin: 3.5em 0 0 0; | |
} | |
.sheet-stronghold-details-box5 { | |
grid-column-start: 2; | |
grid-row-start: 2; | |
margin: 2.5em 0 0 0; | |
} | |
.sheet-stronghold-details-box6 { | |
grid-column-start: 3; | |
grid-row-start: 1; | |
} | |
.sheet-stronghold-details-grid .sheet-stronghold-details-box6 { | |
justify-content: flex-start; | |
margin-left: 15%; | |
} | |
.sheet-stronghold-details-box7 { | |
grid-column-start: 3; | |
grid-row-start: 2; | |
} | |
.sheet-stronghold-details-box8 { | |
grid-column: 1/4; | |
grid-row-start: 5; | |
padding: 10px; | |
margin: 0; | |
border: 10px solid #000; | |
border-top-width: 18px; | |
border-bottom-width: 18px; | |
border-image-source: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/FBL%20column%20box%20border.png); | |
border-image-slice: 25 25 35 25; | |
border-image-width: 15px 15px 15px 15px; | |
border-image-repeat: round; | |
background-color: inherit; | |
} | |
/* ---------------------------------- 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 */ | |
/* list ordering of stockpile by attribute group */ | |
.sheet-stronghold-stockpile-grid { | |
display: flex; | |
flex-direction: column; | |
} | |
.sheet-stockpile-order-group:checked ~ .sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(1) { order: 12;} /* iron ore */ | |
.sheet-stockpile-order-group:checked ~ .sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(2) { order: 6;} /* fur */ | |
.sheet-stockpile-order-group:checked ~ .sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(3) { order: 4;} /* flour */ | |
.sheet-stockpile-order-group:checked ~ .sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(4) { order: 11;} /* iron */ | |
.sheet-stockpile-order-group:checked ~ .sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(5) { order: 13;} /* leather */ | |
.sheet-stockpile-order-group:checked ~ .sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(6) { order: 9;} /* grain */ | |
.sheet-stockpile-order-group:checked ~ .sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(7) { order: 15;} /* silver */ | |
.sheet-stockpile-order-group:checked ~ .sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(8) { order: 2;} /* cloth */ | |
.sheet-stockpile-order-group:checked ~ .sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(9) { order: 14;} /* meat */ | |
.sheet-stockpile-order-group:checked ~ .sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(10) { order: 8;} /* gold */ | |
.sheet-stockpile-order-group:checked ~ .sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(11) { order: 21;} /* wool */ | |
.sheet-stockpile-order-group:checked ~ .sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(12) { order: 3;} /* fish */ | |
.sheet-stockpile-order-group:checked ~ .sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(13) { order: 16;} /* stone */ | |
.sheet-stockpile-order-group:checked ~ .sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(14) { order: 5;} /* food */ | |
.sheet-stockpile-order-group:checked ~ .sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(15) { order: 18;} /* vegetables */ | |
.sheet-stockpile-order-group:checked ~ .sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(16) { order: 7;} /* glass */ | |
.sheet-stockpile-order-group:checked ~ .sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(17) { order: 1;} /* bread */ | |
.sheet-stockpile-order-group:checked ~ .sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(18) { order: 17;} /* tallow */ | |
.sheet-stockpile-order-group:checked ~ .sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(19) { order: 20;} /* wood */ | |
.sheet-stockpile-order-group:checked ~ .sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(20) { order: 19;} /* water */ | |
.sheet-stockpile-order-group:checked ~ .sheet-stronghold-stockpile-grid span.sheet-stockpile-row:nth-of-type(21) { order: 10;} /* herbs */ | |
/* end list order */ | |
.sheet-stronghold-stockpile-grid { | |
display: grid; | |
grid-row-gap: 2px; | |
grid-template-columns: 1fr 1fr 1fr; | |
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-grid > .sheet-column-header > span { | |
width: 100%; | |
} | |
.sheet-stronghold-stockpile-grid > span > input { | |
max-width: 3em; | |
} | |
.sheet-stronghold-stockpile-grid > span > span.sheet-label { | |
width: 100%; | |
text-align: center; | |
} | |
.sheet-stronghold-stockpile-box1 { | |
grid-column: 1/4; | |
grid-row-start: 1; | |
} | |
.sheet-stronghold-stockpile-box2 { | |
grid-column-start: 1; | |
grid-row-start: 1; | |
width: 100%; | |
text-align: right; | |
} | |
.sheet-stronghold-stockpile-box3 { | |
grid-column-start: 2; | |
grid-row-start: 1; | |
width: 100%; | |
text-align: right; | |
} | |
.sheet-stronghold-stockpile-box4 { | |
grid-column-start: 3; | |
grid-row-start: 1; | |
width: 100%; | |
text-align: right; | |
} | |
/* ---------------------------------- 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; | |
} | |
span.sheet-artifact-die { | |
position: relative; | |
margin: 2% 3% 0 -20%; | |
} | |
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 { | |
border-width: 2px; | |
border-style: outset; | |
border-image: initial; | |
} | |
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: "IM Fell English", "Times New Roman", Times, 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(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/border_small_fixed.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: "IM Fell English", "Times New Roman", Times, serif; | |
font-size: 1em; | |
font-weight: bold; | |
display: flex; | |
justify-content: space-evenly; | |
justify-self: center; | |
width: 105%; | |
margin: 2px -9px 2px -9px; | |
padding: 0 5px 0 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 .sheet-template-grid-item.sheet-right { | |
justify-self: right; | |
} | |
.sheet-rolltemplate-forbiddenlands .sheet-template-grid-item.sheet-left { | |
justify-self: left; | |
} | |
.sheet-rolltemplate-forbiddenlands .sheet-template-grid-item.sheet-condensed { | |
line-height: 1.2em; | |
font-size: 0.95em; | |
} | |
.sheet-rolltemplate-forbiddenlands | |
.sheet-template-grid-item.sheet-template-span-six.sheet-template-header:empty { | |
display: none; | |
} | |
.sheet-rolltemplate-forbiddenlands div.sheet-template-subtitle { | |
font-family: "IM Fell English", "Times New Roman", Times, serif; | |
font-size: 1em; | |
font-weight: bold; | |
display: flex; | |
align-items: center; | |
justify-content: center; | |
margin: 0 -5px 0px -5px; | |
padding: 0 2px 0 2px; | |
} | |
.sheet-rolltemplate-forbiddenlands | |
.sheet-template-white-dice | |
~ .sheet-template-span-left, | |
.sheet-rolltemplate-forbiddenlands | |
.sheet-template-white-dice | |
~ .sheet-template-span-center, | |
.sheet-rolltemplate-forbiddenlands | |
.sheet-template-white-dice | |
~ .sheet-template-span-right, | |
.sheet-rolltemplate-forbiddenlands | |
.sheet-template-red-dice | |
~ .sheet-template-span-left, | |
.sheet-rolltemplate-forbiddenlands | |
.sheet-template-red-dice | |
~ .sheet-template-span-center, | |
.sheet-rolltemplate-forbiddenlands | |
.sheet-template-red-dice | |
~ .sheet-template-span-right, | |
.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: "IM Fell English", "Times New Roman", Times, serif; | |
font-size: 0.75em; | |
margin: 5px; | |
padding: 2px; | |
text-align: justify; | |
} | |
.sheet-rolltemplate-forbiddenlands div.sheet-free-text { | |
font-size: 1em; | |
line-height: inherit; | |
margin: -10px 5px 2px 5px; | |
padding: 0; | |
text-align: left; | |
} | |
.sheet-rolltemplate-forbiddenlands .sheet-template-grid .sheet-scroll-text { | |
font-size: 1em; | |
line-height: inherit; | |
overflow-y: auto; | |
min-height: 1.25em; | |
max-height: 6em; | |
margin: 0; | |
text-align: left; | |
} | |
.sheet-rolltemplate-forbiddenlands .sheet-template-grid { | |
font-family: "IM Fell English", "Times New Roman", Times, 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: 0 3px 0 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; | |
} | |
/* 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://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/dice_legendary_success_1.png); | |
background-repeat: no-repeat; | |
background-size: contain; | |
} | |
.sheet-rolltemplate-forbiddenlands .sheet-template-artifact-2 { | |
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/dice_legendary_success_2.png); | |
background-repeat: no-repeat; | |
background-size: contain; | |
} | |
.sheet-rolltemplate-forbiddenlands .sheet-template-artifact-3 { | |
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/dice_legendary_success_3.png); | |
background-repeat: no-repeat; | |
background-size: contain; | |
} | |
.sheet-rolltemplate-forbiddenlands .sheet-template-artifact-4 { | |
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/dice_legendary_success_4.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: "IM Fell English", "Times New Roman", Times, serif; | |
font-size: 2em; | |
line-height: 0; | |
display: inline-block; | |
margin: 8px 0 18px 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-grid-item span.inlinerollresult { | |
background-color: transparent; | |
border: none; | |
} | |
.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: "IM Fell English", "Times New Roman", Times, serif; | |
font-size: 2em; | |
line-height: 1em; | |
font-weight: normal; | |
padding: 0; | |
margin: -4px 0 0 0; | |
display: inline-block; | |
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; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment