/* Helpers */ .sheet-4colrow { display: block; clear: both; } .sheet-4colrow .sheet-col { width: calc(25% - 26px); margin-right: 30px; } /* Fields */ .sheet-skill_field{ width:35px !important; } .sheet-additional_skill_field{ width:70% !important; } /* Styles */ .sheet-section { /* Fields */ /* Sections */ } .sheet-section input, .sheet-section select { max-width: 100%; width: auto; } .sheet-section textarea { max-height: 75px; } .sheet-section img { height: auto; max-width: 100%; } .sheet-section table { width: 100%; } .sheet-section table tr th, .sheet-section table tr td { padding-top: 5px; padding-bottom: 5px; } .sheet-section table tr th:nth-child(1), .sheet-section table tr td:nth-child(1) { width: 52%; } .sheet-section table tr th:nth-child(2), .sheet-section table tr td:nth-child(2) { width: 48%; } .sheet-section table tr th input[type="text"], .sheet-section table tr td input[type="text"] { width: 100%; } .sheet-section .sheet-note { color: #999999; font-size: 11px; line-height: 125%; display: block; } .sheet-section.sheet-section-general .sheet-logo { height: 48px; line-height: 48px; text-align: center; } .sheet-section.sheet-section-general .sheet-logo img { max-width: 100%; height: 38px; } .sheet-section.sheet-section-general .sheet-wheel { height: 120px; line-height: 120px; text-align: center; } .sheet-section.sheet-section-general .sheet-wheel img { max-width: 100%; height: 120px; } .sheet-section.sheet-section-general .sheet-callout { background: #EFEFEF; padding-left: 10px; padding-right: 10px; font-size: 9px; } .sheet-section.sheet-section-general .sheet-callout label { margin-bottom: 2px; } .sheet-section.sheet-section-general .sheet-conditions { background: #EFEFEF; } .sheet-section.sheet-section-general .sheet-conditions .sheet-field { overflow: hidden; } .sheet-section.sheet-section-general .sheet-conditions h4 { color: #FFFFFF; right: -10px; left: -10px; background: #666666; display: block; height: 20px; position: relative; text-align: center; line-height: 20px; margin-bottom: 5px; width: calc(100% + 20px); } .sheet-section.sheet-section-general .sheet-conditions table tr th, .sheet-section.sheet-section-general .sheet-conditions table tr td { vertical-align: top; } .sheet-section.sheet-section-general .sheet-conditions input[type="checkbox"] { float: left; margin-right: 5px; } .sheet-section.sheet-section-traits table tr th, .sheet-section.sheet-section-traits table tr td { text-align: left; vertical-align: top; } .sheet-section.sheet-section-traits table tr th:nth-child(1), .sheet-section.sheet-section-traits table tr td:nth-child(1) { width: 45%; } .sheet-section.sheet-section-traits table tr th:nth-child(2), .sheet-section.sheet-section-traits table tr th:nth-child(3), .sheet-section.sheet-section-traits table tr th:nth-child(4), .sheet-section.sheet-section-traits table tr td:nth-child(2), .sheet-section.sheet-section-traits table tr td:nth-child(3), .sheet-section.sheet-section-traits table tr td:nth-child(4) { padding-left: 10px; padding-right: 10px; width: 20%; } .sheet-section.sheet-section-traits table tr th:nth-child(3), .sheet-section.sheet-section-traits table tr td:nth-child(3) { width: 15%; } .sheet-section.sheet-section-traits table tr th:nth-child(4), .sheet-section.sheet-section-traits table tr td:nth-child(4) { width: 20%; } .sheet-section.sheet-section-traits table tr th select, .sheet-section.sheet-section-traits table tr td select { width: 100%; } .sheet-section.sheet-section-traits table tr th { font-family: Georgia, Times, "Times New Roman", serif; font-size: 10px; text-align: left; text-transform: uppercase; } .sheet-section.sheet-section-traits table tr th:nth-child(3), .sheet-section.sheet-section-traits table tr th:nth-child(4) { text-align: center; } .sheet-section.sheet-section-traits table tr td { text-align: center; } .sheet-section.sheet-section-abilities table tr th, .sheet-section.sheet-section-abilities table tr td { text-align: left; vertical-align: top; } .sheet-section.sheet-section-abilities table tr th:nth-child(1), .sheet-section.sheet-section-abilities table tr td:nth-child(1) { padding-right: 10px; width: 35%; } .sheet-section.sheet-section-abilities table tr th:nth-child(2), .sheet-section.sheet-section-abilities table tr td:nth-child(2) { width: 30%; } .sheet-section.sheet-section-abilities table tr th:nth-child(3), .sheet-section.sheet-section-abilities table tr td:nth-child(3) { width: 35%; } .sheet-section.sheet-section-abilities table thead tr th { font-family: Georgia, Times, "Times New Roman", serif; font-size: 10px; text-transform: uppercase; } .sheet-section.sheet-section-nature table tr th, .sheet-section.sheet-section-nature table tr td { font-size: 11px; text-align: left; } .sheet-section.sheet-section-nature table tr th:nth-child(1), .sheet-section.sheet-section-nature table tr td:nth-child(1) { width: 15%; } .sheet-section.sheet-section-nature table tr th:nth-child(2), .sheet-section.sheet-section-nature table tr td:nth-child(2) { width: 85%; } .sheet-section.sheet-section-wises table tr th, .sheet-section.sheet-section-wises table tr td { text-align: left; vertical-align: top; } .sheet-section.sheet-section-wises table tr th:nth-child(1), .sheet-section.sheet-section-wises table tr td:nth-child(1) { padding-right: 30px; width: 45%; } .sheet-section.sheet-section-wises table tr th:nth-child(2), .sheet-section.sheet-section-wises table tr td:nth-child(2) { padding-right: 10px; width: 10%; } .sheet-section.sheet-section-wises table tr th:nth-child(3), .sheet-section.sheet-section-wises table tr td:nth-child(3) { padding-right: 10px; width: 10%; } .sheet-section.sheet-section-wises table tr th:nth-child(4), .sheet-section.sheet-section-wises table tr td:nth-child(4) { padding-right: 10px; width: 10%; } .sheet-section.sheet-section-wises table tr th:nth-child(5), .sheet-section.sheet-section-wises table tr td:nth-child(5) { padding-right: 10px; width: 10%; } .sheet-section.sheet-section-skills table tr th, .sheet-section.sheet-section-skills table tr td { text-align: left; vertical-align: top; } .sheet-section.sheet-section-skills table tr th:nth-child(1), .sheet-section.sheet-section-skills table tr td:nth-child(1) { padding-right: 10px; width: 35%; } .sheet-section.sheet-section-skills table tr th:nth-child(2), .sheet-section.sheet-section-skills table tr td:nth-child(2) { width: 30%; } .sheet-section.sheet-section-skills table tr th:nth-child(3), .sheet-section.sheet-section-skills table tr td:nth-child(3) { width: 35%; } .sheet-section.sheet-section-skills table thead tr th { font-family: Georgia, Times, "Times New Roman", serif; font-size: 10px; text-transform: uppercase; } .sheet-section.sheet-section-inventory table.single tr td:nth-child(1) { width: 100%; padding-right: 0; } .sheet-section.sheet-section-inventory table { margin-bottom: 5px; } .sheet-section.sheet-section-inventory table tr td { border: 1px solid black; } .sheet-section.sheet-section-inventory table tr td:nth-child(1) { width: 20%; vertical-align: middle; padding-right: 10px; } .sheet-section.sheet-section-inventory table tr td:nth-child(2) { width: 80%; } .sheet-section.sheet-section-inventory table tr td.sheet-note { width: 100%; box-sizing: border-box; padding: 5px; } .sheet-section.sheet-section-inventory table tr th { width: 100%; border: 1px solid black; } .sheet-section.sheet-section-inventory table tr label { text-align: right; font-size: 13px; color: #777; } .sheet-section.sheet-section-inventory table thead { margin-bottom: 5px; } .sheet-section.sheet-section-inventory table thead tr th { font-family: Georgia, Times, "Times New Roman", serif; font-size: 10px; text-transform: uppercase; } .sheet-section.sheet-section-mental-inventory h4 { text-align: center; } .sheet-section.sheet-section-mental-inventory table thead tr th { text-align: center; } .sheet-section.sheet-section-mental-inventory table tr th, .sheet-section.sheet-section-mental-inventory table tr td { text-align: center; vertical-align: top; } .sheet-section.sheet-section-mental-inventory table tr th:nth-child(1), .sheet-section.sheet-section-mental-inventory table tr td:nth-child(1) { width: 20%; } .sheet-section.sheet-section-mental-inventory table tr th:nth-child(2), .sheet-section.sheet-section-mental-inventory table tr td:nth-child(2) { width: 20%; } .sheet-section.sheet-section-mental-inventory table tr th:nth-child(3), .sheet-section.sheet-section-mental-inventory table tr td:nth-child(3) { width: 20%; } .sheet-section.sheet-section-mental-inventory table tr th:nth-child(4), .sheet-section.sheet-section-mental-inventory table tr td:nth-child(4) { width: 20%; } .sheet-section.sheet-section-mental-inventory table tr th:nth-child(5), .sheet-section.sheet-section-mental-inventory table tr td:nth-child(5) { width: 20%; } .sheet-section.sheet-section-mental-inventory table tr th select, .sheet-section.sheet-section-mental-inventory table tr td select { width: 100%; } .sheet-section.sheet-section-mental-inventory table tr th { font-family: Georgia, Times, "Times New Roman", serif; font-size: 10px; text-align: left; text-transform: uppercase; border: 1px solid black; } .sheet-section.sheet-section-mental-inventory table tr td { text-align: center; border: 1px solid black; } .sheet-section.sheet-section-traveling-spellbook table tr label { text-align: center; } .sheet-section.sheet-section-traveling-spellbook table tr th, .sheet-section.sheet-section-traveling-spellbook table tr td { font-family: Georgia, Times, "Times New Roman", serif; font-size: 8px; vertical-align: top; text-align: center; text-transform: uppercase; } .sheet-section.sheet-section-traveling-spellbook table tr th:nth-child(1), .sheet-section.sheet-section-traveling-spellbook table tr td:nth-child(1) { width: 20%; } .sheet-section.sheet-section-traveling-spellbook table tr th:nth-child(2), .sheet-section.sheet-section-traveling-spellbook table tr td:nth-child(2) { width: 10%; } .sheet-section.sheet-section-traveling-spellbook table tr th:nth-child(3), .sheet-section.sheet-section-traveling-spellbook table tr td:nth-child(3) { width: 10%; } .sheet-section.sheet-section-traveling-spellbook table tr th:nth-child(4), .sheet-section.sheet-section-traveling-spellbook table tr td:nth-child(4) { width: 60%; } .sheet-section.sheet-section-traveling-spellbook table tr th select, .sheet-section.sheet-section-traveling-spellbook table tr td select { width: 100%; } .sheet-section.sheet-section-level-req-ben table thead tr th { text-align: center; } .sheet-section.sheet-section-level-req-ben table tr label { text-align: center; } .sheet-section.sheet-section-level-req-ben table tr th, .sheet-section.sheet-section-level-req-ben table tr td { text-align: center; vertical-align: top; } .sheet-section.sheet-section-level-req-ben table tr th:nth-child(1), .sheet-section.sheet-section-level-req-ben table tr td:nth-child(1) { width: 5%; } .sheet-section.sheet-section-level-req-ben table tr th:nth-child(2), .sheet-section.sheet-section-level-req-ben table tr td:nth-child(2) { width: 5%; } .sheet-section.sheet-section-level-req-ben table tr th:nth-child(3), .sheet-section.sheet-section-level-req-ben table tr td:nth-child(3) { width: 5%; } .sheet-section.sheet-section-level-req-ben table tr th:nth-child(4), .sheet-section.sheet-section-level-req-ben table tr td:nth-child(4) { width: 85%; } .sheet-section.sheet-section-level-req-ben table tr th select, .sheet-section.sheet-section-level-req-ben table tr td select { width: 100%; } .sheet-section.sheet-section-level-req-ben table tr th { font-family: Georgia, Times, "Times New Roman", serif; font-size: 10px; text-align: center; text-transform: uppercase; } .sheet-section.sheet-section-level-req-ben table tr td { text-align: center; }