Files
roll20-character-sheets/GURPS/gurps.css
T
Ken ba85dee65f GURPS 2.26.0
Fix turning radius
update target icon
Set Max ER value to 0
Updated wound modifier notes
2026-06-14 23:35:58 -07:00

7509 lines
208 KiB
CSS

/*
To add a sheet style:
Add a CSS rule for .sheeet-color-setting-X ~ .sheet-wrapper , were X is the following number to the highest one from the available styles.
Within it, set the CSS variables for the colors to use, use the existing styles as a baseline to simplify this.
Add a color-setting <input> element at the begging of the sheet HTML, directly before sheet-wrapper, using the same number X you've used on the CSS rule
Increase by one the StyleCount variable at the start of the sheet worker at the begining of the sheet HTML (it should be one higher than X)
Go to <select name="attr_sheetstyle"/> on the sheet HTML to add a new option, with X as value, and the name you wish to give the style
*/
.sheet-color-setting{
display: none !important;
}
.sheet-rolltemplate-skillRoll {
--main-text:black;
--highlight-text:#8b0000;
--secondary-highlight: #AE4D4D;
--secondary-highlight-color:white;
--point-label-text:black;
--sheet-bg: white;
--header-bg:#F0F0F0;
--tabbed-header-bg:white;
--border-color:#033530;
--input-disabled-bg:#C9C9C9;
--input-bg:transparent;
--header-text:black;
--row-bg:#e9e9e9;
--odd-row-bg:#d9d9d6;
}
.sheet-rolltemplate-macro {
--main-text:black;
--highlight-text:#8b0000;
--secondary-highlight: #AE4D4D;
--secondary-highlight-color:white;
--point-label-text:black;
--sheet-bg: white;
--header-bg:#F0F0F0;
--tabbed-header-bg:white;
--border-color:#033530;
--input-disabled-bg:#C9C9C9;
--input-bg:transparent;
--header-text:black;
--row-bg:#e9e9e9;
--odd-row-bg:#d9d9d6;
margin-left: -37px;
}
/* option 0 green */
.sheet-color-setting-0:checked ~ .sheet-wrapper,
.sheet-rolltemplate-color-setting-0 { /* Sets the values for the variables if their respective style is selected, add one to add a new style*/
--main-text:black;
--highlight-text:black;
--secondary-highlight:#334739;
--secondary-highlight-color:white;
--point-label-text:#4f91cd;
--header-text:white;
--tabbed-header-bg:white;
--sheet-bg: white;
--box-bg:linear-gradient(#5f8c86,var(--sheet-bg));
--header-bg:#347970;
--subheader-bg:#FFFFFF44;
--row-bg:#8ebcb6;
--odd-row-bg:#7da8a2;
--input-bg:rgba(255, 255, 255, 0.39);
--input-disabled-bg:#c9c9c9;
--border-color:#033530;
}
/* option 1 blue */
.sheet-color-setting-1:checked ~ .sheet-wrapper,
.sheet-rolltemplate-color-setting-1 {
--main-text:black;
--highlight-text:black;
--secondary-highlight:#333547;
--secondary-highlight-color:white;
--point-label-text:#1c33b7;
--header-text:white;
--sheet-bg: white;
--box-bg:linear-gradient(#5f768c,var(--sheet-bg));
--header-bg:#346079;
--tabbed-header-bg:white;
--subheader-bg:#FFFFFF44 ;
--row-bg:#8ea3bc;
--odd-row-bg:#7d90a8;
--input-bg:rgba(255, 255, 255, 0.39);
--input-disabled-bg:#c9c9c9;
--border-color:#033530;
}
/* option 2 beige */
.sheet-color-setting-2:checked ~ .sheet-wrapper,
.sheet-rolltemplate-color-setting-2 {
--main-text:black;
--highlight-text:#8b0000;
--secondary-highlight: #9b5555;
--secondary-highlight-color:white;
--point-label-text:#4f91cd;
--sheet-bg: white;
--box-bg:linear-gradient(#DDDDCC,var(--sheet-bg));
--header-bg:#FFFFF4;
--tabbed-header-bg:white;
--subheader-bg:#FFFFFF99;
--row-bg: #d5d5bf;
--odd-row-bg: #c1c1af;
--border-color:#033530;
--input-bg:rgba(255, 255, 255, 0.39);
--input-disabled-bg:#DDDDDD;
--header-text:black;
}
/* option 3 gray */
.sheet-color-setting-3:checked ~ .sheet-wrapper,
.sheet-rolltemplate-color-setting-3 {
--main-text:black;
--highlight-text:#8b0606;
--secondary-highlight: #AE4D4D;
--secondary-highlight-color:white;
--point-label-text:black;
--sheet-bg: white;
--header-bg:#F0F0F0;
--tabbed-header-bg:white;
--row-bg:#DFDFDF;
--odd-row-bg:#BABABA;
--border-color:#033530;
--input-bg:rgba(255, 255, 255, 0.39);
--input-disabled-bg:#C9C9C9;
--header-text:black;
}
/* option 4 Classic white */
.sheet-color-setting-4:checked ~ .sheet-wrapper,
.sheet-rolltemplate-color-setting-4 {
--main-text:black;
--highlight-text:#8b0000;
--secondary-highlight: #AE4D4D;
--secondary-highlight-color:white;
--point-label-text:black;
--sheet-bg: white;
--header-bg:#F0F0F0;
--tabbed-header-bg:white;
--border-color:#033530;
--input-disabled-bg:#C9C9C9;
--input-bg: white;
--header-text:black;
}
.sheet-rolltemplate-color-setting-4{
--row-bg:#e9e9e9;
--odd-row-bg:#d9d9d6;
}
/* option 5 pastel pink */
.sheet-color-setting-5:checked ~ .sheet-wrapper,
.sheet-rolltemplate-color-setting-5 {
--main-text:black;
--highlight-text:#6d4c8d;
--secondary-highlight: #80738b;
--secondary-highlight-color:white;
--point-label-text:black;
--sheet-bg: white;
--box-bg:#FFDFD3;
--tabbed-header-bg:white;
--header-bg:#d291bc;
--subheader-bg:#9b000033;
--row-bg:#ffeeff;
--odd-row-bg:#E0BBE4;
--border-color:black;
--input-bg:rgba(255, 255, 255, 0.39);
--input-disabled-bg:#E5E5E5;
--header-text:white;
}
/* option 6 pastel earth */
.sheet-color-setting-6:checked ~ .sheet-wrapper,
.sheet-rolltemplate-color-setting-6 {
--main-text:black;
--highlight-text:#1066ee ;
--secondary-highlight: #4c66be ;
--secondary-highlight-color:white;
--point-label-text:black;
--sheet-bg: white;
--box-bg:#B4ECBB;
--header-bg:#95E09D;
--tabbed-header-bg:white;
--subheader-bg:#FFFFFF99;
--row-bg:#EADBB2;
--odd-row-bg:#E4CDA1;
--border-color:black;
--input-bg:rgba(255, 255, 255, 0.39);
--input-disabled-bg:#C9C9C9;
--header-text:white;
}
/* option 7 purple */
.sheet-color-setting-7:checked ~ .sheet-wrapper,
.sheet-rolltemplate-color-setting-7 {
--main-text:white;
--highlight-text:#fff21c ;
--secondary-highlight: #fffc71 ;
--secondary-highlight-color:black;
--point-label-text:white;
--sheet-bg: white; /*MAIN TEXT AND SHEET MUST BE CONTRASTING**/
--box-bg:#776290 ;
--header-bg:#7851a9;
--tabbed-header-bg:#7851a9;
--subheader-bg:#00000045;
--row-bg:#c07c7a;
--odd-row-bg:#c27c92;
--border-color:black;
--input-bg:rgba(255, 255, 255, 0.958);
--input-disabled-bg:#C9C9C9;
--header-text:white;
}
/* option 8 fabric */
.sheet-color-setting-8:checked ~ .sheet-wrapper,
.sheet-rolltemplate-color-setting-8 {
--main-text:white;
--highlight-text:#fff21c ;
--secondary-highlight: gold ;
--secondary-highlight-color:black;
--point-label-text:black;
--sheet-bg: repeating-linear-gradient(45deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px,
hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px,
hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px,
hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px,
hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px,
hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 120px, hsla(197, 62%, 11%, 0.5) 120px, hsla(197, 62%, 11%, 0.5) 140px
),
repeating-linear-gradient(135deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px,
hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px,
hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px,
hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px,
hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px,
hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 140px, hsla(197, 62%, 11%, 0.5) 140px, hsla(197, 62%, 11%, 0.5) 160px
);
--box-bg:url(http://www.transparenttextures.com/patterns/dark-denim-3.png),#626f7e;
--header-bg: url("https://www.transparenttextures.com/patterns/leather.png"),radial-gradient(#8d7154 40%, #8d5134 105%);
--tabbed-header-bg:#00000099;
--subheader-bg:#00000099;
--row-bg:url(http://www.transparenttextures.com/patterns/dark-denim-3.png),#4E6988;
--odd-row-bg:url(http://www.transparenttextures.com/patterns/dark-denim-3.png),#415063;
--border-color:black;
--input-bg:rgba(255, 255, 255, 0.91);
--input-disabled-bg:#C9C9C9;
--header-text:white;
}
.sheet-color-setting-8:checked ~ .sheet-wrapper .sheet-header,
.sheet-rolltemplate-color-setting-8 table.sheet-result th {
outline: 2px dashed goldenrod;
outline-offset: -3px;
}
.sheet-color-option-0 {color:black;background: #8ebcb6;}
.sheet-color-option-1 {color:black;background: #8ea3bc;}
.sheet-color-option-2 {color:black;background: #B1B1A5;}
.sheet-color-option-3 {color:black;background:#DFDFDF ;}
.sheet-color-option-5 {color:black;background: #ffeeff;}
.sheet-color-option-6 {color:black;background: #EADBB2;}
.sheet-color-option-7 {color:white;background: #C07C7A;}
.sheet-color-option-8 {color:white;background: #4e6988;}
.sheet-wrapper {
min-width: 852px;
font-family: var(--font);
color:var(--main-text);
background: var(--sheet-bg);
overflow: hidden;
margin-top: -22px;
}
.sheet-wrapper > div {
overflow: hidden;
}
.sheet-wrapper button[type=roll],
.sheet-wrapper button[type=action] {
box-shadow: none;
}
.uneditable-input{
background: white;
}
.sheet-box {
box-sizing: border-box;
font-size: 12px;
float: left;
background:var(--box-bg);
margin: 0.2em;
overflow: auto;
outline: 1px solid gray;
}
.sheet-box.sheet-overflow-normal {
overflow: visible;
}
.sheet-label {
font-weight: bold;
text-align: right;
}
.sheet-title{width: 100%;}
.sheet-hr {
box-shadow: 0 -1px 0 var(--main-text);
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: red;
font-style:italic;
opacity: 0.5; /* Firefox */
}
/* indenting */
input.sheet-indent-field[value="1"] ~ input.sheet-field-to-indent {
padding-left: 12px;
}
input.sheet-indent-field[value="2"] ~ input.sheet-field-to-indent {
padding-left: 24px;
}
input.sheet-indent-field[value="3"] ~ input.sheet-field-to-indent {
padding-left: 36px;
}
input.sheet-indent-field[value="4"] ~ input.sheet-field-to-indent {
padding-left: 48px;
}
input.sheet-indent-field[value="5"] ~ input.sheet-field-to-indent {
padding-left: 60px;
}
input.sheet-indent-field[value="6"] ~ input.sheet-field-to-indent {
padding-left: 72px;
}
/* section heading box */
.sheet-section-heading {
width: 100%;
margin: 10px .2em;
background: var(--header-bg);
outline: 1px solid var(--header-bg);
float: left;
}
.sheet-section-heading.sheet-combat-tools {
width: calc(100% - 140px - 0.8em);
}
.sheet-section-heading.sheet-combat-tools .sheet-header {
font-size: 15px;
color: var(--header-text);
background: var(--header-bg);
}
/* -- name heading -- */
.sheet-heading-character-name {
width: 100%;
margin-bottom: 5px;
}
.sheet-heading-character-name h3 {
text-align: left;
color: var(--main-text);
background: var(--tabbed-header-bg);
}
/* roll option buttons */
.sheet-heading-character-name .sheet-roll-options {
display: none;
}
.sheet-heading-character-name .sheet-roll-options .sheet-custom-roll-button {
display: none;
}
input[name="attr_display_roll_option_header"][value="1"] ~ .sheet-roll-options {
display: block;
}
input[name="attr_display_custom_roll_option_header"][value="1"] ~ .sheet-custom-roll-button {
display: inline-block;
}
.sheet-heading-character-name .sheet-roll-modifiers-prompt {
display: none;
}
input[name="attr_display_roll_modifiers_header"][value="1"] ~ .sheet-roll-modifiers-prompt {
display: block;
}
.sheet-heading-character-name .sheet-roll-options {
clear: both;
height: 27px;
width: auto;
}
.sheet-heading-character-name .sheet-roll-options label {
margin: 0;
padding: 0;
width: auto;
display: inline-block;
}
.sheet-heading-character-name .sheet-roll-options label input[type="radio"] {
display: none;
}
.sheet-heading-character-name .sheet-roll-options > label > span {
display: block;
padding: 3px;
cursor: pointer;
transition: background-color .3s;
font-size: 11px;
text-transform: lowercase;
font-variant: small-caps;
line-height: 18px;
background: var(--input-disabled-bg);
border: 1px solid var(--border-color);
border-radius: 4px;
}
.sheet-heading-character-name .sheet-roll-options > label > span:hover,
.sheet-heading-character-name .sheet-roll-options > label > input:checked + span {
background: var(--secondary-highlight);
color: var(--secondary-highlight-color);
}
/* -- Announcements -- */
input[name="attr_announcements_hide"][value="1"] ~ .sheet-update-alert {
display: none !important;
}
.sheet-update-alert .sheet-container {
margin-bottom: 10px;
}
.sheet-update-alert .sheet-container input[type=checkbox].sheet-ack-button {
width: 12em;
margin-right: -12em;
z-index: 5;
height: 1.6em;
position: relative;
top: 0px;
left: 0px;
opacity: 0;
}
.sheet-update-alert .sheet-container input[type=checkbox].sheet-ack-button:not(:checked) ~ .sheet-content {
display: none !important;
}
.sheet-update-alert .sheet-container label.sheet-show-content {
display: inline !important;
position: relative;
cursor: pointer;
font-size: 12px;
color: darkred;
}
.sheet-update-alert .sheet-container label.sheet-show-content:before {
display: inline-block !important;
color:black!important;
content: '►';
width: 1em;
height: 1em;
font-size: 1em;
}
.sheet-update-alert .sheet-container input[type=checkbox].sheet-ack-button:checked ~ label.sheet-show-content:before {
content: '▼';
}
.sheet-update-alert .sheet-container .sheet-content {
padding: 10px;
color: black !important;
border: 1px solid var(--border-color);
margin: 0 0 10px 0;
border-radius: 5px;
background: aliceblue;
}
.sheet-update-alert .sheet-container .sheet-content h4 {
margin-bottom: 10px;
}
.sheet-update-alert .sheet-container .sheet-content h4 input {
width: 50px;
height: 18px;
border: none;
font-weight: bold;
padding-left: 0;
padding-bottom: 6px;
font-size: 14px;
}
.sheet-update-alert .sheet-container .sheet-content button.sheet-reset {
background: #4CAF50;
color: white;
border: none;
padding: 6px 8px;
}
.sheet-update-alert .sheet-container .sheet-content button.sheet-reset:hover {
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.sheet-update-alert .sheet-container .sheet-content .sheet-check input[type=checkbox] {
width: 14px;
height: 14px;
}
.sheet-update-alert .sheet-container .sheet-content .sheet-check b {
font-size: 11px;
}
/* Default d6 for all skill rolls */
.sheet-wrapper button[type=roll]::before {
font-family: "dicefontd6";
content: "L";
font-size: 24px;
}
/* Option stlyle for explosion damage dice */
.sheet-wrapper button[type=roll].roll_explode::before,
.sheet-wrapper button[type=action].roll_explode::before {
font-family: "Pictos Custom";
content: "t";
font-size: 24px;
color: red;
}
/* Option style for d20 blank damage dice */
.sheet-wrapper button[type=roll].roll_d20blank::before {
font-family: "dicefontd20";
content: "0";
font-size: 24px;
}
/* Option style for d4skull damage dice */
.sheet-wrapper button[type=roll].roll_d4skull::before {
font-family: "dicefontd4";
content: "@";
font-size: 30px;
}
/* style button for inventory use item */
.sheet-wrapper button[type=roll][name=roll_useitem]::before {
font-family: "Pictos";
content: "L";
font-size: 24px;
}
/**** Generic Textarea notes *****/
.sheet-table-generic-notes .sheet-header {
height: 24px;
}
.sheet-table-generic-notes .sheet-cell.sheet-full-width {
width: 100%;
}
input.sheet-hidden-generic-notes-toggle ~ div.sheet-wrapper-generic-textarea-notes {
display: none !important;
}
input.sheet-hidden-generic-notes-toggle[value="1"] ~ div.sheet-wrapper-generic-textarea-notes {
display: block !important;
}
.sheet-wrapper-generic-textarea-notes {
padding-bottom: 3px;
}
.sheet-wrapper-generic-textarea-notes.sheet-tall-row {
height: 163px;
}
.sheet-wrapper-generic-textarea-notes.sheet-medium-row {
height: 80px;
}
.sheet-wrapper-generic-textarea-notes textarea.sheet-generic-textrea-notes {
width: 98%;
}
.sheet-wrapper-generic-textarea-notes textarea.sheet-macro-textrea-notes {
height: 60px !important;
width: 98%;
}
/*******************************************************/
/* Set the thrust damage dice based on selected option */
button[type=action].roll_damage {
padding: 2px 3px;
font-size: 1.3em;
margin: 0px 3px 0px 3px;
display: inline-block;
text-align: center;
vertical-align: middle;
border: 1px solid white;
}
input.sheet-thrust-damage-dice-icon[value="explode"] ~ button[type=roll].roll_damage::before,
input.sheet-thrust-damage-dice-icon[value="explode"] ~ button[type=action].roll_damage::before {
font-family: "Pictos Custom";
content: "t";
font-size: 24px;
color: red;
}
input.sheet-thrust-damage-dice-icon[value="d6black"] ~ button[type=roll].roll_damage::before,
input.sheet-thrust-damage-dice-icon[value="d6black"] ~ button[type=action].roll_damage::before {
font-family: "dicefontd6";
content: "L";
font-size: 24px;
}
input.sheet-thrust-damage-dice-icon[value="d20blank"] ~ button[type=roll].roll_damage::before,
input.sheet-thrust-damage-dice-icon[value="d20blank"] ~ button[type=action].roll_damage::before {
font-family: "dicefontd20";
content: "0";
font-size: 24px;
}
input.sheet-thrust-damage-dice-icon[value="d4skull"] ~ button[type=roll].roll_damage::before,
input.sheet-thrust-damage-dice-icon[value="d4skull"] ~ button[type=action].roll_damage::before {
font-family: "dicefontd4";
content: "@";
font-size: 30px;
}
/*******************************************************/
/* Set the swing damage dice based on selected option */
input.sheet-swing-damage-dice-icon[value="explode"] ~ button[type=roll].roll_damage::before,
input.sheet-swing-damage-dice-icon[value="explode"] ~ button[type=action].roll_damage::before {
font-family: "Pictos Custom";
content: "t";
font-size: 24px;
color: red;
}
input.sheet-swing-damage-dice-icon[value="d6black"] ~ button[type=roll].roll_damage::before,
input.sheet-swing-damage-dice-icon[value="d6black"] ~ button[type=action].roll_damage::before {
font-family: "dicefontd6";
content: "L";
font-size: 24px;
}
input.sheet-swing-damage-dice-icon[value="d20blank"] ~ button[type=roll].roll_damage::before,
input.sheet-swing-damage-dice-icon[value="d20blank"] ~ button[type=action].roll_damage::before {
font-family: "dicefontd20";
content: "0";
font-size: 24px;
}
input.sheet-swing-damage-dice-icon[value="d4skull"] ~ button[type=roll].roll_damage::before,
input.sheet-swing-damage-dice-icon[value="d4skull"] ~ button[type=action].roll_damage::before {
font-family: "dicefontd4";
content: "@";
font-size: 30px;
}
/******************************************************/
/* Set the melee damage dice based on selected option */
input.sheet-melee-damage-dice-icon[value="explode"] ~ button[type=roll].roll_damage::before,
input.sheet-melee-damage-dice-icon[value="explode"] ~ button[type=action].roll_damage::before,
input.sheet-range-damage-dice-icon[value="explode"] ~ button[type=roll].roll_damage::before {
font-family: "Pictos Custom";
content: "t";
font-size: 24px;
color: red;
}
input.sheet-melee-damage-dice-icon[value="d6black"] ~ button[type=roll].roll_damage::before,
input.sheet-melee-damage-dice-icon[value="d6black"] ~ button[type=action].roll_damage::before,
input.sheet-range-damage-dice-icon[value="d6black"] ~ button[type=roll].roll_damage::before {
font-family: "dicefontd6";
content: "L";
font-size: 24px;
}
input.sheet-melee-damage-dice-icon[value="d20blank"] ~ button[type=roll].roll_damage::before,
input.sheet-melee-damage-dice-icon[value="d20blank"] ~ button[type=action].roll_damage::before,
input.sheet-range-damage-dice-icon[value="d20blank"] ~ button[type=roll].roll_damage::before {
font-family: "dicefontd20";
content: "0";
font-size: 24px;
}
input.sheet-melee-damage-dice-icon[value="d4skull"] ~ button[type=roll].roll_damage::before,
input.sheet-melee-damage-dice-icon[value="d4skull"] ~ button[type=action].roll_damage::before,
input.sheet-range-damage-dice-icon[value="d4skull"] ~ button[type=roll].roll_damage::before {
font-family: "dicefontd4";
content: "@";
font-size: 30px;
}
/******************************************************/
/* Set the range damage dice based on selected option */
input.sheet-range-damage-dice-icon[value="explode"] ~ button[type=roll].roll_damage::before,
input.sheet-range-damage-dice-icon[value="explode"] ~ button[type=action].roll_damage::before,
input.sheet-range-damage-dice-icon[value="explode"] ~ button[type=roll].roll_damage::before {
font-family: "Pictos Custom";
content: "t";
font-size: 24px;
color: red;
}
input.sheet-range-damage-dice-icon[value="d6black"] ~ button[type=roll].roll_damage::before,
input.sheet-range-damage-dice-icon[value="d6black"] ~ button[type=action].roll_damage::before,
input.sheet-range-damage-dice-icon[value="d6black"] ~ button[type=roll].roll_damage::before {
font-family: "dicefontd6";
content: "L";
font-size: 24px;
}
input.sheet-range-damage-dice-icon[value="d20blank"] ~ button[type=roll].roll_damage::before,
input.sheet-range-damage-dice-icon[value="d20blank"] ~ button[type=action].roll_damage::before,
input.sheet-range-damage-dice-icon[value="d20blank"] ~ button[type=roll].roll_damage::before {
font-family: "dicefontd20";
content: "0";
font-size: 24px;
}
input.sheet-range-damage-dice-icon[value="d4skull"] ~ button[type=roll].roll_damage::before,
input.sheet-range-damage-dice-icon[value="d4skull"] ~ button[type=action].roll_damage::before,
input.sheet-range-damage-dice-icon[value="d4skull"] ~ button[type=roll].roll_damage::before {
font-family: "dicefontd4";
content: "@";
font-size: 30px;
}
/* ===== CUSTOM TABLES ===== */
.sheet-table {
overflow: hidden;
}
.sheet-header {
text-align: center;
font-weight: bold;
text-transform: lowercase;
color:var(--header-text);
background: var(--header-bg);
font-variant: small-caps;
letter-spacing: 1px;
white-space: nowrap;
height: 22px;
}
.sheet-notebox .sheet-header{
margin-top: 6px;
margin-left: -4px;
margin-right: -4px;
}
.sheet-header:nth-of-type(2){
background: var(--subheader-bg);
outline: none!important;
}
.sheet-row {
height: 22px;
width: 100%;
flex-wrap: wrap;
display: flex!important;
align-items: center;
margin-top: 2px;
}
.sheet-row.sheet-roll-modifiers {
height: 48px;
align-items: flex-start;
}
.sheet-row-textarea {
height: 100% ;
}
.sheet-row:nth-child(1), .sheet-row+.sheet-hr{
height: auto;
}
.sheet-row:nth-child(even){
background: var(--row-bg);
}
.sheet-row:nth-child(odd){
background: var(--odd-row-bg);
}
.sheet-cell {
box-sizing: border-box;
float: left;
height: 22px;
line-height: 22px;
padding: 0px 1px;
padding-top: 0px!important;
}
.sheet-cell > * {
width: 100%;
}
/* ===== ROW COLOURING ===== */
input {
background: var(--input-bg);
}
.charsheet .sheet-row input[readonly],
.charsheet .sheet-grid-standard input[readonly],
.charsheet .sheet-row input[readonly="readonly"],
.charsheet .sheet-row input:disabled,
.charsheet .sheet-modifier-row input[readonly],
.charsheet .sheet-modifier-row input[readonly="readonly"],
.charsheet .sheet-modifier-row input:disabled,
.sheet-slam-attack-table .sheet-item input[readonly] {
background: var(--input-disabled-bg) !important;
border-bottom: none !important;
}
.sheet-input-disabled {
background: var(--input-disabled-bg) !important;
border-bottom: none !important;
}
.charsheet .sheet-row input[type="text"]:enabled,
.charsheet .sheet-modifier-row input[type="text"]:enabled {
border-bottom: 1px solid var(--border-color);
}
.charsheet .sheet-row input[type="number"]:read-write,
.charsheet .sheet-modifier-row input[type="number"]:read-write {
border-bottom: 1px solid var(--border-color);
}
.sheet-box .sheet-row-details ,
.sheet-box .sheet-row-details2,
.sheet-box .sheet-melee-notebox,
.sheet-box .sheet-ranged-notebox {
background: var(--row-bg);
}
.sheet-speed-range-table {
float: right;
}
.sheet-speed-range-table img {
width: 140px;
}
.sheet-rapid-fire-table {
float: right;
margin: 0 0 10px 0;
padding: 5px 0;
border-top: 2px solid var(--border-color);
border-bottom: 2px solid var(--border-color);
}
.sheet-rapid-fire-table img {
width: 140px;
}
/* ===== CUSTOM TABS ===== */
input.sheet-tab {
position: relative;
width: 75px;
height: 22px;
margin: 0;
opacity: 0;
z-index: 1;
border: none;
display: none;
}
input.sheet-tab.sheet-gear {
width: 40px;
}
input.sheet-tab + span {
position: relative;
display: none;
min-width: 70px;
height: 23px;
margin: 0 0 -3px -75px;
padding: 2px 2px 0 2px;
cursor: pointer;
border: 1px solid #ddd;
background: white;
border-bottom: 1px solid #a8a8a8;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
color: #bbb;
font-size: 14px;
text-align: center;
font-weight: bold;
line-height: 23px;
}
input.sheet-tab + span.sheet-gear {
min-width: 40px;
width: 40px;
margin-left: -40px;
}
/* show/hide tabs based on sheet type */
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="1"],
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="2"],
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="1a"],
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="3"],
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="4"],
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="5"],
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="6"],
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="tools"],
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="7"],
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="8"],
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="0"] {
display: inline;
}
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="1"] + span,
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="2"] + span,
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="1a"] + span,
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="3"] + span,
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="4"] + span,
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="5"] + span,
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="6"] + span,
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="tools"] + span,
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="7"] + span,
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="8"] + span,
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="0"] + span {
display: inline-block !important;
}
input[name="attr_gurps_sheet_type"][value="chase"] ~ input.sheet-tab[value="chase"],
input[name="attr_gurps_sheet_type"][value="chase"] ~ input.sheet-tab[value="tools"],
input[name="attr_gurps_sheet_type"][value="chase"] ~ input.sheet-tab[value="7"],
input[name="attr_gurps_sheet_type"][value="chase"] ~ input.sheet-tab[value="8"],
input[name="attr_gurps_sheet_type"][value="chase"] ~ input.sheet-tab[value="0"] {
display: inline;
}
input[name="attr_gurps_sheet_type"][value="chase"] ~ input.sheet-tab[value="chase"] + span,
input[name="attr_gurps_sheet_type"][value="chase"] ~ input.sheet-tab[value="tools"] + span,
input[name="attr_gurps_sheet_type"][value="chase"] ~ input.sheet-tab[value="7"] + span,
input[name="attr_gurps_sheet_type"][value="chase"] ~ input.sheet-tab[value="8"] + span,
input[name="attr_gurps_sheet_type"][value="chase"] ~ input.sheet-tab[value="0"] + span {
display: inline-block !important;
}
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="vehicle"],
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="vehicle-locations"],
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="vehicle-crew"],
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="vehicle-loadout"],
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="vehicle-defense"],
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="vehicle-melee"],
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="vehicle-ranged"],
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="vehicle-tools"],
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="7"],
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="8"],
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="0"] {
display: inline;
}
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="vehicle"] + span,
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="vehicle-locations"] + span,
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="vehicle-crew"] + span,
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="vehicle-loadout"] + span,
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="vehicle-defense"] + span,
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="vehicle-melee"] + span,
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="vehicle-ranged"] + span,
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="vehicle-tools"] + span,
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="7"] + span,
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="8"] + span,
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="0"] + span {
display: inline-block !important;
}
input.sheet-tab:checked + span {
color: #555;
border: 1px solid #a8a8a8;
border-bottom-color: var(--sheet-bg);
}
input.sheet-tab0 + span {
font-family: "Pictos";
font-size: 16px;
}
.sheet-tab-br {
border-bottom: 1px solid #a8a8a8;
margin-bottom: 5px;
}
.sheet-tab7 {
background: var(--row-bg);
}
/* show/hide selected tabs */
input.sheet-tab1:not(:checked) ~ .sheet-tab1,
input.sheet-tab-misc:not(:checked) ~ .sheet-tab-misc,
input.sheet-tab2:not(:checked) ~ .sheet-tab2,
input.sheet-tab3:not(:checked) ~ .sheet-tab3,
input.sheet-tab4:not(:checked) ~ .sheet-tab4,
input.sheet-tab5:not(:checked) ~ .sheet-tab5,
input.sheet-tab6:not(:checked) ~ .sheet-tab6,
input.sheet-tab7:not(:checked) ~ .sheet-tab7,
input.sheet-tab8:not(:checked) ~ .sheet-tab8,
input.sheet-tab-chase:not(:checked) ~ .sheet-tab-chase,
input.sheet-tab-vehicle:not(:checked) ~ .sheet-tab-vehicle,
input.sheet-tab-vehicle-locations:not(:checked) ~ .sheet-tab-vehicle-locations,
input.sheet-tab-vehicle-crew:not(:checked) ~ .sheet-tab-vehicle-crew,
input.sheet-tab-vehicle-loadout:not(:checked) ~ .sheet-tab-vehicle-loadout,
input.sheet-tab-vehicle-defense:not(:checked) ~ .sheet-tab-vehicle-defense,
input.sheet-tab-vehicle-melee:not(:checked) ~ .sheet-tab-vehicle-melee,
input.sheet-tab-vehicle-ranged:not(:checked) ~ .sheet-tab-vehicle-ranged,
input.sheet-tab-vehicle-tools:not(:checked) ~ .sheet-tab-vehicle-tools,
input.sheet-tab-tools:not(:checked) ~ .sheet-tab-tools,
input.sheet-tab0:not(:checked) ~ .sheet-tab0 {
display: none !important;
}
/* ===== SUB ROWS ===== */
.sheet-sub-row {
font-size: 90%;
color: darkgray;
}
.sheet-sub-row .sheet-popup {
color: var(--secondary-highlight);
}
.sheet-row.sheet-margin-bottom {
margin-bottom: 3px;
}
.sheet-box .sheet-toggle {
position: absolute;
left: 0;
z-index: 1;
}
.sheet-toggle:checked ~ .sheet-row-details {
display: inline-block !important;
margin: 0 0 2px 25px;
width: calc( 100% - 35px );
border-left: 2px solid var(--border-color);
border-bottom: 2px solid var(--border-color);
}
.sheet-toggle-highlight ~ .sheet-toggle:checked ~ .sheet-row-details {
margin: 0 0 2px 48px;
width: calc( 100% - 58px );
}
.sheet-toggle ~ .sheet-row-details {
display: none !important;
}
/*
.sheet-box .sheet-row-details:hover,
.sheet-box .sheet-row:hover + .sheet-row-details { display: block !important; }
.sheet-box .sheet-row-details { display: none !important; }
*/
.sheet-toggle:checked ~ .sheet-row-details2 {
display: inline-block !important;
}
.sheet-toggle ~ .sheet-row-details2 {
display: none !important;
}
.sheet-toggle:checked ~ .sheet-melee-notebox {
display: inline-block !important;
padding-bottom: 5px;
margin: 0 0 2px 48px;
width: calc( 100% - 58px );
border-left: 2px solid var(--border-color);
border-bottom: 2px solid var(--border-color);
}
.sheet-melee-notebox div.sheet-show-notes {
text-align: left;
width: 50%;
float: left;
}
.sheet-melee-notebox div.sheet-show-notes input[type=checkbox] {
opacity: 1;
width: 15px;
height: 15px;
width: auto ! important;
}
.sheet-melee-notebox div.sheet-show-notes span.sheet-label {
font-style: italic;
}
/* add spacing to skill name labels and values */
.sheet-melee-notebox .sheet-col-wide b {
margin: 0 5px 0 5px;
}
.sheet-melee-notebox .sheet-row,
.sheet-melee-notebox .sheet-row .sheet-cell {
height: 100%;
}
.sheet-full-width-margin-right-sm {
width: 100%;
margin-right: 10px;
}
.sheet-full-width-margin-zero {
width: 100%;
}
.sheet-texbox-height-medium {
height: 75px;
}
.sheet-ranged-notebox .sheet-col-wide b {
margin: 0 5px 0 5px;
}
.sheet-toggle:checked ~ .sheet-ranged-notebox {
display: inline-block !important;
padding-bottom: 5px;
background: var(--sheet-bg);
margin: 0 0 2px 48px;
width: calc( 100% - 60px );
border-left: 2px solid var(--border-color);
border-bottom: 2px solid var(--border-color);
padding-left: 2px;
}
.sheet-toggle ~ .sheet-melee-notebox,
.sheet-toggle ~ .sheet-ranged-notebox {
display: none !important;
}
.sheet-melee-notebox textarea.sheet-chat-size,
.sheet-ranged-notebox textarea.sheet-chat-size,
.sheet-notebox textarea.sheet-chat-size {
width: 300px;
height: 55px;
}
.sheet-melee-notebox textarea.sheet-full-size,
.sheet-ranged-notebox textarea.sheet-full-size {
width: 612px;
height: 55px;
}
.sheet-melee-notebox .sheet-popup,
.sheet-ranged-notebox .sheet-popup {
font-weight: bold;
}
.sheet-ranged-notebox .sheet-row,
.sheet-ranged-notebox .sheet-row .sheet-cell {
height: 100%;
}
/* show/hide Row ID: based on drop-down selection */
.sheet-melee-notebox input[name="attr_melee_row_type"][value="ST"] ~ .sheet-show-hide-row-id,
.sheet-melee-notebox input[name="attr_melee_row_type"][value="STRIKING"] ~ .sheet-show-hide-row-id,
.sheet-melee-notebox input[name="attr_melee_row_type"][value="DX"] ~ .sheet-show-hide-row-id,
.sheet-melee-notebox input[name="attr_melee_row_type"][value="IQ"] ~ .sheet-show-hide-row-id,
.sheet-melee-notebox input[name="attr_melee_row_type"][value="WILL"] ~ .sheet-show-hide-row-id,
.sheet-melee-notebox input[name="attr_melee_row_type"][value="HT"] ~ .sheet-show-hide-row-id,
.sheet-melee-notebox input[name="attr_melee_row_type"][value="10"] ~ .sheet-show-hide-row-id {
display: none;
}
.sheet-melee-notebox .sheet-margin-right {
margin-right: 5px;
}
.sheet-ranged-notebox input[name="attr_ranged_row_type"][value="ST"] ~ .sheet-show-hide-row-id,
.sheet-ranged-notebox input[name="attr_ranged_row_type"][value="STRIKING"] ~ .sheet-show-hide-row-id,
.sheet-ranged-notebox input[name="attr_ranged_row_type"][value="DX"] ~ .sheet-show-hide-row-id,
.sheet-ranged-notebox input[name="attr_ranged_row_type"][value="IQ"] ~ .sheet-show-hide-row-id,
.sheet-ranged-notebox input[name="attr_ranged_row_type"][value="WILL"] ~ .sheet-show-hide-row-id,
.sheet-ranged-notebox input[name="attr_ranged_row_type"][value="HT"] ~ .sheet-show-hide-row-id,
.sheet-ranged-notebox input[name="attr_ranged_row_type"][value="10"] ~ .sheet-show-hide-row-id {
display: none;
}
.sheet-ranged-notebox .sheet-malfunction-row {
border: 1px solid #ccc;
padding-left: 3px;
margin: 4px 2px 2px 2px;
}
/* if malfunction is off, show grayed box */
input[name="attr_use_malfunction"][value="0"] ~ .repcontainer .repitem .sheet-ranged-notebox .sheet-malfunction-row {
background: var(--input-disabled-bg);
}
input[name="attr_use_malfunction"][value="0"] ~ .repcontainer .repitem .sheet-ranged-notebox .sheet-malfunction-row input {
background: var(--input-disabled-bg);
}
input[name="attr_use_malfunction"][value="1"] ~ .repcontainer .repitem .sheet-ranged-notebox .sheet-show-enabled-label,
input[name="attr_use_malfunction"][value="1"] ~ .repcontainer .repitem .sheet-malfunction-status .sheet-show-enabled-label {
color: blue;
font-weight: bold;
}
input[name="attr_use_malfunction"][value="0"] ~ .repcontainer .repitem .sheet-ranged-notebox .sheet-show-enabled-label,
input[name="attr_use_malfunction"][value="0"] ~ .repcontainer .repitem .sheet-malfunction-status .sheet-show-enabled-label {
display: none;
}
input[name="attr_use_malfunction"][value="1"] ~ .repcontainer .repitem .sheet-ranged-notebox .sheet-show-disabled-label,
input[name="attr_use_malfunction"][value="1"] ~ .repcontainer .repitem .sheet-malfunction-status .sheet-show-disabled-label {
display: none;
}
input[name="attr_use_malfunction"][value="0"] ~ .repcontainer .repitem .sheet-ranged-notebox .sheet-show-disabled-label,
input[name="attr_use_malfunction"][value="0"] ~ .repcontainer .repitem .sheet-malfunction-status .sheet-show-disabled-label {
color: red;
font-weight: bold;
}
/*
.sheet-box .sheet-row-details2:hover,
.sheet-box .sheet-row:hover + .sheet-row-details2 { display: block !important; }
.sheet-box .sheet-row-details2 { display: none !important; }
*/
/* ===== BUTTONS ===== */
.sheet-box button {
margin: 0 !important;
height: 12px;
border-radius: 0;
line-height: 10px;
background-image: none;
border: none;
}
.sheet-box button[type="roll"],
.sheet-box button[type="action"] {
width: 22px;
background: none;
}
button[type="action"].sheet-button-roll-template {
width: 22px;
background: none;
box-shadow: none;
padding: 2px 3px;
font-size: 1.3em;
color: var(--header-text);
border: none;
}
/* Default d6 for all skill rolls */
button[type="action"].sheet-button-roll-template::before {
font-family: "dicefontd6";
content: "L";
font-size: 24px;
}
.sheet-box button.sheet-roll-tracker:before {
font-family: "Pictos" !important;
content: "t" !important;
}
/* ===== INPUTS ===== */
.sheet-row input[type=number]::-webkit-inner-spin-button,
.sheet-row input[type=number]::-webkit-outer-spin-button {
appearance: none;
margin: 0;
}
.sheet-row input[type=number],
.sheet-modifier-row input[type=number] {
appearance: textfield;
}
.sheet-row select {
width: 100%;
height: 20px;
padding: 0;
margin: 0;
margin-top: -2px;
}
.sheet-row input:not(.sheet-inline) {
width: 100% !important;
}
input.sheet-width-125 {
width: 125px;
}
.sheet-row input {
height: 20px;
margin-top: -2px;
padding: 0 2px;
line-height: 22px;
text-align: center;
background: var(--input-bg);
border: none;
box-shadow: none;
cursor: initial;
}
.sheet-modifier-row input {
height: 20px;
margin-top: -2px;
padding: 0 2px;
line-height: 22px;
text-align: center;
background: var(--input-bg);
border: none;
box-shadow: none;
cursor: initial;
}
.sheet-modifier-row input {
background: var(--input-bg);
border: none;
box-shadow: none;
}
.sheet-row input:not(:disabled), .sheet-row input:not(:readonly) {
border-radius: 2px;
box-shadow: inset 0px 0px 1px 0px rgba(98, 98, 94, 0.75);
}
.sheet-row .sheet-textarea {
text-align: center;
}
.sheet-row .sheet-textarea .sheet-label {
text-align: center;
font-variant: small-caps;
text-transform: lowercase;
}
.sheet-row .sheet-textarea textarea {
text-align: initial;
outline: none;
resize: none;
overflow: auto;
margin: 0;
margin-bottom: 4px;
width: 98%;
height: 60px;
}
/* NOTEBOX */
.sheet-row-details.sheet-notebox {
height: 100%;
padding: 0 4px;
}
.sheet-row-details.sheet-notebox input {
text-align: left;
width: 88%;
}
.sheet-row-details.sheet-notebox .sheet-row-misc {
height: 22px;
}
.sheet-row-details.sheet-notebox div.sheet-col-notebox div.sheet-show-notes {
text-align: left;
}
.sheet-row-details.sheet-notebox div.sheet-show-notes input[type=checkbox] {
opacity: 1;
width: 15px;
height: 15px;
width: auto ! important;
}
.sheet-row-details.sheet-notebox div.sheet-col-notebox div.sheet-show-notes span.sheet-label {
font-style: italic;
}
.sheet-row-details.sheet-notebox .sheet-rolltable-result-notes {
min-height: 91px;
height: 100%;
margin-bottom: 5px;
display: flex;
justify-content: space-evenly;
}
.sheet-row-details.sheet-notebox .sheet-rolltable-result-notes.sheet-notes-below {
margin-top: 5px;
flex-wrap: wrap;
}
.sheet-notes-below .sheet-show-notes{
width: 100%;
}
.sheet-row-details.sheet-notebox .sheet-rolltable-result-notes.sheet-notes-below textarea {
height: 60px;
width: 98%;
}
.sheet-row-details.sheet-notebox .sheet-rolltable-result-notes .sheet-note-title {
font-weight: bold;
}
.sheet-row-details.sheet-notebox .sheet-rolltable-result-notes .sheet-note-input {
float: left;
width: 290px;
margin-right: 5px;
}
.sheet-row-details.sheet-notebox .sheet-rolltable-result-notes .sheet-note-input textarea {
width: 278px;
height: 55px;
}
.sheet-row-details.sheet-notebox .sheet-rolltable-result-notes .sheet-tooltip {
margin-left: 0px;
}
.sheet-col-notebox textarea {
height: 67px;
width: 96%;
}
.sheet-spells textarea{
height: 50px;
}
/* ===== DIFFERENCE COLOURING ===== */
.sheet-diff[value="0"] + input {
color: green;
}
/* ===== CUSTOM CHECKBOXES ===== */
.sheet-box input[type="checkbox"] {
opacity: 0;
width: 22px;
height: 22px;
cursor: pointer;
z-index: 1;
}
.sheet-box input[type="checkbox"] ~ .sheet-checkbox:before {
width: 18px;
height: 18px;
line-height: 22px;
margin: 0;
margin-left: 0px;
padding: 0 1px 4px 0;
text-align: center;
display: inline-block !important;
vertical-align: middle;
font-size: 18px;
font-family: "Pictos";
color: var(--input-disabled-bg);
}
.sheet-box input[type="checkbox"] ~ .sheet-checkbox.sheet-small-font:before {
font-size: 14px;
}
.sheet-toggle-highlight ~ .sheet-checkbox:before{
margin-left: -20px!important;
}
.sheet-box .sheet-boolean ~ .sheet-checkbox:before {
border: solid 1px #a8a8a8;
position: relative;
top: -23px;
left: -1px;
box-shadow: 0 0 2px #ccc;
border-radius: 3px;
background: #f6f6f6;
background: radial-gradient(#f6f6f6, #dfdfdf);
}
.sheet-box .sheet-boolean:checked ~ .sheet-checkbox:before {
content: "3";
}
.sheet-boolean {
opacity:1 !important;
}
.sheet-box .sheet-toggle ~ .sheet-checkbox:before {
content: "&";
}
.sheet-box .sheet-toggle ~ .sheet-checkbox {
position: absolute;
}
.sheet-box .sheet-toggle ~ .sheet-checkbox-encumbrance,
.sheet-box .sheet-toggle ~ .sheet-checkbox-slam-options,
.sheet-box .sheet-toggle ~ .sheet-checkbox-attribute-reason {
position: inherit;
float: left;
}
.sheet-box input[type="checkbox"] ~ .sheet-checkbox-encumbrance:before {
line-height: 18px;
}
.sheet-box .sheet-toggle:checked ~ .sheet-checkbox:before {
content: "_";
color: var(--header-text);
}
.sheet-box .sheet-toggle:hover ~ .sheet-checkbox:before {
color: var(--header-text);
}
/* ===== UTILITY ===== */
.sheet-right {
float: right;
}
.sheet-left {
float: left;
}
.sheet-inline {
display: inline !important;
}
.sheet-clearfix:before,
.sheet-clearfix:after {
content: "";
display: table !important;
}
.sheet-clearfix:after {
clear: both;
}
.sheet-hover {
position: relative;
z-index: 0;
}
/* ===== CSS TOOLTIP ===== */
.sheet-popup {
color: var(--highlight-text);
line-height: 22px;
}
.sheet-popup.sheet-inline-block {
display: inline-block;
}
.sheet-popup span.sheet-help-icon {
font-family: "Pictos";
color: #315073;
font-size: 18px;
}
.sheet-popup + .sheet-tooltip {
z-index: 10;
display: none !important;
padding: 4px;
text-align: left;
margin-left: -40px;
font-weight: normal;
text-transform: initial;
font-variant: initial;
}
.sheet-popup:hover + .sheet-tooltip {
width: auto;
height: auto;
white-space: normal;
display: inline !important;
position: absolute;
color: #111;
border: 2px solid var(--border-color);
border-radius:5px;
background: #66ffff;
line-height: 1.5em;
font-size: 11px;
box-shadow: 5px 10px 8px #888888;
}
.sheet-tooltip table {
float: left;
line-height: 2em;
font-size: 11px;
border-collapse: collapse;
text-align: center;
}
.sheet-tooltip td {
padding: 0 8px;
}
.sheet-tooltip tr, th {
padding: 0 8px;
text-align: center;
}
.sheet-tooltip tbody tr:nth-child(odd) {
background: var(--sheet-bg);
}
.sheet-tooltip input[type="text"].sheet-textInline {
display: inline !important;
background: transparent;
width: 25px ! important;
}
.sheet-tooltip input[type="text"].sheet-width-wide {
width: 200px ! important;
}
.sheet-tooltip.sheet-tooltip-margin-medium {
margin-left: 92px;
}
/* ===== MODULE SUPPORT ===== */
input.sheet-module-roll:checked ~ .sheet-wrapper .sheet-module-on-roll,
.sheet-wrapper .sheet-module-off-roll {
display: inline-block !important;
}
input.sheet-module-roll:checked ~ .sheet-wrapper .sheet-module-off-roll,
.sheet-wrapper .sheet-module-on-roll {
display: none !important;
}
/* ===== LAYOUT Subsection for Notes===== */
.sheet-box .sheet-row-details .sheet-col0 { width: 40px; text-align: center; }
.sheet-box .sheet-row-details .sheet-col1 { width: calc(100% - 40px); }
.sheet-box .sheet-row-details .sheet-col1 input { text-align: left; }
/* ===== ATTACK LAYOUT Subscentino for Weapon Notes and Damage Notes ===== */
.sheet-box .sheet-row-details2 .sheet-col0 { width: 100px; text-align: center; }
.sheet-box .sheet-row-details2 .sheet-col1 { width: calc(100% - 450px); }
.sheet-box .sheet-row-details2 .sheet-col1 input { text-align: left; }
.sheet-box .sheet-row-details2 .sheet-col2 { width: 100px; text-align: center; }
.sheet-box .sheet-row-details2 .sheet-col3 { width: 250px; }
.sheet-box .sheet-row-details2 .sheet-col3 input { text-align: left; }
/* -- TOOLTIPS - Specific -- */
.sheet-attribute .sheet-row-thrust-damage .sheet-tooltip { margin-left: 80px; margin-top: -200px }
.sheet-attribute .sheet-row-swing-damage .sheet-tooltip { margin-left: 80px; margin-top: -200px}
.sheet-encumberance .sheet-colAll .sheet-tooltip { margin-left: -215px; }
.sheet-lift .sheet-tooltip { margin-left: -120px; }
.sheet-miscelleneous .sheet-tooltip { margin-left: -75px; }
.sheet-active-defense .sheet-tooltip.sheet-ad-col0-tooltip {
margin-left: 0px;
width: 50%;
}
.sheet-damage-reduction .sheet-tooltip { margin-left: -50px; }
.sheet-damage-reduction .sheet-col2 .sheet-tooltip { margin-left: -300px; }
.sheet-melee-attacks .sheet-tooltip { margin-left: -100px; }
.sheet-melee-attacks .sheet-col1 .sheet-tooltip { margin-left: -40px; }
.sheet-ranged-attacks .sheet-tooltip { margin-left: -100px; }
.sheet-ranged-attacks .sheet-col1 .sheet-tooltip { margin-left: -40px; }
.sheet-encumberance .sheet-tooltip { margin-left: -40px; }
.sheet-skills .sheet-tooltip-skills-ref,
.sheet-traits .sheet-tooltip-skills-ref,
.sheet-culture .sheet-tooltip-skills-ref,
.sheet-perks-disadvantages .sheet-tooltip-skills-ref,
.sheet-racial .sheet-tooltip-skills-ref,
.sheet-quirks-area .sheet-tooltip-skills-ref {
margin-left: -200px;
}
.sheet-row-totals .sheet-tooltip { margin-left: 10px; }
.sheet-tooltip.sheet-max-skill-9 {
margin-top: 22px;
}
/* ---- POINT SUMMARY ---- */
.sheet-points .sheet-tooltip { margin-left: -310px; }
.sheet-spells .sheet-col11 .sheet-tooltip { margin-left: -150px; }
.sheet-spells .sheet-col12 .sheet-tooltip { margin-left: -200px; }
.sheet-points .sheet-cell .sheet-tooltip {
margin-left: -290px;
width: 246px;
}
.sheet-points .sheet-cell.sheet-title {
width: 100%;
text-align: center;
font-weight: bold;
}
/* Point Summary Show/Hide */
.sheet-points input.sheet-point-summary-layout ~ .sheet-point-summary-gca5,
.sheet-points input.sheet-point-summary-layout ~ .sheet-point-summary-gca4,
.sheet-points input.sheet-point-summary-layout ~ .sheet-point-summary-gcs,
.sheet-points input.sheet-point-summary-layout ~ .sheet-point-summary-detailed {
display: none !important;
}
.sheet-points input.sheet-point-summary-layout[value="4"] ~ .sheet-point-summary-gca5 {
display: block !important;
}
.sheet-points input.sheet-point-summary-layout[value="1"] ~ .sheet-point-summary-gca4 {
display: block !important;
}
.sheet-points input.sheet-point-summary-layout[value="2"] ~ .sheet-point-summary-gcs {
display: block !important;
}
.sheet-points input.sheet-point-summary-layout[value="3"] ~ .sheet-point-summary-detailed {
display: block !important;
}
.sheet-thrown-object {
width: calc(100% - 140px - 0.8em);
}
.sheet-thrown-object .sheet-repcontainer .sheet-repitem {
position: relative;
}
.sheet-thrown-object input.sheet-align-left {
text-align: left;
}
.sheet-thrown-object textarea.sheet-notes {
width: 301px;
height: 33px;
}
.sheet-thrown-object input[name="attr_thrown_skill_modifier"] {
text-align: left;
width: 30px !important;
}
/* -- GENERAL -- */
.sheet-plain-text {
color: black;
}
.sheet-tab1 .sheet-warning-messages {
width: 100%;
}
.sheet-footnote-font {
font-size: 10px;
}
.sheet-tab1 .sheet-warning-messages .sheet-message-box {
padding: 4px;
border: 1px solid red;
margin: .2em;
}
.sheet-tab1 .sheet-warning-messages .sheet-size-modifier-strength-message,
.sheet-tab1 .sheet-warning-messages .sheet-size-modifier-hit-point-message,
.sheet-tab1 .sheet-warning-messages .sheet-size-modifier-striking-st-message,
.sheet-tab1 .sheet-warning-messages .sheet-size-modifier-lifting-st-message {
display: none;
}
.sheet-tab1 .sheet-warning-messages input[name="attr_show_size_modifier_strength_message"][value="1"] ~ .sheet-size-modifier-strength-message,
.sheet-tab1 .sheet-warning-messages input[name="attr_show_size_modifier_hit_point_message"][value="1"] ~ .sheet-size-modifier-hit-point-message,
.sheet-tab1 .sheet-warning-messages input[name="attr_show_size_modifier_striking_st_message"][value="1"] ~ .sheet-size-modifier-striking-st-message,
.sheet-tab1 .sheet-warning-messages input[name="attr_show_size_modifier_lifting_st_message"][value="1"] ~ .sheet-size-modifier-lifting-st-message {
display: block;
}
.sheet-tab1-column2 {
float: left;
width: calc(100% - 180px - 100px - .8em);
}
.sheet-attribute { width: 190px; margin-bottom: 180px;}
.sheet-attribute .sheet-header .sheet-col0 { width: 96px; }
.sheet-attribute .sheet-header .sheet-col1 { width: 30px; }
.sheet-attribute .sheet-header .sheet-col2 { width: 35px; }
.sheet-attribute .sheet-row .sheet-title { text-align: center; }
.sheet-attribute .sheet-row .sheet-col-button { width: 9px; }
.sheet-attribute .sheet-row .sheet-col0 { width: 55px; }
.sheet-attribute .sheet-row .sheet-col1 { width: 35px; }
.sheet-attribute .sheet-row .sheet-col2 { width: 30px; }
.sheet-attribute .sheet-row .sheet-col3 { width: 35px; }
.sheet-attribute .sheet-row .sheet-col4 { width: 22px; }
.sheet-attribute .sheet-row-thrust-damage .sheet-col1 { width: 90px; }
.sheet-attribute .sheet-row-swing-damage .sheet-col1 { width: 90px; }
.sheet-attribute .sheet-row .sheet-col-move-label { width: 145px; }
.sheet-attribute .sheet-row .sheet-col-move-value { width: 35px; }
.sheet-main-attribute .sheet-row { height: 30px; }
.sheet-main-attribute .sheet-row-health { height: 25px; }
.sheet-main-attribute .sheet-row .sheet-col0 { font-size: 20px; }
.sheet-main-attribute .sheet-row .sheet-col1 input { font-size: 20px; }
.sheet-attribute .sheet-row-perception { height: 25px; }
.sheet-attribute .sheet-row-perception .sheet-col0 { font-size: 16px; }
.sheet-attribute .sheet-row-perception .sheet-col1 input { font-size: 16px; }
.sheet-attribute .sheet-row-willpower { height: 25px; }
.sheet-attribute .sheet-row-willpower .sheet-col0 { font-size: 16px; }
.sheet-attribute .sheet-row-willpower .sheet-col1 input { font-size: 16px; }
.sheet-attribute .sheet-row-condition-stun { height: 25px; }
.sheet-attribute .sheet-row-condition-stun .sheet-col0,
.sheet-attribute .sheet-row-condition-stun .sheet-col0 input {
font-size: 16px;
}
.sheet-attribute .sheet-row .sheet-col3-fright-label {
font-weight: bold;
font-size: 9px;
color: #404040;
}
div.sheet-display-attribute-reasons {
display: none;
}
.sheet-font-size-12 {
font-size: 12px;
}
.sheet-box input[type="checkbox"].sheet-toggle-attribute-reason {
position: absolute;
left: 33px;
width: 20px!important;
}
.sheet-box input[type="checkbox"].sheet-toggle-attribute-reason.sheet-shift-over {
left: 228px;
}
.sheet-box input[type="checkbox"] ~ span.sheet-checkbox.sheet-checkbox-attribute-reason {
margin-top: -2px;
}
.sheet-box input[type="checkbox"] ~ span.sheet-checkbox.sheet-checkbox-attribute-reason:before {
margin-left: -2px;
}
.sheet-row .sheet-cell input.sheet-text-left {
text-align: left;
}
input[name="attr_toggle_strength_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_dex_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_int_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_health_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_perception_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_will_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_vision_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_hearing_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_smell_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_touch_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_fright_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_fright_threshold_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_unstun_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_knockdown_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_unconscious_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_death_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_speed_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_move_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_enhanced_ground_move_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_dodge_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_lifting_strength_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_striking_strength_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_stress_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_derangement_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_hit_points_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_fatigue_points_reason_modifier"][value="1"] + .sheet-display-attribute-reasons {
display: block;
}
.sheet-stats input { font-size: 13px;}
.sheet-stats .sheet-header .sheet-col-button { width: 21px; }
.sheet-stats .sheet-header .sheet-col0 { width: 72px; }
.sheet-stats .sheet-header .sheet-col1 { width: 41px; }
.sheet-stats .sheet-header .sheet-col2 { width: 30px; }
.sheet-stats .sheet-header .sheet-col3 { width: 37px; }
.sheet-stats .sheet-row { font-size: 13px; }
.sheet-stats .sheet-row.sheet-hr {
margin-top: 10px;
}
.sheet-stats .sheet-row .sheet-col-button { width: 21px; }
.sheet-stats .sheet-row .sheet-col0 { width: 74px; }
.sheet-stats .sheet-row .sheet-col0-custom-pool { width: 96px; }
.sheet-stats .sheet-row .sheet-col0 input,
.sheet-stats .sheet-row .sheet-col0-custom-pool input { text-align:left; }
.sheet-stats .sheet-row .sheet-col1 { width: 35px; }
.sheet-stats .sheet-row .sheet-col2 { width: 35px; }
.sheet-stats .sheet-row .sheet-col3 { width: 35px; }
.sheet-row-current-points{
justify-content: flex-start;
}
.sheet-stats .sheet-row-current-points .sheet-col0 { height: 24px; }
.sheet-stats .sheet-row-current-points .sheet-col1 { width: 35px; }
.sheet-stats .sheet-row-current-points .sheet-col2 {
width: 70px;
}
.sheet-stats .sheet-row-current-points .sheet-col2 div {
text-align: center;
font-size: 12px;
font-weight: bold;
}
.sheet-stats .sheet-row-current-points.sheet-padding-bottom {
padding-bottom: 3px;
}
/* Show/Hide hit point notes */
.sheet-stats .sheet-row-current-points .sheet-col2 input.sheet-hit-points-notes[value="0"] ~ .sheet-hit-points-halved-dodge,
.sheet-stats .sheet-row-current-points .sheet-col2 input.sheet-hit-points-notes[value="0"] ~ .sheet-hit-points-quartered-dodge {
display: none !important;
}
.sheet-stats .sheet-row-current-points .sheet-col2 input.sheet-hit-points-notes[value="1"] ~ .sheet-hit-points-halved-dodge {
display: block !important;
}
.sheet-stats .sheet-row-current-points .sheet-col2 input.sheet-hit-points-notes[value="1"] ~ .sheet-hit-points-quartered-dodge {
display: none !important;
}
.sheet-stats .sheet-row-current-points .sheet-col2 input.sheet-hit-points-notes[value="2"] ~ .sheet-hit-points-halved-dodge {
display: none !important;
}
.sheet-stats .sheet-row-current-points .sheet-col2 input.sheet-hit-points-notes[value="2"] ~ .sheet-hit-points-quartered-dodge {
display: block !important;
}
/* Show/Hide fatigue notes */
.sheet-stats .sheet-row-current-points .sheet-col2 input.sheet-fatigue-points-notes[value="0"] ~ .sheet-fatigue-points-halved-dodge,
.sheet-stats .sheet-row-current-points .sheet-col2 input.sheet-fatigue-points-notes[value="0"] ~ .sheet-fatigue-points-quartered-dodge {
display: none !important;
}
.sheet-stats .sheet-row-current-points .sheet-col2 input.sheet-fatigue-points-notes[value="1"] ~ .sheet-fatigue-points-halved-dodge {
display: block !important;
}
.sheet-stats .sheet-row-current-points .sheet-col2 input.sheet-fatigue-points-notes[value="1"] ~ .sheet-fatigue-points-quartered-dodge {
display: none !important;
}
.sheet-stats .sheet-row-current-points .sheet-col2 input.sheet-fatigue-points-notes[value="2"] ~ .sheet-fatigue-points-halved-dodge {
display: none !important;
}
.sheet-stats .sheet-row-current-points .sheet-col2 input.sheet-fatigue-points-notes[value="2"] ~ .sheet-fatigue-points-quartered-dodge {
display: block !important;
}
.sheet-stats .sheet-tooltip table { text-align: left; font-size: 9px; }
.sheet-stats .sheet-tooltip table .sheet-label { text-align: left; font-size: 9px; }
.sheet-stats .sheet-cell {
padding: 0.2em;
}
.sheet-stats .sheet-custom-pools .sheet-popup {
text-align: center;
font-weight: bold;
}
.sheet-miscelleneous {
width: calc(40% - 0.4em);
padding-bottom: 5px;
}
.sheet-miscelleneous .sheet-header .sheet-col0 {
width: calc(100% - 30px);
text-align: center;
}
.sheet-miscelleneous .sheet-header .sheet-col1 { width: 30px; }
.sheet-miscelleneous .sheet-row .sheet-col0 { width: 140px; }
.sheet-miscelleneous .sheet-row .sheet-col1 { width: calc(100% - 172px); }
.sheet-miscelleneous .sheet-row .sheet-col1 input { text-align:left; }
.sheet-miscelleneous .sheet-row .sheet-col2 { width: 30px; }
.sheet-miscelleneous .sheet-row-race .sheet-col1,
.sheet-miscelleneous .sheet-row-gender .sheet-col1,
.sheet-miscelleneous .sheet-row-size .sheet-col1,
.sheet-miscelleneous .sheet-row-hand .sheet-col1 { width: calc(100% - 80px); }
.sheet-miscelleneous .sheet-row-reactions .sheet-col1 { width: calc(100% - 80px); }
/* Hit Points Column */
.sheet-hp-lift-container {
float: left;
width: 206px
}
/* General Tab: Notes Box */
.sheet-general-notes-box {
width: calc(100% - 206px - 5px);
height: 493px;
}
.sheet-general-notes-box .sheet-cell-col-100 {
box-sizing: border-box;
float: left;
padding: 5px;
width: 100%;
margin: 0;
}
.sheet-general-notes-box .sheet-header .sheet-cell {
padding-left: 6px;
}
.sheet-general-notes-box .sheet-cell-col-100 textarea {
width: 99%;
padding: 2px;
margin: 0;
}
.sheet-general-notes-box textarea {
height: 447px;
}
.sheet-points { width: 90px; }
.sheet-points .sheet-header .sheet-col0 { width: 100%; }
.sheet-points .sheet-row .sheet-col0 { width: 50px; }
.sheet-points .sheet-row .sheet-col1 { width: 40px; }
.sheet-points .sheet-row .sheet-unspent-points-label {
color: #4f91cd;
}
.sheet-points .sheet-row .sheet-unspent-points input {
font-size: 14px;
}
/* ============ TAB Sheet Options ============ */
.sheet-options {
width: 100%;
display: flex;
margin: 1px 1px 10px 1px;
}
.sheet-options .sheet-option-column {
width: 33%;
float: left;
}
.sheet-options .sheet-help-column {
width: 50%;
float: left;
}
.sheet-options .sheet-help-column-full-width {
width: 100%;
float: left;
}
.sheet-pencil-pad-icon,
.sheet-paper-icon,
.sheet-reset-icon {
font-family: "Pictos";
font-size: 16px;
}
.sheet-reset-icon {
color: red;
}
div.sheet-tollbar-image {
margin: 10px 0 10px 0;
}
.sheet-options .sheet-option-container {
outline: 1px solid var(--border-color);
padding: 5px;
background: var(--row-bg);
color:var(--main-text);
margin: 0 15px 10px 0;
}
.sheet-options .sheet-option-container h4 {
color:var(--header-text);
background: var(--header-bg);
margin: -5px -5px 0 -5px;
padding: 5px 5px 0 5px;
}
.sheet-options .sheet-option-container > div {
margin-bottom: 10px;
}
.sheet-collision-falling-options h4 {
margin-right: -20px !important;
padding-right: 20px !important;
}
.sheet-options .sheet-option-container.sheet-damage-dice {
height: 56px;
}
.sheet-options .sheet-option-container.sheet-damage-dice div {
margin: 5px 10px 5px 0;
float: left;
}
.sheet-options .sheet-collision-falling-options {
padding-right: 20px;
}
/* display manual input checkbox */
.sheet-options input.sheet-manual-unspent-box {
opacity: 1;
}
.sheet-options .sheet-option-container .sheet-resync {
margin: 10px 0 10px 10px;
}
/* show/hide manual unspent box */
input.sheet-toggle-unspoint-points[value="1"] ~ .sheet-row-unspent {
display: block !important;
}
input.sheet-toggle-unspoint-points[value="0"] ~ .sheet-row-unspent {
display: none !important;
}
/* show/hide calculated unspent box */
input.sheet-toggle-unspoint-points[value="1"] ~ .sheet-row-total {
display: none !important;
}
input.sheet-toggle-unspoint-points[value="0"] ~ .sheet-row-total {
display: block !important;
}
.sheet-lift {
width: 201px;
}
.sheet-lift .sheet-col0 {
width: 128px;
}
.sheet-lift .sheet-col1 {
width: 50px;
}
.sheet-encumberance { width: calc(100% - 5px); }
.sheet-encumberance .sheet-colToggle { position: relative;}
.sheet-encumberance .sheet-col0 { width: 100px; }
.sheet-encumberance .sheet-col0.sheet-current-label {
font-size: 14px;
text-align: left;
font-weight: bold;
padding-left: 26px;
}
.sheet-encumberance .sheet-col1 { width: calc((100% - 100px) * 0.4); }
.sheet-encumberance .sheet-colAll { width: calc((100% - 100px) * 0.166); }
.sheet-encumberance .sheet-col2 { width: calc((100% - 100px) * 0.3); }
.sheet-encumberance .sheet-col3 { width: calc((100% - 100px) * 0.3); }
.sheet-encumberance .sheet-row-load {
height: 40px;
font-size: 18px;
font-weight: bold;
}
.sheet-encumberance .sheet-row-load .sheet-cell { margin-top: 11px; }
.sheet-encumberance .sheet-row-load input { font-size: 13px; font-weight: bold; }
/* Movement Feats area */
.sheet-movement-feats { width: calc(100% - 5px); }
.sheet-movement-feats .sheet-header {
font-size: 15px;
color: var(--header-text);
background: var(--header-bg);
margin-bottom: 5px;
}
.sheet-movement-feats .sheet-colToggle { position: relative;}
.sheet-movement-feats .sheet-col0 { width: 100px; }
.sheet-movement-feats .sheet-colDropDown { width: 70px; }
.sheet-movement-feats .sheet-col1 { width: calc((100% - 100px) * 0.4); }
.sheet-movement-feats .sheet-colAll { width: calc((100% - 191px) * 0.166); }
.sheet-movement-feats .sheet-col2 { width: calc((100% - 100px) * 0.3); }
.sheet-movement-feats .sheet-col3 { width: calc((100% - 100px) * 0.3); }
.sheet-movement-feats .sheet-row-load {
height: 40px;
font-size: 18px;
font-weight: bold;
}
.sheet-movement-feats .sheet-row-load .sheet-cell { margin-top: 11px; }
.sheet-movement-feats .sheet-row-load input { font-size: 18px; font-weight: bold; }
.sheet-final-velocity-warning {
display: none;
}
input[name="attr_show_final_velocity_warning"][value="1"] ~ .sheet-final-velocity-warning {
display: block;
color: red;
margin-top: 5px;
}
.sheet-container-feats {
float: left;
width: 100%;
}
.sheet-container-feats .sheet-row .sheet-column-header {
text-align: center;
font-weight: bold;
text-transform: lowercase;
font-variant: small-caps;
letter-spacing: 1px;
white-space: nowrap;
height: 22px;
width: 100%;
border-bottom: 1px solid var(--border-color);
margin-bottom: 5px;
}
.sheet-container-feats .sheet-row .sheet-title { text-align: center; }
.sheet-container-feats .sheet-row .sheet-col0 { width: 50px; }
.sheet-container-feats .sheet-row .sheet-col1 { width: 35px; }
.sheet-container-feats .sheet-row .sheet-col2 { width: 40px; }
.sheet-container-feats .sheet-row .sheet-col3 { width: 40px; }
.sheet-container-feats .sheet-feats-child {
float: left;
width: 30%;
}
.sheet-container-feats .sheet-container-flying {
margin-left: 10px;
}
.sheet-container-feats .sheet-container-swimming {
margin-left: 20px;
}
.sheet-container-feats .sheet-container-jumping {
margin-left: 20px;
}
/* show/hide table */
/* show/hide manual unspent box */
input.sheet-toggle-encumbrance[type="checkbox"]:checked ~ div.sheet-encumbrance-table-body {
display: block !important;
}
input.sheet-toggle-encumbrance[type="checkbox"]:not(:checked) ~ div.sheet-encumbrance-table-body {
display: none !important;
}
input[type="checkbox"][name="attr_toggle_turn_deceleration"]:checked ~ div.sheet-turn-decelerate-container {
display: block !important;
margin-bottom: 10px;
}
input[type="checkbox"][name="attr_toggle_turn_deceleration"]:not(:checked) ~ div.sheet-turn-decelerate-container {
display: none !important;
}
.sheet-encumbrance-table-body input[name="attr_encumbrance_level"][value="0"] ~ .sheet-row-encumberance-0 {
background-color: var(--highlight-text);
color: white;
}
.sheet-encumbrance-table-body input[name="attr_encumbrance_level"][value="1"] ~ .sheet-row-encumberance-1 {
background-color: var(--highlight-text);
color: white;
}
.sheet-encumbrance-table-body input[name="attr_encumbrance_level"][value="2"] ~ .sheet-row-encumberance-2 {
background-color: var(--highlight-text);
color: white;
}
.sheet-encumbrance-table-body input[name="attr_encumbrance_level"][value="3"] ~ .sheet-row-encumberance-3 {
background-color: var(--highlight-text);
color: white;
}
.sheet-encumbrance-table-body input[name="attr_encumbrance_level"][value="4"] ~ .sheet-row-encumberance-4 {
background-color: var(--highlight-text);
color: white;
}
.sheet-encumbrance-table-body input[name="attr_encumbrance_level"][value="5"] ~ .sheet-row-encumberance-MAX {
background-color: var(--highlight-text);
color: white;
}
/* -- TRAITS -- */
.sheet-language { width: calc(60% - 0.4em); }
.sheet-language .sheet-col0 {
margin-left: 22px;
width: calc(100% - 351px);
}
.sheet-language .sheet-col0 input { text-align:left; }
.sheet-language .sheet-col1 { width: 120px; }
.sheet-language .sheet-col1-pts { width: 30px; }
.sheet-language .sheet-col2 { width: 120px; }
.sheet-language .sheet-col2-pts { width: 30px; }
.sheet-language .sheet-col3 { width: 28px; }
.sheet-language-notebox {
display: none;
}
.sheet-language textarea.sheet-reason-notes {
width: 444px;
height: 33px;
}
.sheet-language textarea.sheet-notes {
width: 444px;
height: 55px;
}
input[type="checkbox"].sheet-talent-checkbox {
width: 22px!important;
float: left;
margin-right: 5px;
opacity: 1;
}
input[name="attr_has_language_talent"][value="0"] ~ .repcontainer .sheet-language-select select[name="attr_spoken"],
input[name="attr_has_language_talent"][value="0"] ~ .repcontainer .sheet-language-select select[name="attr_written"] {
display: block;
}
input[name="attr_has_language_talent"][value="0"] ~ .repcontainer .sheet-language-select select[name="attr_spoken_talent"],
input[name="attr_has_language_talent"][value="0"] ~ .repcontainer .sheet-language-select select[name="attr_written_talent"] {
display: none;
}
input[name="attr_has_language_talent"][value="1"] ~ .repcontainer .sheet-language-select select[name="attr_spoken"],
input[name="attr_has_language_talent"][value="1"] ~ .repcontainer .sheet-language-select select[name="attr_written"] {
display: none;
}
input[name="attr_has_language_talent"][value="1"] ~ .repcontainer .sheet-language-select select[name="attr_spoken_talent"],
input[name="attr_has_language_talent"][value="1"] ~ .repcontainer .sheet-language-select select[name="attr_written_talent"] {
display: block;
}
.sheet-culture { width: calc(40% - 0.4em); }
.sheet-culture .sheet-col0 {
margin-left: 20px;
width: calc(100% - 54px);
}
.sheet-culture .sheet-col0 input { text-align:left; }
.sheet-culture .sheet-col1 { width: 30px; }
.sheet-culture textarea.sheet-notes {
width: 162%;
height: 55px;
}
/* -- repeating traits -- */
.sheet-traits { width: calc(100% - 0.4em); }
.sheet-traits .sheet-half-size {
width: calc(50% - 0.1em);
float: left;
}
.sheet-traits .sheet-half-size.sheet-border {
border-right: 1px solid gray;
}
.sheet-traits .sheet-header {
background: var(--header-bg);
}
.sheet-traits .sheet-col0 { width: calc(100% - 169px); }
.sheet-traits .sheet-col0 input { text-align:left; }
.sheet-traits .sheet-col1 { width: 28px; }
.sheet-traits .sheet-col2 { width: 22px; }
.sheet-traits .sheet-col3 { width: 30px; }
.sheet-traits .sheet-col4 { width: 60px; }
.sheet-traits .sheet-row-stats .sheet-col0 {
margin-left: 20px;
width: calc(100% - 191px);
}
.sheet-traits.sheet-perks-disadvantages .sheet-col0 {
width: calc(100% - 140px);
}
.sheet-traits.sheet-perks-disadvantages .sheet-row-stats .sheet-col0 {
width: calc(100% - 161px);
}
/* -- show/hide die for FOA roll -- */
.sheet-row-stats button[name="roll_vsAFOA"],
.sheet-melee-notebox .sheet-row.sheet-success-fail-notes {
display: none !important;
}
/* -- check to show dice under advantages and perks table -- */
.sheet-traits input[type="hidden"][name="attr_foa"][value="3"] ~ .sheet-row-stats button[name="roll_vsAFOA"],
.sheet-traits input[type="hidden"][name="attr_foa"][value="4"] ~ .sheet-row-stats button[name="roll_vsAFOA"],
.sheet-traits input[type="hidden"][name="attr_foa"][value="5"] ~ .sheet-row-stats button[name="roll_vsAFOA"],
.sheet-traits input[type="hidden"][name="attr_foa"][value="6"] ~ .sheet-row-stats button[name="roll_vsAFOA"],
.sheet-traits input[type="hidden"][name="attr_foa"][value="7"] ~ .sheet-row-stats button[name="roll_vsAFOA"],
.sheet-traits input[type="hidden"][name="attr_foa"][value="8"] ~ .sheet-row-stats button[name="roll_vsAFOA"],
.sheet-traits input[type="hidden"][name="attr_foa"][value="9"] ~ .sheet-row-stats button[name="roll_vsAFOA"],
.sheet-traits input[type="hidden"][name="attr_foa"][value="10"] ~ .sheet-row-stats button[name="roll_vsAFOA"],
.sheet-traits input[type="hidden"][name="attr_foa"][value="11"] ~ .sheet-row-stats button[name="roll_vsAFOA"],
.sheet-traits input[type="hidden"][name="attr_foa"][value="12"] ~ .sheet-row-stats button[name="roll_vsAFOA"],
.sheet-traits input[type="hidden"][name="attr_foa"][value="13"] ~ .sheet-row-stats button[name="roll_vsAFOA"],
.sheet-traits input[type="hidden"][name="attr_foa"][value="14"] ~ .sheet-row-stats button[name="roll_vsAFOA"],
.sheet-traits input[type="hidden"][name="attr_foa"][value="15"] ~ .sheet-row-stats button[name="roll_vsAFOA"],
.sheet-traits input[type="hidden"][name="attr_foa"][value="16"] ~ .sheet-row-stats button[name="roll_vsAFOA"],
.sheet-traits input[type="hidden"][name="attr_foa"][value="17"] ~ .sheet-row-stats button[name="roll_vsAFOA"],
.sheet-traits input[type="hidden"][name="attr_foa"][value="18"] ~ .sheet-row-stats button[name="roll_vsAFOA"] {
display: block !important;
}
/* -- check to show success/fail notes under advantages table -- */
.sheet-traits input[type="hidden"][name="attr_foa"][value="3"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-traits input[type="hidden"][name="attr_foa"][value="4"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-traits input[type="hidden"][name="attr_foa"][value="5"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-traits input[type="hidden"][name="attr_foa"][value="6"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-traits input[type="hidden"][name="attr_foa"][value="7"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-traits input[type="hidden"][name="attr_foa"][value="8"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-traits input[type="hidden"][name="attr_foa"][value="9"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-traits input[type="hidden"][name="attr_foa"][value="10"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-traits input[type="hidden"][name="attr_foa"][value="11"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-traits input[type="hidden"][name="attr_foa"][value="12"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-traits input[type="hidden"][name="attr_foa"][value="13"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-traits input[type="hidden"][name="attr_foa"][value="14"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-traits input[type="hidden"][name="attr_foa"][value="15"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-traits input[type="hidden"][name="attr_foa"][value="16"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-traits input[type="hidden"][name="attr_foa"][value="17"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-traits input[type="hidden"][name="attr_foa"][value="18"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes {
display: block !important;
}
/* -- check to show success/fail notes under disadvantages table -- */
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="3"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="4"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="5"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="6"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="7"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="8"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="9"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="10"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="11"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="12"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="13"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="14"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="15"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="16"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="17"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="18"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes {
display: block !important;
}
/* -- check to show success/fail notes under racial traits table -- */
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="3"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="4"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="5"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="6"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="7"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="8"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="9"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="10"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="11"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="12"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="13"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="14"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="15"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="16"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="17"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="18"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes {
display: block !important;
}
/* -- if edit mode, hide toggle notes -- */
.sheet-traits .repcontainer.ui-sortable.editmode .sheet-checkbox,
.sheet-traits .repcontainer.ui-sortable.editmode .sheet-toggle,
.sheet-culture .repcontainer.ui-sortable.editmode .sheet-checkbox,
.sheet-culture .repcontainer.ui-sortable.editmode .sheet-toggle {
opacity: 0;
z-index: -1;
}
.sheet-traits .sheet-row-details.sheet-notebox .sheet-col-notebox {
height: 100%;
width: 100%;
}
/* -- repeating disadvantages -- */
.sheet-disadvantages { width: calc(100% - 0.4em); }
.sheet-disadvantages .sheet-header {
background: var(--header-bg);
}
.sheet-disadvantages .sheet-col0 { width: calc(100% - 168px); }
.sheet-disadvantages .sheet-col0 input { text-align:left; }
.sheet-disadvantages .sheet-col1 { width: 28px; }
.sheet-disadvantages .sheet-col2 { width: 22px; }
.sheet-disadvantages .sheet-col3 { width: 30px; }
.sheet-disadvantages .sheet-col4 { width: 60px; }
.sheet-disadvantages .sheet-row-stats .sheet-col0 { margin-left: 20px; width: calc(100% - 189px); }
/* -- show/hide die for Control roll -- */
.sheet-row-stats button[name="roll_vsDSCR"] {
display: none;
}
/* -- check to show dice under disadvantages and quirks table -- */
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="3"] ~ .sheet-row-stats button[name="roll_vsDSCR"],
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="4"] ~ .sheet-row-stats button[name="roll_vsDSCR"],
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="5"] ~ .sheet-row-stats button[name="roll_vsDSCR"],
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="6"] ~ .sheet-row-stats button[name="roll_vsDSCR"],
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="7"] ~ .sheet-row-stats button[name="roll_vsDSCR"],
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="8"] ~ .sheet-row-stats button[name="roll_vsDSCR"],
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="9"] ~ .sheet-row-stats button[name="roll_vsDSCR"],
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="10"] ~ .sheet-row-stats button[name="roll_vsDSCR"],
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="11"] ~ .sheet-row-stats button[name="roll_vsDSCR"],
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="12"] ~ .sheet-row-stats button[name="roll_vsDSCR"],
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="13"] ~ .sheet-row-stats button[name="roll_vsDSCR"],
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="14"] ~ .sheet-row-stats button[name="roll_vsDSCR"],
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="15"] ~ .sheet-row-stats button[name="roll_vsDSCR"],
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="16"] ~ .sheet-row-stats button[name="roll_vsDSCR"],
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="17"] ~ .sheet-row-stats button[name="roll_vsDSCR"],
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="18"] ~ .sheet-row-stats button[name="roll_vsDSCR"] {
display: block;
}
/* -- if edit mode, hide toggle notes -- */
.sheet-disadvantages .repcontainer.ui-sortable.editmode .sheet-checkbox,
.sheet-disadvantages .repcontainer.ui-sortable.editmode .sheet-toggle {
opacity: 0;
z-index: -1;
}
.sheet-disadvantages .sheet-row-details.sheet-notebox {
min-height: 110px;
height: 100%;
}
.sheet-disadvantages .sheet-row-details.sheet-notebox .sheet-col-notebox {
min-height: 110px;
height: 100%;
width: 100%;
}
/* -- repeating racial traits -- */
.sheet-racial { width: calc(100% - 0.4em); }
.sheet-racial .sheet-header {
background: var(--header-bg);
}
.sheet-racial .sheet-col0 { width: calc(100% - 168px); }
.sheet-racial .sheet-col0 input {
text-align:left;
}
.sheet-racial .sheet-col-race {
width: calc(100% - 200px);
margin-left: 32px;
}
.sheet-racial .sheet-col-race input {
text-align:left;
width: calc(100% - 37px) !important;
}
.sheet-racial .sheet-col-template {
width: calc(100% - 173px);
margin-left: 5px;
}
.sheet-racial .sheet-col-template input {
text-align:left;
width: calc(100% - 67px) !important;
}
.sheet-racial .sheet-col1 { width: 28px; }
.sheet-racial .sheet-col2 { width: 22px; }
.sheet-racial .sheet-col3 { width: 30px; }
.sheet-racial .sheet-col4 { width: 60px; }
.sheet-racial .sheet-row-stats .sheet-col0 {
margin-left: 20px;
width: calc(100% - 188px); }
/* -- if edit mode, hide toggle notes -- */
.sheet-racial .repcontainer.ui-sortable.editmode .sheet-checkbox,
.sheet-racial .repcontainer.ui-sortable.editmode .sheet-toggle {
opacity: 0;
z-index: -1;
}
.sheet-racial .sheet-row-details.sheet-notebox {
min-height: 110px;
height: 100%;
}
.sheet-racial .sheet-row-details.sheet-notebox .sheet-col-notebox {
min-height: 110px;
height: 100%;
width: 100%;
}
/* -- show/hide die for Control roll -- */
.sheet-row-stats button[name="roll_vsRSCR"] {
display: none;
}
/* -- check to show dice under disadvantages and quirks table -- */
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="3"] ~ .sheet-row-stats button[name="roll_vsRSCR"],
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="4"] ~ .sheet-row-stats button[name="roll_vsRSCR"],
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="5"] ~ .sheet-row-stats button[name="roll_vsRSCR"],
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="6"] ~ .sheet-row-stats button[name="roll_vsRSCR"],
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="7"] ~ .sheet-row-stats button[name="roll_vsRSCR"],
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="8"] ~ .sheet-row-stats button[name="roll_vsRSCR"],
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="9"] ~ .sheet-row-stats button[name="roll_vsRSCR"],
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="10"] ~ .sheet-row-stats button[name="roll_vsRSCR"],
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="11"] ~ .sheet-row-stats button[name="roll_vsRSCR"],
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="12"] ~ .sheet-row-stats button[name="roll_vsRSCR"],
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="13"] ~ .sheet-row-stats button[name="roll_vsRSCR"],
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="14"] ~ .sheet-row-stats button[name="roll_vsRSCR"],
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="15"] ~ .sheet-row-stats button[name="roll_vsRSCR"],
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="16"] ~ .sheet-row-stats button[name="roll_vsRSCR"],
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="17"] ~ .sheet-row-stats button[name="roll_vsRSCR"],
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="18"] ~ .sheet-row-stats button[name="roll_vsRSCR"] {
display: block;
}
/* -- MISC TAB -- */
/* general info */
.sheet-general-bio {
width: 412px;
}
.sheet-general-bio .sheet-header {
background: var(--header-bg);
margin-bottom: 5px;
}
.sheet-general-bio .sheet-header .sheet-col0 {
width: calc(100%);
text-align: center;
}
span.sheet-emphatic {
font-style: italic;
font-weight: bold;
}
.sheet-general-bio .sheet-row .sheet-col-half {
width: calc(100% - 386px);
}
.sheet-general-bio .sheet-row .sheet-col-apply-size-modifier {
width: 50px;
}
.sheet-general-bio .sheet-row .sheet-col-input {
width: 25px;
}
.sheet-general-bio .sheet-row .sheet-col-input input[type="checkbox"] {
opacity: 1;
}
.sheet-general-bio .sheet-row .sheet-col0 {
width: 80px;
}
.sheet-general-bio .sheet-row .sheet-col-label {
width: 50px;
}
.sheet-general-bio .sheet-row .sheet-col-main-hand {
width: 63px;
}
.sheet-general-bio .sheet-row .sheet-col1 {
width: calc(100% - 85px);
}
.sheet-general-bio .sheet-row .sheet-col2 {
width: 200px;
}
.sheet-general-bio .sheet-row input {
text-align: left;
}
.sheet-general-bio .sheet-row-textarea-reactions {
height: 150px;
margin-top: 4px;
}
.sheet-general-bio .sheet-row-textarea-reactions .sheet-cell {
height: 140px;
}
.sheet-general-bio .sheet-row-textarea-reactions textarea {
height: 136px;
margin: 0;
padding: 2px 0 2px 2px;
}
/* bio description */
.sheet-bio-description {
width: 412px;
}
.sheet-bio-description .sheet-header,
.sheet-encumberance .sheet-header {
background: var(--header-bg);
margin-bottom: 5px;
}
.sheet-bio-description .sheet-header .sheet-col0 {
width: calc(100%);
text-align: center;
}
.sheet-bio-description .sheet-row .sheet-col0 {
width: 80px;
}
.sheet-bio-description .sheet-row .sheet-col1 {
width: calc(100% - 85px);
}
.sheet-bio-description .sheet-row .sheet-col-half {
width: calc(100% - 294px);
}
.sheet-bio-description .sheet-row .sheet-col-main-hand {
width: 63px;
}
.sheet-bio-description .sheet-row .sheet-col-input {
width: 30px;
}
.sheet-bio-description .sheet-row .sheet-col-small {
width: 44px;
}
.sheet-bio-description .sheet-row .sheet-col-height {
width: 85px;
}
.sheet-bio-description .sheet-row .sheet-col-med-small {
width: 59px;
}
.sheet-bio-description .sheet-row .sheet-col-med {
width: 90px;
}
.sheet-bio-description .sheet-row .sheet-col-large {
width: 120px;
}
.sheet-bio-description .sheet-row .sheet-col2 {
width: 200px;
}
.sheet-bio-description .sheet-row input {
text-align: left;
}
.sheet-bio-description .sheet-row-textarea {
height: 112px;
margin-top: 4px;
}
.sheet-bio-description .sheet-row-textarea .sheet-cell {
height: 112px;
}
.sheet-bio-description .sheet-row-textarea textarea {
height: 83px;
margin: 0;
padding: 2px 0 2px 2px;
}
.sheet-bio-description .sheet-row-textarea-features {
margin-bottom: 4px;
}
.sheet-bio-description .sheet-row-textarea-features,
.sheet-bio-description .sheet-row-textarea-features .sheet-cell {
height: 80px;
}
.sheet-bio-description .sheet-row-textarea-features textarea {
height: 50px;
margin: 0;
padding: 2px 0 2px 2px;
}
.sheet-bio-description input[name="attr_use_metric"][type="hidden"][value="1"] ~ .sheet-pounds {
display: none;
}
.sheet-bio-description input[name="attr_use_metric"][type="hidden"][value="0"] ~ .sheet-kilagrams {
display: none;
}
/* Background Information */
.sheet-background-info {
width: 412px;
}
.sheet-background-info .sheet-header {
background: var(--header-bg);
margin-bottom: 5px;
}
.sheet-background-info .sheet-header .sheet-col0 {
width: calc(100%);
text-align: center;
}
.sheet-background-info .sheet-row .sheet-col0 {
width: 85px;
}
.sheet-background-info .sheet-row .sheet-col1 {
width: calc(100% - 88px);
}
.sheet-background-info .sheet-row .sheet-col-half {
width: calc(100% - 294px);
}
.sheet-background-info .sheet-row .sheet-col-main-hand {
width: 63px;
}
.sheet-background-info .sheet-row .sheet-col-input {
width: 30px;
}
.sheet-background-info .sheet-row .sheet-col-small {
width: 44px;
}
.sheet-background-info .sheet-row .sheet-col-height {
width: 80px;
}
.sheet-background-info .sheet-row .sheet-col-med {
width: 90px;
}
.sheet-background-info .sheet-row .sheet-col2 {
width: 200px;
}
.sheet-background-info .sheet-row input {
text-align: left;
}
.sheet-background-info .sheet-row-textarea {
height: 112px;
margin-top: 4px;
}
.sheet-background-info .sheet-row-textarea .sheet-cell {
height: 112px;
}
.sheet-background-info .sheet-row-textarea textarea {
height: 121px;
margin: 0;
padding: 2px 0 2px 2px;
}
.sheet-background-info .sheet-row-textarea-family {
margin-bottom: 4px;
margin-top: 4px;
}
.sheet-background-info .sheet-row-textarea-family,
.sheet-background-info .sheet-row-textarea-family .sheet-cell {
height: 128px;
padding-right: 5px;
}
.sheet-background-info .sheet-row-textarea-family textarea {
height: 122px;
margin: 0;
padding: 2px 0 2px 2px;
}
/* Misc Notes */
.sheet-misc-notes {
width: 412px;
}
.sheet-misc-notes .sheet-header {
background: var(--header-bg);
margin-bottom: 5px;
}
.sheet-misc-notes .sheet-header .sheet-col0 {
width: calc(100%);
text-align: center;
}
.sheet-misc-notes .sheet-row .sheet-col0 {
width: calc(100%);
}
.sheet-misc-notes .sheet-row-textarea {
margin-top: 4px;
}
.sheet-misc-notes .sheet-row-textarea .sheet-cell {
height: 326px;
padding: 4px 8px 4px 4px;
}
.sheet-misc-notes .sheet-row-textarea textarea {
height: 316px;
margin: 0;
padding: 2px 0 2px 2px;
}
/* training Notes */
.sheet-training-notes {
width: 100%;
}
.sheet-training-notes .sheet-header {
background: var(--header-bg);
margin-bottom: 5px;
}
.sheet-training-notes .sheet-header .sheet-col0 {
width: calc(100%);
text-align: center;
}
.sheet-training-notes .sheet-row .sheet-col0 {
width: calc(100%);
}
.sheet-training-notes .sheet-row-textarea {
margin-top: 4px;
}
.sheet-training-notes .sheet-row-textarea .sheet-cell {
height: 259px;
padding: 4px 8px 4px 4px;
}
.sheet-training-notes .sheet-row-textarea textarea {
height: 245px;
margin: 0;
padding: 2px 0 2px 2px;
}
/* Reactions Notes */
.sheet-reaction-notes {
width: 100%;
}
.sheet-reaction-notes .sheet-header {
background: var(--header-bg);
margin-bottom: 5px;
}
.sheet-reaction-notes .sheet-header .sheet-col0 {
width: calc(100%);
text-align: center;
}
.sheet-reaction-notes .sheet-row .sheet-col0 {
width: calc(100%);
}
.sheet-reaction-notes .sheet-row-textarea {
margin-top: 4px;
}
.sheet-reaction-notes .sheet-row-textarea .sheet-cell {
height: 259px;
padding: 4px 8px 4px 4px;
}
.sheet-reaction-notes .sheet-row-textarea textarea {
height: 245px;
margin: 0;
padding: 2px 0 2px 2px;
}
/* -- repeating controls -- */
.repcontrol {
margin-top: 4px;
}
.btn.repcontrol_move {
line-height: 12px;
padding: 4px 7px 4px;
position: relative!important;
z-index: 1;
}
.charsheet .sheet-box .sheet-toggle.sheet-toggle-notes ~ .sheet-checkbox {
left: 22px;
}
/* -- SKILLS -- */
.sheet-wrapper-conditional-marker {
display: inline-block;
width: 11px;
height: 15px;
}
.sheet-conditional-marker {
font-family: Pictos;
color: #AE4D4D;
cursor: pointer;
font-size: 14px;
}
input[name="attr_skill_conditional_notes"][value=""] ~ .sheet-wrapper-conditional-marker .sheet-conditional-marker {
display: none;
}
.sheet-skills { width: calc(100% - 0.4em); }
.sheet-skills .sheet-col0 { width: calc(100% - 327px); }
.sheet-skills .sheet-col0 input { text-align:left; }
.sheet-skills .sheet-col1 { width: 27px; }
.sheet-skills .sheet-col2 { width: 30px; }
.sheet-skills .sheet-col3 { width: 40px; }
.sheet-skills .sheet-col4 { width: 55px; }
.sheet-skills .sheet-col5 { width: 50px; }
.sheet-skills .sheet-col6 { width: 30px; }
.sheet-skills .sheet-col7 { width: 30px; }
.sheet-skills .sheet-col8 { width: 60px; }
.sheet-skills .sheet-row-stats .sheet-col0 { margin-left: 48px; width: calc(100% - 376px); }
.sheet-skills .sheet-row-misc .sheet-col0 { margin-left: 48px; width: calc(100% - 703px); }
.sheet-familiarities {
display: none;
}
input[name="attr_familiarities_show"][value="1"] ~ .sheet-familiarities {
display: block;
}
.sheet-skills .sheet-reason-for-mod {
width: calc(100% - 162px);
}
.sheet-skills .sheet-reason-for-mod input {
text-align: left;
}
.sheet-row.sheet-row-stats input:not(.sheet-inline) {
width: 96% !important;
}
/* -- highlight row -- */
input.sheet-option-alert ~ select option[value="10"] {
font-weight: bold;
color: red;
}
input.sheet-option-alert[value="10"] ~ select {
font-weight: bold;
color: red;
}
.sheet-skills .repcontainer.ui-sortable.editmode .sheet-toggle-notes {
display: none;
}
.sheet-skills .sheet-toggle-notes {
position: absolute;
left: 0px;
}
.sheet-skills input.sheet-toggle-highlight[type="checkbox"] {
width: 16px;
height: 22px;
opacity: 1;
position: absolute;
margin-left: 25px;
}
.sheet-skills input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-stats,
.sheet-skills input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-stats input:enabled,
.sheet-skills input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-details {
background: #B7FFAA;
}
/* -- techniques -- */
/* show or hide */
input.sheet-box-techniques-old[value="1"] + div.sheet-techniques {
display: block !important;
}
input.sheet-box-techniques-old[value="0"] + div.sheet-techniques {
display: none !important;
}
.sheet-techniques { width: calc(100% - 0.4em); }
.sheet-techniques .sheet-col0 { width: calc((100% - 260px) * 0.55); }
.sheet-techniques .sheet-col0 input { text-align:left; }
.sheet-techniques .sheet-col1 { width: calc((100% - 293px) * 0.45); }
.sheet-techniques .sheet-col1 input { text-align:left; }
.sheet-techniques .sheet-col2 { width: 30px; }
.sheet-techniques .sheet-col3 { width: 30px; }
.sheet-techniques .sheet-col4 { width: 40px; }
.sheet-techniques .sheet-col5 { width: 30px; }
.sheet-techniques .sheet-col6 { width: 40px; }
.sheet-techniques .sheet-col7 { width: 30px; }
.sheet-techniques .sheet-col8 { width: 60px; }
.sheet-techniques .sheet-row-stats .sheet-col0 { margin-left: 27px; width: calc((100% - 260px) * 0.55 - 27px); }
/* -- if edit mode, hide toggle notes -- */
.sheet-techniques .repcontainer.ui-sortable.editmode .sheet-checkbox,
.sheet-techniques .repcontainer.ui-sortable.editmode .sheet-toggle {
opacity: 0;
z-index: -1;
}
.sheet-techniques .sheet-row-details.sheet-notebox {
min-height: 108px;
height: 100%;
padding: 0 4px;
}
.sheet-techniques .sheet-row-details.sheet-notebox .sheet-col-notebox {
min-height: 108px;
height: 100%;
width: 100%;
}
/* -- techniques revised -- */
/* show or hide */
input.sheet-box-techniques-new[value="1"] + div.sheet-techniques {
display: block !important;
}
input.sheet-box-techniques-new[value="0"] + div.sheet-techniques-revised {
display: none !important;
}
.sheet-techniques-revised .sheet-cell {
padding: 1px;
}
.sheet-techniques-revised .sheet-cell.sheet-col-wide b {
margin: 0 5px 0 5px;
}
.sheet-techniques-revised { width: calc(100% - 0.4em); }
.sheet-techniques-revised .sheet-col0 { width: calc(100% - 512px); }
.sheet-techniques-revised .sheet-col0 input { text-align:left; }
.sheet-techniques-revised .sheet-col1 { width: 140px; }
.sheet-techniques-revised .sheet-col1 input { text-align:left; }
.sheet-techniques-revised .sheet-col2 { width: 35px; }
.sheet-techniques-revised .sheet-col3 { width: 35px; }
.sheet-techniques-revised .sheet-col4 { width: 40px; }
.sheet-techniques-revised .sheet-col5 { width: 75px; }
.sheet-techniques-revised .sheet-col6 { width: 30px; }
.sheet-techniques-revised .sheet-col7 { width: 30px; }
.sheet-techniques-revised .sheet-col8 { width: 40px; }
.sheet-techniques-revised .sheet-col9 { width: 27px; }
.sheet-techniques-revised .sheet-col10 { width: 60px; }
.sheet-techniques-revised .sheet-row-stats .sheet-col0 {
margin-left: 44px;
width: calc(100% - 560px);
}
.sheet-techniques-revised .sheet-tooltip-tech-ref {
margin-left: -200px;
}
/* -- if edit mode, hide toggle notes -- */
.sheet-techniques-revised .repcontainer.ui-sortable.editmode .sheet-checkbox,
.sheet-techniques-revised .repcontainer.ui-sortable.editmode .sheet-toggle {
opacity: 0;
z-index: -1;
}
.sheet-techniques .sheet-row-details.sheet-notebox {
min-height: 108px;
height: 100%;
padding: 0 4px;
}
.sheet-techniques .sheet-row-details.sheet-notebox .sheet-col-notebox {
height: 108px;
width: 100%;
}
/* highlight row */
.sheet-techniques-revised input.sheet-toggle-highlight[type="checkbox"] {
width: 16px;
height: 22px;
opacity: 1;
position: absolute;
margin-left: 25px;
}
.sheet-techniques-revised input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-stats,
.sheet-techniques-revised input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-stats input:enabled,
.sheet-techniques-revised input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-details {
background: #B7FFAA;
}
/* show/hide row id */
.sheet-technique-notebox input[name="attr_technique_row_type"][value="ST"] ~ .sheet-show-hide-row-id,
.sheet-technique-notebox input[name="attr_technique_row_type"][value="STRIKING"] ~ .sheet-show-hide-row-id,
.sheet-technique-notebox input[name="attr_technique_row_type"][value="DX"] ~ .sheet-show-hide-row-id,
.sheet-technique-notebox input[name="attr_technique_row_type"][value="IQ"] ~ .sheet-show-hide-row-id,
.sheet-technique-notebox input[name="attr_technique_row_type"][value="WILL"] ~ .sheet-show-hide-row-id,
.sheet-technique-notebox input[name="attr_technique_row_type"][value="HT"] ~ .sheet-show-hide-row-id,
.sheet-technique-notebox input[name="attr_technique_row_type"][value="10"] ~ .sheet-show-hide-row-id {
display: none;
}
/* -- COMBAT -- */
.sheet-active-defense { width: calc(100% - 190px - 0.8em); }
.sheet-active-defense .sheet-margin-left {
margin-left: 0px;
}
.sheet-active-defense .sheet-static-defense-width {
margin-left: 43px;
width: calc(100% - 43px);
}
.sheet-row-static-defense {
position: relative;
}
.sheet-combat-reflexes {
margin: 5px 0 0 5px;
height: 22px;
}
.sheet-combat-reflexes .sheet-popup {
width: 165px;
}
.sheet-combat-reflexes .sheet-tooltip {
margin-left: 0;
}
.sheet-active-defense input.sheet-combat-reflex-check {
width: 22px!important;
float: left;
margin-right: 5px;
}
.sheet-active-defense .sheet-defense-note {
width: fit-content;
float: left;
margin-right: 3px;
}
.sheet-active-defense .sheet-defense-encumbrance-notes {
width: fit-content;
float: right;
margin-left: 5px;
font-style: italic;
font-size: 10px;
}
/* Show/Hide dodge notes */
.sheet-active-defense .sheet-col1 input[name="attr_dodge_reduced_notes"][value="0"] ~ .sheet-halved-dodge,
.sheet-active-defense .sheet-col1 input[name="attr_dodge_reduced_notes"][value="0"] ~ .sheet-quartered-dodge {
display: none !important;
}
.sheet-active-defense .sheet-col1 input[name="attr_dodge_reduced_notes"][value="1"] ~ .sheet-halved-dodge {
display: block !important;
}
.sheet-active-defense .sheet-col1 input[name="attr_dodge_reduced_notes"][value="1"] ~ .sheet-quartered-dodge {
display: none !important;
}
.sheet-active-defense .sheet-col1 input[name="attr_dodge_reduced_notes"][value="2"] ~ .sheet-halved-dodge {
display: none !important;
}
.sheet-active-defense .sheet-col1 input[name="attr_dodge_reduced_notes"][value="2"] ~ .sheet-quartered-dodge {
display: block !important;
}
.sheet-active-defense input[name="attr_encumbrance_level"][value="0"] ~ .sheet-defense-encumbrance-notes {
display: none;
}
/* -- ACTIVE DEFENSE -- */
.sheet-active-defense .sheet-hide-row,
.sheet-active-defense .sheet-row-details .sheet-hide-row {
display: none;
}
.sheet-active-defense .sheet-col0 {
margin-left: 42px;
width: calc(100% - 326px);
}
.sheet-active-defense .sheet-reset {
height: 19px;
line-height: 19px;
color: white;
background: darkred;
border-radius: 3px;
font-weight: bold;
}
.sheet-active-defense .sheet-col-input-wide {
width: calc(100% - 177px);
}
.sheet-active-defense .sheet-col-input-number {
width: 50px;
}
.sheet-active-defense .sheet-col0 input { text-align:left; }
.sheet-active-defense .sheet-col-dodge-label { width: 305px; }
.sheet-active-defense .sheet-col1 { width: 105px; }
.sheet-active-defense .sheet-col2 { width: 40px; }
.sheet-active-defense .sheet-col1-plus-col2 { width: 145px; }
.sheet-active-defense .sheet-col3 { width: 30px; }
.sheet-active-defense .sheet-col4 { width: 22px; }
/* -- Active Defense Note Box -- */
.sheet-active-defense .repcontainer.ui-sortable.editmode .sheet-toggle-notes {
display: none;
}
.sheet-active-defense input.sheet-toggle-highlight[type="checkbox"] {
width: 16px;
height: 22px;
opacity: 1;
position: absolute;
margin-left: 25px;
}
.sheet-active-defense .sheet-toggle-notes {
position: absolute;
left: 0px;
}
.sheet-box.sheet-active-defense .sheet-toggle.sheet-toggle-notes ~ .sheet-checkbox {
left: 22px;
}
/* show/hide row id knockback defense */
.sheet-active-defense input[name="attr_knockback_defense_row_type"][value="ST"] ~ .sheet-show-hide-row-id,
.sheet-active-defense input[name="attr_knockback_defense_row_type"][value="STRIKING"] ~ .sheet-show-hide-row-id,
.sheet-active-defense input[name="attr_knockback_defense_row_type"][value="DX"] ~ .sheet-show-hide-row-id,
.sheet-active-defense input[name="attr_knockback_defense_row_type"][value="IQ"] ~ .sheet-show-hide-row-id,
.sheet-active-defense input[name="attr_knockback_defense_row_type"][value="WILL"] ~ .sheet-show-hide-row-id,
.sheet-active-defense input[name="attr_knockback_defense_row_type"][value="HT"] ~ .sheet-show-hide-row-id,
.sheet-active-defense input[name="attr_knockback_defense_row_type"][value="10"] ~ .sheet-show-hide-row-id {
display: none;
}
/* styling linked item for active defense */
.repcontainer .repitem .sheet-linked-stats .sheet-cell {
margin-right: 10px;
}
.sheet-active-defense .repcontainer .repitem .sheet-notebox .sheet-formula-talent input[type="number"] {
width: 25px!important;
}
.sheet-active-defense .repcontainer .repitem .sheet-notebox .sheet-formula-combat-reflexes input[type="checkbox"] {
opacity: 1;
height: 15px;
width: auto ! important;
}
/* show/hide defense formula for repeating active defenses */
.sheet-active-defense .repcontainer .repitem .sheet-notebox input[name="attr_type"] ~ .sheet-active-defense-formula .sheet-formula {
display: none;
}
.sheet-active-defense .repcontainer .repitem .sheet-notebox input[name="attr_type"][value="Dodge"] ~ .sheet-active-defense-formula .sheet-formula-as-is,
.sheet-active-defense .repcontainer .repitem .sheet-notebox input[name="attr_type"][value="Magic"] ~ .sheet-active-defense-formula .sheet-formula-as-is,
.sheet-active-defense .repcontainer .repitem .sheet-notebox input[name="attr_type"][value="Other"] ~ .sheet-active-defense-formula .sheet-formula-as-is {
display: block;
}
.sheet-active-defense .repcontainer .repitem .sheet-notebox input[name="attr_defense_row_type"][value="DODGE"] ~ .sheet-active-defense-formula .sheet-formula-as-is,
.sheet-active-defense .repcontainer .repitem .sheet-notebox input[name="attr_defense_row_type"][value="CURRENT_DODGE"] ~ .sheet-active-defense-formula .sheet-formula-as-is
{
display: none!important;
}
.sheet-active-defense .repcontainer .repitem .sheet-notebox input[name="attr_defense_row_type"][value="DODGE"] ~ .sheet-active-defense-formula .sheet-formula-base-dodge {
display: block;
}
.sheet-active-defense .repcontainer .repitem .sheet-notebox input[name="attr_defense_row_type"][value="CURRENT_DODGE"] ~ .sheet-active-defense-formula .sheet-formula-current-dodge {
display: block;
}
.sheet-active-defense .repcontainer .repitem .sheet-notebox input[name="attr_type"][value="Parry"] ~ .sheet-active-defense-formula .sheet-formula-parry,
.sheet-active-defense .repcontainer .repitem .sheet-notebox input[name="attr_type"][value="Unarmed Parry"] ~ .sheet-active-defense-formula .sheet-formula-parry {
display: block;
}
.sheet-active-defense .repcontainer .repitem .sheet-notebox input[name="attr_type"][value="Block"] ~ .sheet-active-defense-formula .sheet-formula-block {
display: block;
}
.sheet-active-defense .repcontainer .repitem .sheet-notebox input[name="attr_type"][value="Power Dodge"] ~ .sheet-active-defense-formula .sheet-formula-power-dodge {
display: block;
}
.sheet-active-defense .repcontainer .repitem .sheet-notebox input[name="attr_type"][value="Power Parry"] ~ .sheet-active-defense-formula .sheet-formula-power-parry {
display: block;
}
.sheet-active-defense .repcontainer .repitem .sheet-notebox input[name="attr_type"][value="Power Block"] ~ .sheet-active-defense-formula .sheet-formula-power-block-physical {
display: block;
}
.sheet-active-defense .repcontainer .repitem .sheet-notebox input[name="attr_type"][value="Power Block Mental"] ~ .sheet-active-defense-formula .sheet-formula-power-block-mental {
display: block;
}
.sheet-active-defense input.sheet-medium-width {
width: 50px ! important;
}
.sheet-weapon-parry-summary {
height: 82px;
align-items: normal;
}
.sheet-weapon-parry-summary b.sheet-alert {
color: var(--highlight-text);
}
/* Text Area Box Styling for Defense Bonus (DB) Notes*/
.sheet-defense-bonus-notes .sheet-header .sheet-col0 {
padding-left: 6px;
}
.sheet-defense-bonus-notes-textarea {
box-sizing: border-box;
float: left;
padding: 5px;
width: 100%;
margin: 0;
}
.sheet-defense-bonus-notes-textarea textarea {
width: 100%;
padding: 0;
margin: 0;
height: 100px;
}
/* -- DEFENSE BONUS -- */
.sheet-defense-bonus-notes { margin-top: 5px; width: calc(100% - 0.4em); }
/* -- Roll Modifiers Table -- */
.sheet-melee-modifiers {
width: calc(100% - 150px);
}
.sheet-range-modifiers {
width: calc(100% - 150px);
}
.sheet-roll-modifiers-table {
display: table;
border-collapse: collapse;
width: 100%;
}
.sheet-roll-modifiers-table .sheet-modifier-row {
display: table-row;
}
.sheet-roll-modifiers-table .sheet-modifier-cell {
display: table-cell;
padding: 1px;
line-height: normal;
}
.sheet-roll-modifiers-table .sheet-modifier-cell.sheet-modifier-fill-cell-20 {
width: 20%;
}
.sheet-roll-modifiers-table .sheet-modifier-cell.sheet-modifier-fill-cell-15 {
width: 15%;
}
.sheet-roll-modifiers-table .sheet-modifier-cell.sheet-modifier-fill-cell-10 {
width: 10%;
}
.sheet-roll-modifiers-table .sheet-modifier-caption {
display: table-caption;
text-align: center;
}
.sheet-roll-modifiers-table .sheet-modifier-cell.sheet-modifier-align-top {
vertical-align: top;
padding-top: 3px;
}
.sheet-roll-modifiers-table .sheet-modifier-cell select.sheet-single-digit {
width: 40px;
height: 21px;
padding: 0;
margin: 0;
}
/* annoying line height fix */
.sheet-modifier-line-height-fix {
line-height: 18px !important;
}
.sheet-roll-modifiers-table textarea.sheet-reason-textarea {
height: 36px;
width:150px;
margin-bottom: 0;
}
/* -- Melee Attacks -- */
.sheet-melee-attacks { width: calc(100% - 140px - 0.8em); }
.sheet-melee-attacks .sheet-col0 { width: calc(100% - 269px); }
.sheet-melee-attacks .sheet-col0 input { text-align:left; }
.sheet-melee-attacks .sheet-col1 { width: 75px; }
.sheet-melee-attacks .sheet-col2 { width: 30px; }
.sheet-melee-attacks .sheet-col3 { width: 55px; }
.sheet-melee-attacks .sheet-col4 { width: 50px; }
.sheet-melee-attacks .sheet-col4 input { text-align:left; }
.sheet-melee-attacks .sheet-col5 { width: 30px; }
.sheet-melee-attacks .sheet-col6 { width: 22px; }
.sheet-melee-attacks .sheet-header .sheet-col5 { width: 52px; }
.sheet-melee-attacks .sheet-row-stats .sheet-col0 { margin-left: 48px; width: calc(100% - 316px); }
/* toggle attack modifiers for active defenses, melee, and ranged attacks */
.sheet-box .sheet-col-mod-tool input[type="checkbox"] {
margin-top: -6px;
}
/* TODO: remove display: none; to start work */
.sheet-col-mod-tool .sheet-icon {
display: none;
font-family: "Pictos";
color: #bbb;
margin-left: -22px;
font-size: 18px;
text-align: center;
font-variant: normal;
}
.sheet-toggle-mod-tool:checked ~ .sheet-icon {
color: green;
}
.sheet-attack-modifiers-notebox {
display: none;
}
.sheet-attack-modifiers-notebox .sheet-tooltip {
margin-left: 0;
}
input[name="attr_toggle_melee_mod_tool"][value="1"] ~ .sheet-attack-modifiers-notebox {
display: block;
padding: 5px;
margin: 0 0 10px 48px;
width: calc( 100% - 58px );
border-left: 2px solid var(--border-color);
border-bottom: 2px solid var(--border-color);
}
/* more melee specific css */
.sheet-melee-attacks .sheet-custom-checkbox label {
font-size: 12px;
margin: 0 0 0 10px;
}
.sheet-melee-attacks .sheet-custom-checkbox input[type="checkbox"] {
width: 16px;
height: 22px;
opacity: 1;
position: absolute;
margin-left: 25px;
line-height: 22px;
}
.sheet-melee-attacks .sheet-reason-for-mod {
width: calc(100% - 162px);
}
.sheet-melee-attacks .sheet-reason-for-mod input {
text-align: left;
}
/* -- highlight row -- */
.sheet-melee-attacks .repcontainer.ui-sortable.editmode .sheet-toggle-notes {
display: none;
}
.sheet-melee-attacks input.sheet-toggle-highlight[type="checkbox"] {
width: 16px;
height: 22px;
opacity: 1;
position: absolute;
margin-left: 25px;
}
.sheet-melee-attacks .sheet-toggle-notes {
position: absolute;
left: 0px;
}
.sheet-melee-attacks input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-stats,
.sheet-melee-attacks input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-stats input:enabled,
.sheet-melee-attacks input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-details2,
.sheet-melee-attacks input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-melee-notebox,
.sheet-melee-attacks input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-ranged-notebox,
.sheet-active-defense input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-stats,
.sheet-active-defense input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-notebox {
background: #B7FFAA;
}
.sheet-melee-notebox .sheet-tooltip {
margin-left: 0;
}
/* -- Ranged Attacks -- */
.sheet-ranged-attacks { width: calc(100% - 140px - 0.8em); }
.sheet-ranged-attacks .sheet-col0 { width: calc(100% - 460px); }
.sheet-ranged-attacks .sheet-col0-st { width: calc(100% - 598px); }
.sheet-ranged-attacks .sheet-col0 input { text-align:left; }
.sheet-ranged-attacks .sheet-col1 { width: 60px; }
.sheet-ranged-attacks .sheet-col2 { width: 30px; }
.sheet-ranged-attacks .sheet-col3 { width: 55px; }
.sheet-ranged-attacks .sheet-col4 { width: 30px; }
.sheet-ranged-attacks .sheet-col5 { width: 65px; }
.sheet-ranged-attacks .sheet-col5-thrown { width: 50px; }
.sheet-ranged-attacks .sheet-col5.sheet-thrown-object-input input { text-align: center;}
.sheet-ranged-attacks .sheet-col6 { width: 30px; }
.sheet-ranged-attacks .sheet-col7 { width: 60px; }
.sheet-ranged-attacks .sheet-col8 { width: 39px; }
.sheet-ranged-attacks .sheet-col9 { width: 35px; }
.sheet-ranged-attacks .sheet-col10 { width: 30px; }
.sheet-ranged-attacks .sheet-col11 { width: 22px; }
.sheet-ranged-attacks .sheet-col-verifycheck { width: 30px; }
.sheet-ranged-attacks .sheet-col-setting-text { width: 290px; }
.sheet-ranged-attacks .sheet-header .sheet-col10 { width: 52px; }
.sheet-ranged-attacks .sheet-row-stats .sheet-col0 { margin-left: 48px; width: calc(100% - 510px); }
.sheet-ranged-attacks .sheet-row-stats .sheet-col0-st { margin-left: 20px; width: calc(100% - 620px); }
.sheet-ranged-attacks .sheet-row-stats.sheet-row-thrown-object { height: 28px; }
.sheet-ranged-attacks .sheet-custom-checkbox label {
font-size: 12px;
margin: 0 0 0 10px;
}
.sheet-ranged-attacks .sheet-custom-checkbox input[type="checkbox"] {
width: 16px;
height: 16px;
opacity: 1;
margin-left: 5px;
line-height: 22px;
}
.sheet-ranged-attacks .sheet-reason-for-mod {
width: calc(100% - 162px);
}
.sheet-ranged-attacks .sheet-reason-for-mod input {
text-align: left;
}
/* -- highlight row -- */
.sheet-ranged-attacks .repcontainer.ui-sortable.editmode .sheet-toggle-notes {
display: none;
}
.sheet-ranged-attacks input.sheet-toggle-highlight[type="checkbox"] {
width: 16px;
height: 22px;
opacity: 1;
position: absolute;
margin-left: 25px;
}
.sheet-ranged-attacks .sheet-toggle-notes {
position: absolute;
left: 0px;
}
.sheet-ranged-attacks input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-stats,
.sheet-ranged-attacks input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-stats input:enabled,
.sheet-ranged-attacks input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-details2,
.sheet-ranged-attacks input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-melee-notebox,
.sheet-ranged-attacks input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-ranged-notebox {
background: #B7FFAA;
}
.sheet-ranged-notebox input.sheet-text-left {
text-align: left;
}
.sheet-ranged-notebox .sheet-col-normal {
width: 87px;
margin-left: 4px;
text-align: left;
}
.sheet-ranged-notebox .sheet-col-row-id {
width: 48px;
}
.sheet-ranged-notebox .sheet-col-input {
width: 33px;
margin-left: 4px;
text-align: left;
}
.sheet-ranged-notebox .sheet-col-auto {
width: calc(100% - 434px);
}
.sheet-ranged-notebox .sheet-col-wide {
width: 250px;
}
.sheet-ranged-notebox .sheet-col-input-medium {
width: 140px;
text-align: left;
}
.sheet-ranged-notebox .sheet-tooltip {
margin-left: 0;
}
/* -- Combat Tools: Range Calculator -- */
.sheet-firing-up-down {
width: calc(100% - 140px - 0.8em);
padding-bottom: 5px;
}
.sheet-firing-up-down .sheet-table .sheet-title {
background: var(--header-bg);
}
.sheet-firing-up-down .sheet-table .sheet-title .sheet-cell {
font-weight: bold;
font-size: 12px;
}
.sheet-firing-up-down .sheet-table .sheet-title .sheet-range-calculator-title {
width: 50%;
}
.sheet-firing-up-down .sheet-table .sheet-title .sheet-range-calculator-reset {
width: 49%;
text-align: right;
}
.sheet-firing-up-down .sheet-table .sheet-cell {
padding: 0 5px;
}
.sheet-firing-up-down .sheet-table .sheet-cell.sheet-braced {
width: 55px;
}
.sheet-firing-up-down .sheet-table .sheet-centered {
text-align: center;
}
.sheet-firing-up-down .sheet-table .sheet-cell.sheet-linear-range {
width: 72px;
}
.sheet-firing-up-down .sheet-table .sheet-cell.sheet-speed {
width: 66px;
}
.sheet-firing-up-down .sheet-table .sheet-cell.sheet-size {
width: 40px;
}
.sheet-firing-up-down .sheet-table .sheet-cell.sheet-fire-direction {
width: 114px;
}
.sheet-firing-up-down .sheet-table .sheet-cell.sheet-fire-up-dwn-distance {
width: 50px;
}
.sheet-firing-up-down .sheet-table .sheet-cell.sheet-telescopic-vision {
width: 50px;
}
.sheet-firing-up-down .sheet-table .sheet-cell.sheet-rof {
width: 50px;
}
.sheet-firing-up-down .sheet-table .sheet-cell.sheet-new-range {
width: 58px;
}
.sheet-firing-up-down .sheet-table .sheet-cell.sheet-aiming {
width: 100px;
}
.sheet-firing-up-down .sheet-table .sheet-cell.sheet-hit-mod {
width: 60px;
}
button[type=action].sheet-reset,
button[type=action].sheet-sort {
height: 19px;
line-height: 19px;
background: var(--secondary-highlight);
color: var(--secondary-highlight-color);
border-radius: 3px;
font-weight: bold;
width: 50px;
}
button[type=action].sheet-green {
height: 19px;
line-height: 19px;
background: #347970;
color: #ffffff;
border-radius: 3px;
font-weight: bold;
width: 50px;
}
button[type=action].sheet-wide-reset {
width: 85px;
}
button[type=action].sheet-sort {
width: 100px;
}
div.sheet-sort-control {
margin: 10px 5px 10px 3px;
}
.sheet-reset input[name="attr_resync_state"][value="clicked"] ~ button.sheet-reset,
.sheet-reset input[name="attr_import_json_state"][value="clicked"] ~ button.sheet-reset {
background-color: gray;
}
button.sheet-positive-action {
height: 19px;
line-height: 19px;
color: white;
background: var(--highlight-text) ! important;
border-radius: 3px;
font-weight: bold;
width: 75px ! important;
}
/* Melee Section: Slam Tool */
.sheet-slam-db-width {
width: 35px !important;
}
/* Melee Section: Slam Tool */
.sheet-slam-damage-width {
width: 55px !important;
}
.sheet-slam-attack-tool {
width: calc(100% - 76px - 0.8em);
padding-bottom: 5px;
overflow: hidden;
}
.sheet-slam-attack-table {
width: 100%;
display: grid;
grid-template-columns: 22px auto 60px 60px 75px 30px 55px 50px 30px 26px;
grid-gap: 2px;
justify-content: stretch;
}
.sheet-slam-attack-table > div {
line-height: 22px;
}
.sheet-slam-attack-table .sheet-title {
grid-column: 1 / span 10;
background: var(--header-bg);
font-weight: bold;
font-size: 12px;
padding: 0 5px;
}
.sheet-slam-attack-table .sheet-slam-options-box {
grid-column: 2 / span 9;
padding: 0 0 10px 5px;
display: none;
border-left: 2px solid var(--border-color);
border-bottom: 2px solid var(--border-color);
}
.sheet-slam-attack-table .sheet-slam-options-box div.sheet-row {
height: auto;
}
.sheet-slam-attack-table .sheet-slam-options-box div.sheet-row .sheet-cell label {
font-weight: bold;
font-size: inherit;
margin: 0;
padding: 0;
display: block;
float: left;
}
.sheet-slam-attack-table input[name=attr_toggle_slam_options][value=on] ~ .sheet-slam-options-box {
display: block;
}
.sheet-slam-attack-table .sheet-subtitle {
padding: 0 5px;
font-weight: bold;
}
.sheet-slam-attack-table .sheet-header {
background: none;
}
.sheet-slam-attack-table .sheet-item input:not(.sheet-arrow-toggle) {
background: var(--input-bg);
border: none;
box-shadow: none;
cursor: pointer;
text-align: center;
width: 100%;
}
.sheet-slam-attack-table .sheet-item input.sheet-align-left {
text-align: left;
}
.sheet-slam-attack-table .sheet-item input:not(.sheet-arrow-toggle):enabled {
border-bottom: 1px solid var(--border-color);
}
.sheet-slam-attack-table .sheet-item select {
height: 20px;
padding: 0;
margin: 0;
width: 100%;
}
/* universal arrow toggle button */
.sheet-arrow-toggle {
appearance: none;
width: 22px !important;
height: 22px !important;
display: inline-block;
position: relative;
border: 1px solid #dcdcdc;
border-radius: 6px;
overflow: hidden;
outline: none;
cursor: pointer !important;
background: #faf7fa;
font-size: 18px;
padding: 0 0 0 2px;
margin: 0;
opacity: 1 !important;
}
.sheet-arrow-toggle:focus {
outline: none !important;
}
.sheet-arrow-toggle:before {
content: "►";
display: block;
position: absolute;
width: 22px;
height: 22px;
}
.sheet-arrow-toggle:checked:before {
content: "▼";
padding: 1px 0 0 0;
}
.sheet-arrow-toggle.sheet-margin-left-sm {
margin-left: 2px;
}
/* Combat Tools: Falling and Collision */
.sheet-falling-collision {
width: calc(100% - 76px - 0.8em);
padding-bottom: 5px;
}
.sheet-falling-collision .sheet-table .sheet-title {
background: var(--header-bg);
}
.sheet-falling-collision .sheet-table .sheet-title .sheet-cell {
font-weight: bold;
font-size: 12px;
}
.sheet-falling-collision .sheet-table .sheet-cell {
padding: 0 5px;
}
.sheet-falling-collision .sheet-table .sheet-cell.sheet-row-title {
width: 60px;
}
.sheet-falling-collision .sheet-table .sheet-cell.sheet-yards-fallen {
width: 80px;
}
.sheet-falling-collision .sheet-table .sheet-cell.sheet-gravity {
width: 60px;
}
.sheet-falling-collision .sheet-table .sheet-cell.sheet-atmosphere {
width: 60px;
}
.sheet-falling-collision .sheet-table .sheet-cell.sheet-velocity {
width: 60px;
}
.sheet-falling-collision .sheet-table .sheet-cell.sheet-terminal-velocity {
width: 80px;
}
.sheet-falling-collision .sheet-table .sheet-cell.sheet-hit-points {
width: 60px;
}
.sheet-falling-collision .sheet-table .sheet-cell.sheet-hard-object {
width: 60px;
}
.sheet-falling-collision .sheet-table .sheet-cell.sheet-hard-object input[type="checkbox"] {
opacity: 1;
}
.sheet-falling-collision .sheet-table .sheet-cell.sheet-damage {
width: 60px;
}
.sheet-falling-collision .sheet-table .sheet-cell.sheet-roll-damage {
width: 34px;
}
.sheet-falling-collision .sheet-table .sheet-cell.sheet-reset {
width: 60px;
}
/* Combat Tools: Demolition */
.sheet-demolition {
width: calc(100% - 76px - 0.8em);
padding-bottom: 5px;
}
.sheet-demolition .sheet-table .sheet-title {
color:var(--header-text);
background: var(--header-bg);
}
.sheet-demolition .sheet-table .sheet-title .sheet-cell {
font-weight: bold;
font-size: 12px;
}
.sheet-demolition .sheet-table .sheet-cell {
padding: 0 5px;
}
.sheet-demolition .sheet-table .sheet-cell.sheet-row-title {
width: 75px;
}
.sheet-demolition .sheet-table .sheet-cell.sheet-select-box {
width: 75px;
}
.sheet-demolition .sheet-table .sheet-cell.sheet-text-box {
width: 110px;
}
.sheet-demolition .sheet-table .sheet-cell.sheet-input {
width: 53px;
}
.sheet-demolition .sheet-table .sheet-cell.sheet-six-d-spacer {
width: 8px;
padding: 0;
}
.sheet-demolition .sheet-table .sheet-cell.sheet-damage {
width: 60px;
}
.sheet-demolition .sheet-table .sheet-cell.sheet-roll-damage {
width: 36px;
}
.sheet-demolition .sheet-table .sheet-cell.sheet-reset {
width: 45px;
}
.sheet-demolition .sheet-popup.sheet-frag-label {
text-align: right;
font-size: 12px;
font-weight: bold;
}
/* Combat Tools: Shotgun tool */
.sheet-shotgun-tool {
width: calc(100% - 140px - 0.8em);
padding-bottom: 5px;
}
.sheet-shotgun-tool .sheet-table .sheet-title {
color:var(--header-text);
background: var(--header-bg);
}
.sheet-shotgun-tool .sheet-table .sheet-title .sheet-cell {
font-weight: bold;
font-size: 12px;
}
.sheet-shotgun-tool .sheet-table .sheet-cell {
padding: 0 5px 0 5px;
}
.sheet-shotgun-tool .sheet-table .sheet-cell.sheet-damage {
width: 65px;
}
.sheet-shotgun-tool .sheet-table .sheet-cell.sheet-rof {
width: 65px;
}
.sheet-shotgun-tool .sheet-table .sheet-cell.sheet-damage-type {
width: 65px;
}
.sheet-shotgun-tool .sheet-table .sheet-cell.sheet-range {
width: 75px;
}
.sheet-shotgun-tool .sheet-table .sheet-cell.sheet-range span.sheet-one-half {
font-size: 10px;
}
.sheet-shotgun-tool .sheet-table .sheet-cell.sheet-close-range {
width: 75px;
}
.sheet-shotgun-tool .sheet-table .sheet-cell.sheet-close-rof {
width: 65px;
}
.sheet-shotgun-tool .sheet-table .sheet-cell.sheet-close-damage {
width: 65px;
}
.sheet-shotgun-tool .sheet-table .sheet-cell.sheet-roll-damage {
width: 36px;
}
.sheet-shotgun-tool .sheet-table .sheet-cell.sheet-reset {
width: 60px;
}
.sheet-reset button.sheet-reset {
height: 19px;
line-height: 19px;
color: white;
background: var(--highlight-text);
border-radius: 3px;
font-weight: bold;
}
.sheet-shotgun-tool .sheet-popup.sheet-frag-label {
text-align: right;
font-size: 12px;
font-weight: bold;
}
.sheet-shotgun-tool .sheet-shotgun-notes {
padding: 10px 0 0 10px;
width: 99%;
height: 40px;
}
/* Damage Resistance */
.sheet-damage-reduction { float: right; width: 190px; }
.sheet-damage-reduction .sheet-col0 { width: 55px; }
.sheet-damage-reduction .sheet-col0 input { text-align: right; font-weight: bold; }
.sheet-damage-reduction .sheet-col1 { width: 25px; text-align: center; }
.sheet-damage-reduction .sheet-col2 { width: 110px; text-align: center; }
.sheet-damage-reduction .sheet-row-title .sheet-col0 { width: 100%; }
.sheet-damage-reduction .sheet-header .sheet-col2 { width: 110px; }
/* range/speed modifier image column */
.sheet-speed-range-images {
float: right;
width: 140px;
}
/* -- INVENTORY -- */
.sheet-quick-inventory { width: calc(100% - 0.4em); }
.sheet-items .sheet-col0 { width: calc(100% - 0.4em); }
.sheet-items { width: calc(100% - 0.4em); }
.sheet-items .sheet-col0 { width: calc(100% - 509px); }
.sheet-items .sheet-col0 input { text-align:left; }
.sheet-items .sheet-col-button { width: 30px; }
.sheet-items .sheet-col-location { width: 94px; }
.sheet-items .sheet-col-location input { text-align: left; }
.sheet-items .sheet-col1 { width: 30px; }
.sheet-items .sheet-col2 { width: 60px; }
.sheet-items .sheet-col3 { width: 20px; }
.sheet-items .sheet-col3 input { text-align:left; }
.sheet-items .sheet-col4 { width: 50px; }
.sheet-items .sheet-col5 { width: 60px; }
.sheet-items .sheet-col5 input { text-align:right; }
.sheet-items .sheet-col6 { width: 55px; }
.sheet-items .sheet-col6 input { text-align:right; }
.sheet-items .sheet-col7 { width: 60px; }
.sheet-items .sheet-col8 { width: 50px; }
.sheet-items .sheet-row-stats .sheet-col0 { margin-left: 48px; width: calc(100% - 588px); }
.sheet-items .sheet-row-totals .sheet-col0 { width: calc(100% - 710px); }
.sheet-items .sheet-row-totals .sheet-col1 { width: 140px; }
.sheet-items .sheet-row-totals .sheet-col2 { width: 100px; }
.sheet-items .sheet-row-totals .sheet-col3 { width: 145px; }
.sheet-items .sheet-row-totals .sheet-col4 { width: 100px; }
.sheet-items .sheet-row-totals .sheet-col5 { width: 125px; }
.sheet-items .sheet-row-totals .sheet-col6 { width: 100px; }
/* -- highlight row -- */
.sheet-items .repcontainer.ui-sortable.editmode .sheet-toggle-notes {
display: none;
}
.sheet-items input.sheet-toggle-highlight[type="checkbox"] {
width: 16px;
height: 22px;
opacity: 1;
position: absolute;
margin-left: 25px;
}
.sheet-items .sheet-toggle-notes {
position: absolute;
left: 0px;
}
.sheet-items input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-stats,
.sheet-items input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-stats input:enabled,
.sheet-items input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-details {
background: #B7FFAA;
}
.sheet-items .sheet-row-details.sheet-notebox {
min-height: 110px;
height: 100%;
}
.sheet-items .sheet-row-details.sheet-notebox .sheet-col-notebox {
min-height: 110px;
height: 100%;
width: 100%;
}
/* -- Bold Carried Items -- */
input[name="attr_carried"][value="1"] ~ span.sheet-item-weight-total {
font-weight: bold;
}
/* Text Area Box Styling */
.sheet-quick-inventory .sheet-header .sheet-col0 {
padding-left: 6px;
}
.sheet-quick-inventory-textarea {
box-sizing: border-box;
float: left;
padding: 5px;
width: 100%;
margin: 0;
}
.sheet-quick-inventory-textarea textarea {
width: 100%;
padding: 0;
margin: 0;
height: 150px;
}
/* -- SPELLS -- */
.sheet-spells {
width: calc(100% - 0.4em);
}
.sheet-spells .sheet-header {
padding: 3px;
}
.sheet-spells .sheet-header.sheet-spell-stats-header {
background: var(--box-bg);
height: 34px;
}
.sheet-spells .sheet-header.sheet-spell-stats-header select {
height: 25px;
margin: 0;
}
.sheet-spells .sheet-header.sheet-spell-stats-header input {
height: 25px;
}
.sheet-spells .sheet-header.sheet-spell-stats-header .sheet-margin-right {
margin-right: 5px;
}
/* -- highlight row -- */
.sheet-spells .repcontainer.ui-sortable.editmode .sheet-toggle-notes {
display: none;
}
.sheet-spells input.sheet-toggle-highlight[type="checkbox"] {
width: 16px;
height: 22px;
opacity: 1;
position: absolute;
margin-left: 25px;
}
.sheet-spells .sheet-toggle-notes {
position: absolute;
left: 0px;
}
.sheet-spells input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-stats,
.sheet-spells input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-stats input:enabled,
.sheet-spells input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-details {
background: #B7FFAA;
}
.sheet-spells input.sheet-checkbox[type="checkbox"] {
opacity: 1;
height: 16px;
}
.sheet-spells .sheet-col0 { width: calc(100% - 620px); }
.sheet-spells .sheet-col0 input { text-align:left; }
.sheet-spells .sheet-col1 { width: 25px; }
.sheet-spells .sheet-col1 input { text-align:left; }
.sheet-spells .sheet-col2 { width: 30px; }
.sheet-spells .sheet-col3 { width: 45px; }
.sheet-spells .sheet-col4 { width: 30px; }
.sheet-spells .sheet-col5 { width: 30px; }
.sheet-spells .sheet-col6 { width: 75px; }
.sheet-spells .sheet-col7 { width: 60px; }
.sheet-spells .sheet-col8 { width: 85px; }
.sheet-spells .sheet-col9 { width: 110px; }
.sheet-spells .sheet-col10 { width: 80px; }
.sheet-spells .sheet-col11 { width: 65px; }
.sheet-spells .sheet-col12 { width: 30px; }
.sheet-spells .sheet-tooltip-spell-time {
margin-left: -80px;
}
.sheet-spells .sheet-tooltip-spell-ref {
margin-left: -200px;
}
.sheet-spells .sheet-row-stats .sheet-col0 { margin-left: 44px; width: calc(100% - 667px); }
.sheet-spells .sheet-row-college .sheet-col0 { margin-left: 44px; width: calc(100% - 668px); }
.sheet-spells .sheet-row-college .sheet-cell.sheet-align-right {
float: right;
}
.sheet-spells .sheet-row-college .sheet-cell.sheet-ref-label {
text-transform: lowercase;
font-variant: small-caps;
letter-spacing: 1px;
font-weight: bold;
}
.sheet-spells .sheet-spell-mod-notes {
width: calc(100% - 355px);
}
.sheet-spells .sheet-text-college-width {
width: 184px;
}
/* -- if edit mode, hide toggle notes -- */
.sheet-spells .repcontainer.ui-sortable.editmode .sheet-checkbox,
.sheet-spells .repcontainer.ui-sortable.editmode .sheet-toggle {
opacity: 0;
z-index: -1;
}
.sheet-spells .sheet-row-college .sheet-tooltip.sheet-alt-indent {
margin-left: -15px;
}
.sheet-spells .sheet-row-details.sheet-notebox {
min-height: 460px;
height: 100%;
padding: 0 4px;
}
.sheet-spells.sheet-spell-stats {
height: 40px;
}
/* -- Roll Templates -- */
.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result,
.sheet-rolltemplate-rollStats .sheet-container table.sheet-result {
width: 100%;
border: 1px solid;
color: black;
border-color: rgba(112, 32, 130,1);
font-size: 12px;
}
.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result th {
color: darkred;
padding: 2px;
font-size: 14px;
font-style: normal;
font-weight: bold;
background: white;
}
.sheet-rolltemplate-rollStats .sheet-container table.sheet-result th {
color: darkred;
padding: 2px;
font-size: 14px;
font-style: normal;
font-weight: bold;
background: white;
border-bottom: 1px solid black;
font-size: 12px;
}
.sheet-rolltemplate-rollStats .sheet-container table.sheet-result .sheet-roll-made-by .inlinerollresult {
background: green;
color: white;
border: 2px solid green;
}
.sheet-rolltemplate-rollStats .sheet-container table.sheet-result .sheet-roll-missed-by .inlinerollresult {
background: red;
color: white;
border: 2px solid red;
}
.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result td.sheet-subhead {
padding: 2px;
border-bottom: 1px solid black;
background: white;
font-size: 12px;
font-weight: bold;
text-align: left;
}
.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result td,
.sheet-rolltemplate-rollStats .sheet-container table.sheet-result td {
padding: 4px 2px;
text-align: left;
font-style: normal;
/*border-bottom: 1px solid black;*/
}
.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result td.sheet-label,
.sheet-rolltemplate-rollStats .sheet-container table.sheet-result td.sheet-label {
width: 65px;
line-height: 14px;
font-weight: bold;
/*border-bottom: 1px solid black;*/
}
.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result span.sheet-damageType,
.sheet-rolltemplate-rollStats .sheet-container table.sheet-result span.sheet-damageType {
font-style: italic;
font-size: .9em;
color: darkred;
}
.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result tr:nth-child(odd),
.sheet-rolltemplate-rollStats .sheet-container table.sheet-result tr:nth-child(odd) {
background: rgba(217, 217, 214,1);
}
.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result tr:nth-child(even),
.sheet-rolltemplate-rollStats .sheet-container table.sheet-result tr:nth-child(even) {
background: rgba(233, 233, 233,1);
}
.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result span.sheet-success .inlinerollresult,
.sheet-rolltemplate-rollStats .sheet-container table.sheet-result span.sheet-success .inlinerollresult {
background: green;
color: white;
border: 2px solid green;
}
.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result span.sheet-failure .inlinerollresult,
.sheet-rolltemplate-rollStats .sheet-container table.sheet-result span.sheet-failure .inlinerollresult {
background: red;
color: white;
border: 2px solid red;
}
/* remove default crit and fail borders */
.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result .inlinerollresult.fullfail,
.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result .inlinerollresult.fullcrit,
.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result .inlinerollresult.importantroll,
.sheet-rolltemplate-rollStats .sheet-container table.sheet-result .inlinerollresult.fullfail,
.sheet-rolltemplate-rollStats .sheet-container table.sheet-result .inlinerollresult.fullcrit,
.sheet-rolltemplate-rollStats .sheet-container table.sheet-result .inlinerollresult.importantroll {
border: none;
}
.sheet-rolltemplate-skillRoll .sheet-container hr.sheet-border {
margin: 5px 0 5px 0;
border-top: 1px solid var(--border-color);
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result {
width: 100%;
border: 1px solid;
color: var(--main-text);
border-color: rgba(112, 32, 130,1);
font-size: 12px;
line-height: 1.2em;
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result p {
font-size: 12px;
font-family: "Proxima Nova","ProximaNova-Regular",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result th {
color: var(--header-text) !important;
padding: 6px;
font-size: 14px;
font-weight: bold;
background: var(--header-bg);
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result td.sheet-subhead {
padding: 4px;
border-bottom: 1px solid black;
background: var(--box-bg);
font-size: 12px;
font-weight: bold;
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result td.sheet-subhead .sheet-normal {
font-weight: normal;
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result td {
padding: 5px 2px;
/*border-bottom: 1px solid black;*/
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result td.sheet-label {
width: 45px;
font-weight: bold;
line-height: 14px;
/*border-bottom: 1px solid black;*/
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result td span.sheet-ref-label {
float: right;
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result span.sheet-damageType {
font-weight: bold;
color: var(--highlight-text);
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result span.sheet-title {
font-weight: bold;
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result tr:nth-child(odd) {
background: var(--odd-row-bg);
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result tr:nth-child(even) {
background: var(--row-bg);
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result span.sheet-success .inlinerollresult {
background: green;
color: white;
border: 2px solid green;
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result .sheet-success-text {
background: green;
color: white;
margin-left: 10px;
padding: 2px 5px;
font-weight: bold;
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result span.sheet-failure .inlinerollresult {
background: red;
color: white;
border: 2px solid red;
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result span.sheet-failure p,
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result span.sheet-success p{
margin: 6px 0 4px 0;
line-height: 14px;
font-size: 11px;
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result .sheet-failure-text {
background: red;
color: white;
margin-left: 10px;
padding: 2px 5px;
font-weight: bold;
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result .sheet-failure-note-label {
font-weight: bold;
font-style: italic;
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result .sheet-effective-skill .inlinerollresult {
background: black;
border: 2px solid black;
color: white;
}
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result .sheet-damage-roll .inlinerollresult {
background: darkred;
border: 2px solid darkred;
color: white;
}
.sheet-rolltemplate-skillRoll .sheet-tool-modifier-title {
text-align: center;
font-weight: bold;
}
.sheet-rolltemplate-skillRoll .sheet-tool-modifier-title.sheet-highlight-red {
color: white;
background-color: red;
}
.sheet-rolltemplate-skillRoll .sheet-tool-modifier-title.sheet-short-row {
height: 0px;
}
.sheet-rolltemplate-skillRoll .sheet-alert-notice {
color: red;
}
/* remove default crit and fail borders */
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result .inlinerollresult.fullfail,
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result .inlinerollresult.fullcrit,
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result .inlinerollresult.importantroll {
border: none;
}
.sheet-rolltemplate-skillRoll .sheet-recoil-margin {
margin-right: 5px;
}
.sheet-rolltemplate-skillRoll .sheet-normal-text-content .inlinerollresult {
font-weight: normal;
background-color: transparent;
border: none;
color: var(--main-text);
font-size: 12px;
line-height: 1em;
padding: 0;
}
/* -- spell grid -- */
.sheet-rolltemplate-spell-grid {
display: grid;
grid-template-columns: 40px 75px 40px auto;
}
.sheet-rolltemplate-spell-grid .sheet-label {
font-weight: bold;
}
/**********************************/
/* Custom rolltemplate for macros */
/* see: https://wiki.roll20.net/Building_Character_Sheets/Roll_Templates */
.withoutavatars .sheet-rolltemplate-macro {
margin-left: -7px;
}
.sheet-rolltemplate-macro .sheet-container {
border: 1px solid;
border-color: var(--border-color);
border-radius: 3px 3px 3px 3px;
}
.sheet-rolltemplate-macro .sheet-header {
text-align: left;
padding: 0;
}
.sheet-rolltemplate-macro .sheet-header .sheet-text {
padding: 5px;
}
.sheet-rolltemplate-macro .sheet-header .sheet-title {
color: var(--header-text);
background-color: var(--header-bg);
font-size: 1.1em;
font-weight: bold;
}
.sheet-rolltemplate-macro .sheet-header .sheet-subtitle {
color: var(--secondary-highlight);
background: var(--odd-row-bg);
font-size: .9em;
font-weight: bold;
border-bottom: 1px solid black;
}
/* Allprops part */
.sheet-rolltemplate-macro .sheet-content {
display: grid;
background: var(--sheet-bg);
/* Header formatting - modify the column layout below */
grid-template-columns: 40% auto;
/* Line height to match default roll template */
line-height:1.2em;
}
.sheet-rolltemplate-macro .sheet-content > div {
padding: 5px;
}
/* Left column */
.sheet-rolltemplate-macro .sheet-content .sheet-key {
font-weight: bold;
padding-right: 10px;
text-align: right;
}
/* Empty rule, use this if you want to change the right column
.sheet-rolltemplate-custom .sheet-value {
}
*/
/* Make even-numbered rows grey */
.sheet-rolltemplate-macro .sheet-content :nth-child(4n+3),
.sheet-rolltemplate-macro .sheet-content :nth-child(4n) {
background: var(--row-bg);
}
/* Description field */
.sheet-rolltemplate-macro .sheet-content .sheet-desc {
grid-column: span 2;
padding: 5px;
text-align: left;
}
/* die styles */
/* remove default crit and fail borders */
.sheet-rolltemplate-macro .inlinerollresult,
.sheet-rolltemplate-macro .inlinerollresult.fullfail,
.sheet-rolltemplate-macro .inlinerollresult.fullcrit,
.sheet-rolltemplate-macro .inlinerollresult.importantroll {
background: blue;
color: white;
border: 2px solid blue;
}
.sheet-rolltemplate-macro .sheet-roll .inlinerollresult {
background: green;
color: white;
border: 2px solid green;
}
.sheet-rolltemplate-macro .sheet-target .inlinerollresult {
background: black;
border: 2px solid black;
color: white;
}
/* rolltemplate dnd5e */
.sheet-rolltemplate-macro .sheet-template-dnd5e .sheet-header .sheet-title {
font-variant: small-caps;
font-size: 1.2em;
background: white;
color: rgb(126, 45, 64);
font-family: "Times New Roman", Times, serif;
}
.sheet-rolltemplate-macro .sheet-template-dnd5e .sheet-header .sheet-subtitle {
font-style: italic;
font-size: 1em;
border-bottom: none;
background: white;
color: black;
font-family: "Times New Roman", Times, serif;
}
.sheet-rolltemplate-macro .sheet-template-dnd5e .sheet-arrow-right {
border-bottom: 2px solid transparent;
border-left: 180px solid rgb(126, 45, 64);
border-top: 2px solid transparent;
background: white;
padding: 2px;
}
/* Make even-numbered rows grey */
.sheet-rolltemplate-macro .sheet-template-dnd5e .sheet-content :nth-child(4n+3),
.sheet-rolltemplate-macro .sheet-template-dnd5e .sheet-content :nth-child(4n) {
background: white;
}
/* rolltemplate pathfinder */
.sheet-rolltemplate-macro .sheet-template-pathfinder {
background:url(http://i.imgur.com/BLb0XMU.jpg) top left repeat;
}
.sheet-rolltemplate-macro .sheet-template-pathfinder .sheet-header .sheet-title {
text-transform: uppercase;
font-family: "Arial", Helvetica, sans-serif;
color: rgb(233, 223, 151);
background-color: rgb(63, 32, 33);
}
.sheet-rolltemplate-macro .sheet-template-pathfinder .sheet-header .sheet-subtitle {
font-style: italic;
font-family: "Arial", Helvetica, sans-serif;
color: rgb(233, 223, 151);
background-color: rgb(63, 32, 33);
border-bottom: none;
}
.sheet-rolltemplate-macro .sheet-template-pathfinder .sheet-content {
background: transparent;
}
/* Make even-numbered rows grey */
.sheet-rolltemplate-macro .sheet-template-pathfinder .sheet-content :nth-child(4n+3),
.sheet-rolltemplate-macro .sheet-template-pathfinder .sheet-content :nth-child(4n) {
background: transparent;
}
/* rolltemplate columnlayout */
.sheet-rolltemplate-columnlayout .sheet-container {
border: 1px solid;
border-color: var(--border-color);
border-radius: 3px 3px 3px 3px;
background: var(--sheet-bg);
}
.sheet-rolltemplate-columnlayout label {
font-weight: bold;
margin-bottom: 0;
}
.sheet-rolltemplate-columnlayout .sheet-grid-3-column-auto {
display: grid;
grid-template-columns: auto auto auto;
}
.sheet-rolltemplate-columnlayout .sheet-grid-4-column-auto {
display: grid;
grid-template-columns: auto auto auto auto;
}
.sheet-rolltemplate-columnlayout .sheet-grid-5-column-auto {
display: grid;
grid-template-columns: auto auto auto auto auto;
}
.sheet-grid-6-column-auto {
display: grid;
grid-template-columns: auto auto auto auto auto auto;
}
.sheet-grid-throwing-table {
display: grid;
grid-template-columns: 92px 40px 40px 40px 56px 40px 30px 60px 40px 40px 40px 40px 40px 40px auto;
}
.sheet-grid-range-calculator-table {
display: grid;
grid-template-columns: 75px 48px 48px 48px 47px 91px 48px 48px 55px 50px 66px auto;
}
.sheet-grid-shotgun-tool-table {
display: grid;
grid-template-columns: 75px 48px 58px 70px 47px 91px 70px 70px 32px auto;
}
.sheet-rolltemplate-columnlayout .sheet-header__bg {
background-color: white;
}
.sheet-rolltemplate-columnlayout .sheet-data__item {
background: var(--row-bg);
border-top: 1px solid var(--border-color);
}
.sheet-rolltemplate-columnlayout .sheet-grid__padding .sheet-grid-item {
padding: 5px;
}
/* Chrome, Safari, Edge, Opera */
input[type=number].sheet-hide-spinner::-webkit-inner-spin-button,
input[type=number].sheet-hide-spinner::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number].sheet-hide-spinner {
-moz-appearance: textfield;
}
/*************************/
/* damage type notes box */
.sheet-damage-type-notes {
margin: 10px;
width: 250px;
}
.sheet-damage-type-notes h3 {
text-align: center;
}
.sheet-damage-type-notes .sheet-toggle-notes {
margin: 10px 0 10px 0;
}
.sheet-damage-type-notes th {
vertical-align: top;
font-size: 1.1em;
}
.sheet-damage-type-notes td {
vertical-align: top;
text-align: left;
}
.sheet-damage-type-notes textarea {
margin-right: 10px;
width: 180px;
height: 75px;
font-size: 11px;
line-height: 14px;
}
.sheet-damage-type-notes textarea.sheet-defensive-notes {
width: 228px;
height: 198px;
}
.sheet-mark-updates-as-read {
margin: 10px 0;
}
.sheet-mark-updates-as-read span {
color: var(--highlight-text);
font-weight: bold;
}
/* -- FOOTER -- */
.sheet-logo {
text-align: center;
margin-top: 10px;
clear: both;
}
.sheet-logo div.sheet-control {
margin-bottom: 10px;
}
button.sheet-no-decoration {
border: none;
background: none;
text-decoration: underline;
}
button[type=roll].sheet-no-decoration::before {
content: none;
}
button[type=roll].sheet-inline-decoration {
font-size: 13px;
margin: 0;
padding: 0;
}
/** roll modifier dialog box **/
/** see: https://webdevtrick.com/css-modal-box/ **/
.sheet-margin-left-small {
margin-left: 5px;
}
/* roll modifier button tools used outside of modal box */
/* roll modifier status */
.sheet-number-input input.sheet-modifier-status[value="positive"] ~ input.sheet-final-modifier {
background-color: blue !important;
color: white;
}
.sheet-number-input input.sheet-modifier-status[value="negative"] ~ input.sheet-final-modifier {
background-color: red !important;
color: white;
}
.sheet-roll-modifiers .sheet-number-input {
width: 30px;
}
.sheet-roll-modifiers .sheet-cell-popup div {
float: left;
width: auto;
}
.sheet-roll-modifiers .sheet-cell-popup div.sheet-popup {
padding-left: 5px;
}
.sheet-roll-modifiers input[type="checkbox"],
.sheet-roll-modifiers-table input[type="checkbox"] {
width: 16px!important;
opacity: 1;
}
.sheet-roll-modifiers-table input[type="checkbox"] {
margin-top: 0;
}
.sheet-roll-modifiers-table .sheet-popup {
margin-top: -2px;
}
.sheet-roll-modifiers button[type="action"] {
background: none;
line-height: 20px;
height: 20px;
width: 20px;
}
.sheet-roll-modifier-button {
margin: 0 !important;
height: 12px;
border-radius: 0;
border: none;
}
.sheet-reset-button {
margin: 0 !important;
height: 12px;
border-radius: 0;
border: none;
}
.sheet-roll-modifiers-table button[type="action"],
button[type="action"].sheet-roll-modifier-button,
button[type="action"].sheet-reset-button {
background: none;
}
.sheet-roll-modifiers button[type="action"] span,
.sheet-roll-modifiers-table button[type="action"] span,
button[type="action"].sheet-roll-modifier-button span,
button[type="action"].sheet-reset-button span {
display: none;
}
.sheet-roll-modifiers button[type="action"]::before,
.sheet-roll-modifiers-table button[type="action"]::before,
button[type="action"].sheet-roll-modifier-button::before,
button[type="action"].sheet-reset-button::before {
font-family: "Pictos";
content: "W";
font-size: 24px;
}
button.sheet-tool-modifier-reset[type="action"]::before,
button.sheet-tool-modifier-reset[type="action"]::before {
font-family: "Pictos";
content: "0";
font-size: 24px;
color: red;
}
/* Roll Modifier Tool - Modal box */
/* activate :before to prevent access to lower elements */
input[type="hidden"][name="attr_show_roll_modifiers"][value="1"] ~ .sheet-modal:before {
display: block;
}
/* move the model dialog into place */
input[type="hidden"][name="attr_show_roll_modifiers"][value="1"] ~ .sheet-modal .sheet-modal-dialog {
transform: translate(0, 0);
top: 10%;
}
/* when active disable elements underneath this box */
.sheet-modal:before {
content: "";
display: none;
background: rgba(228, 165, 174, 0.315);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 20;
}
.sheet-modal-dialog {
background: #fefefe;
border: #333333 solid 0px;
border-radius: 5px;
margin-left: -432px;
text-align:center;
position: fixed;
left: 50%;
top: -100%;
z-index: 21;
width: 800px;
box-shadow:0 5px 10px rgba(0,0,0,0.3);
transform: translate(0, -500%);
transition: transform 0.3s ease-out;
}
.sheet-modal-body {
padding: 0 10px 10px 10px;
}
.sheet-modal-header {
padding: 0 10px 0 10px;
}
.sheet-modal-footer {
padding: 0 10px 10px 10px;
}
.sheet-modal-header {
border-bottom: #eeeeee solid 1px;
}
.sheet-modal-header h2 {
font-size: 20px;
}
.sheet-modal-header .sheet-close-button {
float: right;
}
.sheet-modal-body hr {
margin: 3px 0 3px 0;
}
.sheet-modal-body .sheet-modal-main-content {
height: 330px;
overflow-y: scroll;
overflow-x: hidden;
}
/**
* tooltip style
* see: https://www.w3schools.com/css/css_tooltip.asp
*/
.sheet-modal .sheet-tooltip {
color: var(--highlight-text);
line-height: 22px;
position: relative;
display: inline-block;
}
.sheet-modal .sheet-tooltip .sheet-tooltiptext {
visibility: hidden;
width: 200px;
background: #66ffff;
color: #111;
line-height: 14px;
text-align: left;
border-radius: 6px;
padding: 5px;
position: absolute;
z-index: 1;
top: 120%;
left: 0;
border: 2px solid var(--border-color);
box-shadow: 5px 10px 8px #888888;
}
.sheet-modal .sheet-tooltip .sheet-tooltiptext::after {
content: "";
position: absolute;
bottom: 100%;
left: 20px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent black transparent;
}
/* fit tooltip when located to right-hand side of dialog box */
.sheet-modal .sheet-tooltip .sheet-tooltiptext.sheet-move-left {
left: 0;
margin-left: -171px;
}
.sheet-modal .sheet-tooltip .sheet-tooltiptext.sheet-move-left::after {
left: 180px;
}
.sheet-modal .sheet-tooltip:hover .sheet-tooltiptext {
visibility: visible;
}
/* display selected sections of roll modifier box */
.sheet-modal-main-content input[name="attr_display_visibility_section"][value="0"] ~ div.sheet-visiblity {
display: none;
}
.sheet-modal-main-content input[name="attr_display_afflictions_section"][value="0"] ~ div.sheet-afflictions {
display: none;
}
.sheet-modal-main-content input[name="attr_display_tasks_section"][value="0"] ~ div.sheet-tasks {
display: none;
}
.sheet-modal-main-content input[name="attr_display_equipment_section"][value="0"] ~ div.sheet-equipment {
display: none;
}
.sheet-modal-main-content input[name="attr_display_attack_section"][value="0"] ~ div.sheet-attack {
display: none;
}
.sheet-modal-main-content input[name="attr_display_melee_maneuvers_section"][value="0"] ~ div.sheet-melee-maneuvers {
display: none;
}
.sheet-modal-main-content input[name="attr_display_melee_maneuvers_section"][value="0"] ~ .sheet-tooltiptext.sheet-melee {
display: none;
}
.sheet-modal-main-content input[name="attr_display_ranged_maneuvers_section"][value="0"] ~ div.sheet-ranged-maneuvers {
display: none;
}
.sheet-modal-main-content input[name="attr_display_ranged_maneuvers_section"][value="0"] ~ .sheet-tooltiptext.sheet-ranged {
display: none;
}
.sheet-modal-main-content input[name="attr_display_defense_maneuvers_section"][value="0"] ~ div.sheet-defense-maneuvers {
display: none;
}
.sheet-modal-main-content input[name="attr_display_spell_modifiers_section"][value="0"] ~ div.sheet-spell-modifiers {
display: none;
}
/* display hit location drop-down based on hit location type */
.sheet-modal-main-content select.sheet-hit-location {
display: none;
}
.sheet-modal-main-content input[name="attr_hit_location_type"][value="humanoid"] ~ select[name="attr_humanoid_location"] {
display: block;
}
.sheet-modal-main-content input[name="attr_hit_location_type"][value="arachnoid"] ~ select[name="attr_arachnoid_location"] {
display: block;
}
.sheet-modal-main-content input[name="attr_hit_location_type"][value="avian"] ~ select[name="attr_avian_location"] {
display: block;
}
.sheet-modal-main-content input[name="attr_hit_location_type"][value="cancroid"] ~ select[name="attr_cancroid_location"] {
display: block;
}
.sheet-modal-main-content input[name="attr_hit_location_type"][value="centaur"] ~ select[name="attr_centaur_location"] {
display: block;
}
.sheet-modal-main-content input[name="attr_hit_location_type"][value="hexapod"] ~ select[name="attr_hexapod_location"] {
display: block;
}
.sheet-modal-main-content input[name="attr_hit_location_type"][value="quadruped"] ~ select[name="attr_quadruped_location"] {
display: block;
}
.sheet-modal-main-content input[name="attr_hit_location_type"][value="humanoid_low_tech"] ~ select[name="attr_humanoid_low_tech_location"] {
display: block;
}
.sheet-modal-main-content input[name="attr_hit_location_type"][value="humanoid_martial_arts"] ~ select[name="attr_humanoid_martial_arts_location"] {
display: block;
}
.sheet-modal-main-content input[name="attr_hit_location_type"][value="ichthyoid"] ~ select[name="attr_ichthyoid_location"] {
display: block;
}
.sheet-modal-main-content input[name="attr_hit_location_type"][value="octopod"] ~ select[name="attr_octopod_location"] {
display: block;
}
.sheet-modal-main-content input[name="attr_hit_location_type"][value="vehicle"] ~ select[name="attr_vehicle_location"] {
display: block;
}
.sheet-modal-main-content input[name="attr_hit_location_type"][value="vermiform"] ~ select[name="attr_vermiform_location"] {
display: block;
}
.sheet-modal-main-content input[name="attr_hit_location_type"][value="weapon"] ~ select[name="attr_weapon_location"] {
display: block;
}
/* CSS Grid containers */
.sheet-modal-body .sheet-modal-main-content .sheet-section {
border-bottom: 1px solid #ddd;
padding: 0 0 5px 0;
}
.sheet-modal-body .sheet-container {
display: grid;
grid-template-columns: auto auto auto auto auto;
grid-gap: 2px;
padding: 2px;
justify-content: start;
}
.sheet-modal-body .sheet-container > div {
padding: 2px 5px 2px 5px;
text-align: left;
}
.sheet-modal-body .sheet-container > div select {
margin-bottom: 0;
}
.sheet-modal-body .sheet-container > div select.sheet-medium-width {
width: 200px;
}
.sheet-modal-body .sheet-container > div select,
.sheet-modal-body .sheet-container > div input {
height: 26px;
}
.sheet-modal-body .sheet-container > div input:disabled,
.sheet-modal-body .sheet-container > div input:read-only {
background: var(--input-disabled-bg);
}
.sheet-modal-body .sheet-container > div input[type="checkbox"] {
height: 16px;
width: 16px;
}
.sheet-modal-body .sheet-container .sheet-item .sheet-block {
clear: both;
}
.sheet-modal-body .sheet-container .sheet-item .sheet-block.sheet-add-min-height {
min-height: 28px;
}
.sheet-modal-body .sheet-container .sheet-item .sheet-block.sheet-reason-for-mod div {
float: left;
}
.sheet-modal-body .sheet-container .sheet-item .sheet-block.sheet-reason-for-mod div textarea {
height: auto;
width: 265px;
margin-bottom: 0;
}
.sheet-modal-body .sheet-container .sheet-item.sheet-full-width {
grid-column-start: 1;
grid-column-end: 6;
text-align: left;
}
.sheet-modal-body .sheet-container .sheet-item.sheet-border-left {
border-left: 1px solid #ddd;
}
.sheet-modal-body .sheet-container .sheet-item.sheet-border-right {
border-right: 1px solid #ddd;
}
.sheet-modal-body .sheet-container .sheet-item.sheet-item3-5 {
grid-column-start: 3;
grid-column-end: 6;
}
.sheet-modal-body .sheet-container .sheet-item.sheet-item7-8 {
grid-column-start: 2;
grid-column-end: 4;
}
.sheet-modal-body .sheet-container .sheet-item.sheet-item2-5 {
grid-column-start: 2;
grid-column-end: 6;
}
.sheet-modal-body .sheet-container .sheet-item.sheet-item8-9 {
grid-column-start: 4;
grid-column-end: 5;
}
.sheet-modal-body .sheet-container .sheet-item .sheet-select-hit-location {
width: 170px;
}
.sheet-modal-body .sheet-container input[name="attr_hit_location"] {
width: 550px;
}
.sheet-modal-body .sheet-container .sheet-item label {
font-weight: normal;
font-size: inherit;
margin: 0;
padding: 0;
}
.sheet-modal-body .sheet-container .sheet-item label > div {
float: left;
margin-right: 5px;
}
.sheet-modal-body .sheet-container .sheet-item select {
width: 100%;
}
.sheet-modal-body .sheet-container .sheet-item select.sheet-number-only-width {
width: 4em;
}
.sheet-modal-body .sheet-container .sheet-item h4.sheet-font-color-red {
color: var(--highlight-text);
}
/* button styles */
.sheet-modal .sheet-btn {
background: #e60023;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 14px;
padding: 8px 15px;
text-decoration: none;
text-align: center;
min-width: 60px;
position: relative;
transition: color .1s ease;
}
.sheet-modal .sheet-btn:hover {
background: #c72339;
}
.sheet-modal .sheet-btn.sheet-close {
min-width: 9px;
font-weight: bold;
background: none;
border: none;
color: #cccccc;
font-size: 19px;
}
.sheet-modal .sheet-btn.sheet-close:hover {
background: #e0dfdf;
color: #415063;
}
.sheet-modal .sheet-btn.sheet-btn-big {
font-size: 18px;
padding: 15px 20px;
min-width: 100px;
}
.sheet-modal .sheet-btn-close {
color: #e60023;
font-size: 30px;
text-decoration: none;
padding:10px;
position: absolute;
right: 7px;
top: 0;
}
.sheet-modal .sheet-btn-close:hover {
color: #333;
}
/** Combat sub-tabs **/
.sheet-tabbed {
width: 98%;
height: 100%;
}
.sheet-tabbed label input.sheet-tab-control {
display: none;
}
.sheet-tabbed > label > span {
display: block;
float: left;
padding: 5px 10px;
margin-right: 5px;
cursor: pointer;
transition: background-color .3s;
font-size: 12px;
text-transform: lowercase;
font-variant: small-caps;
}
.sheet-tabbed > label > span:hover,
.sheet-tabbed > label > input:checked + span {
background: var(--input-disabled-bg);
}
.sheet-tabbed > label > input:not(:checked) + span {
color: var(--highlight-text);
background: var(--tabbed-header-bg);
}
.sheet-tabs {
clear: both;
border-top: 2px solid var(--input-disabled-bg);
}
.sheet-tabs > div {
width: 100%;
padding: 5px 0 0 0;
line-height: 1.4em;
display: none;
}
.sheet-tabs > div.sheet-tabbed-header {
display: block;
}
input[name="attr_combat_tabs"][value="damage"] ~ .sheet-tabs > div:nth-of-type(2),
input[name="attr_combat_tabs"][value="defense"] ~ .sheet-tabs > div:nth-of-type(3),
input[name="attr_combat_tabs"][value="melee"] ~ .sheet-tabs > div:nth-of-type(4),
input[name="attr_combat_tabs"][value="ranged"] ~ .sheet-tabs > div:nth-of-type(5),
input[name="attr_combat_tabs"][value="tools"] ~ .sheet-tabs > div:nth-of-type(6) {
display: block;
}
input[name="attr_bio_tabs"][value="bio"] ~ .sheet-tabs > div:nth-of-type(1),
input[name="attr_bio_tabs"][value="reactions"] ~ .sheet-tabs > div:nth-of-type(2),
input[name="attr_bio_tabs"][value="training"] ~ .sheet-tabs > div:nth-of-type(3),
input[name="attr_bio_tabs"][value="campaign"] ~ .sheet-tabs > div:nth-of-type(4) {
display: block;
}
/* hit points and movement section of combat tab */
.sheet-tabbed-header .sheet-container {
display: grid;
grid-template-columns: auto auto;
width: 98%;
justify-content: start;
}
/* thrust/swing is initially invisible */
.sheet-tabbed-header .sheet-container > .sheet-item3 {
display: none;
}
/* if melee or ranged show thrust/swing */
input[name="attr_combat_tabs"][value="melee"] ~ .sheet-tabs .sheet-tabbed-header .sheet-container > .sheet-item3,
input[name="attr_combat_tabs"][value="ranged"] ~ .sheet-tabs .sheet-tabbed-header .sheet-container > .sheet-item3 {
display: block;
}
/* if melee or ranged temple has 3 columns */
input[name="attr_combat_tabs"][value="melee"] ~ .sheet-tabs .sheet-tabbed-header .sheet-container,
input[name="attr_combat_tabs"][value="ranged"] ~ .sheet-tabs .sheet-tabbed-header .sheet-container {
grid-template-columns: auto auto auto;
}
.sheet-tabbed-header .sheet-container .sheet-item {
text-align: center;
background: var(--tabbed-header-bg);
}
.sheet-tabbed-header .sheet-hit-points {
display: grid;
grid-template-columns: auto auto auto auto;
grid-gap: 2px;
justify-content: start;
border-right: 2px solid var(--header-bg);
}
.sheet-tabbed-header .sheet-movement-table {
display: grid;
grid-template-columns: auto auto auto auto auto auto auto;
grid-gap: 2px;
justify-content: start;
border-right: 2px solid var(--header-bg);
}
.sheet-tabbed-header .sheet-thrust-swing-damage {
display: grid;
grid-template-columns: auto auto;
grid-gap: 2px;
justify-content: start;
}
.sheet-tabbed-header .sheet-popup > span {
text-transform: lowercase;
font-variant: small-caps;
font-weight: bold;
}
.sheet-tabbed-header input {
width: 62px;
margin: 0 2px;
text-align: center;
}
.sheet-tabbed-header input[readonly="readonly"] {
background: var(--input-disabled-bg);
}
.sheet-tabbed-header .sheet-thrust-swing-damage input {
width: 55px;
}
.sheet-tabbed-header .sheet-load input {
width: 70px;
}
/* ---------------------------------- */
/* Options Tab > sub tabs */
input[name="attr_options_tabs"][value="sheet"] ~ .sheet-tabs.sheet-options > div:nth-of-type(1),
input[name="attr_options_tabs"][value="rules"] ~ .sheet-tabs.sheet-options > div:nth-of-type(2),
input[name="attr_options_tabs"][value="import"] ~ .sheet-tabs.sheet-options > div:nth-of-type(3),
input[name="attr_options_tabs"][value="import-json"] ~ .sheet-tabs.sheet-options > div:nth-of-type(4) {
display: block;
}
/* ---------------------------------- */
/* Help Tab > Options Tab > sub tabs */
input[name="attr_help_tabs"][value="get-started"] ~ .sheet-tabs.sheet-options > div:nth-of-type(1),
input[name="attr_help_tabs"][value="general"] ~ .sheet-tabs.sheet-options > div:nth-of-type(2),
input[name="attr_help_tabs"][value="traits"] ~ .sheet-tabs.sheet-options > div:nth-of-type(3),
input[name="attr_help_tabs"][value="bio"] ~ .sheet-tabs.sheet-options > div:nth-of-type(4),
input[name="attr_help_tabs"][value="skills"] ~ .sheet-tabs.sheet-options > div:nth-of-type(5),
input[name="attr_help_tabs"][value="combat"] ~ .sheet-tabs.sheet-options > div:nth-of-type(6),
input[name="attr_help_tabs"][value="inventory"] ~ .sheet-tabs.sheet-options > div:nth-of-type(7),
input[name="attr_help_tabs"][value="grimoire"] ~ .sheet-tabs.sheet-options > div:nth-of-type(8),
input[name="attr_help_tabs"][value="gear"] ~ .sheet-tabs.sheet-options > div:nth-of-type(9),
input[name="attr_help_tabs"][value="other"] ~ .sheet-tabs.sheet-options > div:nth-of-type(10) {
display: block;
}
/* ---------------------------------- */
/* Combat tab : Damage tab. Flex Grid */
/* --------------------------------------- */
/* grid to select armor layer's to display */
.sheet-armor-layer-controller-grid {
display: grid;
grid-template-columns: auto auto auto auto auto auto auto auto auto;
width: 100%;
grid-gap: 4px;
padding: 2px;
justify-content: start;
}
.sheet-armor-layer-controller-grid .sheet-item select {
width: auto;
margin: 0;
}
.sheet-armor-layer-controller-grid .sheet-flexible-armor {
font-style: italic;
font-size: 12px;
}
.sheet-armor-layer-controller-grid .sheet-item {
line-height: 1.8em;
}
.sheet-armor-layer-controller-grid .sheet-hit-location-notes {
height: 42px;
line-height: 14px;
font-size: 12px;
margin: 0;
width: 321px;
}
/* headings */
.sheet-armor-layer-controller-grid .sheet-item.sheet-heading {
font-weight: bold;
}
.sheet-armor-layer-controller-grid .sheet-item .sheet-popup {
background: var(--tabbed-header-bg);
}
.sheet-armor-layer-controller-grid .sheet-item label {
margin: 0;
font-weight: normal;
font-size: 13px;
}
.sheet-armor-layer-controller-grid .sheet-item label > div {
float: left;
margin-right: 5px;
}
.sheet-hit-location-action-bar {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 6px;
margin: 5px 0;
}
.sheet-hit-location-action-bar .sheet-buttons {
margin-left: auto;
}
/* grid for hit location header and repeating section */
.sheet-hit-location-container {
overflow-x: auto;
white-space: nowrap;
border: 1px solid black;
}
.sheet-hit-location-container .sheet-item div.sheet-front,
.sheet-hit-location-container .sheet-item div.sheet-back {
width: 72px;
}
.sheet-hit-location-container input[name="attr_toggle_notes"][value="0"] ~ .sheet-expandable-section {
display: none;
}
/* --------------------------------------------------- */
/* by default columns layer 2-4 are hidden, only show */
.sheet-hit-location-grid {
display: grid;
grid-template-columns: 25px 90px 43px 43px 43px 50px 43px 43px max-content;
grid-gap: 0;
padding: 0;
}
.sheet-hit-location-grid .sheet-highlight-input {
border: 1px solid var(--highlight-text);
box-shadow: 2px 2px 2px #8b8b8b;
}
/* by default, hide layer 2,3,4 */
.sheet-hit-location-grid .sheet-layer-2,
.sheet-hit-location-grid .sheet-layer-3,
.sheet-hit-location-grid .sheet-layer-4,
.sheet-hit-location-grid .sheet-summary {
display: none;
}
/* show armor layer 2 & summary */
input[name="attr_armor_layers"][value="2"] ~ .sheet-hit-location-grid,
input[name="attr_armor_layers"][value="2"] ~ .repcontainer .repitem .sheet-hit-location-grid {
grid-template-columns: 25px 90px 43px 43px 43px 50px 43px 43px max-content max-content max-content;
}
input[name="attr_armor_layers"][value="2"] ~ .sheet-hit-location-grid .sheet-layer-2,
input[name="attr_armor_layers"][value="2"] ~ .repcontainer .repitem .sheet-hit-location-grid .sheet-layer-2,
input[name="attr_armor_layers"][value="2"] ~ .sheet-hit-location-grid .sheet-summary,
input[name="attr_armor_layers"][value="2"] ~ .repcontainer .repitem .sheet-hit-location-grid .sheet-summary {
display: block;
}
/* show armor layer 2-3 & summary */
input[name="attr_armor_layers"][value="3"] ~ .sheet-hit-location-grid,
input[name="attr_armor_layers"][value="3"] ~ .repcontainer .repitem .sheet-hit-location-grid {
grid-template-columns: 25px 90px 43px 43px 43px 50px 43px 43px max-content max-content max-content max-content;
}
input[name="attr_armor_layers"][value="3"] ~ .sheet-hit-location-grid .sheet-layer-2,
input[name="attr_armor_layers"][value="3"] ~ .repcontainer .repitem .sheet-hit-location-grid .sheet-layer-2,
input[name="attr_armor_layers"][value="3"] ~ .sheet-hit-location-grid .sheet-layer-3,
input[name="attr_armor_layers"][value="3"] ~ .repcontainer .repitem .sheet-hit-location-grid .sheet-layer-3,
input[name="attr_armor_layers"][value="3"] ~ .sheet-hit-location-grid .sheet-summary,
input[name="attr_armor_layers"][value="3"] ~ .repcontainer .repitem .sheet-hit-location-grid .sheet-summary {
display: block;
}
/* show armor layer 2-4 & summary */
input[name="attr_armor_layers"][value="4"] ~ .sheet-hit-location-grid,
input[name="attr_armor_layers"][value="4"] ~ .repcontainer .repitem .sheet-hit-location-grid {
grid-template-columns: 25px 97px 42px 42px 43px 50px 40px 40px max-content max-content max-content max-content max-content;
}
input[name="attr_armor_layers"][value="4"] ~ .sheet-hit-location-grid .sheet-layer-2,
input[name="attr_armor_layers"][value="4"] ~ .repcontainer .repitem .sheet-hit-location-grid .sheet-layer-2,
input[name="attr_armor_layers"][value="4"] ~ .sheet-hit-location-grid .sheet-layer-3,
input[name="attr_armor_layers"][value="4"] ~ .repcontainer .repitem .sheet-hit-location-grid .sheet-layer-3,
input[name="attr_armor_layers"][value="4"] ~ .sheet-hit-location-grid .sheet-layer-4,
input[name="attr_armor_layers"][value="4"] ~ .repcontainer .repitem .sheet-hit-location-grid .sheet-layer-4,
input[name="attr_armor_layers"][value="4"] ~ .sheet-hit-location-grid .sheet-summary,
input[name="attr_armor_layers"][value="4"] ~ .repcontainer .repitem .sheet-hit-location-grid .sheet-summary {
display: block;
}
.sheet-hit-location-grid .sheet-item.sheet-grid-header {
border-bottom: 1px solid #ccc;
vertical-align: bottom;
text-align: center;
}
.sheet-hit-location-grid .sheet-item.sheet-grid-header > .sheet-popup {
background: var(--tabbed-header-bg);
}
.sheet-hit-location-grid .sheet-item.sheet-grid-header > span,
.sheet-hit-location-grid .sheet-item.sheet-grid-header > div.sheet-popup {
font-weight: bold;
}
.sheet-hit-location-grid .sheet-item.sheet-grid-header > span.sheet-tooltip {
font-weight: normal;
margin-left: 0;
}
.sheet-hit-location-grid .sheet-item.sheet-layer .sheet-front {
float: left;
width: 100%;
}
.sheet-hit-location-grid .sheet-item.sheet-layer .sheet-back {
float: left;
width: 50%;
}
.sheet-hit-location-grid .sheet-item input {
width: 100%;
background: var(--input-bg);
padding: 1px;
line-height: 15px;
font-size: 12px;
}
.sheet-hit-location-grid .sheet-item input[type="checkbox"] {
width: auto;
}
.sheet-hit-location-grid .sheet-item input[readonly="readonly"],
.sheet-hit-location-grid .sheet-item input[disabled="disabled"] {
background: var(--input-disabled-bg);
text-align: center;
}
.sheet-hit-location-grid .sheet-item.sheet-layer-1,
.sheet-hit-location-grid .sheet-item.sheet-layer-3,
.sheet-hit-location-grid .sheet-item.sheet-summary {
background: rgb(233, 233, 233);
}
.sheet-hit-location-grid .sheet-item {
padding: 2px;
}
/* set default width of layer columns */
.sheet-hit-location-grid .sheet-item.sheet-layer {
width: 84px;
}
.sheet-hit-location-grid .sheet-item.sheet-layer.sheet-summary {
width: 120px;
}
/* hide header front/back labels. Hide back armor input textbox by default */
.sheet-hit-location-grid .sheet-grid-header div.sheet-front,
.sheet-hit-location-grid .sheet-grid-header div.sheet-back,
.sheet-hit-location-grid .sheet-grid-header h4.sheet-spacer,
.repcontainer .repitem .sheet-hit-location-grid .sheet-item div.sheet-back {
display: none;
}
/* wounds and notes grid for damage table */
.sheet-hit-location-notes-grid {
display: grid;
grid-template-columns: 51px 300px 40px 300px;
grid-gap: 2px;
padding: 5px 0 5px 0;
}
.sheet-hit-location-notes-grid .sheet-item > .sheet-popup {
background: var(--tabbed-header-bg);
}
/* show/hide hit location layer labels */
.sheet-hit-location-container .sheet-item > .sheet-layer-label > span {
display: none;
}
input[name="attr_hit_location_layer_use_custom_labels"][value="0"] ~ .sheet-item .sheet-layer-label span.sheet-default {
display: inline-block;
}
input[name="attr_hit_location_layer_use_custom_labels"][value="1"] ~ .sheet-item .sheet-layer-label span.sheet-custom {
display: inline-block;
}
.sheet-text-right-align {
text-align: right;
}
input[type="text"].sheet-textbox-full-width {
width: 100%;
}
/* show layers based on select option */
/* if checked, increase default width of layer columns */
input[name="attr_armor_show_back"][value="on"] ~ .sheet-hit-location-grid .sheet-item.sheet-layer,
input[name="attr_armor_show_back"][value="on"] ~ .repcontainer .repitem .sheet-hit-location-grid .sheet-item.sheet-layer {
width: 169px;
}
input[name="attr_armor_show_back"][value="on"] ~ .sheet-hit-location-grid .sheet-item.sheet-layer.sheet-summary,
input[name="attr_armor_show_back"][value="on"] ~ .repcontainer .repitem .sheet-hit-location-grid .sheet-item.sheet-layer.sheet-summary {
width: 240px;
}
/* If "show back armor" is checked, show header front/back labels. show back armor input textbox by default */
input[name="attr_armor_show_back"][value="on"] ~ .sheet-hit-location-grid .sheet-grid-header div.sheet-front,
input[name="attr_armor_show_back"][value="on"] ~ .sheet-hit-location-grid .sheet-grid-header div.sheet-back,
input[name="attr_armor_show_back"][value="on"] ~ .sheet-hit-location-grid .sheet-grid-header h4.sheet-spacer,
input[name="attr_armor_show_back"][value="on"] ~ .repcontainer .repitem .sheet-hit-location-grid .sheet-item div.sheet-back {
display: block;
}
/* if "show back armor" is checked, change the front divs to 50% */
input[name="attr_armor_show_back"][value="on"] ~ .sheet-hit-location-grid .sheet-item div.sheet-front,
input[name="attr_armor_show_back"][value="on"] ~ .repcontainer .repitem .sheet-hit-location-grid .sheet-item div.sheet-front {
width: 50%;
}
/*************************************************************/
/* Checkbox Switch */
/* sample html
<div class="custom-checkbox">
<label class="switch">
<input type="checkbox" name="attr_select_token" />
<span class="icon select"></span>
</label>
</div>
*/
.sheet-speed-range-images .sheet-group {
margin: 5px 0 5px 5px;
}
.sheet-speed-range-images .sheet-group > div {
float: left;
line-height: 24px;
}
.sheet-speed-range-images .sheet-group .sheet-popup span {
font-weight: bold;
}
.sheet-speed-range-images .sheet-group div.sheet-select-popup {
margin-right: 5px;
}
/* see: https://www.w3schools.com/howto/howto_css_switch.asp */
/* The switch - the box around the slider */
.sheet-custom-checkbox label {
margin: 0;
padding: 0;
font-weight: normal;
font-size: 1em;
}
.sheet-custom-checkbox .sheet-switch {
position: relative;
display: inline-block;
width: 24px;
height: 24px;
}
/* Hide default HTML checkbox */
.sheet-custom-checkbox .sheet-switch input {
opacity: 0;
width: 0;
height: 0;
}
.sheet-custom-checkbox .sheet-switch .sheet-icon {
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
}
.sheet-custom-checkbox .sheet-switch .sheet-icon.sheet-select:before {
font-family: "Pictos";
content: "~";
font-size: 24px;
color: lightgray;
}
.sheet-custom-checkbox .sheet-switch input:checked ~ .sheet-icon.sheet-select:before {
color: green;
}
.sheet-custom-checkbox .sheet-switch .sheet-icon.sheet-target:before {
content: "◎";
font-size: 24px;
color: lightgray;
}
.sheet-custom-checkbox .sheet-switch input:checked ~ .sheet-icon.sheet-target:before {
color: red;
}
.sheet-target-token-help {
display: none;
}
input[name="attr_target_token"][value="on"] ~ .sheet-target-token-help {
display: block;
font-size: 11px;
color: var(--highlight-text);
padding: 0 0 3px 0;
line-height: 1.2em;
}
/*******************************/
/* tool modifier summary notes */
.sheet-summary-group .sheet-summary {
display: none;
}
.sheet-summary-group div.sheet-icon {
cursor: pointer;
}
.sheet-summary-group div.sheet-icon span {
display: none;
}
.sheet-summary-group div.sheet-icon:before {
font-family: "Pictos";
content: "F";
font-size: 22px;
}
.sheet-summary-group div.sheet-icon:hover ~ .sheet-summary {
width: auto;
height: auto;
white-space: normal;
display: inline !important;
position: absolute;
color: #111;
border: 2px solid var(--border-color);
border-radius: 5px;
background: #66ffff;
line-height: 1.5em;
font-size: 11px;
box-shadow: 5px 10px 8px #888888;
z-index: 10;
padding: 4px;
text-align: left;
margin-left: -40px;
width: 250px;
}
.sheet-summary-group textarea.sheet-hit-location-summary {
width:95%;
height:18px;
}
.sheet-summary-group textarea.sheet-all-out-attack-summary {
width:95%;
height:18px;
}
.sheet-summary-group textarea.sheet-maneuver-summary {
width:95%;
height:18px;
}
.sheet-summary-group textarea.sheet-trait-summary {
width:95%;
height:50px;
}
.sheet-summary-group textarea.sheet-roll-summary {
width:95%;
height:100px
}
/* Importer Tab */
/* --- controls --- */
.sheet-grid-import-controls {
display: grid;
grid-template-columns: auto auto auto 1fr auto;
}
.sheet-grid-standard textarea.sheet-json-data {
height: 150px;
overflow-y: scroll;
}
div.sheet-gca5-instructions,
div.sheet-gcs-instructions {
display: none;
}
input[name="attr_gca5_instructions_toggle"][value="1"] ~ div.sheet-gca5-instructions {
display: block;
}
input[name="attr_gcs_instructions_toggle"][value="1"] ~ div.sheet-gcs-instructions {
display: block;
}
button[name="act_import_delete_tables"] {
width: 83px;
}
.sheet-importer {
width: 65%;
float: left;
}
.sheet-importer .sheet-json-data {
width: 100%;
}
.sheet-importer .sheet-controls {
clear: both;
margin-top: 10px;
}
.sheet-importer .sheet-controls .sheet-import-reset {
float: right;
}
.sheet-importer .sheet-controls .sheet-import-button {
float:left;
margin-right: 10px;
}
.sheet-importer .sheet-controls .sheet-import-message {
float:left;
margin-right: 10px;
}
.sheet-importer .sheet-controls .sheet-import-option .sheet-import-notes {
float:left;
}
.sheet-importer .sheet-controls .sheet-import-option .sheet-import-notes-popup {
margin-left: 17px;
}
.sheet-importer .sheet-tips {
clear: both;
margin-top: 20px;
}
.sheet-clearfix::after {
content: " ";
display: block;
height: 0;
clear: both;
}
input[name="attr_import_confirm_delete_tables"][value="0"] ~ button[name="act_import_delete_tables"] {
background-color: gray;
}
input[name="attr_import_confirm_delete_tables"][value="1"] ~ button[name="act_import_delete_tables"] {
background-color: var(--highlight-text);
}
/* --- Generic Styles --- */
.sheet-div-spacer > div {
margin-bottom: 10px;
}
.sheet-custom__margin_bottom_medium {
margin-bottom: 10px;
}
.sheet-grid-chase-leader-table .sheet-grid-cell input.sheet-half-width {
width: 50%;
}
.sheet-section-header {
text-transform: lowercase;
color:var(--header-text);
background: var(--header-bg);
font-variant: small-caps;
}
.sheet-section-header h3 {
color:var(--header-text);
}
.sheet-header-subscript {
text-transform: none;
font-variant: normal;
font-style: italic;
font-size: 11px;
}
.sheet-padding__left_small {
padding-left: 4px;
}
.sheet-text-align__center {
text-align: center;
}
/* Generic link button */
button.sheet-link {
background: none!important;
border: none;
padding: 0!important;
/*optional*/
font-family: arial, sans-serif;
/*input has OS specific font-family*/
color: #069;
text-decoration: underline;
cursor: pointer;
}
/* Add hover effect */
button.sheet-link:hover {
color: #00a;
text-decoration: none;
}
.sheet-standard-button {
height: 20px;
background: var(--secondary-highlight);
color: var(--secondary-highlight-color);
border-radius: 3px;
font-size: 13px;
text-decoration: none;
text-align: center;
min-width: 60px;
transition: color .1s ease;
line-height: normal;
}
.sheet-standard-button:hover {
background: #c72339;
}
.sheet-margin_right_small {
margin-right: 3px;
}
.sheet-margin_left_medium {
margin-left: 10px;
}
/* toggle section button */
.sheet-toggle-button input {
display: none;
}
/* Create a custom checkbox */
/* fix the label style */
label.sheet-toggle-button {
display: inline-block;
cursor: pointer;
font-size: 1em;
margin: 0;
padding: 0;
font-weight: normal;
}
.sheet-toggle-button span {
width: 20px;
height: 20px;
display: inline-block;
position: relative;
cursor: pointer;
}
.sheet-toggle-button span:hover {
border-color: #ccc;
}
/* Create a plus sign inside the custom checkbox */
.sheet-toggle-button span:before,
.sheet-toggle-button span:after {
content: "";
position: absolute;
background-color: black;
}
.sheet-toggle-button span:hover:before,
.sheet-toggle-button span:hover:after{
background-color: #ccc;
}
/* Position the plus sign horizontally */
.sheet-toggle-button span:before {
width: 14px;
height: 3px;
top: 50%;
left: 3px;
transform: translateY(-50%);
}
/* Position the plus sign vertically */
.sheet-toggle-button span:after {
width: 3px;
height: 14px;
top: 3px;
left: 50%;
transform: translateX(-50%);
}
/* Change the plus sign to a minus sign when the checkbox is checked */
.sheet-toggle-button input:checked + span:before {
width: 14px;
height: 3px;
top: 50%;
left: 3px;
transform: translateY(-50%);
}
.sheet-toggle-button input:checked + span:after {
display: none;
}
/* --- 2 column grid --- */
.sheet-grid-2-column-auto {
display: grid;
grid-template-columns: auto 1fr;
}
.sheet-grid-2-column-equal-width {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sheet-grid-2-column-big-small {
display: grid;
grid-template-columns: 3fr 1fr;
}
/* --- 3 Column Grid --- */
.sheet-grid-3-column-auto {
display: grid;
grid-template-columns: auto auto 1fr;
}
.sheet-grid-3-column-equal-width {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
/* --- 4 Column Grid --- */
.sheet-grid-4-column-equal {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.sheet-grid-4-column-auto {
display: grid;
grid-template-columns: repeat(3, auto) 1fr;
}
.sheet-grid-5-column-auto-repeat {
display: grid;
grid-template-columns: repeat(5, auto);
}
.sheet-grid-damage-tool {
display: grid;
grid-template-columns: repeat(4, auto) 1fr;
}
.sheet-grid-2-column-offset {
display: grid;
grid-template-columns: 2fr 1fr;
}
.sheet-grid-aiming-stats {
display: grid;
grid-template-columns: 65px auto auto 65px auto auto auto auto auto 1fr;
}
.sheet-grid-targeting-systems {
display: grid;
grid-template-columns: 65px 65px 35px 1fr;
}
/* --- generic grid class layouts --- */
.sheet-grid-standard label {
margin: 0 5px 0 0;
display: inline-block;
padding: 0;
width: auto;
font-size: 1em;
}
.sheet-grid-standard label.sheet-toggle-button {
margin: 6px 5px 0 0;
}
.sheet-grid-standard input,
.sheet-grid-standard textarea,
.sheet-grid-standard .sheet-grid-cell select {
margin: 0;
line-height: normal;
}
.sheet-grid-standard .sheet-grid-cell select {
font-size: 11px;
}
.sheet-grid-standard input[type="radio"] {
width: auto!important;
}
.sheet-grid-standard input[type="checkbox"] {
opacity: 1;
width: auto!important;
}
.sheet-grid-standard select {
width: auto;
margin: 0;
}
.sheet-grid-standard input,
.sheet-grid-standard select {
height: 26px;
}
.sheet-grid-standard input,
.sheet-grid-standard textarea {
width: 100%;
}
.sheet-grid__input input,
.sheet-grid__input textarea {
width: 100%!important;
}
.sheet-grid-standard textarea {
height: 50px;
box-sizing: border-box;
margin-bottom: 0px;
}
.sheet-grid-standard input.sheet-small-medium-width {
width: 47px;
}
.sheet-grid-standard input.sheet-medium-width {
width: 60px;
}
.sheet-grid-standard input.sheet-medium-large-width {
width: 78px;
}
.sheet-grid-standard input.sheet-large-width {
width: 100px;
}
.sheet-grid-standard input.sheet-full-width {
width: 100%;
}
.sheet-grid-standard .sheet-margin_right_small {
margin-right: 5px;
}
.sheet-grid-standard .sheet-heading {
background: var(--header-bg);
color: var(--header-text);
font-weight: bold;
text-align: center;
}
.sheet-grid__border_cell > .sheet-grid-cell {
border: 1px solid black;
}
.sheet-grid__border {
border-top: 1px solid black;
border-left: 1px solid black;
}
.sheet-grid__align_center {
align-items: center;
}
.sheet-grid__align_top {
align-items: baseline;
}
.sheet-grid__text_align_left {
text-align: left;
}
.sheet-grid__gap_large {
gap: 10px;
}
.sheet-grid__gap_medium {
gap: 5px;
}
.sheet-grid__gap_small {
gap: 3px;
}
.sheet-grid__padding > .sheet-grid-cell {
padding: 4px;
}
.sheet-grid__border > div {
border-bottom: 1px solid black;
border-right: 1px solid black;
}
.sheet-grid-cell__callout_left {
border-left: 1px solid black;
padding-left: 5px;
}
.sheet-grid__margin_bottom_small {
margin-bottom: 10px!important;
}
.sheet-grid-fragmentation-modifiers {
display: grid;
grid-template-columns: auto auto auto auto 1fr;
gap: 5px;
margin-top: 5px;
}
.sheet-grid-fragmentation-modifiers > div:first-child {
padding-left: 5px;
}
/* --- CHASE CONTROL SHEET --- */
input[name="attr_chase_sequence"][value="quarry_chooses"] ~ h3.sheet-quarry,
input[name="attr_chase_sequence"][value="quarry_rolls"] ~ h3.sheet-quarry {
color: var(--highlight-text);
}
input[name="attr_chase_sequence"][value="pursuer_chooses"] ~ h3.sheet-pursuer,
input[name="attr_chase_sequence"][value="pursuer_rolls"] ~ h3.sheet-pursuer {
color: var(--highlight-text);
}
.sheet-container-label-input {
display: flex;
align-items: center;
}
.sheet-container-label-input.sheet-margin-bottom-small {
margin-bottom: 2px;
}
.sheet-container-label-input.sheet-height-standard {
height: 22px;
}
.sheet-chase-row {
margin-bottom: 10px;
}
.sheet-chase-row label {
font-size: 1em;
}
.sheet-grid-chase-setup {
display: grid;
grid-template-columns: 100px 330px 125px auto;
gap: 10px;
}
/* align reset button to the right */
.sheet-grid-chase-setup > div:nth-child(4) {
text-align: right;
}
.sheet-grid-chase-leader-table {
display: grid;
grid-template-columns: 230px 80px 45px 45px 54px 52px 1fr 100px;
grid-template-rows: minmax(25px,auto);
gap: 2px;
border: 1px solid black;
}
.sheet-grid-chase-leader-table .sheet-grid-cell.sheet-header-bg {
background: var(--header-bg);
}
.sheet-grid-chase-leader-table .sheet-grid-cell {
padding: 4px;
}
.sheet-standard-tooltip h3,
.sheet-standard-tooltip h4 {
color: var(--header-text);
}
.sheet-standard-tooltip h3.sheet-header-bg,
.sheet-standard-tooltip h4.sheet-header-bg {
background: var(--header-bg);
padding-right: 5px;
}
.sheet-grid-chase-leader-table .sheet-grid-cell input,
.sheet-grid-chase-leader-table .sheet-grid-cell textarea,
.sheet-grid-chase-leader-table .sheet-grid-cell select {
width: 100%;
}
.sheet-grid-chase-leader-table .sheet-grid-cell textarea {
height: 50px;
box-sizing: border-box;
margin-bottom: 0px;
}
.sheet-grid-chase-support-actions-header {
display: grid;
grid-template-columns: 1fr 1fr 2fr;
font-weight: bold;
gap: 3px;
}
.sheet-grid-chase-support-actions {
display: grid;
grid-template-columns: 1fr 1fr 2fr;
gap: 10px 3px;
}
.sheet-grid__padding_bottom_small > .sheet-grid-cell {
padding-bottom: 6px;
}
.sheet-grid-chase-modifiers-header {
display: grid;
grid-template-columns: 2fr 1fr;
font-weight: bold;
gap: 3px;
}
.sheet-grid-chase-modifiers {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 3px;
}
.sheet-grid-chase-maneuver {
display: grid;
grid-template-columns: 217px 188px 152px 143px auto;
gap: 3px;
}
/* standard tooltip */
/**
* tooltip style
* see: https://www.w3schools.com/css/css_tooltip.asp
*/
.sheet-standard-tooltip {
color: var(--highlight-text);
position: relative;
display: inline-block;
}
.sheet-standard-tooltip .sheet-tooltiptext {
visibility: hidden;
background: #66ffff;
width: 275px;
color: #111;
text-align: left;
border-radius: 6px;
padding: 5px;
position: absolute;
z-index: 1;
top: 120%;
left: 0;
border: 2px solid var(--border-color);
box-shadow: 5px 10px 8px #888888;
font-weight: normal;
font-variant: normal;
text-transform: none;
white-space: normal;
}
.sheet-standard-tooltip .sheet-tooltiptext.sheet-small-width {
width: 150px;
}
.sheet-standard-tooltip .sheet-tooltiptext.sheet-large-width {
width: 400px;
}
.sheet-standard-tooltip .sheet-tooltiptext::after {
content: "";
position: absolute;
bottom: 100%;
left: 20px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent black transparent;
}
/* fit tooltip when located to right-hand side of dialog box */
.sheet-standard-tooltip .sheet-tooltiptext.sheet-move-left {
left: 0;
margin-left: -171px;
}
.sheet-standard-tooltip .sheet-tooltiptext.sheet-move-left::after {
left: 180px;
}
/* fit tooltip when located to the extreme right-hand side of dialog box */
.sheet-standard-tooltip .sheet-tooltiptext.sheet-move-far-left {
left: 0;
margin-left: -225px;
}
.sheet-standard-tooltip .sheet-tooltiptext.sheet-move-far-left::after {
left: 230px;
}
.sheet-standard-tooltip .sheet-tooltiptext.sheet-move-extreme-left {
left: 0;
margin-left: -245px;
}
.sheet-standard-tooltip .sheet-tooltiptext.sheet-move-extreme-left::after {
left: 243px;
}
.sheet-standard-tooltip:hover .sheet-tooltiptext {
visibility: visible;
}
/* --- TOOLS MAIN TAB --- */
input[name="attr_gurps_sheet_type"] ~ label {
display: none;
}
input[name="attr_gurps_sheet_type"][value="character"] ~ label.sheet-tools-character {
display: block;
}
input[name="attr_gurps_sheet_type"][value="chase"] ~ label.sheet-tools-chase {
display: block;
}
.sheet-tools-container {
border: 1px solid black;
background: var(--row-bg);
}
.sheet-tools-container > div {
padding: 0 4px 0 4px;
margin-bottom: 5px;
}
.sheet-tools-container.sheet-no-margin-bottom > div {
margin-bottom: 0;
}
.sheet-bottom-margin-zero {
margin-bottom: 0 !important;
}
.sheet-bottom-margin-small {
margin-bottom: 2px;
}
.sheet-bottom-margin-medium {
margin-bottom: 5px;
}
.sheet-bottom-margin-large {
margin-bottom: 10px;
}
.sheet-top-margin-zero {
margin-top: 0 !important;
}
.sheet-top-margin-small {
margin-top: 2px;
}
.sheet-top-margin-medium {
margin-top: 5px;
}
.sheet-top-margin-large {
margin-top: 10px;
}
.sheet-tools-container input[name="attr_object_weights"] {
width: 84px;
}
.sheet-hearing-source {
display: none;
}
input[name="attr_hearing_sound_source_sort_by"][value="decibel"] ~ select.sheet-hearing-source-sort-decibel {
display: inline-block;
}
input[name="attr_hearing_sound_source_sort_by"][value="alphabetical"] ~ select.sheet-hearing-source-sort-alpha {
display: inline-block;
}
/* ---------------------------------- */
/* Options Tab > sub tabs */
input[name="attr_tool_tabs"][value="general"] ~ .sheet-tabs.sheet-options > div:nth-of-type(1),
input[name="attr_tool_tabs"][value="structural"] ~ .sheet-tabs.sheet-options > div:nth-of-type(2),
input[name="attr_tool_tabs"][value="senses"] ~ .sheet-tabs.sheet-options > div:nth-of-type(3),
input[name="attr_tool_tabs"][value="feats"] ~ .sheet-tabs.sheet-options > div:nth-of-type(4),
input[name="attr_tool_tabs"][value="environmental"] ~ .sheet-tabs.sheet-options > div:nth-of-type(5),
input[name="attr_tool_tabs"][value="macros"] ~ .sheet-tabs.sheet-options > div:nth-of-type(6) {
display: block;
}
.sheet-grid-team-efforts {
display: grid;
grid-template-columns: auto 1fr auto 1fr;
}
.sheet-grid-custom-skills-macros {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 5px;
margin: 15px 0 15px 0;
}
/* melee quick modifiers */
.sheet-melee-quick-modifiers-block {
display: none;
}
input[name="attr_melee_quick_mod_show"][value="1"] ~ .sheet-melee-quick-modifiers-block {
display: block;
}
.sheet-grid-melee-quick-modifier-header {
display: grid;
grid-template-columns: 30px 50px 1fr 75px;
font-weight: bold;
gap: 5px;
}
.sheet-grid-melee-quick-modifiers {
display: grid;
grid-template-columns: 30px 50px 1fr 75px;
gap: 0 5px;
}
.sheet-grid-melee-quick-modifiers .sheet-toggle-button {
padding-left: 5px;
}
.sheet-grid-melee-quick-modifiers .sheet-expandable-section {
grid-column: 2 / 5;
display: none;
border-left: 2px solid var(--border-color);
border-bottom: 2px solid var(--border-color);
margin-bottom: 5px;
padding: 5px;
}
.sheet-grid-melee-quick-modifiers input[name="attr_toggle_notes"][value="1"] ~ .sheet-expandable-section {
display: block;
}
/* Range quick modifiers */
.sheet-range-quick-modifiers-block {
display: none;
}
input[name="attr_range_quick_mod_show"][value="1"] ~ .sheet-range-quick-modifiers-block {
display: block;
}
.sheet-grid-range-quick-modifier-header {
display: grid;
grid-template-columns: 30px 50px 1fr 75px;
font-weight: bold;
gap: 5px;
}
.sheet-grid-range-quick-modifiers {
display: grid;
grid-template-columns: 30px 50px 1fr 75px;
gap: 0 5px;
}
.sheet-grid-range-quick-modifiers .sheet-toggle-button {
padding-left: 5px;
}
.sheet-grid-range-quick-modifiers .sheet-expandable-section {
grid-column: 2 / 5;
display: none;
border-left: 2px solid var(--border-color);
border-bottom: 2px solid var(--border-color);
margin-bottom: 5px;
padding: 5px;
}
.sheet-grid-range-quick-modifiers input[name="attr_toggle_notes"][value="1"] ~ .sheet-expandable-section {
display: block;
}
/* Travel Tools */
.sheet-grid-travel-options {
display: grid;
grid-template-columns: auto auto auto 1fr;
}
.sheet-grid-travel-results {
display: grid;
grid-template-columns: auto auto auto auto auto 1fr;
}
.sheet-grid-travel-mitigation-header {
display: grid;
grid-template-columns: 30px 50px 1fr 75px;
font-weight: bold;
gap: 5px;
}
.sheet-grid-travel-mitigation-options {
display: grid;
grid-template-columns: 30px 50px 1fr 75px;
gap: 0 5px;
}
.sheet-grid-travel-mitigation-options .sheet-expandable-section {
grid-column: 2 / 5;
display: none;
border-left: 2px solid var(--border-color);
border-bottom: 2px solid var(--border-color);
margin-bottom: 5px;
padding: 5px;
}
.sheet-grid-travel-mitigation-options input[name="attr_toggle_notes"][value="1"] ~ .sheet-expandable-section {
display: block;
}
div.sheet-united-states-customary-units,
div.sheet-metric-units {
display: none;
}
input[name="attr_use_metric_distances"][value="0"] ~ div.sheet-united-states-customary-units {
display: block;
}
input[name="attr_use_metric_distances"][value="1"] ~ div.sheet-metric-units {
display: block;
}
.sheet-grid-climbing-tool {
display: grid;
grid-template-columns: 1fr 70px 82px 52px;
gap: 3px 5px;
}
.sheet-grid-digging-tool {
display: grid;
grid-template-columns: 65px repeat(3, auto);
gap: 3px 5px;
}
.sheet-grid-damage-to-objects-measurements {
display: grid;
grid-template-columns: 65px 190px 25px auto;
gap: 3px 5px;
}
.sheet-grid-damage-to-objects-attributes {
display: grid;
grid-template-columns: 75px 104px 65px auto;
gap: 3px 5px;
}
.sheet-grid-damage-to-objects-checkboxes {
display: grid;
grid-template-columns: auto auto auto auto;
gap: 3px 5px;
}
.sheet-grid-damage-to-objects-injury-effects {
display: grid;
grid-template-columns: auto 1fr;
gap: 3px 5px;
}
.sheet-grid-damage-to-objects-injury-effects {
display: none;
}
input[name="attr_toggle_injury_effects"][value="1"] ~ .sheet-grid-damage-to-objects-injury-effects {
display: grid;
}
.sheet-grid-damage-to-objects-injury-effects .sheet-injury-tolerance {
display: none;
}
input[name="attr_object_injury_tolerance"][value="unliving"] ~ .sheet-unliving {
display: block;
}
input[name="attr_object_injury_tolerance"][value="homogenous"] ~ .sheet-homogenous {
display: block;
}
input[name="attr_object_injury_tolerance"][value="diffuse"] ~ .sheet-diffuse {
display: block;
}
.sheet-grid-damage-to-objects-injury-effects .sheet-fragile {
display: none;
}
input[name="attr_object_is_brittle"][value="1"] ~ .sheet-brittle {
display: block;
}
input[name="attr_object_is_combustible"][value="1"] ~ .sheet-combustible {
display: block;
}
input[name="attr_object_is_explosive"][value="1"] ~ .sheet-explosive {
display: block;
}
input[name="attr_object_is_flammable"][value="1"] ~ .sheet-flammable {
display: block;
}
input[name="attr_object_is_unnatural"][value="1"] ~ .sheet-unnatural {
display: block;
}
.sheet-repair-type-description {
display: none;
}
input[name="attr_repair_type"][value="minor"] ~ .sheet-minor-repair {
display: block;
}
input[name="attr_repair_type"][value="major"] ~ .sheet-major-repair {
display: block;
}
.sheet-grid-repairs-equipment {
display: grid;
grid-template-columns: 205px 65px auto;
gap: 3px 5px;
}
.sheet-grid-repairs-times {
display: grid;
grid-template-columns: 80px 80px 80px auto;
gap: 3px 5px;
}
.sheet-grid-repairs-skill {
display: grid;
grid-template-columns: 80px 80px 80px auto;
gap: 3px 5px;
}
.sheet-grid-stealth-perception {
display: grid;
grid-template-columns: auto auto auto auto auto auto;
gap: 3px 5px;
}
.sheet-grid-stealth-perception .sheet-column-checkbox {
grid-column: span 2;
}
.sheet-grid-stealth-perception-rolls {
display: grid;
grid-template-columns: auto auto auto auto auto auto;
gap: 2px;
}
input.sheet-width-stealth-vs-perception-skill {
width: 30px;
}
/* --- TOOLS COLD & HEAT EXPOSURE --- */
input[name="attr_cold_exposure_must_roll"][value="0"] ~ span.sheet-cold-exposure-roll {
display: none;
}
input[name="attr_heat_exposure_must_roll"][value="0"] ~ span.sheet-heat-exposure-roll {
display: none;
}
span.sheet-frequency-minutes,
span.sheet-frequency-intense-heat {
display: none;
}
input[name="attr_is_intense_heat"][value="0"] ~ span.sheet-frequency-minutes {
display: inline;
}
input[name="attr_is_intense_heat"][value="1"] ~ span.sheet-frequency-intense-heat {
display: inline;
}
/* --- TOOLS DRINKING INTOXICATIONS -- */
.sheet-drinking-intoxication-health-roll,
.sheet-drinking-intoxication-no-health-roll {
display: none;
}
input[name="attr_drinking_intoxication_should_roll"][value="1"] ~ .sheet-drinking-intoxication-health-roll {
display: block;
}
input[name="attr_drinking_intoxication_should_roll"][value="0"] ~ .sheet-drinking-intoxication-no-health-roll {
display: block;
}
/* --- VEHICLE SHEET --- */
.sheet-container-vehicle-notes {
display: none;
margin-top: 5px;
}
input[name="attr_toggle_vehicle_notes"][value="1"] ~ .sheet-container-vehicle-notes {
display: block;
}
input[name="attr_toggle_vehicle_location_notes"][value="1"] ~ .sheet-container-vehicle-notes {
display: block;
}
input[name="attr_toggle_vehicle_crew_notes"][value="1"] ~ .sheet-container-vehicle-notes {
display: block;
}
input[name="attr_toggle_vehicle_loadout_notes"][value="1"] ~ .sheet-container-vehicle-notes {
display: block;
}
input[name="attr_toggle_crew_member_notes"][value="1"] ~ .sheet-container-vehicle-notes {
display: block;
}
input[name="attr_toggle_vehicle_defense_notes"][value="1"] ~ .sheet-container-vehicle-notes {
display: block;
}
input[name="attr_toggle_vehicle_active_defense_notes"][value="1"] ~ .sheet-container-vehicle-notes {
display: block;
}
input[name="attr_toggle_vehicle_melee_notes"][value="1"] ~ .sheet-container-vehicle-notes {
display: block;
}
input[name="attr_toggle_vehicle_ranged_notes"][value="1"] ~ .sheet-container-vehicle-notes {
display: block;
}
input[name="attr_toggle_vehicle_tools_notes"][value="1"] ~ .sheet-container-vehicle-notes {
display: block;
}
.sheet-grid-vehicle-stats-row-one {
display: grid;
grid-template-columns: 1fr auto auto auto auto auto auto auto auto;
margin-bottom: 10px;
}
.sheet-grid-vehicle-stats-row-two {
display: grid;
grid-template-columns: 50px 50px 50px 50px 50px 50px 50px 50px auto auto auto;
margin-bottom: 10px;
}
.sheet-grid-vehicle-stats-row-three {
display: grid;
grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto;
margin-bottom: 10px;
}
.sheet-grid-vehicle-maneuvering-base-fields {
display: grid;
grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;
margin-bottom: 10px!important;
}
.sheet-grid-vehicle-status-fields {
display: grid;
grid-template-columns: 78px 100px auto 48px 48px 48px 48px 60px 60px 60px auto;
margin-bottom: 10px!important;
}
input[type="hidden"][name="attr_vehicle_hit_point_scale"] ~ .sheet-vehicle_hit_point_scale {
display: none;
}
input[type="hidden"][name="attr_vehicle_hit_point_scale"][value="normal"] ~ .sheet-vehicle_hit_point_scale.sheet-normal-scale {
display: inline;
}
input[type="hidden"][name="attr_vehicle_hit_point_scale"][value="d-scale"] ~ .sheet-vehicle_hit_point_scale.sheet-decade-scale {
display: inline;
}
input[type="hidden"][name="attr_vehicle_hit_point_scale"][value="c-scale"] ~ .sheet-vehicle_hit_point_scale.sheet-century-scale {
display: inline;
}
.sheet-grid-vehicle-location-status-bar {
display: grid;
grid-template-columns: 65px auto 112px auto auto auto;
margin-bottom: 10px!important;
padding-top: 5px;
}
.sheet-grid-vehicle-hit-location-table {
display: grid;
grid-template-columns: 20px 184px 50px 50px 50px 50px 50px 50px 35px 35px 35px 58px 55px 55px;
margin-bottom: 10px!important;
}
.sheet-grid-vehicle-hit-location-table .sheet-highlight-input {
border: 1px solid var(--highlight-text);
box-shadow: 2px 2px 2px #8b8b8b;
}
.sheet-vehicle-hit-location-container .sheet-expandable-section {
display: none;
}
.sheet-vehicle-hit-location-container input[name="attr_toggle_notes"][value="1"] ~ .sheet-expandable-section {
display: block;
}
.sheet-vehicle-hit-location-notes-grid {
display: grid;
grid-template-columns: 28px auto 5px 40px auto;
grid-gap: 2px;
}
.sheet-vehicle-hit-location-notes-grid .sheet-grid-cell__heading {
margin: auto;
}
.sheet-grid-vehicle-crew-table {
display: grid;
grid-template-columns: 20px 20px auto 100px 70px 25px 172px 45px 45px 45px 26px 27px;
margin-bottom: 10px!important;
}
.sheet-grid-vehicle-crew-table.sheet-summary-row {
padding: 4px;
margin-bottom: 0px !important;
}
.sheet-grid-vehicle-defense-table {
display: grid;
grid-template-columns: 20px 20px auto 150px 35px 52px 45px 45px 27px;
margin-bottom: 10px!important;
}
.sheet-grid-vehicle-melee-table {
display: grid;
grid-template-columns: 20px 20px auto 65px 28px 59px 52px 41px 40px;
margin-bottom: 10px!important;
}
.sheet-grid-vehicle-ranged-table {
display: grid;
grid-template-columns: 20px 13px auto 55px 28px 59px 47px 80px 47px 47px 47px 47px 48px 25px;
margin-bottom: 10px!important;
}
.sheet-grid-vehicle-collision {
display: grid;
grid-template-columns: 60px 80px 60px 60px 70px 70px 60px 36px 60px 60px 34px 70px;
margin-bottom: 10px!important;
}
.sheet-grid-vehicle-demolition {
display: grid;
grid-template-columns: 75px 127px 61px 55px 66px 60px 12px 45px 46px 46px 47px 34px 70px;
margin-bottom: 10px!important;
}
.sheet-vehicle-hit-location-container .sheet-expandable-section,
.sheet-vehicle-crew-container .sheet-expandable-section,
.sheet-vehicle-defense-container .sheet-expandable-section,
.sheet-vehicle-melee-container .sheet-expandable-section,
.sheet-vehicle-ranged-container .sheet-expandable-section,
.sheet-vehicle-tools-container .sheet-expandable-section {
margin-bottom: 5px;
border-bottom: 2px solid black;
border-left: 2px solid black;
margin-left: 27px;
padding: 5px;
display: none;
}
.sheet-vehicle-crew-container input[name="attr_toggle_notes"][value="1"] ~ .sheet-expandable-section,
.sheet-vehicle-defense-container input[name="attr_toggle_notes"][value="1"] ~ .sheet-expandable-section,
.sheet-vehicle-melee-container input[name="attr_toggle_notes"][value="1"] ~ .sheet-expandable-section,
.sheet-vehicle-ranged-container input[name="attr_toggle_notes"][value="1"] ~ .sheet-expandable-section,
.sheet-vehicle-tools-container input[name="attr_toggle_notes"][value="1"] ~ .sheet-expandable-section {
display: block;
}
.sheet-grid-skill-roll-modifier {
display: grid;
grid-template-columns: 35px 35px 110px 250px 140px 40px;
margin-bottom: 10px!important;
}
.sheet-grid-melee-skill-roll-modifier {
display: grid;
grid-template-columns: 35px 35px 110px 250px 115px 140px 40px;
margin-bottom: 10px!important;
}
.sheet-grid-crew-skill-roll-modifier {
display: grid;
grid-template-columns: 35px 35px 110px 250px 140px 170px 40px;
margin-bottom: 10px!important;
}
input[name="attr_vehicle_is_overloaded"][value="1"] ~ input[name="attr_vehicle_load_weight_display"],
input[name="attr_vehicle_is_overloaded"][value="1"] ~ .sheet-vehicle-overloaded,
input[name="attr_vehicle_is_overloaded"][value="1"] ~ b span.sheet-vehicle-overloaded {
color: red;
}
.sheet-vehicle-overloaded-message {
font-weight: bold;
}
.sheet-vehicle-defense-container input[name="attr_highlight"][value="1"] ~ .sheet-grid-vehicle-defense-table {
background: #B7FFAA;
}