/*Configure the tab buttons*/ .sheet-character, .sheet-weapons, .sheet-skills{ display: none; } /* show the selected tab */ .sheet-tabstoggle[value="character"] ~ div.sheet-character, .sheet-tabstoggle[value="weapons"] ~ div.sheet-weapons, .sheet-tabstoggle[value="skills"] ~ div.sheet-skills{ display: block; } .sheet-logo{ height: 110px; } .sheet-margin-right-10{ margin-right:10px!important; } .sheet-margin-bottom-10{ margin-bottom:10px!important; } .sheet-item-table{ width:100%!important; margin-bottom:10px!important; margin-right:10px!important; } .sheet-status-table{ width: 100%; display:flex!important; } .charsheet thead td { font-weight: bold; } .sheet-imgcostum{ border-style:solid; } .sheet-nomargipadding{ margin-right:0px!important; padding:0!important; } .sheet-nomargin{ margin-right:0px!important; } .sheet-b{ margin-bottom:5px; } .sheet-border{ border-style: solid; padding:5px; } .sheet-border-white{ border-style: solid; border-color:white; padding:5px; } .charsheet td { padding-right: 1em; } .charsheet input[type=text], .charsheet input[type=number] { padding-left: 2px; border: 1px solid #333333; } .charsheet table { margin-bottom: 0.5em; } .sheet-formblock { width: 22em; margin-bottom: 1em; } .charsheet textarea { width: 95%; max-width: 95%; min-width: 95%; resize: vertical; overflow-y: auto; min-height: 5em; border: 1px solid black; } .sheet-custom_textarea{ display: block; box-sizing: padding-box; overflow: hidden; padding: 10px; width: 250px; font-size: 14px; margin: 50px auto; border-radius: 6px; box-shadow: 2px 2px 8px rgba(black, .3); border: 0; } .sheet-auto-expand { position: relative; cursor: text; word-wrap: break-word; } .sheet-auto-expand span { visibility: hidden; white-space: pre-wrap; display: block; } .sheet-auto-expand textarea { position: absolute; z-index: 1; top: 0; left: 0; margin: 0; overflow: hidden; resize: none; min-height:27px; height: 100%; width: 100%; display: block; box-sizing: border-box; background: transparent; color: inherit; font: inherit; letter-spacing: inherit; padding: inherit; text-align: inherit; text-transform: inherit; } /* Default style applied to input[type=number] fields to force fixed custom width */ input[type=number] { text-align: center; } input[type=checkbox] { width: 20px; } input.sheet-toggle-show:not(:checked) ~ .sheet-body { display: none; } input.sheet-table-show:not(:checked) ~ .sheet-skills-table { display: none; }