Files
tomqat 5f66d279a4 Update twilight-2k-4e.css
The following updates have been made to the character sheet HTML and CSS
- updated character sheet to add new tab for NPC/Allies
- updated Load Carrier specialty trait bonus to correct amount
2022-11-07 16:17:23 -05:00

2232 lines
49 KiB
CSS

@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;
}