/* Mixins ============================= */ /* GLOBALS ============================= */ @import url("https://fonts.googleapis.com/css?family=El+Messiri:wght@500&display=swap"); * { box-sizing: border-box; font-family: sans-serif; } button { text-overflow: ellipsis; font-family: 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; box-shadow: 2px 2px 3px 1px #4c4c4c; } div { background-color: transparent; width: 100%; } fieldset { background-color: transparent; } h1 { color: #226aae; text-transform: capitalize; font-family: "El Messiri", sans-serif; padding: 1% 2%; font-size: 1.9em; } h2 { font-size: 1em; line-height: 1.4em; text-transform: capitalize; display: flex; align-items: center; } h2.sheet-label { border-bottom: 0.15em solid black; text-align: center; margin-left: 3%; } h3 { font-size: 0.9em; line-height: 18px; 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; vertical-align: middle; } select { margin-bottom: 0px; vertical-align: bottom; border: 2px solid #226aae; font-weight: bold; text-transform: capitalize; 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: 1%; } div.sheet-tabs div.sheet-col, div.sheet-npc div.sheet-row, 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-record div.sheet-row, div.sheet-feast-record div.sheet-col, div.sheet-gamemaster-characters div.sheet-row, div.sheet-gamemaster-characters 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-flex-center { display: flex; align-items: center; justify-content: center; } .sheet-font-weight-bold { font-weight: bold; } .sheet-font-italic { font-style: italic; } .sheet-text-primary { color: #226aae; } .sheet-text-uppercase { text-transform: uppercase; } .sheet-text-lowercase { text-transform: lowercase; } .sheet-text-capitalize { text-transform: capitalize; } div.sheet-2column { grid-template-columns: repeat(2, 1fr); } div.sheet-3column { grid-template-columns: repeat(3, 1fr); } div.sheet-4column { grid-template-columns: repeat(4, 1fr); } div.sheet-5column { grid-template-columns: repeat(5, 1fr); } div.sheet-6column { grid-template-columns: repeat(6, 1fr); } div.sheet-2autocolumn { grid-template-columns: auto 1fr; } div.sheet-3autocolumn { grid-template-columns: auto 1fr 10%; } div.sheet-4autocolumn { grid-template-columns: auto 1fr auto 1fr; } div.sheet-col-3 { grid-template-columns: 1fr 3.5em 10%; } div.sheet-gold-left-border { border-left: 0.2em solid #ffd7001f; padding-left: 1%; } div.sheet-gold-bottom-border { border-bottom: 0.2em solid #ffd7001f; padding-bottom: 2%; } div.sheet-header { margin-top: 2%; border-top: 2px solid #226aae; border-bottom: 2px solid #226aae; text-align: center; background-color: #ffd70066; background-image: url("https://www.transparenttextures.com/patterns/arches.png"); } span.sheet-display { border-bottom: 2px dotted black; padding-top: 3%; } div.sheet-repeating-container button { font-variant: none; } .sheet-mt { margin-top: 2%; } /* STYLED CHECKBOXES ============================= */ label.sheet-styled-checkbox { display: grid; align-self: center; justify-content: center; grid-template-columns: 1fr; } label.sheet-styled-checkbox input, label.sheet-styled-checkbox span { grid-area: 1 / 1 / 1 / 1; height: 15px; width: 15px; position: relative; } label.sheet-styled-checkbox span { align-content: center; border: 2px solid #226aae; color: transparent; display: grid; font-size: 1em; text-align: center; } label.sheet-styled-checkbox input { opacity: 0; z-index: 2; } label.sheet-styled-checkbox input[type="checkbox"]:checked + span { background-color: #226aae; color: #fff; } /* TABS ============================= */ div.sheet-tabs { margin-bottom: 2%; grid-template-columns: 1fr 10%; } div.sheet-tabs div.sheet-type, div.sheet-tabs div.sheet-settings { padding: 2% 1%; } div.sheet-tabs div.sheet-type { grid-template-columns: repeat(4, 1fr); } div.sheet-tabs label { display: grid; } div.sheet-tabs input { grid-column: 1; height: auto; opacity: 0; height: 100%; width: 80%; } div.sheet-tabs input:hover ~ span { transform: scale(1.1); } div.sheet-tabs input:active ~ span { margin-top: 2px; margin-bottom: -2px; } div.sheet-tabs input:checked ~ span { background-color: #226aae; color: whitesmoke; } div.sheet-tabs span { border: 2px solid #226aae; display: inline-block; grid-column: 1; min-height: 20px; width: 80%; padding-top: 1.5%; cursor: pointer; box-shadow: 2px 2px 3px 1px #4c4c4c; border-radius: 5px; } div.sheet-tabs div.sheet-settings { justify-self: end; align-self: center; } div.sheet-tabs div.sheet-settings label { max-width: 80px; justify-self: end; } div.sheet-tabs div.sheet-settings span { margin: 2%; } input[name='attr_settings_toggle'][value='settings'] ~ div.sheet-tabs div.sheet-type { cursor: not-allowed; } input[name='attr_settings_toggle'][value='settings'] ~ div.sheet-tabs div.sheet-type label > span { cursor: not-allowed; opacity: 0.4; } /* NPC ============================= */ input[name='attr_sheet_type'][value='npc'] ~ div.sheet-tabs { margin-bottom: -3%; width: 85%; } div.sheet-npc { width: 600px; } div.sheet-npc input[name="attr_character_name"] { font-size: 1.2em; font-weight: bolder; color: #226aae; } div.sheet-npc div.sheet-name { grid-template-columns: 1fr auto 3.5em; margin-bottom: 2%; } div.sheet-npc div.sheet-stats { margin-left: 5%; } div.sheet-npc div.sheet-stats div.sheet-move { grid-template-columns: auto 2.5em 1fr; } div.sheet-npc div.sheet-stats div.sheet-damage { align-items: end; grid-template-columns: 1fr 2.5em 12%; } div.sheet-npc div.sheet-skills { margin-top: 2%; margin-bottom: 2%; } div.sheet-npc div.sheet-skills div.sheet-repeating-container div.sheet-row { grid-template-columns: 30% 4em 1fr 8%; } div.sheet-npc div.sheet-abilities input[type='text'] { font-style: italic; } /* PC ============================= */ div.sheet-character { grid-template-columns: 1.65fr 1fr 1fr; } div.sheet-character h2 { 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 { display: grid; grid-row-gap: 5px; } 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 { display: grid; grid-row-gap: 5px; } 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-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 2.5em; } div.sheet-character div.sheet-equipment-carried div.sheet-gear h2 { padding-top: 10%; margin-left: 2%; } div.sheet-character div.sheet-attributes { display: grid; grid-row-gap: 5px; } 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-character div.sheet-skills, div.sheet-character div.sheet-squire { display: grid; grid-row-gap: 5px; } 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 span.sheet-knight { display: grid; align-content: center; } 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 input[type="text"][name*="value"], div.sheet-entourage input[type="text"][name*="mod"], div.sheet-entourage input[type="text"][name*="age"], div.sheet-entourage input[type="text"][name*="loyalty"], div.sheet-entourage input[type="text"][name*="skill"], div.sheet-entourage input[type="text"][name*="glory"], div.sheet-entourage input[type="text"][name*="cost"], div.sheet-entourage input[type="text"][name*="love"], div.sheet-entourage input[type="text"][name*="children"] { text-align: center; } 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; } div.sheet-entourage div.sheet-mesnie-weapon { grid-template-columns: auto 2fr auto 8% auto 8% auto; } div.sheet-entourage div.sheet-mesnie-weapon span { align-self: end; } /* HOLDINGS ============================= */ div.sheet-holdings { grid-template-columns: 1fr 55%; } div.sheet-holdings button[type='roll'] { text-transform: capitalize; } div.sheet-holdings h2 { 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: repeat(4, 1fr); } div.sheet-holdings div.sheet-family-history div.sheet-col-3 { grid-template-columns: repeat(3, 1fr); } div.sheet-holdings div.sheet-character-history div.sheet-gold-bottom-border { grid-template-columns: 3fr 1fr; text-align: left; } div.sheet-holdings div.sheet-character-history div.sheet-events { grid-template-columns: 5em 4fr 0.8fr 0.8fr; } div.sheet-holdings div.sheet-character-history input[name*='glory'] { text-align: center; } /* GAMEMASTER FEAST RECORD ============================= */ div.sheet-feast-record, div.sheet-gamemaster-characters { min-height: 800px; } div.sheet-feast-record { grid-row-gap: 0; } div.sheet-feast-record div.sheet-sub-header, div.sheet-feast-record div.sheet-repeating-container div.sheet-row { grid-template-columns: 1fr 5em 5em 60%; grid-row-gap: 2%; } div.sheet-feast-record div.sheet-6column { grid-column-gap: 5%; } div.sheet-feast-record div.sheet-6column h3 { font-size: 1em; } div.sheet-feast-record div.sheet-sub-header div.sheet-table { grid-column: 1 / 4; } div.sheet-feast-record div.sheet-sub-header:nth-of-type(even) { background-color: #fefcea; } div.sheet-gamemaster-characters div.sheet-sub-header, div.sheet-gamemaster-characters div.sheet-repeating-row { grid-template-columns: 2fr repeat(8, 1fr); grid-row-gap: 5%; } div.sheet-gamemaster-characters div.sheet-bottom-border, div.sheet-gamemaster-characters div.sheet-3column, div.sheet-gamemaster-characters div.sheet-notes { margin-top: 2%; } div.sheet-gamemaster-characters div.sheet-sub-header { margin-top: 1%; } div.sheet-gamemaster-characters div.sheet-repeating-row { padding-bottom: 1%; } /* MANORS ============================= */ div.sheet-treasure-record .repitem, div.sheet-income-worksheet .repitem, div.sheet-land-record .repitem { margin-bottom: 2%; } div.sheet-treasure-record h2, div.sheet-income-worksheet h2, div.sheet-land-record h2 { justify-content: center; } div.sheet-treasure-record input[type="text"], div.sheet-income-worksheet input[type="text"], div.sheet-land-record input[type="text"] { text-align: center; } div.sheet-treasure-record div.sheet-total, div.sheet-income-worksheet div.sheet-total, div.sheet-land-record div.sheet-total { background-color: rgba(77, 77, 77, 0.0784314); min-height: 25px; width: 100%; } div.sheet-treasure-record div.sheet-border, div.sheet-income-worksheet div.sheet-border, div.sheet-land-record div.sheet-border { padding: 8px 5px; } div.sheet-treasure-record div.sheet-sub-header, div.sheet-treasure-record div.sheet-repeating-container div.sheet-grid { grid-template-columns: 5em 10em 1fr 10em 5em; grid-row-gap: 2%; } div.sheet-income-worksheet div.sheet-sub-header, div.sheet-income-worksheet div.sheet-repeating-container div.sheet-grid-rows { grid-template-columns: 5em 3fr 4fr 2fr 3fr; grid-row-gap: 2%; } div.sheet-income-worksheet div.sheet-sub-header button[type="roll"], div.sheet-income-worksheet div.sheet-repeating-container div.sheet-grid-rows button[type="roll"] { font-size: 1em; font-weight: bold; margin-top: -8px !important; } div.sheet-income-worksheet div.sheet-group { border-left: 2px solid black; padding: 0px 5px; } div.sheet-income-worksheet div.sheet-landholding { margin-top: 5%; } div.sheet-income-worksheet div.sheet-expenses { grid-template-columns: repeat(5, 1fr 1em); } div.sheet-land-record { grid-template-columns: 70% 30%; } div.sheet-land-record div.sheet-headers { grid-template-columns: 2fr 3fr; } div.sheet-land-record div.sheet-repeating-container div.sheet-first-row { grid-template-columns: auto 2.5em auto 1fr auto 2.5em auto 2.5em; } div.sheet-land-record div.sheet-retinue { min-height: 180px; } div.sheet-land-record div.sheet-retinue div.sheet-grid { grid-template-columns: 1fr repeat(3, 2.5em); } /* SETTINGS ============================= */ div.sheet-settings h1 { padding: 0px; } div.sheet-settings select { width: 200px; } /* FOOTER ============================= */ div.sheet-footer { margin-top: 5%; font-style: italic; font-size: 0.8em; text-align: center; display: block; } div.sheet-footer img { margin-right: 5px; height: 25px; width: 25px; } /* SHOW & HIDE SHEETS ============================= */ input[name="attr_sheet_type"]:not([value="character"]) ~ div.sheet-character, input[name="attr_settings_toggle"][value="settings"] ~ div.sheet-character, input[name="attr_sheet_type"]:not([value="holdings"]) ~ div.sheet-holdings, input[name="attr_settings_toggle"][value="settings"] ~ div.sheet-holdings, input[name="attr_sheet_type"]:not([value="feast record"]) ~ div.sheet-feast-record, input[name="attr_settings_toggle"][value="settings"] ~ div.sheet-feast-record, input[name="attr_sheet_type"]:not([value="gamemaster characters"]) ~ div.sheet-gamemaster-characters, input[name="attr_settings_toggle"][value="settings"] ~ div.sheet-gamemaster-characters, input[name="attr_sheet_type"]:not([value="npc"]) ~ div.sheet-npc, input[name="attr_settings_toggle"][value="settings"] ~ div.sheet-npc, input[name="attr_sheet_type"]:not([value="entourage"]) ~ div.sheet-entourage, input[name="attr_settings_toggle"][value="settings"] ~ div.sheet-entourage, input[name="attr_sheet_type"]:not([value="treasure record"]) ~ div.sheet-treasure-record, input[name="attr_settings_toggle"][value="settings"] ~ div.sheet-treasure-record, input[name="attr_sheet_type"]:not([value="income worksheet"]) ~ div.sheet-income-worksheet, input[name="attr_settings_toggle"][value="settings"] ~ div.sheet-income-worksheet, input[name="attr_sheet_type"]:not([value="land record"]) ~ div.sheet-land-record, input[name="attr_settings_toggle"][value="settings"] ~ div.sheet-land-record, input[name='attr_sheet_type'][value='character'] ~ div.sheet-tabs div.sheet-type label.sheet-feast, input[name='attr_sheet_type'][value='character'] ~ div.sheet-tabs div.sheet-type label.sheet-manor, input[name='attr_sheet_type'][value='holdings'] ~ div.sheet-tabs div.sheet-type label.sheet-feast, input[name='attr_sheet_type'][value='holdings'] ~ div.sheet-tabs div.sheet-type label.sheet-manor, input[name='attr_sheet_type'][value='entourage'] ~ div.sheet-tabs div.sheet-type label.sheet-feast, input[name='attr_sheet_type'][value='entourage'] ~ div.sheet-tabs div.sheet-type label.sheet-manor, input[name='attr_sheet_type'][value='feast record'] ~ div.sheet-tabs div.sheet-type label.sheet-character, input[name='attr_sheet_type'][value='feast record'] ~ div.sheet-tabs div.sheet-type label.sheet-manor, input[name='attr_sheet_type'][value='gamemaster characters'] ~ div.sheet-tabs div.sheet-type label.sheet-character, input[name='attr_sheet_type'][value='gamemaster characters'] ~ div.sheet-tabs div.sheet-type label.sheet-manor, input[name='attr_sheet_type'][value='treasure record'] ~ div.sheet-tabs div.sheet-type label.sheet-character, input[name='attr_sheet_type'][value='treasure record'] ~ div.sheet-tabs div.sheet-type label.sheet-feast, input[name='attr_sheet_type'][value='income worksheet'] ~ div.sheet-tabs div.sheet-type label.sheet-character, input[name='attr_sheet_type'][value='income worksheet'] ~ div.sheet-tabs div.sheet-type label.sheet-feast, input[name='attr_sheet_type'][value='land record'] ~ div.sheet-tabs div.sheet-type label.sheet-character, input[name='attr_sheet_type'][value='land record'] ~ div.sheet-tabs div.sheet-type label.sheet-feast, 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_settings_toggle"]:not([value="settings"]) ~ div.sheet-settings { display: none; } div.sheet-character, div.sheet-holdings, div.sheet-feast-record, div.sheet-gamemaster-characters, div.sheet-npc, div.sheet-entourage, div.sheet-treasure-record, div.sheet-income-worksheet, div.sheet-land-record, div.sheet-settings { display: inline-grid; } input[name="attr_sheet_type"][value="character"] ~ div.sheet-tabs div.sheet-type { grid-template-columns: repeat(4, 1fr); } input[name="attr_sheet_type"][value="holdings"] ~ div.sheet-tabs div.sheet-type { grid-template-columns: repeat(4, 1fr); } input[name="attr_sheet_type"][value="entourage"] ~ div.sheet-tabs div.sheet-type { grid-template-columns: repeat(4, 1fr); } input[name="attr_sheet_type"][value="feast record"] ~ div.sheet-tabs div.sheet-type { grid-template-columns: repeat(3, 1fr); } input[name="attr_sheet_type"][value="gamemaster characters"] ~ div.sheet-tabs div.sheet-type { grid-template-columns: repeat(3, 1fr); } input[name="attr_sheet_type"][value="treasure record"] ~ div.sheet-tabs div.sheet-type { grid-template-columns: repeat(3, 1fr); } input[name="attr_sheet_type"][value="income worksheet"] ~ div.sheet-tabs div.sheet-type { grid-template-columns: repeat(3, 1fr); } input[name="attr_sheet_type"][value="land record"] ~ div.sheet-tabs div.sheet-type { grid-template-columns: repeat(3, 1fr); } input[name="attr_sheet_type"][value="npc"] ~ div.sheet-tabs div.sheet-type { visibility: hidden; } /* 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:focus + .sheet-slider { box-shadow: 0 0 1px black; } input:checked + .sheet-slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } /* 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 { background-color: #ffd70066; background-image: url("https://www.transparenttextures.com/patterns/arches.png"); border-bottom: 2px solid black; color: #226aae; font-size: 1.5em; font-weight: bold; padding: 3% 2%; text-align: center; text-transform: capitalize; } .sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-row { background-color: whitesmoke; } .sheet-rolltemplate-rolls div.sheet-template-container 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-row span.sheet-percent, .sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-row span.sheet-template-desc { color: #226aae; font-size: 1em; } .sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-damage { background-color: #fff; padding: 3% 2%; } .sheet-rolltemplate-rolls div.sheet-template-container div.sheet-result-row { grid-column: 1 / 3; } .sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-roll { display: inline-grid; grid-template-columns: 1fr 1fr; width: 100%; } .sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-roll div.sheet-template-col { padding: 5%; } .sheet-rolltemplate-rolls div.sheet-template-container 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-roll div.sheet-template-col span { display: block; } .sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-roll div.sheet-template-col span:last-child { margin-top: 5%; } .sheet-rolltemplate-rolls div.sheet-rollResult { padding: 5px; text-align: center; font-size: large; border-top: 2px solid black; } .sheet-rolltemplate-rolls div.sheet-season { padding-top: 2%; } .sheet-rolltemplate-rolls span[data-i18n="rolled"], .sheet-rolltemplate-rolls span[data-i18n="threshold"], .sheet-rolltemplate-rolls span[data-i18n="spring"], .sheet-rolltemplate-rolls span[data-i18n="summer"], .sheet-rolltemplate-rolls span[data-i18n="autum"], .sheet-rolltemplate-rolls span[data-i18n="autumn"], .sheet-rolltemplate-rolls span[data-i18n="luck"] { text-transform: capitalize; } /* REPEATING SECTIONS ----------------------------- */ div.sheet-repeating-container { margin-top: 2%; } .itemcontrol .repcontrol_del { background-color: darkred; font-family: "pictos"; } .repitem:nth-of-type(even) { background-color: rgba(77, 77, 77, 0.0784314); }