@import url('https://fonts.googleapis.com/css?family=Viaoda+Libre|UnifrakturMaguntia&display=swap'); /* GLOBALS ============================= */ * { box-sizing: border-box; font-family: sans-serif; } button { text-overflow: ellipsis; font-family: 'Viaoda-Libre', serif; font-variant: small-caps; } button:before { display: none; } button:focus, button:hover, button:active { background: none; background-color: #226aae !important; color: #fff; } button[type="roll"], button[type="action"] { background-color: whitesmoke; border-bottom: 0.01em solid #666; border-bottom-right-radius: 0.01em; border-color: #b3b3b3; border-radius: 0.25em; border-right: 0.02em solid #333333; border-style: outset; margin: 0.2em !important; padding: 0.1em !important; } div { background-color: transparent; width: 100%; } fieldset { background-color: transparent; } h1 { color: #cc1122; text-transform: capitalize; font-family: 'UnifrakturMaguntia', serif; } h2 { font-size: 1em; line-height: 1.4em; text-transform: capitalize; } h2.sheet-label { border-bottom: 0.15em solid black; text-align: center; margin-left: 3%; } h3 { font-size: 1.25em; line-height: 36px; text-transform: capitalize; } input[type="text"], input[type="number"] { background-color: transparent; border-bottom: 0.15em solid black; border-left: 0em; border-radius: 0em; border-right: 0em; border-top: 0em; height: 2.1em; width: 100%; } input[type="text"]::placeholder, input[type="number"]::placeholder { background-color: #fefcea; border: 0.1em dotted #226aae; } input[type='number'] { text-align: center; width: 100% !important; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { margin: 0; } label { margin-bottom: 0px; padding-right: 0px; } select { margin-bottom: 0px; vertical-align: bottom; border: 2px solid #226aae; font-weight: bold; text-transform: capitalize; margin-top: 8%; width: 100%; } span { word-break: break-word; } textarea { text-align: left; border-bottom: 0.2em dotted #fefcea; font-size: 12px; font-weight: normal; min-height: 50px; line-height: 18px; overflow: hidden; overflow-wrap: break-word; padding: 2px; resize: vertical; vertical-align: top; overflow: scroll; } .charsheet { width: 825px; } .charsheet div.sheet-row { margin-bottom: 0px; } /* GRID ============================= */ div.sheet-grid { display: inline-grid; grid-column-gap: 1%; grid-row-gap: 0.5%; } div.sheet-tabs div.sheet-col, div.sheet-character div.sheet-row, div.sheet-character div.sheet-col, div.sheet-entourage div.sheet-col, div.sheet-entourage div.sheet-row, div.sheet-holdings div.sheet-row, div.sheet-holdings div.sheet-col, div.sheet-feast div.sheet-row, div.sheet-feast div.sheet-col { display: inline-grid; overflow: hidden; grid-auto-rows: min-content; grid-column-gap: 1%; } /* GENERIC CLASSES ============================= */ div.sheet-background { background-color: rgba(77, 77, 77, 0.0784314); } .sheet-border { border: 0.15em solid #4c4c4c; } .sheet-bottom-border { border-bottom: 0.2em solid black; } .sheet-pictos { font-family: "pictos"; } .sheet-d20 { font-family: "dicefontd20"; } .sheet-text-center { text-align: center; } .sheet-text-right { text-align: right; } .sheet-font-weight-bold { font-weight: bold; } .sheet-text-primary { color: #226aae; } .sheet-text-uppercase { text-transform: uppercase; } .sheet-text-capitalize { text-transform: capitalize; } div.sheet-2column { grid-template-columns: 1fr 1fr; } div.sheet-3column { grid-template-columns: 1fr 1fr 1fr; } div.sheet-4column { grid-template-columns: 1fr 1fr 1fr 1fr; } div.sheet-6column { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } div.sheet-2autocolumn { grid-template-columns: auto 1fr; } div.sheet-3autocolumn { grid-template-columns: auto 1fr 10%; } div.sheet-col-3 { grid-template-columns: 1fr 3.5em 10%; } div.sheet-gold-left-border { border-left: 0.2em solid #d6af5e; padding-left: 1%; } div.sheet-gold-bottom-border { border-bottom: 0.2em solid #d6af5e; padding-bottom: 2%; } div.sheet-header, .sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-header { margin-top: 2%; border-top: 2px solid #226aae; border-bottom: 2px solid #226aae; text-align: center; background: #fefcea; /* Old browsers */ background: -moz-linear-gradient(top, #fefcea 0%, #ede4b4 50%, #fefcea 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #fefcea 0%, #ede4b4 50%, #fefcea 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #fefcea 0%, #ede4b4 50%, #fefcea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#fefcea',GradientType=0 ); /* IE6-9 */ } span.sheet-display { border-bottom: 2px dotted black; padding-top: 3%; } div.sheet-repeating-container button { font-variant: none; } /* STYLED CHECKBOXES ============================= */ label.sheet-styled-checkbox input, label.sheet-styled-checkbox span { grid-area: 1 / 1 / 1 / 1; height: 15px; width: 15px; position: relative; left: 20%; } label.sheet-styled-checkbox span { border: 2px solid #226aae; display: inline-block; top: -20%; color: transparent; text-align: center; font-size: 1em; line-height: 90%; } label.sheet-styled-checkbox input { opacity: 0; top: 20%; z-index: 2; } label.sheet-styled-checkbox input[type="checkbox"]:checked + span { background-color: #226aae; color: #fff; } /* TAB ============================= */ div.sheet-tabs { grid-template-columns: 3fr 1fr; } div.sheet-tabs div.sheet-type { grid-template-columns: 1fr 1fr 1fr 1fr; } div.sheet-tabs input { grid-column: 1; height: auto; opacity: 0; width: 100%; } div.sheet-tabs input:checked ~ span { background-color: #d6af5e; } div.sheet-tabs span { border: 2px solid #226aae; text-transform: capitalize; display: inline-block; grid-column: 1; width: 80%; cursor: pointer; } /* PC ============================= */ div.sheet-character { grid-template-columns: 1.8fr 1fr 1fr; } div.sheet-character h2 { padding-top: 5%; text-overflow: ellipsis; width: fit-content; } div.sheet-character h2[data-i18n="Knight's Character Sheet"] { padding-top: 1%; } div.sheet-character div.sheet-personality-traits div.sheet-traits { grid-template-columns: 2% 5% 3fr 1fr 1% 1fr 3fr 5%; } div.sheet-character div.sheet-personality-traits div.sheet-traits div.sheet-font-weight-bold { padding: 100% 2%; } div.sheet-character div.sheet-personality-traits div.sheet-repeating-container div.sheet-row { grid-template-columns: auto 2fr 1fr 5% 10%; } div.sheet-character div.sheet-passions div.sheet-row { grid-template-columns: 1fr 45% 5%; } div.sheet-character div.sheet-passions div.sheet-repeating-container div.sheet-row { grid-template-columns: 1fr 20% 5% 10%; } div.sheet-character div.sheet-attitudes div.sheet-row { grid-template-columns: 1fr 45% 5%; } div.sheet-character div.sheet-attitudes div.sheet-repeating-container div.sheet-row { grid-template-columns: 1fr 20% 5% 10%; } div.sheet-character div.sheet-equipment-carried div.sheet-armor, div.sheet-character div.sheet-equipment-carried div.sheet-clothing { grid-template-columns: auto 1fr auto 3.5em; } div.sheet-character div.sheet-equipment-carried div.sheet-gear { grid-template-columns: 5% auto 1fr auto 3em; } div.sheet-character div.sheet-equipment-carried div.sheet-gear h2 { padding-top: 10%; margin-left: 2%; } div.sheet-character div.sheet-attributes div.sheet-size { grid-template-columns: auto 1fr auto; } div.sheet-character div.sheet-attributes div.sheet-constitution { grid-template-columns: auto 1fr 2fr auto; } div.sheet-character div.sheet-attributes div.sheet-damage { grid-template-columns: auto 1fr auto; } div.sheet-character div.sheet-distinctive-features textarea { height: 80px; } div.sheet-character div.sheet-distinctive-features div.sheet-repeating-container div.sheet-row { grid-template-columns: 1fr 5% 10%; } div.sheet-character div.sheet-skills div.sheet-read, div.sheet-character div.sheet-skills div.sheet-play, div.sheet-character div.sheet-skills div.sheet-religion { grid-template-columns: auto 2fr 1fr 10%; } div.sheet-character div.sheet-combat-skills div.sheet-repeating-container div.sheet-row, div.sheet-character div.sheet-skills div.sheet-repeating-container div.sheet-row, div.sheet-character div.sheet-squire div.sheet-repeating-container div.sheet-row { grid-template-columns: 3fr 1fr 10% 15%; } div.sheet-character div.sheet-knight-details textarea { min-height: 80px; height: 80px; } div.sheet-character div.sheet-current-hit-points textarea { height: 60%; } div.sheet-character div.sheet-current-hit-points input[name='attr_current_hit_points'] { border: 2px solid gold; min-height: 30px; } div.sheet-character div.sheet-current-hit-points div.sheet-chirurgery-needed { grid-template-columns: 10% 1fr; grid-column-gap: 2%; } div.sheet-character div.sheet-horse div.sheet-other-horse { grid-template-columns: auto 2fr auto 1fr; } div.sheet-character div.sheet-horse div.sheet-repeating-container div.sheet-row { grid-template-columns: 3fr auto 1fr; } /* ENTOURAGE ============================= */ div.sheet-entourage div.sheet-col-2 { grid-template-columns: 2fr 1fr; } div.sheet-entourage div.sheet-knight div.sheet-2column { grid-template-columns: 1.5fr 1fr; } div.sheet-entourage div.sheet-damage { grid-template-columns: auto 1fr 1.2em; } div.sheet-entourage .repitem { padding: 2% 1%; } div.sheet-entourage div.sheet-wife div.sheet-2column { grid-template-columns: 2fr 1fr; } /* HOLDINGS ============================= */ div.sheet-holdings { grid-template-columns: 1fr 55%; } div.sheet-holdings button[type='roll'] { text-transform: capitalize; } div.sheet-holdings h2 { padding-top: 5%; text-overflow: ellipsis; width: fit-content; } div.sheet-holdings div.sheet-annual-glory h2[data-i18n='total'] { font-style: italic; } div.sheet-holdings div.sheet-family-history textarea { margin-top: 1%; } div.sheet-holdings div.sheet-family-history div.sheet-col-4 { grid-template-columns: 1fr 1fr 1fr 1fr; } div.sheet-holdings div.sheet-family-history div.sheet-col-3 { grid-template-columns: 1fr 1fr 1fr; } div.sheet-holdings div.sheet-character-history div.sheet-gold-bottom-border { grid-template-columns: 3fr 1fr; } div.sheet-holdings div.sheet-character-history div.sheet-events { grid-template-columns: 5em 4fr 0.8fr 0.8fr; } /* GAMEMASTER FEAST RECORD ============================= */ div.sheet-feast { min-height: 800px; } div.sheet-feast div.sheet-record { grid-row-gap: 2%; } div.sheet-feast div.sheet-record div.sheet-sub-header, div.sheet-feast div.sheet-record div.sheet-repeating-container div.sheet-row { grid-template-columns: 1fr 5em 5em 60%; } div.sheet-feast div.sheet-record div.sheet-6column { grid-column-gap: 5%; } div.sheet-feast div.sheet-record div.sheet-6column h3 { font-size: 1em; } div.sheet-feast div.sheet-record div.sheet-sub-header div.sheet-table { grid-column: 1 / 4; } div.sheet-feast div.sheet-record div.sheet-sub-header:nth-of-type(even) { background-color: #fefcea; } div.sheet-feast div.sheet-characters div.sheet-sub-header, div.sheet-feast div.sheet-characters div.sheet-repeating-row { grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-row-gap: 5%; } div.sheet-feast div.sheet-characters div.sheet-bottom-border, div.sheet-feast div.sheet-characters div.sheet-3column, div.sheet-feast div.sheet-characters div.sheet-notes { margin-top: 2%; } div.sheet-feast div.sheet-characters div.sheet-sub-header { margin-top: 1%; } div.sheet-feast div.sheet-characters div.sheet-repeating-row { padding-bottom: 1%; } /* FOOTER ============================= */ div.sheet-footer { margin-top: 5%; font-style: italic; font-size: 0.8em; text-align: center; } /* SHOW & HIDE SHEETS ============================= */ input[name='attr_sheet_type']:not([value='character']) ~ div.sheet-character, input[name='attr_sheet_type']:not([value='holdings']) ~ div.sheet-holdings, input[name='attr_sheet_type']:not([value='feast']) ~ div.sheet-feast, input[name='attr_sheet_type']:not([value='npc']) ~ div.sheet-npc, input[name='attr_sheet_type']:not([value='entourage']) ~ div.sheet-entourage, input[name='attr_sheet_type']:not([value='feast']) ~ div.sheet-tabs select[name='attr_feast_type'], input[name='attr_sheet_type'][value='feast'] ~ div.sheet-tabs select[name='attr_character_type'], input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-character div.sheet-col div.sheet-row .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-character div.sheet-col div.sheet-personal-data div.sheet-row .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-character div.sheet-col div.sheet-personality-traits .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-character div.sheet-col div.sheet-personality-traits div.sheet-row .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-character div.sheet-col div.sheet-equipment-carried .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-character div.sheet-col div.sheet-skills .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-character div.sheet-col div.sheet-squire .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-character div.sheet-col .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-character div.sheet-col div.sheet-combat-skills .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-character div.sheet-col div.sheet-horse div.sheet-row .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-character div.sheet-col div.sheeet-family-history div.sheet-row, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-character div.sheet-col div.sheet-col .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-holdings div.sheet-col div.sheet-row .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-holdings div.sheet-col div.sheet-personal-data div.sheet-row .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-holdings div.sheet-col div.sheet-personality-traits .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-holdings div.sheet-col div.sheet-personality-traits div.sheet-row .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-holdings div.sheet-col div.sheet-equipment-carried .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-holdings div.sheet-col div.sheet-skills .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-holdings div.sheet-col div.sheet-squire .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-holdings div.sheet-col .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-holdings div.sheet-col div.sheet-combat-skills .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-holdings div.sheet-col div.sheet-horse div.sheet-row .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-holdings div.sheet-col div.sheeet-family-history div.sheet-row, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-holdings div.sheet-col div.sheet-col .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-entourage div.sheet-row div.sheet-row .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-entourage div.sheet-row div.sheet-personal-data div.sheet-row .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-entourage div.sheet-row div.sheet-personality-traits .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-entourage div.sheet-row div.sheet-personality-traits div.sheet-row .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-entourage div.sheet-row div.sheet-equipment-carried .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-entourage div.sheet-row div.sheet-skills .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-entourage div.sheet-row div.sheet-squire .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-entourage div.sheet-row .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-entourage div.sheet-row div.sheet-combat-skills .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-entourage div.sheet-row div.sheet-horse div.sheet-row .sheet-knight, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-entourage div.sheet-row div.sheeet-family-history div.sheet-row, input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-entourage div.sheet-row div.sheet-col .sheet-knight, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-character div.sheet-col div.sheet-row .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-character div.sheet-col div.sheet-personal-data div.sheet-row .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-character div.sheet-col div.sheet-personality-traits .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-character div.sheet-col div.sheet-personality-traits div.sheet-row .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-character div.sheet-col div.sheet-equipment-carried .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-character div.sheet-col div.sheet-skills .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-character div.sheet-col div.sheet-squire .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-character div.sheet-col .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-character div.sheet-col div.sheet-combat-skills .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-character div.sheet-col div.sheet-horse div.sheet-row .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-character div.sheet-col div.sheeet-family-history div.sheet-row, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-character div.sheet-col div.sheet-col .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-holdings div.sheet-col div.sheet-row .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-holdings div.sheet-col div.sheet-personal-data div.sheet-row .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-holdings div.sheet-col div.sheet-personality-traits .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-holdings div.sheet-col div.sheet-personality-traits div.sheet-row .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-holdings div.sheet-col div.sheet-equipment-carried .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-holdings div.sheet-col div.sheet-skills .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-holdings div.sheet-col div.sheet-squire .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-holdings div.sheet-col .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-holdings div.sheet-col div.sheet-combat-skills .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-holdings div.sheet-col div.sheet-horse div.sheet-row .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-holdings div.sheet-col div.sheeet-family-history div.sheet-row, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-holdings div.sheet-col div.sheet-col .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-entourage div.sheet-row div.sheet-row .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-entourage div.sheet-row div.sheet-personal-data div.sheet-row .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-entourage div.sheet-row div.sheet-personality-traits .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-entourage div.sheet-row div.sheet-personality-traits div.sheet-row .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-entourage div.sheet-row div.sheet-equipment-carried .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-entourage div.sheet-row div.sheet-skills .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-entourage div.sheet-row div.sheet-squire .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-entourage div.sheet-row .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-entourage div.sheet-row div.sheet-combat-skills .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-entourage div.sheet-row div.sheet-horse div.sheet-row .sheet-woman, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-entourage div.sheet-row div.sheeet-family-history div.sheet-row, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-entourage div.sheet-row div.sheet-col .sheet-woman, input[name='attr_feast_type']:not([value="record"]) ~ div.sheet-feast div.sheet-record, input[name='attr_feast_type']:not([value="characters"]) ~ div.sheet-feast div.sheet-characters { display: none; } div.sheet-character, div.sheet-holdings, div.sheet-feast, div.sheet-npc, div.sheet-entourage { display: inline-grid; } /* SWITCH ============================= */ .sheet-switch { position: relative; display: inline-block; width: 50px; height: 24px; /* Hide default HTML checkbox */ } .sheet-switch input { opacity: 0; width: 0; height: 0; } /* The slider */ .sheet-slider { -webkit-transition: .4s; background-color: #ccc; border-radius: 34px; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; transition: .4s; } .sheet-slider:before { -webkit-transition: .4s; background-color: white; border-radius: 50%; bottom: 4px; content: ""; height: 16px; left: 4px; position: absolute; transition: .4s; width: 16px; } input:checked + .sheet-slider { background-color: black; } input:checked + .sheet-slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } input:focus + .sheet-slider { box-shadow: 0 0 1px black; } /* ROLL TEMPLATE STYLE ----------------------------- */ .sheet-rolltemplate-rolls div.sheet-template-container { border: 2px solid black; border-radius: 0.3em; box-shadow: inset 0px 0px 3px 1px #226aae; text-align: center; font-family: 'fantasy'; /* DICE ROLL STYLES ----------------------------- */ } .sheet-rolltemplate-rolls div.sheet-template-container .inlinerollresult.fullfail, .sheet-rolltemplate-rolls div.sheet-template-container .inlinerollresult.fullcrit, .sheet-rolltemplate-rolls div.sheet-template-container .inlinerollresult.importantroll { border: none; } .sheet-rolltemplate-rolls div.sheet-template-container .inlinerollresult.fullfail, .sheet-rolltemplate-rolls div.sheet-template-container .inlinerollresult.fullcrit { color: #226aae; } .sheet-rolltemplate-rolls div.sheet-template-container .inlinerollresult { background-color: transparent; border: none; font-size: 2em; padding: unset; } .sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-header { color: #226aae; font-size: 1.5em; border-bottom: 2px solid black; padding: 3% 2%; text-transform: capitalize; margin-top: 0px; } .sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body { background-color: whitesmoke; } .sheet-rolltemplate-darkmode.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body { color: whitesmoke; background-color: #000; } .sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-row:nth-child(2n+0) { background-color: #fefcea; } .sheet-rolltemplate-darkmode.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-row:nth-child(2n+0) { color: #fefcea; background-color: #000; } .sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-inlinerollresult { color: #226aae; font-size: 2em; font-weight: bold; cursor: help; padding: 0 3px 0 3px; font-weight: bold; } .sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-percent, .sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-template-desc { color: #226aae; font-size: 1em; } .sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-damage { background-color: #fff; padding: 3% 2%; } .sheet-rolltemplate-darkmode.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-damage { color: #fff; background-color: #000; } .sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-roll { display: inline-grid; grid-template-columns: 1fr 1fr; width: 100%; } .sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-roll div.sheet-template-col { padding: 5%; } .sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-roll div.sheet-template-col:nth-of-type(2) { border-left: 2px solid black; } .sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-roll div.sheet-template-col span { display: block; } .sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-roll div.sheet-template-col span:last-child { margin-top: 5%; } /* REPEATING SECTIONS ----------------------------- */ .itemcontrol .repcontrol_del { background-color: darkred; font-family: "pictos"; } .repitem:nth-of-type(even) { background-color: rgba(77, 77, 77, 0.0784314); }