.sheet-title { text-align:right; margin-bottom: -30px; margin-right:30px; } .sheet-fullwidth-table { width: 100%; } .sheet-fullwidth-table input { width: 100%; } .sheet-fullwidth-table textarea { width: calc(100% - 10px); margin-bottom: 5px; height: 140px; } textarea.sheet-shortheight { height: 40px; } select { margin-bottom: 0px; } .repitem { padding-bottom: 5px; } .sheet-impulse-container { display: flex; justify-content: space-between; padding-bottom:3px; } .sheet-impulse-container:nth-child(odd), .sheet-fullwidth-table tr:nth-child(odd), .repitem:nth-child(odd){ background:#ddd; } .sheet-impulse-container label { margin-bottom: 0px; width: 100px; padding-top:4px; } .sheet-impulse-container select { width: 80px; } /* Ugly Tabbing Hack */ div[class^="sheet-section"] { display: none; } input.sheet-tab-base:checked ~ div.sheet-section-base, input.sheet-tab-spells:checked ~ div.sheet-section-spells { display: block; } .sheet-penalty { background-color:grey; color: white; } .sheet-tab { width: 75px; height: 25px; display: inline-block; margin-left:-85px; margin-right:5px; border: 2px solid grey; border-bottom: 2px white; padding-left: 5px; padding-top: 5px; border-radius: 5px 5px 0px 0px; z-index: 5; background: grey; color: white; } input.sheet-tab-base, input.sheet-tab-spells { display:inline-block; width:80px; height: 30px; opacity: 0; margin-right:5px; } div { padding-top: 5px; } .sheet-fullwidth-table label { text-align: right; margin-top: 5px; padding-right:5px; } .sheet-fullwidth-table td { vertical-align: top; padding: 5px; padding-bottom: 0px; } .sheet-section-base, .sheet-section-spells{ border: 2px solid grey; padding: 10px; border-radius: 5px; margin-top: -1px; }