@font-face { font-family: T2KCharSheet; src: url(https://github.com/Roll20/roll20-character-sheets/blob/master/T2K%204e/STENCILSTD.OTF?raw=true) format("opentype"); } @import url('https://fonts.googleapis.com/css?family=Special+Elite|Anton&display=swap'); /* Set the min-width so that when the window is resized the look will stay consistant */ .charsheet { background-color: #ebe3d1; min-width: 1020px; } button[type=action].sheet-main-buttons { font-size: 2em; height: 1em; border-radius: 8px; padding-top: 8px; } /* Universal styling applied to all elements of these types */ h2 { font-size: 2em; margin-bottom: 10px; color: #877D70; font-family: T2KCharSheet; } h3, h4, .sheet-lesserLabel { color: #877D70; font-family: T2KCharSheet; } hr { border-top: 3px solid #877D70; margin-top: 7px; margin-bottom: 7px; } .sheet-input-text { width: 100%; } .sheet-input-label { font-size: 15px; display: inline-block; color: #877D70; font-family: T2KCharSheet; margin-bottom: 0px; margin-top: 5px; } .sheet-attribute-label { margin-right: 5px; } .sheet-minor { color: #877D70; font-family: T2KCharSheet; font-size: 12px; padding-top: 6px; margin-right: 5px; } textarea { resize: vertical; height: 55px; width: 97%; } /***** SHEET BASIC *****/ .sheet-basic-details { display:grid; grid-template-columns: repeat(6, 1fr); grid-column-gap: 20px; grid-row-gap: 5px; } .sheet-header-image { grid-row: 1; grid-column: 1/3; } .sheet-character-name { grid-row: 1; grid-column: 3/5; } .sheet-nationality { grid-row: 1; grid-column: 5/6; } .sheet-age { grid-row: 1; grid-column: 6; } .sheet-branch { grid-row: 2; grid-column: 1/3; } .sheet-rank { grid-row: 2; grid-column: 3/5; } .sheet-buddy { grid-row: 2; grid-column: 5/7; } .sheet-moral-code { grid-row: 3; grid-column: 1/3; } .sheet-appearance { grid-row: 3; grid-column: 3/5; } .sheet-big-dream { grid-row: 3; grid-column: 5/7; } .sheet-met-the-group { grid-row: 4; grid-column: 1/5; } .sheet-experience { grid-row: 4; grid-column: 5/7; display: grid; grid-template-columns: repeat(2, 1fr); } .sheet-experience-label { text-align: center; grid-column: 1/3; } .sheet-exp-current { grid-column: 1; grid-row: 3/25; margin-left: 25px; } .sheet-exp-total { grid-column: 2; grid-row: 2/25; margin-left: 25px; } /***** SHEET BASIC: STATS *****/ .sheet-health-and-stress { display: grid; grid-template-columns: repeat(7, 1fr); grid-column-gap: 25px; border-top: 3px solid #877D70; margin-top: 16px; padding-top: 8px; } .sheet-attributes-sections { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 25px; border-top: 3px solid #877D70; margin-top: 8px; padding-top: 8px; } .sheet-specialties-section { border-top: 3px solid #877D70; border-bottom: 3px solid #877D70; margin-top: 8px; padding-bottom: 8px; padding-top: 8px; } .sheet-specialties-container { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 25px; margin-top: 8px; } .sheet-specialties-left { grid-row: 2; grid-column: 1/3; display: grid; grid-template-columns: repeat(3, 1fr); background-color: lightgray; padding: 8px 16px 0px 8px; border-radius: 8px; grid-column-gap: 6px; } .sheet-specialties-right { grid-row: 2; grid-column: 3/5; display: grid; grid-template-columns: repeat(3, 1fr); background-color: lightgray; padding: 8px 16px 0px 8px; border-radius: 8px; grid-column-gap: 6px; } .sheet-specialty-name { grid-column: 1; } .sheet-specialty-details { grid-column: 2/4; padding-right: 12px; } .sheet-specialty-header { grid-row: 1; } .sheet-specialty-one { grid-row: 2; } .sheet-specialty-one.sheet-specialty-details { grid-row: 2/4; } .sheet-specialty-two { grid-row: 4; } .sheet-specialty-two.sheet-specialty-details { grid-row: 4/6; } .sheet-specialty-three { grid-row: 6; } .sheet-specialty-three.sheet-specialty-details { grid-row: 6/8; } .sheet-specialty-four { grid-row: 8; } .sheet-specialty-four.sheet-specialty-details { grid-row: 8/10; } .sheet-specialty-five { grid-row: 10; } .sheet-specialty-five.sheet-specialty-details { grid-row: 10/12; } .sheet-health { grid-row: 1; grid-column: 1/4; display: grid; } .sheet-health .sheet-damage-label { grid-row: 1; grid-column: 1/4; } .sheet-health .sheet-damage-current-label { grid-row: 1; grid-column: 4; font-size: 8pt; margin-top: 9px; } .sheet-health .sheet-damage-max-label { grid-row: 1; grid-column: 5; font-size: 8pt; margin-top: 9px; } .sheet-health .sheet-damage-checkboxes { grid-row: 2; grid-column: 1/4; padding-top: 5px; } .sheet-health .sheet-damage-current-input { grid-row: 2; grid-column: 4; } .sheet-health .sheet-damage-max-input { grid-row: 2; grid-column: 5; } .sheet-stress { grid-row: 1; grid-column: 4/7; display: grid; } .sheet-stress .sheet-stress-label { grid-row: 1; grid-column: 1/4; } .sheet-stress .sheet-stress-current-label { grid-row: 1; grid-column: 4; font-size: 8pt; margin-top: 9px; } .sheet-stress .sheet-stress-max-label { grid-row: 1; grid-column: 5; font-size: 8pt; margin-top: 9px; } .sheet-stress .sheet-stress-checkboxes { grid-row: 2; grid-column: 1/4; padding-top: 5px; } .sheet-stress .sheet-stress-current-input { grid-row: 2; grid-column: 4; } .sheet-stress .sheet-stress-max-input { grid-row: 2; grid-column: 5; } .sheet-hidden-attribute-inputs { grid-row:1; grid-column: 1; } .sheet-attribute-button { width: 1.25em; height: 1.25em; } .sheet-strength-section { grid-row: 2; grid-column: 1; display: grid; grid-template-columns: repeat(4, 1fr); background-color: lightgray; padding: 8px 0px 0px 8px; border-radius: 8px; } .sheet-strength-attribute.sheet-attribute-label { grid-row: 1; grid-column:1/3; } .sheet-strength-attribute.sheet-attribute-select { grid-row: 1; grid-column:3; } .sheet-strength-attribute.sheet-attribute-button { grid-row: 1; grid-column:4; } .sheet-heavy-weapons-skill.sheet-attribute-label { grid-row: 2; grid-column:1/3; } .sheet-heavy-weapons-skill.sheet-attribute-select { grid-row: 2; grid-column:3; } .sheet-heavy-weapons-skill.sheet-attribute-button { grid-row: 2; grid-column:4; } .sheet-close-combat-skill.sheet-attribute-label { grid-row: 3; grid-column:1/3; } .sheet-close-combat-skill.sheet-attribute-select { grid-row: 3; grid-column:3; } .sheet-close-combat-skill.sheet-attribute-button { grid-row: 3; grid-column:4; } .sheet-stamina-skill.sheet-attribute-label { grid-row: 4; grid-column:1/3; } .sheet-stamina-skill.sheet-attribute-select { grid-row: 4; grid-column:3; } .sheet-stamina-skill.sheet-attribute-button { grid-row: 4; grid-column:4; } .sheet-agility-section { grid-row: 2; grid-column: 2; display: grid; grid-template-columns: repeat(4, 1fr); background-color: lightgray; padding: 8px 0px 0px 8px; border-radius: 8px; } .sheet-agility-attribute.sheet-attribute-label { grid-row: 1; grid-column:1/3; } .sheet-agility-attribute.sheet-attribute-select { grid-row: 1; grid-column:3; } .sheet-agility-attribute.sheet-attribute-button { grid-row: 1; grid-column:4; } .sheet-driving-skill.sheet-attribute-label { grid-row: 2; grid-column:1/3; } .sheet-driving-skill.sheet-attribute-select { grid-row: 2; grid-column:3; } .sheet-driving-skill.sheet-attribute-button { grid-row: 2; grid-column:4; } .sheet-mobility-skill.sheet-attribute-label { grid-row: 3; grid-column:1/3; } .sheet-mobility-skill.sheet-attribute-select { grid-row: 3; grid-column:3; } .sheet-mobility-skill.sheet-attribute-button { grid-row: 3; grid-column:4; } .sheet-ranged-combat-skill.sheet-attribute-label { grid-row: 4; grid-column:1/3; } .sheet-ranged-combat-skill.sheet-attribute-select { grid-row: 4; grid-column:3; } .sheet-ranged-combat-skill.sheet-attribute-button { grid-row: 4; grid-column:4; } .sheet-intelligence-section { grid-row: 2; grid-column: 3; display: grid; grid-template-columns: repeat(4, 1fr); background-color: lightgray; padding: 8px 0px 0px 8px; border-radius: 8px; grid-column-gap: 15px; } .sheet-intelligence-attribute.sheet-attribute-label { grid-row: 1; grid-column:1/3; } .sheet-intelligence-attribute.sheet-attribute-select { grid-row: 1; grid-column:3; } .sheet-intelligence-attribute.sheet-attribute-button { grid-row: 1; grid-column:4; } .sheet-recon-skill.sheet-attribute-label { grid-row: 2; grid-column:1/3; } .sheet-recon-skill.sheet-attribute-select { grid-row: 2; grid-column:3; } .sheet-recon-skill.sheet-attribute-button { grid-row: 2; grid-column:4; } .sheet-survival-skill.sheet-attribute-label { grid-row: 3; grid-column:1/3; } .sheet-survival-skill.sheet-attribute-select { grid-row: 3; grid-column:3; } .sheet-survival-skill.sheet-attribute-button { grid-row: 3; grid-column:4; } .sheet-tech-skill.sheet-attribute-label { grid-row: 4; grid-column:1/3; } .sheet-tech-skill.sheet-attribute-select { grid-row: 4; grid-column:3; } .sheet-tech-skill.sheet-attribute-button { grid-row: 4; grid-column:4; } .sheet-empathy-section { grid-row: 2; grid-column: 4; display: grid; grid-template-columns: repeat(4, 1fr); background-color: lightgray; padding: 8px 0px 0px 8px; border-radius: 8px; } .sheet-empathy-attribute.sheet-attribute-label { grid-row: 1; grid-column:1/3; } .sheet-empathy-attribute.sheet-attribute-select { grid-row: 1; grid-column:3; } .sheet-empathy-attribute.sheet-attribute-button { grid-row: 1; grid-column:4; } .sheet-command-skill.sheet-attribute-label { grid-row: 2; grid-column:1/3; } .sheet-command-skill.sheet-attribute-select { grid-row: 2; grid-column:3; } .sheet-command-skill.sheet-attribute-button { grid-row: 2; grid-column:4; } .sheet-persuasion-skill.sheet-attribute-label { grid-row: 3; grid-column:1/3; } .sheet-persuasion-skill.sheet-attribute-select { grid-row: 3; grid-column:3; } .sheet-persuasion-skill.sheet-attribute-button { grid-row: 3; grid-column:4; } .sheet-medical-aid-skill.sheet-attribute-label { grid-row: 4; grid-column:1/3; } .sheet-medical-aid-skill.sheet-attribute-select { grid-row: 4; grid-column:3; } .sheet-medical-aid-skill.sheet-attribute-button { grid-row: 4; grid-column:4; } .sheet-custom-rolls-section { display: grid; grid-template-columns: repeat(15,1fr); margin-top: 16px; padding-top: 8px; } .sheet-custom-roll-base-attributes-info { grid-row: 1; grid-column: 1/15; padding-bottom: 12px; } .sheet-custom-roll.sheet-die-roll { grid-row: 2; grid-column: 1; } .sheet-custom-roll.sheet-die-one { grid-row: 2; grid-column: 2/4; } .sheet-custom-roll.sheet-die-two { grid-row: 2; grid-column: 4/6; } .sheet-custom-roll.sheet-die-ammo { grid-row: 2; grid-column: 6/11; } .sheet-custom-roll-select.sheet-short { width: 4.5em; } .sheet-coolness-under-fire { grid-row: 2; grid-column: 12/14; display: grid; margin-top: -10px; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); } .sheet-coolness-under-fire .sheet-cuf { grid-row: 2; grid-column: 1; vertical-align: middle; } .sheet-coolness-under-fire .sheet-cuf-self { grid-row: 1; grid-column: 2; } .sheet-coolness-under-fire .sheet-cuf-unit { grid-row: 1; grid-column: 3; } .sheet-coolness-under-fire .sheet-cuf-self-input { grid-row: 2; grid-column: 2; } .sheet-coolness-under-fire .sheet-cuf-unit-input { grid-row: 2; grid-column: 3; } .sheet-coolness-under-fire button[type=roll].sheet-cuf-roll { grid-row: 2; grid-column: 4; font-size: 1.5em; height: 1em; width: 1em; margin-top: -8px } /* Targetted styling that only effects elements with these classes */ input.sheet-short { width: 25px; } select { padding-top: 7px; padding-left: 8px; } select.sheet-short { appearance: none; font-family: T2KCharSheet; color: #877D70; width: 3em; font-size: 1.25em; text-align: center; } /***** WEAPONS *****/ .sheet-weapons-rolls-section { border-bottom: 3px solid #877D70; } button[type="roll"].sheet-weapon-attack { height: 1.25em; width: 1.25em; } .sheet-tab-content .sheet-weapons-details { display: grid; grid-column-gap: 3px; grid-row-gap: 6px; } .sheet-weapons-header.sheet-weapon-attack { grid-row: 1; grid-column: 1; } .sheet-weapons-one.sheet-weapon-attack { grid-row: 2; grid-column: 1; } .sheet-weapons-two.sheet-weapon-attack { grid-row: 3; grid-column: 1; } .sheet-weapons-three.sheet-weapon-attack { grid-row: 4; grid-column: 1; } .sheet-weapons-four.sheet-weapon-attack { grid-row: 5; grid-column: 1; } .sheet-weapons-five.sheet-weapon-attack { grid-row: 6; grid-column: 1; } .sheet-weapons-header.sheet-weapon-name { grid-row: 1; grid-column: 2/3; } .sheet-weapons-one.sheet-weapon-name { grid-row: 2; grid-column: 2/3; } .sheet-weapons-two.sheet-weapon-name { grid-row: 3; grid-column: 2/3; } .sheet-weapons-three.sheet-weapon-name { grid-row: 4; grid-column: 2/3; } .sheet-weapons-four.sheet-weapon-name { grid-row: 5; grid-column: 2/3; } .sheet-weapons-five.sheet-weapon-name { grid-row: 6; grid-column: 2/3; } .sheet-weapons-header.sheet-weapon-type { grid-row: 1; grid-column: 4; } .sheet-weapons-one.sheet-weapon-type { grid-row: 2; grid-column: 4; } .sheet-weapons-two.sheet-weapon-type { grid-row: 3; grid-column: 4; } .sheet-weapons-three.sheet-weapon-type { grid-row: 4; grid-column: 4; } .sheet-weapons-four.sheet-weapon-type { grid-row: 5; grid-column: 4; } .sheet-weapons-five.sheet-weapon-type { grid-row: 6; grid-column: 4; } .sheet-weapons-header.sheet-weapon-ammo { grid-row: 1; grid-column: 5/6; } .sheet-weapons-one.sheet-weapon-ammo { grid-row: 2; grid-column: 5/6; } .sheet-weapons-two.sheet-weapon-ammo { grid-row: 3; grid-column: 5/6; } .sheet-weapons-three.sheet-weapon-ammo { grid-row: 4; grid-column: 5/6; } .sheet-weapons-four.sheet-weapon-ammo { grid-row: 5; grid-column: 5/6; } .sheet-weapons-five.sheet-weapon-ammo { grid-row: 6; grid-column: 5/6; } .sheet-weapons-header.sheet-weapon-rel { grid-row: 1; grid-column: 7; } .sheet-weapons-one.sheet-weapon-rel { grid-row: 2; grid-column: 7; } .sheet-weapons-two.sheet-weapon-rel { grid-row: 3; grid-column: 7; } .sheet-weapons-three.sheet-weapon-rel { grid-row: 4; grid-column: 7; } .sheet-weapons-four.sheet-weapon-rel { grid-row: 5; grid-column: 7; } .sheet-weapons-five.sheet-weapon-rel { grid-row: 6; grid-column: 7; } .sheet-weapons-header.sheet-weapon-rof { grid-row: 1; grid-column: 8; } .sheet-weapons-one.sheet-weapon-rof { grid-row: 2; grid-column: 8; } .sheet-weapons-two.sheet-weapon-rof { grid-row: 3; grid-column: 8; } .sheet-weapons-three.sheet-weapon-rof { grid-row: 4; grid-column: 8; } .sheet-weapons-four.sheet-weapon-rof { grid-row: 5; grid-column: 8; } .sheet-weapons-five.sheet-weapon-rof { grid-row: 6; grid-column: 8; } .sheet-weapons-header.sheet-weapon-dam { grid-row: 1; grid-column: 9; } .sheet-weapons-one.sheet-weapon-dam { grid-row: 2; grid-column: 9; } .sheet-weapons-two.sheet-weapon-dam { grid-row: 3; grid-column: 9; } .sheet-weapons-three.sheet-weapon-dam { grid-row: 4; grid-column: 9; } .sheet-weapons-four.sheet-weapon-dam { grid-row: 5; grid-column: 9; } .sheet-weapons-five.sheet-weapon-dam { grid-row: 6; grid-column: 9; } .sheet-weapons-header.sheet-weapon-crit { grid-row: 1; grid-column: 10; } .sheet-weapons-one.sheet-weapon-crit { grid-row: 2; grid-column: 10; } .sheet-weapons-two.sheet-weapon-crit { grid-row: 3; grid-column: 10; } .sheet-weapons-three.sheet-weapon-crit { grid-row: 4; grid-column: 10; } .sheet-weapons-four.sheet-weapon-crit { grid-row: 5; grid-column: 10; } .sheet-weapons-five.sheet-weapon-crit { grid-row: 6; grid-column: 10; } .sheet-weapons-header.sheet-weapon-blast { grid-row: 1; grid-column: 11; } .sheet-weapons-one.sheet-weapon-blast { grid-row: 2; grid-column: 11; } .sheet-weapons-two.sheet-weapon-blast { grid-row: 3; grid-column: 11; } .sheet-weapons-three.sheet-weapon-blast { grid-row: 4; grid-column: 11; } .sheet-weapons-four.sheet-weapon-blast { grid-row: 5; grid-column: 11; } .sheet-weapons-five.sheet-weapon-blast { grid-row: 6; grid-column: 11; } .sheet-weapons-header.sheet-weapon-range { grid-row: 1; grid-column: 12; } .sheet-weapons-one.sheet-weapon-range { grid-row: 2; grid-column: 12; } .sheet-weapons-two.sheet-weapon-range { grid-row: 3; grid-column: 12; } .sheet-weapons-three.sheet-weapon-range { grid-row: 4; grid-column: 12; } .sheet-weapons-four.sheet-weapon-range { grid-row: 5; grid-column: 12; } .sheet-weapons-five.sheet-weapon-range { grid-row: 6; grid-column: 12; } input[type=number].sheet-number-input.sheet-weapon-weight, input[type=number].sheet-number-input.sheet-weapon-mag, input[type=number].sheet-number-input.sheet-weapon-spent { width: 2.75em; } .sheet-weapons-header.sheet-weapon-mag { grid-row: 1; grid-column: 13; } .sheet-weapons-one.sheet-weapon-mag { grid-row: 2; grid-column: 13; } .sheet-weapons-two.sheet-weapon-mag { grid-row: 3; grid-column: 13; } .sheet-weapons-three.sheet-weapon-mag { grid-row: 4; grid-column: 13; } .sheet-weapons-four.sheet-weapon-mag { grid-row: 5; grid-column: 13; } .sheet-weapons-five.sheet-weapon-mag { grid-row: 6; grid-column: 13; } .sheet-weapons-header.sheet-weapon-armor { grid-row: 1; grid-column: 14; } .sheet-weapons-one.sheet-weapon-armor { grid-row: 2; grid-column: 14; } .sheet-weapons-two.sheet-weapon-armor { grid-row: 3; grid-column: 14; } .sheet-weapons-three.sheet-weapon-armor { grid-row: 4; grid-column: 14; } .sheet-weapons-four.sheet-weapon-armor { grid-row: 5; grid-column: 14; } .sheet-weapons-five.sheet-weapon-armor { grid-row: 6; grid-column: 14; } .sheet-weapons-header.sheet-weapon-weight { grid-row: 1; grid-column: 15; } .sheet-weapons-one.sheet-weapon-weight { grid-row: 2; grid-column: 15; } .sheet-weapons-two.sheet-weapon-weight { grid-row: 3; grid-column: 15; } .sheet-weapons-three.sheet-weapon-weight { grid-row: 4; grid-column: 15; } .sheet-weapons-four.sheet-weapon-weight { grid-row: 5; grid-column: 15; } .sheet-weapons-five.sheet-weapon-weight { grid-row: 6; grid-column: 15; } .sheet-weapons-header.sheet-weapon-spent { grid-row: 1; grid-column: 16; } .sheet-weapons-one.sheet-weapon-spent { grid-row: 2; grid-column: 16; } .sheet-weapons-two.sheet-weapon-spent { grid-row: 3; grid-column: 16; } .sheet-weapons-three.sheet-weapon-spent { grid-row: 4; grid-column: 16; } .sheet-weapons-four.sheet-weapon-spent { grid-row: 5; grid-column: 16; } .sheet-weapons-five.sheet-weapon-spent { grid-row: 6; grid-column: 16; } /***** ARMOR *****/ .sheet-armor-section { display: grid; grid-template-columns: repeat(5, 1fr); } .sheet-armor-left { grid-column: 1/3; } .sheet-armor-right { grid-column: 4/6; } input.sheet-armor-name, input.sheet-armor-location, input[type=number].sheet-number-input.sheet-armor-rating, input[type=number].sheet-number-input.sheet-armor-weight { height: 28px; } .sheet-armor-details { display: grid; grid-template-columns: repeat(6, 1fr); grid-column-gap: 5px; } .sheet-armor-header.sheet-armor-name { grid-column: 1/3; grid-row: 1; } .sheet-armor-one.sheet-armor-name { grid-column: 1/3; grid-row: 2; } .sheet-armor-header.sheet-armor-location { grid-column: 3/5; grid-row: 1; } .sheet-armor-one.sheet-armor-location { grid-column: 3/5; grid-row: 2; } .sheet-armor-header.sheet-armor-rating { grid-column: 5; grid-row: 1; } .sheet-armor-one.sheet-armor-rating { grid-column: 5; grid-row: 2; } .sheet-armor-header.sheet-armor-weight { grid-column: 6; grid-row: 1; } .sheet-armor-one.sheet-armor-weight { grid-column: 6; grid-row: 2; } .sheet-ailments { display:grid; grid-column-gap: 25px; grid-row-gap: 10px; grid-template-columns: repeat(7, 1fr); } .sheet-conditions { grid-row: 1; grid-column: 1/8; display: grid; grid-template-columns: repeat(12, 1fr); } .sheet-conditions .sheet-input-label { margin-top:-5px; } .sheet-condition-starving { grid-column: 1/3; } .sheet-condition-dehydrated { grid-column: 3/5; } .sheet-condition-sleep-deprived { grid-column: 5/8; } .sheet-condition-hypothermic { grid-column: 8/10; } .sheet-critical-injuries { grid-row: 2; grid-column: 1/3; } .sheet-diseases { grid-row: 2; grid-column: 3/5; } .sheet-radiation { grid-row: 2; grid-column: 5/8; display: grid; } .sheet-radiation .sheet-radiation-label { padding-left: 12px; grid-row: 1; grid-column: 1/4; } .sheet-radiation .sheet-radiation-current-label { grid-row: 1; grid-column: 4; font-size: 8pt; margin-top: 9px; } .sheet-radiation .sheet-radiation-max-label { grid-row: 1; grid-column: 5; font-size: 8pt; margin-top: 9px; } .sheet-radiation .sheet-radiation-checkboxes { grid-row: 2; grid-column: 1/4; padding-top: 5px; } .sheet-radiation .sheet-radiation-current-input { grid-row: 2; grid-column: 4; } .sheet-radiation .sheet-radiation-max-input { grid-row: 2; grid-column: 5; } .sheet-gear-load-carrier { border-bottom: 3px solid #877D70; margin-top: 8px; margin-bottom: 16px; padding-bottom: 8px; } .sheet-gear-details-container { margin-top: 12px; display: grid; grid-template-columns: repeat(2, 1fr); } .sheet-gear-items-left { grid-column: 1; display: grid; grid-template-columns: repeat(5, 1fr); grid-column-gap: 8px; grid-row-gap: 8px; } .sheet-gear-items-right { grid-column: 2; display: grid; grid-template-columns: repeat(5, 1fr); grid-column-gap: 8px; grid-row-gap: 8px; } input[type=number].sheet-number-input.sheet-gear-weight { width: 3em; } .sheet-gear-items-header.sheet-gear-item { grid-row: 1; grid-column: 1/4; } .sheet-gear-items-header.sheet-gear-weight { grid-row: 1; grid-column: 4; } .sheet-gear-items-one.sheet-gear-item { grid-row: 2; grid-column: 1/4; } .sheet-gear-items-one.sheet-gear-weight { grid-row: 2; grid-column: 4; } .sheet-gear-items-two.sheet-gear-item { grid-row: 3; grid-column: 1/4; } .sheet-gear-items-two.sheet-gear-weight { grid-row: 3; grid-column: 4; }.sheet-gear-items-three.sheet-gear-item { grid-row: 4; grid-column: 1/4; } .sheet-gear-items-three.sheet-gear-weight { grid-row: 4; grid-column: 4; }.sheet-gear-items-four.sheet-gear-item { grid-row: 5; grid-column: 1/4; } .sheet-gear-items-four.sheet-gear-weight { grid-row: 5; grid-column: 4; }.sheet-gear-items-five.sheet-gear-item { grid-row: 6; grid-column: 1/4; } .sheet-gear-items-five.sheet-gear-weight { grid-row: 6; grid-column: 4; } .sheet-gear-tiny-items { margin-top: 16px; } /***** VEHICLES *****/ .sheet-vehicle-details { display: grid; grid-column-gap: 8px; grid-template-columns: repeat(12, 1fr); border-bottom: 3px solid #877D70; margin-top: 8px; } .sheet-vehicle-details input[type=text], .sheet-vehicle-details select { height: 32.5px; } .sheet-vehicle-name { grid-column: 1/4; } .sheet-vehicle-type { grid-column: 4/5; } .sheet-vehicle-rel { grid-column: 5; } .sheet-vehicle-travel-speed { grid-column: 6/8; } .sheet-vehicle-combat-speed { grid-column: 8/10; } .sheet-vehicle-crew { grid-column: 10; } .sheet-vehicle-cargo { grid-column: 11; } .sheet-vehicle-details input[type=number].sheet-input-number-wide { width: 3.5em; } .sheet-vehicle-armor { grid-column: 1/2; grid-row: 4; } .sheet-vehicle-armor-front { grid-column: 2; } .sheet-vehicle-armor-left { grid-column: 3; } .sheet-vehicle-armor-right { grid-column: 4; } .sheet-vehicle-armor-rear { grid-column: 5; } .sheet-vehicle-fuel { grid-column: 6; grid-row: 4; } .sheet-vehicle-fuel-type { grid-column: 7; } .sheet-vehicle-fuel-cap { grid-column: 8; } .sheet-vehicle-fuel-cons { grid-column: 9; } .sheet-vehicle-fuel-current { grid-column: 10; } .sheet-vehicle-header.sheet-vehicle-name { grid-row: 1; } .sheet-vehicle-header.sheet-vehicle-type { grid-row: 1; } .sheet-vehicle-header.sheet-vehicle-rel { grid-row: 1; } .sheet-vehicle-header.sheet-vehicle-travel-speed { grid-row: 1; } .sheet-vehicle-header.sheet-vehicle-combat-speed { grid-row: 1; } .sheet-vehicle-header.sheet-vehicle-crew { grid-row: 1; } .sheet-vehicle-header.sheet-vehicle-cargo { grid-row: 1; } .sheet-vehicle-header.sheet-vehicle-armor-front { grid-row: 3; } .sheet-vehicle-header.sheet-vehicle-armor-side { grid-row: 3; } .sheet-vehicle-header.sheet-vehicle-armor-rear { grid-row: 3; } .sheet-vehicle-header.sheet-vehicle-fuel-type { grid-row: 3; } .sheet-vehicle-header.sheet-vehicle-fuel-cap { grid-row: 3; } .sheet-vehicle-header.sheet-vehicle-fuel-cons { grid-row: 3; } .sheet-vehicle-one.sheet-vehicle-name { grid-row: 2; } .sheet-vehicle-one.sheet-vehicle-type { grid-row: 2; } .sheet-vehicle-one.sheet-vehicle-rel { grid-row: 2; } .sheet-vehicle-one.sheet-vehicle-travel-speed { grid-row: 2; } .sheet-vehicle-one.sheet-vehicle-combat-speed { grid-row: 2; } .sheet-vehicle-one.sheet-vehicle-crew { grid-row: 2; } .sheet-vehicle-one.sheet-vehicle-cargo { grid-row: 2; } .sheet-vehicle-one.sheet-vehicle-armor-front { grid-row: 4; } .sheet-vehicle-one.sheet-vehicle-armor-side { grid-row: 4; } .sheet-vehicle-one.sheet-vehicle-armor-rear { grid-row: 4; } .sheet-vehicle-one.sheet-vehicle-fuel-type { grid-row: 4; } .sheet-vehicle-one.sheet-vehicle-fuel-cap { grid-row: 4; } .sheet-vehicle-one.sheet-vehicle-fuel-cons { grid-row: 4; } .sheet-vehicle-one.sheet-weapons-details { grid-row: 5; grid-column: 1/13; display: grid; grid-column-gap: 3px; } .sheet-vehicle-one.sheet-vehicle-inventory-details { grid-row: 6; grid-column: 1/12; display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 8px; } .sheet-vehicle-inventory { grid-row: 1; grid-column: 1; } .sheet-vehicle-damage { grid-row: 1; grid-column: 2; } .sheet-vehicle-inventory-input { grid-row: 2; grid-column: 1; } .sheet-vehicle-damage-input { grid-row: 2; grid-column: 2; } /***** PLATOON *****/ .sheet-platoons-rolls-section { border-bottom: 3px solid #877D70; } .sheet-tab-content .sheet-platoons-details { display: grid; grid-column-gap: 3px; grid-row-gap: 6px; } .sheet-platoons-header.sheet-platoon-name { grid-row: 1; grid-column: 1/2; } .sheet-platoons-one.sheet-platoon-name { grid-row: 2; grid-column: 1/2; } .sheet-platoons-two.sheet-platoon-name { grid-row: 3; grid-column: 1/2; } .sheet-platoons-three.sheet-platoon-name { grid-row: 4; grid-column: 1/2; } .sheet-platoons-four.sheet-platoon-name { grid-row: 5; grid-column: 1/2; } .sheet-platoons-five.sheet-platoon-name { grid-row: 6; grid-column: 1/2; } .sheet-platoons-header.sheet-platoon-str { grid-row: 1; grid-column: 3; } .sheet-platoons-one.sheet-platoon-str { grid-row: 2; grid-column: 3; } .sheet-platoons-two.sheet-platoon-str { grid-row: 3; grid-column: 3; } .sheet-platoons-three.sheet-platoon-str { grid-row: 4; grid-column: 3; } .sheet-platoons-four.sheet-platoon-str { grid-row: 5; grid-column: 3; } .sheet-platoons-five.sheet-platoon-str { grid-row: 6; grid-column: 3; } .sheet-platoons-header.sheet-platoon-agi { grid-row: 1; grid-column: 4; } .sheet-platoons-one.sheet-platoon-agi { grid-row: 2; grid-column: 4; } .sheet-platoons-two.sheet-platoon-agi { grid-row: 3; grid-column: 4; } .sheet-platoons-three.sheet-platoon-agi { grid-row: 4; grid-column: 4; } .sheet-platoons-four.sheet-platoon-agi { grid-row: 5; grid-column: 4; } .sheet-platoons-five.sheet-platoon-agi { grid-row: 6; grid-column: 4; } .sheet-platoons-header.sheet-platoon-int { grid-row: 1; grid-column: 5; } .sheet-platoons-one.sheet-platoon-int { grid-row: 2; grid-column: 5; } .sheet-platoons-two.sheet-platoon-int { grid-row: 3; grid-column: 5; } .sheet-platoons-three.sheet-platoon-int { grid-row: 4; grid-column: 5; } .sheet-platoons-four.sheet-platoon-int { grid-row: 5; grid-column: 5; } .sheet-platoons-five.sheet-platoon-int { grid-row: 6; grid-column: 5; } .sheet-platoons-header.sheet-platoon-emp { grid-row: 1; grid-column: 6; } .sheet-platoons-one.sheet-platoon-emp { grid-row: 2; grid-column: 6; } .sheet-platoons-two.sheet-platoon-emp { grid-row: 3; grid-column: 6; } .sheet-platoons-three.sheet-platoon-emp { grid-row: 4; grid-column: 6; } .sheet-platoons-four.sheet-platoon-emp { grid-row: 5; grid-column: 6; } .sheet-platoons-five.sheet-platoon-emp { grid-row: 6; grid-column: 6; } .sheet-platoons-header.sheet-platoon-hitcap { grid-row: 1; grid-column: 7; } .sheet-platoons-one.sheet-platoon-hitcap { grid-row: 2; grid-column: 7; } .sheet-platoons-two.sheet-platoon-hitcap { grid-row: 3; grid-column: 7; } .sheet-platoons-three.sheet-platoon-hitcap { grid-row: 4; grid-column: 7; } .sheet-platoons-four.sheet-platoon-hitcap { grid-row: 5; grid-column: 7; } .sheet-platoons-five.sheet-platoon-hitcap { grid-row: 6; grid-column: 7; } .sheet-platoons-header.sheet-platoon-cuf { grid-row: 1; grid-column: 8; } .sheet-platoons-one.sheet-platoon-cuf { grid-row: 2; grid-column: 8; } .sheet-platoons-two.sheet-platoon-cuf { grid-row: 3; grid-column: 8; } .sheet-platoons-three.sheet-platoon-cuf { grid-row: 4; grid-column: 8; } .sheet-platoons-four.sheet-platoon-cuf { grid-row: 5; grid-column: 8; } .sheet-platoons-five.sheet-platoon-cuf { grid-row: 6; grid-column: 8; } .sheet-platoons-header.sheet-platoon-skill1 { grid-row: 1; grid-column: 9; } .sheet-platoons-one.sheet-platoon-skill1 { grid-row: 2; grid-column: 9; } .sheet-platoons-two.sheet-platoon-skill1 { grid-row: 3; grid-column: 9; } .sheet-platoons-three.sheet-platoon-skill1 { grid-row: 4; grid-column: 9; } .sheet-platoons-four.sheet-platoon-skill1 { grid-row: 5; grid-column: 9; } .sheet-platoons-five.sheet-platoon-skill1 { grid-row: 6; grid-column: 9; } .sheet-platoons-header.sheet-platoon-rank1 { grid-row: 1; grid-column: 10; } .sheet-platoons-one.sheet-platoon-rank1 { grid-row: 2; grid-column: 10; } .sheet-platoons-two.sheet-platoon-rank1 { grid-row: 3; grid-column: 10; } .sheet-platoons-three.sheet-platoon-rank1 { grid-row: 4; grid-column: 10; } .sheet-platoons-four.sheet-platoon-rank1 { grid-row: 5; grid-column: 10; } .sheet-platoons-five.sheet-platoon-rank1 { grid-row: 6; grid-column: 10; } .sheet-platoons-header.sheet-platoon-skill2 { grid-row: 1; grid-column: 11; } .sheet-platoons-one.sheet-platoon-skill2 { grid-row: 2; grid-column: 11; } .sheet-platoons-two.sheet-platoon-skill2 { grid-row: 3; grid-column: 11; } .sheet-platoons-three.sheet-platoon-skill2 { grid-row: 4; grid-column: 11; } .sheet-platoons-four.sheet-platoon-skill2 { grid-row: 5; grid-column: 11; } .sheet-platoons-five.sheet-platoon-skill2 { grid-row: 6; grid-column: 11; } .sheet-platoons-header.sheet-platoon-rank2 { grid-row: 1; grid-column: 12; } .sheet-platoons-one.sheet-platoon-rank2 { grid-row: 2; grid-column: 12; } .sheet-platoons-two.sheet-platoon-rank2 { grid-row: 3; grid-column: 12; } .sheet-platoons-three.sheet-platoon-rank2 { grid-row: 4; grid-column: 12; } .sheet-platoons-four.sheet-platoon-rank2 { grid-row: 5; grid-column: 12; } .sheet-platoons-five.sheet-platoon-rank2 { grid-row: 6; grid-column: 12; } .sheet-platoons-header.sheet-platoon-skill3 { grid-row: 1; grid-column: 13; } .sheet-platoons-one.sheet-platoon-skill3 { grid-row: 2; grid-column: 13; } .sheet-platoons-two.sheet-platoon-skill3 { grid-row: 3; grid-column: 13; } .sheet-platoons-three.sheet-platoon-skill3 { grid-row: 4; grid-column: 13; } .sheet-platoons-four.sheet-platoon-skill3 { grid-row: 5; grid-column: 13; } .sheet-platoons-five.sheet-platoon-skill3 { grid-row: 6; grid-column: 13; } .sheet-platoons-header.sheet-platoon-rank3 { grid-row: 1; grid-column: 14; } .sheet-platoons-one.sheet-platoon-rank3 { grid-row: 2; grid-column: 14; } .sheet-platoons-two.sheet-platoon-rank3 { grid-row: 3; grid-column: 14; } .sheet-platoons-three.sheet-platoon-rank3 { grid-row: 4; grid-column: 14; } .sheet-platoons-four.sheet-platoon-rank3 { grid-row: 5; grid-column: 14; } .sheet-platoons-five.sheet-platoon-rank3 { grid-row: 6; grid-column: 14; } .sheet-platoons-header.sheet-platoon-skill4 { grid-row: 1; grid-column: 15; } .sheet-platoons-one.sheet-platoon-skill4 { grid-row: 2; grid-column: 15; } .sheet-platoons-two.sheet-platoon-skill4 { grid-row: 3; grid-column: 15; } .sheet-platoons-three.sheet-platoon-skill4 { grid-row: 4; grid-column: 15; } .sheet-platoons-four.sheet-platoon-skill4 { grid-row: 5; grid-column: 15; } .sheet-platoons-five.sheet-platoon-skill4 { grid-row: 6; grid-column: 15; } .sheet-platoons-header.sheet-platoon-rank4 { grid-row: 1; grid-column: 16; } .sheet-platoons-one.sheet-platoon-rank4 { grid-row: 2; grid-column: 16; } .sheet-platoons-two.sheet-platoon-rank4 { grid-row: 3; grid-column: 16; } .sheet-platoons-three.sheet-platoon-rank4 { grid-row: 4; grid-column: 16; } .sheet-platoons-four.sheet-platoon-rank4 { grid-row: 5; grid-column: 16; } .sheet-platoons-five.sheet-platoon-rank4 { grid-row: 6; grid-column: 16; } .sheet-platoons-header.sheet-platoon-gear { grid-row: 1; grid-column: 17/18; } .sheet-platoons-one.sheet-platoon-gear { grid-row: 2; grid-column: 17/18; } .sheet-platoons-two.sheet-platoon-gear { grid-row: 3; grid-column: 17/18; } .sheet-platoons-three.sheet-platoon-gear { grid-row: 4; grid-column: 17/18; } .sheet-platoons-four.sheet-platoon-gear { grid-row: 5; grid-column: 17/18; } .sheet-platoons-five.sheet-platoon-gear { grid-row: 6; grid-column: 17/18; } /* Targetted styling that only effects elements contained within the stated class */ .sheet-stats h3 { display: inline-block; text-align: left; } .sheet-stats h3:first-child { margin-left: 10px; margin-right: 10px; } .sheet-stats input { margin-right: 10px; width: 25px; } /* Tab stuff */ /*Configure the tab buttons*/ .sheet-basic, .sheet-attributes, .sheet-combat, .sheet-vehicle, .sheet-platoon, .sheet-stockpile, .sheet-tab-weapon-one-contents, .sheet-tab-weapon-two-contents, .sheet-tab-platoon-one-contents, .sheet-tab-platoon-two-contents, .sheet-tab-gear-one-contents, .sheet-tab-gear-two-contents, .sheet-tab-specialties-one-contents, .sheet-tab-specialties-two-contents, .sheet-gear { display: none; } /* show the selected tab */ .sheet-tabstoggle[value="basic"] ~ div.sheet-basic, .sheet-tabstoggle[value="attributes"] ~ div.sheet-attributes, .sheet-tabstoggle[value="combat"] ~ div.sheet-combat, .sheet-tabstoggle[value="vehicle"] ~ div.sheet-vehicle, .sheet-tabstoggle[value="platoon"] ~ div.sheet-platoon, .sheet-tabstoggle[value="stockpile"] ~ div.sheet-stockpile, .sheet-tab-weapons[value="tab_weapon_one"] ~ div.sheet-tab-weapon-one-contents, .sheet-tab-weapons[value="tab_weapon_two"] ~ div.sheet-tab-weapon-two-contents, .sheet-tab-platoons[value="tab_platoon_one"] ~ div.sheet-tab-platoon-one-contents, .sheet-tab-platoons[value="tab_platoon_two"] ~ div.sheet-tab-platoon-two-contents, .sheet-tab-specialties[value="tab_specialties_one"] ~ div.sheet-tab-specialties-one-contents, .sheet-tab-specialties[value="tab_specialties_two"] ~ div.sheet-tab-specialties-two-contents, .sheet-tab-gear[value="tab_gear_one"] ~ div.sheet-tab-gear-one-contents, .sheet-tab-gear[value="tab_gear_two"] ~ div.sheet-tab-gear-two-contents, .sheet-tabstoggle[value="gear"] ~ div.sheet-gear { display: block; } button[type=action] { font-family: T2KCharSheet; background-color: #ebe3d1; color: #877D70; border: 3px solid #877D70; font-size: 16px; padding-top: 4px; border-radius: 4px; margin-right: 8px; } button[type=action]:hover { background-color: #C1B29E; color: #fff; border: 3px solid #C1B29E; } .sheet-tabstoggle[value="basic"] ~ div.sheet-tab-buttons-container button[type=action].sheet-main-buttons.sheet-button-basic, .sheet-tabstoggle[value="combat"] ~ div.sheet-tab-buttons-container button[type=action].sheet-main-buttons.sheet-button-combat, .sheet-tabstoggle[value="gear"] ~ div.sheet-tab-buttons-container button[type=action].sheet-main-buttons.sheet-button-gear, .sheet-tabstoggle[value="vehicle"] ~ div.sheet-tab-buttons-container button[type=action].sheet-main-buttons.sheet-button-vehicle, .sheet-tabstoggle[value="platoon"] ~ div.sheet-tab-buttons-container button[type=action].sheet-main-buttons.sheet-button-platoon, .sheet-tab-weapons[value="tab_weapon_one"] ~ div.sheet-weapons-section button[type=action].sheet-weapons-header.sheet-weapon-button-one, .sheet-tab-weapons[value="tab_weapon_two"] ~ div.sheet-weapons-section button[type=action].sheet-weapons-header.sheet-weapon-button-two, .sheet-tab-platoons[value="tab_platoon_one"] ~ div.sheet-platoons-section button[type=action].sheet-platoons-header.sheet-platoon-button-one, .sheet-tab-platoons[value="tab_platoon_two"] ~ div.sheet-platoons-section button[type=action].sheet-platoons-header.sheet-platoon-button-two, .sheet-tab-specialties[value="tab_specialties_one"] ~ button[type=action].sheet-specialties-button-one, .sheet-tab-specialties[value="tab_specialties_two"] ~ button[type=action].sheet-specialties-button-two, .sheet-tab-gear[value="tab_gear_one"] ~ button[type=action].sheet-gear-button-one, .sheet-tab-gear[value="tab_gear_two"] ~ button[type=action].sheet-gear-button-two { background-color: #877D70; color: #fff; border: 3px solid #877D70; } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } input[type=number].sheet-number-input { font-family: T2KCharSheet; color: #877D70; width: 2em; height: 2em; font-size: 1.25em; text-align: center; padding-top: 10px; } input.sheet-numbered-box { width: 18px; height: 18px; position: relative; top: 0px; left: 0px; margin: 0px; cursor: pointer; z-index: 5; opacity: 0; } input.sheet-numbered-box + span::before { content: attr(title); color: #dcdcdc; border: solid 1px #f5f5f5; text-align: center; display: inline-block; background: #fff; width: 18px; height: 18px; font-size: 10px; font-weight: bold; margin-left: -14px; margin-right: 2px; padding: 0px 0px 0px 0px; line-height: 18px; box-shadow: 0px 0px 5px #dcdcdc; } input.sheet-numbered-box:checked + span::before { color: #ffffff; background: #cc0000; border: solid 1px #cc0000; box-shadow: 0px 0px 10px #b30000; } input.sheet-grey-box:checked + span::before { color: #ffffff; background: #808080; border: solid 1px #808080; box-shadow: 0px 0px 10px #808080; } input.sheet-green-box:checked + span::before { color: #000000; background: #7cfc00; border: solid 1px #7cfc00; box-shadow: 0px 0px 10px #008000; } input.sheet-gold-box:checked + span::before { color: #000000; background: #ffd700; border: solid 1px #ffd700; box-shadow: 0px 0px 10px #ffd700; } input.sheet-letter-box { width: 2em; height: 2em; position: relative; top: 0px; left: 0px; margin: 0px; cursor: pointer; z-index: 5; opacity: 0; } input.sheet-letter-box + span::before { content: attr(title); color: #dcdcdc; border: solid 1px #f5f5f5; text-align: center; display: inline-block; background: #f5f5f5; width: 2em; height: 2em; font-size: 9px; font-weight: bold; margin-left: -28px; margin-right: 2px; padding: 0px 0px 0px 0px; line-height: 2em; box-shadow: 0px 0px 5px #808080; } input.sheet-letter-box:checked + span::before { color: #ffffff; background: #808080; border: solid 1px #808080; box-shadow: 0px 0px 10px #808080; } /* ROLL TEMPLATE STYLING */ .sheet-rolltemplate-t2k .sheet-template-wrap { background-color: hsl(0, 0%, 22%); border: 1px solid #404040; border-radius: 5px; width: 100%; margin-left: -10px; padding: 5px; } .sheet-rolltemplate-t2k .sheet-template-background { background-color: #404040; background-repeat: no-repeat; background-size: contain; background-position: center center; } .sheet-rolltemplate-t2k .sheet-template-grid { display: grid; grid-gap: 3px; background-color: transparent; padding: 3px; grid-template-columns: 15.75% 15.75% 15.75% 15.75% 15.75% 15.75%; } .sheet-rolltemplate-t2k .sheet-template-grid-item { background-color: rgba(259, 259, 259, 0.05); color: #ffffff; border: none; border-radius: 5px; padding: 3px; text-align: center; } .sheet-rolltemplate-t2k .sheet-template-span-six { grid-column: 1 / 7; } .sheet-rolltemplate-t2k .sheet-template-span-left { grid-column: 1 / 3; } .sheet-rolltemplate-t2k .sheet-template-span-center { grid-column: 3 / 5; } .sheet-rolltemplate-t2k .sheet-template-span-right { grid-column: 5 / 7; } .sheet-rolltemplate-t2k .sheet-template-span-one { grid-column: 1 / 2; } .sheet-rolltemplate-t2k .sheet-template-span-two { grid-column: 2 / 3; } .sheet-rolltemplate-t2k .sheet-template-span-three { grid-column: 3 / 4; } .sheet-rolltemplate-t2k .sheet-template-span-four { grid-column: 4 / 5; } .sheet-rolltemplate-t2k .sheet-template-span-five { grid-column: 5 / 6; } .sheet-rolltemplate-t2k .sheet-template-span-shix { grid-column: 6 / 7; } .sheet-rolltemplate-t2k .sheet-template-to-the-left { text-align: left; } .sheet-rolltemplate-t2k .sheet-template-to-the-center { padding-left: 43%; } .sheet-rolltemplate-t2k .inlinerollresult { color: transparent; font-size: 1.9em; line-height: 35px; background-color: transparent; border: none; padding: 0px; } .sheet-rolltemplate-t2k .inlinerollresult.fullcrit { color: transparent; border: none; } .sheet-rolltemplate-t2k .inlinerollresult.fullfail { color: transparent; border: none; } .sheet-rolltemplate-t2k .inlinerollresult.importantroll { color: transparent; border: none; } .sheet-rolltemplate-t2k .sheet-template-base-six-fail { height: 30px; width: 30px; background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/T2K%204e/Images/t2k-d1.png?raw=true"); background-size: 100% 100%; } .sheet-rolltemplate-t2k .sheet-template-base-eight-fail { height: 30px; width: 30px; background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/T2K%204e/Images/t2k-c1.png?raw=true"); background-size: 100% 100%; } .sheet-rolltemplate-t2k .sheet-template-base-ten-fail { height: 30px; width: 30px; background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/T2K%204e/Images/t2k-b1.png?raw=true"); background-size: 100% 100%; } .sheet-rolltemplate-t2k .sheet-template-base-twelve-fail { height: 30px; width: 30px; background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/T2K%204e/Images/t2k-a1.png?raw=true"); background-size: 100% 100%; } .sheet-rolltemplate-t2k .sheet-template-base-six-between { height: 30px; width: 30px; background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/T2K%204e/Images/t2k-d0.png?raw=true"); background-size: 100% 100%; } .sheet-rolltemplate-t2k .sheet-template-base-eight-between { height: 30px; width: 30px; background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/T2K%204e/Images/t2k-c0.png?raw=true"); background-size: 100% 100%; } .sheet-rolltemplate-t2k .sheet-template-base-ten-between { height: 30px; width: 30px; background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/T2K%204e/Images/t2k-b0.png?raw=true"); background-size: 100% 100%; } .sheet-rolltemplate-t2k .sheet-template-base-twelve-between { height: 30px; width: 30px; background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/T2K%204e/Images/t2k-a0.png?raw=true"); background-size: 100% 100%; } .sheet-rolltemplate-t2k .sheet-template-base-six-success { height: 30px; width: 30px; background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/T2K%204e/Images/t2k-d6.png?raw=true"); background-size: 100% 100%; } .sheet-rolltemplate-t2k .sheet-template-base-eight-success { height: 30px; width: 30px; background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/T2K%204e/Images/t2k-c6.png?raw=true"); background-size: 100% 100%; } .sheet-rolltemplate-t2k .sheet-template-base-ten-success { height: 30px; width: 30px; background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/T2K%204e/Images/t2k-b6.png?raw=true"); background-size: 100% 100%; } .sheet-rolltemplate-t2k .sheet-template-base-twelve-success { height: 30px; width: 30px; background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/T2K%204e/Images/t2k-a6.png?raw=true"); background-size: 100% 100%; } .sheet-rolltemplate-t2k .sheet-template-base-ten-critical { height: 30px; width: 30px; background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/T2K%204e/Images/t2k-b10.png?raw=true"); background-size: 100% 100%; } .sheet-rolltemplate-t2k .sheet-template-base-twelve-critical { height: 30px; width: 30px; background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/T2K%204e/Images/t2k-a10.png?raw=true"); background-size: 100% 100%; } .sheet-rolltemplate-t2k .sheet-template-ammo-fail { height: 30px; width: 30px; background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/T2K%204e/Images/t2k-g1.png?raw=true"); background-size: 100% 100%; } .sheet-rolltemplate-t2k .sheet-template-ammo-between { height: 30px; width: 30px; background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/T2K%204e/Images/t2k-g0.png?raw=true"); background-size: 100% 100%; } .sheet-rolltemplate-t2k .sheet-template-ammo-success { height: 30px; width: 30px; background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/T2K%204e/Images/t2k-g6.png?raw=true"); background-size: 100% 100%; } .sheet-rolltemplate-t2k .sheet-template-yellow { height: 30px; width: 30px; background-color: #ffe600; border: none; border-radius: 5px; background-position: center; } .sheet-rolltemplate-t2k .sheet-template-base-six-fail .inlinerollresult, .sheet-rolltemplate-t2k .sheet-template-base-eight-fail .inlinerollresult, .sheet-rolltemplate-t2k .sheet-template-base-ten-fail .inlinerollresult, .sheet-rolltemplate-t2k .sheet-template-base-twelve-fail .inlinerollresult, .sheet-rolltemplate-t2k .sheet-template-base-six-between .inlinerollresult, .sheet-rolltemplate-t2k .sheet-template-base-eight-between .inlinerollresult, .sheet-rolltemplate-t2k .sheet-template-base-ten-between .inlinerollresult, .sheet-rolltemplate-t2k .sheet-template-base-twelve-between .inlinerollresult, .sheet-rolltemplate-t2k .sheet-template-base-six-success .inlinerollresult, .sheet-rolltemplate-t2k .sheet-template-base-eight-success .inlinerollresult, .sheet-rolltemplate-t2k .sheet-template-base-ten-success .inlinerollresult, .sheet-rolltemplate-t2k .sheet-template-base-twelve-success .inlinerollresult, .sheet-rolltemplate-t2k .sheet-template-base-ten-critical .inlinerollresult, .sheet-rolltemplate-t2k .sheet-template-base-twelve-critical .inlinerollresult, .sheet-rolltemplate-t2k .sheet-template-ammo-fail .inlinerollresult, .sheet-rolltemplate-t2k .sheet-template-ammo-between .inlinerollresult, .sheet-rolltemplate-t2k .sheet-template-ammo-success .inlinerollresult { background-color: transparent; border:none; }