/* Helpers */ /* 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: 8px; line-height: 125%; display: block; } .sheet-section.sheet-section-general .sheet-logo { height: 38px; line-height: 38px; text-align: left; } .sheet-section.sheet-section-general .sheet-logo img { max-width: 100%; height: 28px; } .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-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; }