/***************************** TAB CONTROLS *****************************/ .sheet-general-tab, .sheet-skills-tab, .sheet-combat-tab, .sheet-equipment-tab { display: none; } .sheet-tabstoggle[value="general-tab"] ~ div.sheet-general-tab, .sheet-tabstoggle[value="skills-tab"] ~ div.sheet-skills-tab, .sheet-tabstoggle[value="combat-tab"] ~ div.sheet-combat-tab, .sheet-tabstoggle[value="equipment-tab"] ~ div.sheet-equipment-tab { display: block; } /***************************** HTML ELEMENTS *****************************/ label { margin-bottom: 0; } select { margin-bottom: 0; vertical-align: bottom; } /***************************** COMMON CLASSES *****************************/ .sheet-w5 { width: 5rem; } .sheet-w8 { width: 8rem; } .sheet-w9 { width: 9rem; } .sheet-w12 { width: 12rem; } /***************************** SHEET ELEMENTS *****************************/ .sheet-float-right { float: right; } .sheet-container { min-width: 68rem; } .sheet-flexbox { display: flex; justify-content: flex-start; } .sheet-flexbox > * { flex-grow: 1; } .sheet-tabs { margin-bottom: 1rem; } .sheet-stylish-box { border: 0.2rem solid black; border-radius: 2rem; padding: 0.5rem 1rem; box-shadow: 1rem 1rem 1rem rgba(0,0,0,0.5); margin-bottom: 2rem; } .sheet-stylish-box + .sheet-stylish-box { margin-left: 2rem; } .sheet-table{ display: table; table-layout: fixed; } .sheet-table.sheet-fullwidth { width: 100%; } .sheet-table .repcontrol { caption-side: bottom; display: table-caption; } .sheet-table .repitem:nth-child(2n+1) { background-color: #ccc; } .sheet-table input[type="text"], .sheet-table input[type="number"] { width: calc(100% - 1rem); } .sheet-table.sheet-skills input[type="number"] { width: 4.5rem; } .sheet-table textarea { height: 6rem; width: calc(100% - 1rem); margin-bottom: 0; } .repcontainer { display: table-row-group; } .repitem, .sheet-tr, .sheet-th{ display: table-row; } .sheet-td{ display: table-cell; vertical-align: middle; } .sheet-td.sheet-toggleable-edit{ vertical-align: top; } .sheet-th .sheet-td { font-style: italic; text-transform: lowercase; } .sheet-character-info label { display: inline-block; width: 12rem; } .sheet-ability-scores label { display: inline-block; width: 10rem; } .sheet-character-info > div, .sheet-ability-scores > div { padding-bottom: 0.2rem; } .sheet-talent-name { font-weight: bold; } .sheet-talent-info { white-space: pre-line; } .sheet-truncatable { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } input.sheet-toggleable-switch[type="checkbox"] { margin-top: 0.2rem; } input.sheet-toggleable-switch[type="checkbox"]:not(:checked) ~ .sheet-toggleable-edit { display: none; } .sheet-armor-values, .sheet-table.sheet-damage .sheet-tr .sheet-td, .sheet-table.sheet-damage .sheet-tr .sheet-td input { font-size: 1.5rem; } .sheet-table .sheet-td.sheet-border-top { border-top: 0.1rem solid black; } /***************************** ROLLTEMPLATE ELEMENTS *****************************/ input.sheet-toggleable-switch[type="checkbox"]:checked ~ .sheet-toggleable-view { display: none; } .sheet-rolltemplate-default td:only-child { column-span: all; text-align: center; font-weight: normal; } .sheet-rolltemplate-default td.sheet-left-align:only-child { text-align: left; } .sheet-rolltemplate-default td.sheet-fail { background-color: darkred; } .sheet-rolltemplate-default td.sheet-average { background-color: seagreen; } .sheet-rolltemplate-default td.sheet-excellent { background-color: darkgreen; } .sheet-rolltemplate-default td.sheet-stellar { background: linear-gradient( 90deg, rgba(255, 0, 0, 1) 0%, rgba(255, 154, 0, 1) 10%, rgba(208, 222, 33, 1) 20%, rgba(79, 220, 74, 1) 30%, rgba(63, 218, 216, 1) 40%, rgba(47, 201, 226, 1) 50%, rgba(28, 127, 238, 1) 60%, rgba(95, 21, 242, 1) 70%, rgba(186, 12, 248, 1) 80%, rgba(251, 7, 217, 1) 90%, rgba(255, 0, 0, 1) 100% ); } .sheet-rolltemplate-default td span { background-color: rgba(255,255,255,0.66); padding: 0.3rem; border-radius: 0.5rem; font-weight: bold; } .sheet-rolltemplate-default td.sheet-fail span { color: darkred; } .sheet-rolltemplate-default td.sheet-excellent span{ color: #003200; } .sheet-rolltemplate-default td.sheet-average span { color: #17432B; } .sheet-rolltemplate-default td.sheet-stellar span { color: purple; } /***************************** SPECIFIC ELEMENT SIZES *****************************/ /* TALENTS AND NOTES LISTINGS COLUMN SIZES */ .sheet-table.sheet-talents .sheet-th .sheet-td:nth-of-type(1) { width: 4rem; } .sheet-table.sheet-talents .sheet-th .sheet-td:nth-of-type(2) { width: 15rem; } .sheet-table.sheet-talents .sheet-th .sheet-td:nth-of-type(3) { } .sheet-table.sheet-talents .sheet-th .sheet-td:nth-of-type(4) { width: 4rem; } /* SKILLS LISTING COLUMN SIZES */ .sheet-table.sheet-skills .sheet-th .sheet-td:nth-of-type(1) { width: 4rem; } .sheet-table.sheet-skills .sheet-th .sheet-td:nth-of-type(2) { } .sheet-table.sheet-skills .sheet-th .sheet-td:nth-of-type(3) { width: 6rem; } .sheet-table.sheet-skills .sheet-th .sheet-td:nth-of-type(4) { width: 17rem; } .sheet-table.sheet-skills .sheet-th .sheet-td:nth-of-type(5) { width: 8.5rem; } .sheet-table.sheet-skills .sheet-th .sheet-td:nth-of-type(6) { } .sheet-table.sheet-skills .sheet-th .sheet-td:nth-of-type(7) { width: 4rem; } /* WEAPONS LISTING COLUMN SIZES */ .sheet-table.sheet-weapons .sheet-th .sheet-td:nth-of-type(1) { width: 4rem; } .sheet-table.sheet-weapons .sheet-th .sheet-td:nth-of-type(2) { } .sheet-table.sheet-weapons .sheet-th .sheet-td:nth-of-type(3) { width: 10rem; } .sheet-table.sheet-weapons .sheet-th .sheet-td:nth-of-type(4) { width: 6rem; } .sheet-table.sheet-weapons .sheet-th .sheet-td:nth-of-type(5) { width: 8rem; } .sheet-table.sheet-weapons .sheet-th .sheet-td:nth-of-type(6) { width: 8rem; } .sheet-table.sheet-weapons .sheet-th .sheet-td:nth-of-type(7) { } .sheet-table.sheet-weapons .sheet-th .sheet-td:nth-of-type(8) { width: 4rem; } /* DAMAGE (AKA WOUNDS) TABLE COLUMN SIZES */ .sheet-table.sheet-damage .sheet-th .sheet-td:nth-of-type(1) { width: 6rem; } .sheet-table.sheet-damage .sheet-th .sheet-td:nth-of-type(2) { width: 22rem; } .sheet-table.sheet-damage .sheet-th .sheet-td:nth-of-type(3) { width: 6rem; } .sheet-table.sheet-damage .sheet-th .sheet-td:nth-of-type(4) { width: 6rem; } /* EQUIPMENT LISTING COLUMN SIZES */ .sheet-table.sheet-equipment .sheet-th .sheet-td:nth-of-type(1) { width: 4rem; } .sheet-table.sheet-equipment .sheet-th .sheet-td:nth-of-type(2) { width: 15rem; } .sheet-table.sheet-equipment .sheet-th .sheet-td:nth-of-type(3) { width: 7rem; } .sheet-table.sheet-equipment .sheet-th .sheet-td:nth-of-type(4) { width: 7rem; } .sheet-table.sheet-equipment .sheet-th .sheet-td:nth-of-type(5) { } .sheet-table.sheet-equipment .sheet-th .sheet-td:nth-of-type(6) { width: 4rem; }