mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
5416 lines
154 KiB
CSS
5416 lines
154 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;
|
|
--point-label-text:black;
|
|
--sheet-bg: white;
|
|
--header-bg:#F0F0F0;
|
|
--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;
|
|
--point-label-text:black;
|
|
--sheet-bg: white;
|
|
--header-bg:#F0F0F0;
|
|
--border-color:#033530;
|
|
--input-disabled-bg:#C9C9C9;
|
|
--input-bg:transparent;
|
|
--header-text:black;
|
|
--row-bg:#e9e9e9;
|
|
--odd-row-bg:#d9d9d6;
|
|
margin-left: -37px;
|
|
}
|
|
|
|
.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;
|
|
--point-label-text:#4f91cd;
|
|
--header-text: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;
|
|
}
|
|
|
|
.sheet-color-setting-1:checked ~ .sheet-wrapper,
|
|
.sheet-rolltemplate-color-setting-1 {
|
|
--main-text:black;
|
|
--highlight-text:black;
|
|
--secondary-highlight:#333547;
|
|
--point-label-text:#1c33b7;
|
|
--header-text:white;
|
|
--sheet-bg: white;
|
|
--box-bg:linear-gradient(#5f768c,var(--sheet-bg));
|
|
--header-bg:#346079;
|
|
--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;
|
|
}
|
|
.sheet-color-setting-2:checked ~ .sheet-wrapper,
|
|
.sheet-rolltemplate-color-setting-2 {
|
|
--main-text:black;
|
|
--highlight-text:#8b0000;
|
|
--secondary-highlight: #9b5555;
|
|
--point-label-text:#4f91cd;
|
|
--sheet-bg: white;
|
|
--box-bg:linear-gradient(#DDDDCC,var(--sheet-bg));
|
|
--header-bg:#FFFFF4;
|
|
--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;
|
|
}
|
|
|
|
.sheet-color-setting-3:checked ~ .sheet-wrapper,
|
|
.sheet-rolltemplate-color-setting-3 {
|
|
--main-text:black;
|
|
--highlight-text:#8b0606;
|
|
--secondary-highlight: #AE4D4D;
|
|
--point-label-text:black;
|
|
--sheet-bg: white;
|
|
--header-bg:#F0F0F0;
|
|
--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;
|
|
}
|
|
|
|
.sheet-color-setting-4:checked ~ .sheet-wrapper,
|
|
.sheet-rolltemplate-color-setting-4 {
|
|
--main-text:black;
|
|
--highlight-text:#8b0000;
|
|
--secondary-highlight: #AE4D4D;
|
|
--point-label-text:black;
|
|
--sheet-bg: white;
|
|
--header-bg:#F0F0F0;
|
|
--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;
|
|
}
|
|
|
|
.sheet-color-setting-5:checked ~ .sheet-wrapper,
|
|
.sheet-rolltemplate-color-setting-5 {
|
|
--main-text:black;
|
|
--highlight-text:#6d4c8d;
|
|
--secondary-highlight: #80738b;
|
|
--point-label-text:black;
|
|
--sheet-bg: white;
|
|
--box-bg:#FFDFD3;
|
|
--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;
|
|
}
|
|
|
|
|
|
.sheet-color-setting-6:checked ~ .sheet-wrapper,
|
|
.sheet-rolltemplate-color-setting-6 {
|
|
--main-text:black;
|
|
--highlight-text:#1066ee ;
|
|
--secondary-highlight: #4c66be ;
|
|
--point-label-text:black;
|
|
--sheet-bg: white;
|
|
--box-bg:#B4ECBB;
|
|
--header-bg:#95E09D;
|
|
--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;
|
|
}
|
|
|
|
.sheet-color-setting-7:checked ~ .sheet-wrapper,
|
|
.sheet-rolltemplate-color-setting-7 {
|
|
--main-text:white;
|
|
--highlight-text:#fff21c ;
|
|
--secondary-highlight: #fffc71 ;
|
|
--point-label-text:white;
|
|
--sheet-bg: white; /*MAIN TEXT AND SHEET MUST BE CONTRASTING**/
|
|
--box-bg:#776290 ;
|
|
--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;
|
|
}
|
|
|
|
.sheet-color-setting-8:checked ~ .sheet-wrapper,
|
|
.sheet-rolltemplate-color-setting-8 {
|
|
--main-text:white;
|
|
--highlight-text:#fff21c ;
|
|
--secondary-highlight: gold ;
|
|
--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%);
|
|
--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]{
|
|
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-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 */
|
|
}
|
|
|
|
|
|
/* 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;
|
|
}
|
|
|
|
/* 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: white;
|
|
}
|
|
|
|
/* -- 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 {
|
|
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;
|
|
}
|
|
|
|
/**** Generic Textarea notes *****/
|
|
.sheet-table-generic-notes .sheet-header {
|
|
height: 24px;
|
|
}
|
|
|
|
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 {
|
|
height: 200px !important;
|
|
padding-bottom: 3px;
|
|
}
|
|
|
|
.sheet-wrapper-generic-textarea-notes textarea.sheet-generic-textrea-notes {
|
|
height: 185px !important;
|
|
width: 98%;
|
|
}
|
|
|
|
/*******************************************************/
|
|
/* Set the thrust damage dice based on selected option */
|
|
input.sheet-thrust-damage-dice-icon[value="explode"] ~ button[type=roll].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 {
|
|
font-family: "dicefontd6";
|
|
content: "L";
|
|
font-size: 24px;
|
|
}
|
|
|
|
input.sheet-thrust-damage-dice-icon[value="d20blank"] ~ button[type=roll].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 {
|
|
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 {
|
|
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 {
|
|
font-family: "dicefontd6";
|
|
content: "L";
|
|
font-size: 24px;
|
|
}
|
|
|
|
input.sheet-swing-damage-dice-icon[value="d20blank"] ~ button[type=roll].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 {
|
|
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 {
|
|
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 {
|
|
font-family: "dicefontd6";
|
|
content: "L";
|
|
font-size: 24px;
|
|
}
|
|
|
|
input.sheet-melee-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 {
|
|
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 {
|
|
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 {
|
|
font-family: "dicefontd6";
|
|
content: "L";
|
|
font-size: 24px;
|
|
}
|
|
|
|
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 {
|
|
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-row input[readonly="readonly"],
|
|
.charsheet .sheet-row input:disabled,
|
|
.sheet-slam-attack-table .sheet-item input[readonly] {
|
|
background: var(--input-disabled-bg) !important;
|
|
border-bottom: none !important;
|
|
}
|
|
|
|
.charsheet .sheet-row input[type="text"]:enabled{border-bottom: 1px solid var(--border-color);}
|
|
|
|
.charsheet .sheet-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-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-tab0:not(:checked) ~ .sheet-tab0 {
|
|
display: none !important;
|
|
}
|
|
|
|
.sheet-tab7 {
|
|
background: var(--row-bg);
|
|
}
|
|
|
|
input.sheet-tab {
|
|
position: relative;
|
|
width: 80px;
|
|
height: 22px;
|
|
margin: 0;
|
|
opacity: 0;
|
|
z-index: 1;
|
|
border: none;
|
|
}
|
|
|
|
input.sheet-tab + span {
|
|
position: relative;
|
|
display: inline-block !important;
|
|
min-width: 70px;
|
|
height: 23px;
|
|
margin: 0 0 -3px -80px;
|
|
padding: 2px 4px 0 4px;
|
|
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: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;
|
|
margin-top: -1px;
|
|
}
|
|
|
|
|
|
/* ===== 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;
|
|
}
|
|
|
|
.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);
|
|
}
|
|
|
|
/*
|
|
.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"] {
|
|
width: 22px;
|
|
background: none;
|
|
}
|
|
|
|
.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] {
|
|
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;
|
|
}
|
|
|
|
.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-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 0 1px 0;
|
|
|
|
text-align: center;
|
|
display: inline-block !important;
|
|
vertical-align: middle;
|
|
|
|
font-size: 18px;
|
|
font-family: "Pictos";
|
|
|
|
border: 1px solid #dcdcdc;
|
|
border-radius: 6px;
|
|
color: black;
|
|
background: #faf7fa;
|
|
|
|
}
|
|
|
|
.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: "4";
|
|
}
|
|
|
|
.sheet-box .sheet-toggle ~ .sheet-checkbox {
|
|
position: absolute;
|
|
}
|
|
|
|
.sheet-box .sheet-toggle ~ .sheet-checkbox-encumbrance,
|
|
.sheet-box .sheet-toggle ~ .sheet-checkbox-slam-options {
|
|
position: inherit;
|
|
float: left;
|
|
}
|
|
|
|
.sheet-box input[type="checkbox"] ~ .sheet-checkbox-encumbrance:before {
|
|
color:black!important;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.sheet-box .sheet-toggle:checked ~ .sheet-checkbox:before {
|
|
transform:rotate(90deg);
|
|
}
|
|
|
|
|
|
/* ===== 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 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;
|
|
}
|
|
|
|
/* -- GENERAL -- */
|
|
.sheet-tab1 .sheet-warning-messages {
|
|
width: 100%;
|
|
}
|
|
|
|
.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: 180px; margin-bottom: 180px;}
|
|
.sheet-attribute .sheet-header .sheet-col0 { width: 85px; }
|
|
.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-col0 { width: 50px; }
|
|
.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: 10px;
|
|
color: #404040;
|
|
}
|
|
|
|
.sheet-stats input { font-size: 13px;}
|
|
.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-col0 { width: 75px; }
|
|
.sheet-stats .sheet-row .sheet-col0 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); }
|
|
|
|
/* General Tab: Notes Box */
|
|
.sheet-general-notes-box {
|
|
width: calc(100% - 186px - 5px);
|
|
height: 487px;
|
|
}
|
|
|
|
.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: 100%;
|
|
padding: 2px;
|
|
margin: 0;
|
|
}
|
|
|
|
.sheet-general-notes-box textarea {
|
|
height: 447px;
|
|
}
|
|
|
|
.sheet-points { width: 100px; }
|
|
.sheet-points .sheet-header .sheet-col0 { width: 100%; }
|
|
.sheet-points .sheet-row .sheet-col0 { width: 60px; }
|
|
.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: 180px;
|
|
}
|
|
|
|
.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-col1 { width: calc((100% - 100px) * 0.4); }
|
|
.sheet-movement-feats .sheet-colAll { width: calc((100% - 100px) * 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-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 { width: calc(100% - 360px); }
|
|
.sheet-language .sheet-col0 input { text-align:left; }
|
|
.sheet-language .sheet-col1 { width: 135px; }
|
|
.sheet-language .sheet-col1-pts { width: 30px; }
|
|
.sheet-language .sheet-col2 { width: 135px; }
|
|
.sheet-language .sheet-col2-pts { width: 30px; }
|
|
.sheet-language .sheet-col3 { width: 30px; }
|
|
|
|
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: 170%;
|
|
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 {
|
|
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: 421px;
|
|
}
|
|
|
|
.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-col1 {
|
|
width: calc(100% - 85px);
|
|
}
|
|
|
|
.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: 140px;
|
|
margin: 0;
|
|
padding: 2px 0 2px 2px;
|
|
}
|
|
|
|
/* bio description */
|
|
.sheet-bio-description {
|
|
width: 421px;
|
|
}
|
|
|
|
.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 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;
|
|
}
|
|
|
|
/* Background Information */
|
|
|
|
.sheet-background-info {
|
|
width: 421px;
|
|
}
|
|
|
|
.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 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: 421px;
|
|
}
|
|
|
|
.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: 159px;
|
|
padding: 4px 8px 4px 4px;
|
|
}
|
|
|
|
.sheet-misc-notes .sheet-row-textarea textarea {
|
|
height: 145px;
|
|
margin: 0;
|
|
padding: 2px 0 2px 2px;
|
|
}
|
|
|
|
/* training Notes */
|
|
|
|
.sheet-training-notes {
|
|
width: 421px;
|
|
}
|
|
|
|
.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: 159px;
|
|
padding: 4px 8px 4px 4px;
|
|
}
|
|
|
|
.sheet-training-notes .sheet-row-textarea textarea {
|
|
height: 145px;
|
|
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-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;
|
|
}
|
|
|
|
/* 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); }
|
|
|
|
|
|
/* -- 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: 250px; }
|
|
.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-cell {
|
|
padding: 0 5px;
|
|
}
|
|
|
|
.sheet-firing-up-down .sheet-table .sheet-cell.sheet-reset {
|
|
width: 70px;
|
|
}
|
|
|
|
.sheet-firing-up-down .sheet-table .sheet-cell.sheet-linear-range {
|
|
width: 70px;
|
|
}
|
|
|
|
.sheet-firing-up-down .sheet-table .sheet-cell.sheet-speed {
|
|
width: 60px;
|
|
}
|
|
|
|
.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-rof {
|
|
width: 50px;
|
|
}
|
|
|
|
.sheet-firing-up-down .sheet-table .sheet-cell.sheet-new-range {
|
|
width: 70px;
|
|
}
|
|
|
|
.sheet-firing-up-down .sheet-table .sheet-cell.sheet-aiming {
|
|
width: 80px;
|
|
}
|
|
|
|
.sheet-firing-up-down .sheet-table .sheet-cell.sheet-hit-mod {
|
|
width: 60px;
|
|
}
|
|
|
|
.sheet-firing-up-down .sheet-table .sheet-cell.sheet-reset button.sheet-reset,
|
|
.sheet-reset button.sheet-reset {
|
|
height: 19px;
|
|
line-height: 19px;
|
|
color: white;
|
|
background: var(--highlight-text);
|
|
border-radius: 3px;
|
|
font-weight: bold;
|
|
width: 50px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
.sheet-falling-collision .sheet-table .sheet-cell.sheet-reset button.sheet-reset {
|
|
height: 19px;
|
|
line-height: 19px;
|
|
color: white;
|
|
background: var(--highlight-text);
|
|
border-radius: 3px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* 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-table .sheet-cell.sheet-reset button.sheet-reset {
|
|
height: 19px;
|
|
line-height: 19px;
|
|
color: white;
|
|
background: var(--highlight-text);
|
|
border-radius: 3px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.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-shotgun-tool .sheet-table .sheet-cell.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-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% - 558px); }
|
|
.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_inventory_item_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 th {
|
|
color: var(--header-text);
|
|
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 {
|
|
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;
|
|
}
|
|
|
|
/**********************************/
|
|
/* 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: center;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
/*************************/
|
|
/* 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;
|
|
}
|
|
|
|
.sheet-logo div.sheet-control button.sheet-no-decoration {
|
|
border: none;
|
|
background: none;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.sheet-logo div.sheet-control button[type=roll].sheet-no-decoration::before {
|
|
content: none;
|
|
}
|
|
|
|
/** 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-roll-modifiers .sheet-number-input input.sheet-modifier-status[value="positive"] ~ input.sheet-final-modifier {
|
|
background-color: blue !important;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-roll-modifiers .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"] {
|
|
width: 16px!important;
|
|
opacity: 1;
|
|
}
|
|
|
|
.sheet-roll-modifiers button[type="action"] {
|
|
background: none;
|
|
line-height: 20px;
|
|
height: 20px;
|
|
width: 20px;
|
|
}
|
|
|
|
.sheet-roll-modifiers button[type="action"] span {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-roll-modifiers button[type="action"]::before {
|
|
font-family: "Pictos";
|
|
content: "W";
|
|
font-size: 24px;
|
|
}
|
|
|
|
.sheet-roll-modifiers 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.sheet-aiming-stats {
|
|
display: grid;
|
|
grid-template-columns: auto auto auto auto 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-aiming-stats .sheet-item.sheet-item1-5 {
|
|
grid-column-start: 1;
|
|
grid-column-end: 5;
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-modal-body .sheet-container.sheet-aiming-stats .sheet-item.sheet-item6-9 {
|
|
grid-column-start: 6;
|
|
grid-column-end: 10;
|
|
text-align: center;
|
|
border-left: 1px solid #ddd;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
/* 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-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;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
.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: 5px;
|
|
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-item button.sheet-reset {
|
|
height: 19px;
|
|
line-height: 19px;
|
|
color: white;
|
|
background: var(--highlight-text);
|
|
border-radius: 3px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.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 label {
|
|
margin: 0;
|
|
font-weight: normal;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.sheet-armor-layer-controller-grid .sheet-item label > div {
|
|
float: left;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
/* --------------------------------------------------- */
|
|
/* by default columns layer 2-4 are hidden, only show */
|
|
.sheet-hit-location-grid {
|
|
display: grid;
|
|
grid-template-columns: 90px 43px 43px 43px 50px 43px 43px max-content;
|
|
grid-gap: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* 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: 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: 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: 90px 43px 43px 43px 50px 43px 43px 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 > 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[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;
|
|
}
|
|
|
|
/* these columns are left-aligned */
|
|
.sheet-hit-location-grid .sheet-item:nth-of-type(1),
|
|
.sheet-hit-location-grid .sheet-item:nth-of-type(12),
|
|
.sheet-hit-location-grid .sheet-item:nth-of-type(13) {
|
|
text-align: left;
|
|
}
|
|
|
|
/* set default width of layer columns */
|
|
.sheet-hit-location-grid .sheet-item.sheet-layer {
|
|
width: 84px;
|
|
}
|
|
|
|
/* 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: 90px 300px 40px 300px;
|
|
grid-gap: 2px;
|
|
padding: 5px 0 5px 0;
|
|
margin-bottom: 5px;
|
|
border-bottom: 2px solid black;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
/* 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 {
|
|
font-family: "Pictos Custom";
|
|
content: "[";
|
|
font-size: 24px;
|
|
color: lightgray;
|
|
}
|
|
|
|
.sheet-custom-checkbox .sheet-switch input:checked ~ .sheet-icon.sheet-target:before {
|
|
color: green;
|
|
}
|
|
|
|
/*******************************/
|
|
/* 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 */
|
|
|
|
.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;
|
|
} |