2874 lines
107 KiB
CSS
2874 lines
107 KiB
CSS
/**********************************************************************************************************/
|
|
/*************************** GLOBAL SETTINGS ***************************/
|
|
/********************************************************************************************************/
|
|
* {
|
|
box-sizing: border-box;
|
|
font-family: inherit; }
|
|
|
|
.charsheet * {
|
|
font-size: 1em; }
|
|
|
|
.charsheet .active-drop-target.dropping {
|
|
opacity: 0.4;
|
|
transition: opacity .15s ease-in-out;
|
|
-moz-transition: opacity .15s ease-in-out;
|
|
-webkit-transition: opacity .15s ease-in-out; }
|
|
|
|
.charsheet .repcontainer .repitem.repitembroken {
|
|
border: 1px solid transparent !important;
|
|
/* important needed to override Roll20 default style */ }
|
|
|
|
button {
|
|
background-color: transparent;
|
|
background-image: none;
|
|
border: none;
|
|
border-color: transparent;
|
|
box-shadow: none;
|
|
font-family: Helvetica, Arial, sans-serif;
|
|
font-size: 0.8em;
|
|
margin: 0em;
|
|
text-shadow: none; }
|
|
button:before {
|
|
display: none; }
|
|
button:hover {
|
|
background-color: transparent; }
|
|
button[type="roll"], button[type="action"] {
|
|
font-size: 1em;
|
|
margin: 0px;
|
|
padding: 0; }
|
|
button[type="roll"] {
|
|
text-transform: uppercase;
|
|
font-family: serif;
|
|
font-weight: bold;
|
|
border-radius: 3px;
|
|
background-color: #003180;
|
|
color: white;
|
|
border: 1px solid white;
|
|
box-shadow: 0 0 5px #757575;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis; }
|
|
button[type="roll"]:hover {
|
|
background: #0044b3; }
|
|
|
|
div {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 100%; }
|
|
|
|
fieldset {
|
|
background: transparent; }
|
|
|
|
h1 {
|
|
background-color: #002766;
|
|
color: white;
|
|
font-family: initial;
|
|
font-size: 1.5em;
|
|
line-height: 20px;
|
|
padding: 0.45em;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
width: 100%;
|
|
font-weight: bold; }
|
|
|
|
h2 {
|
|
color: white;
|
|
font-size: 1em;
|
|
line-height: 2.4em;
|
|
text-transform: uppercase;
|
|
font-weight: bold; }
|
|
|
|
input[type="text"],
|
|
input[type="number"],
|
|
select {
|
|
border: 0.2em solid #5b1110;
|
|
border-radius: 0px;
|
|
font-size: 8pt;
|
|
height: 2em;
|
|
line-height: 1.5em;
|
|
width: 100%; }
|
|
|
|
select {
|
|
padding: 0; }
|
|
|
|
input[type="text"]:focus,
|
|
input[type="number"]:focus,
|
|
textarea:focus {
|
|
outline-color: #002766; }
|
|
|
|
input[type="text"]:-webkit-input-placeholder,
|
|
input[type="text"]:-moz-placeholder,
|
|
input[type="text"]:-ms-input-placeholder,
|
|
input[type="text"]:-moz-placeholder {
|
|
font-variant: small-caps;
|
|
text-transform: uppercase; }
|
|
|
|
input[type="text"]:placeholder-shown,
|
|
input[type="number"]:placeholder-shown,
|
|
textarea:placeholder-shown {
|
|
background-color: #fdf6ed;
|
|
border: 0.2em solid #98503e;
|
|
text-transform: capitalize; }
|
|
|
|
input[type="number"] {
|
|
text-align: center;
|
|
width: 100%; }
|
|
|
|
input:hover,
|
|
select:hover {
|
|
background-color: white;
|
|
border: 0.2em solid #0044b3; }
|
|
|
|
label {
|
|
color: white;
|
|
display: inline-block;
|
|
padding-right: 0px;
|
|
margin-bottom: 2px;
|
|
text-transform: uppercase;
|
|
width: 100%;
|
|
vertical-align: top; }
|
|
label[title*="rank"] > select {
|
|
border: 0.2em solid #5b1110;
|
|
text-transform: capitalize;
|
|
width: 100%;
|
|
padding: 0; }
|
|
label [title*="notes"] > span[data-i18n="notes"] {
|
|
color: white; }
|
|
|
|
span {
|
|
word-break: break-word; }
|
|
|
|
textarea {
|
|
border: 0.2em solid #5b1110;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
line-height: 18px;
|
|
overflow: auto;
|
|
overflow-wrap: break-word;
|
|
padding: 2px;
|
|
resize: none;
|
|
text-align: left;
|
|
vertical-align: top;
|
|
white-space: pre-line;
|
|
margin: 0; }
|
|
|
|
.charsheet {
|
|
padding: 0px !important;
|
|
/* Important needed to override Roll20 defaults */
|
|
min-width: 860px; }
|
|
|
|
.sheet-backdrop {
|
|
border: 0.2em solid #5b1110;
|
|
/** REMOVE LATER */
|
|
background-color: #c4bdaf;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Pathfinder%20Second%20Edition%20by%20Roll20/images/background.png);
|
|
background-size: cover;
|
|
background-position: center; }
|
|
|
|
select.sheet-simple {
|
|
max-width: 100%;
|
|
padding: 0;
|
|
height: 1.8em;
|
|
text-transform: capitalize;
|
|
border-radius: 0;
|
|
margin: 0;
|
|
border: 0.2em solid #5b1110; }
|
|
|
|
i {
|
|
display: inline-block;
|
|
height: 1em;
|
|
margin-bottom: -0.1em;
|
|
mask-repeat: no-repeat;
|
|
mask-size: contain; }
|
|
|
|
span.sheet-collapse {
|
|
white-space: pre-line; }
|
|
|
|
.sheet-pictos {
|
|
font-family: "pictos"; }
|
|
|
|
div.sheet-classdc div.sheet-settings input, div.sheet-armorclass input, div.sheet-savingthrows input, div.sheet-hitpoints div.sheet-display input, div.sheet-repeating button[name*="settings"],
|
|
div.sheet-repeating h3, div.sheet-skills div.sheet-settings input, div.sheet-inv-display-grid span, div.sheet-item-repeating-grid label.sheet-inv-invest input,
|
|
div.sheet-item-repeating-grid label.sheet-inv-bulk input,
|
|
div.sheet-item-repeating-grid label.sheet-inv-invest,
|
|
div.sheet-item-repeating-grid label.sheet-inv-bulk, div.sheet-spellattack-grid input[name="attr_spell_attack_key_ability"],
|
|
div.sheet-spellattack-grid input[name="attr_spell_attack_temporary"], div.sheet-spelldc-grid input[name="attr_spell_dc_key_ability"],
|
|
div.sheet-spelldc-grid input[name="attr_spell_dc_temporary"], div.sheet-spells div.sheet-spell-panel-row > div.sheet-settings input[type="number"], div.sheet-npc-settings label > input.sheet-number,
|
|
.sheet-center {
|
|
text-align: center; }
|
|
|
|
div.sheet-focus, div.sheet-cantrips, div.sheet-normalspells, div.sheet-innate, div.sheet-npc,
|
|
div.sheet-character,
|
|
div.sheet-details,
|
|
div.sheet-feats,
|
|
div.sheet-inventory,
|
|
div.sheet-spells,
|
|
div.sheet-options,
|
|
input[name="attr_sheet_type"][value*="npc"] ~ div.sheet-pc-info,
|
|
input[name="attr_sheet_type"][value*="npc"] ~ div.sheet-tabs label:nth-of-type(1n+2) {
|
|
display: none; }
|
|
|
|
/**********************************************************************************************************/
|
|
/*************************** HIGHLIGHT BUTTONS ***************************/
|
|
/********************************************************************************************************/
|
|
input.sheet-whisper-toggle[value*="gm"] + button[name*="whisper"],
|
|
div.sheet-npc-general-options input[name="attr_toggles"][value*="npcspellcaster"] ~ button[name="act_toggle_npcspellcaster"], div.sheet-tabs input[type="checkbox"]:checked + span,
|
|
div.sheet-tabs input[type="radio"]:checked + span {
|
|
color: white;
|
|
background-color: #974f3e;
|
|
box-shadow: inset 0px 0px 3px 1px #5c1110; }
|
|
|
|
/******************************************************************************************/
|
|
/*************************** PC ***************************/
|
|
/****************************************************************************************/
|
|
button.sheet-settings-button {
|
|
position: absolute;
|
|
width: 2em;
|
|
height: 2em;
|
|
padding: 0;
|
|
margin-left: -7px;
|
|
margin-top: -7px;
|
|
border: 1.5px solid #fee;
|
|
border-radius: 50%;
|
|
color: #fdd;
|
|
background: #600;
|
|
opacity: 0;
|
|
font-size: 7pt;
|
|
line-height: 1em;
|
|
z-index: 10; }
|
|
|
|
/* BUTTON HOVER EFFECTS */
|
|
.sheet-perception:hover button.sheet-settings-button, .sheet-melee:hover button.sheet-settings-button, .sheet-ranged:hover button.sheet-settings-button, .sheet-classdc:hover button.sheet-settings-button, .sheet-armorclass:hover button.sheet-settings-button, .sheet-savingthrows:hover button.sheet-settings-button, .sheet-hitpoints:hover button.sheet-settings-button, .sheet-skills:hover button.sheet-settings-button, .sheet-spellattack:hover button.sheet-settings-button, .sheet-spelldc:hover button.sheet-settings-button, .sheet-ability-scores:hover button.sheet-settings-button, .sheet-details:hover button.sheet-settings-button, .sheet-languages:hover button.sheet-settings-button, .sheet-inv-display-grid:hover button.sheet-settings-button, .sheet-actions:hover button.sheet-settings-button, .sheet-action-abilities:hover button.sheet-settings-button, .sheet-action-activity:hover button.sheet-settings-button, .sheet-action-reaction:hover button.sheet-settings-button, .sheet-feats-ancestry-grid:hover button.sheet-settings-button, .sheet-feats-skill-grid:hover button.sheet-settings-button, .sheet-feats-general-grid:hover button.sheet-settings-button, .sheet-feats-class-grid:hover button.sheet-settings-button, .sheet-feats-bonus-grid:hover button.sheet-settings-button, .sheet-spells .sheet-power:hover button.sheet-settings-button, .sheet-spells .sheet-innate:hover button.sheet-settings-button, .sheet-spells .sheet-focus:hover button.sheet-settings-button, .sheet-spells .sheet-cantrips:hover button.sheet-settings-button, .sheet-spells .sheet-normalspells:hover button.sheet-settings-button {
|
|
opacity: 0.5; }
|
|
|
|
button.sheet-settings-button:focus, .sheet-perception:hover button.sheet-settings-button:hover, .sheet-melee:hover button.sheet-settings-button:hover, .sheet-ranged:hover button.sheet-settings-button:hover, .sheet-classdc:hover button.sheet-settings-button:hover, .sheet-armorclass:hover button.sheet-settings-button:hover, .sheet-savingthrows:hover button.sheet-settings-button:hover, .sheet-hitpoints:hover button.sheet-settings-button:hover, .sheet-skills:hover button.sheet-settings-button:hover, .sheet-spellattack:hover button.sheet-settings-button:hover, .sheet-spelldc:hover button.sheet-settings-button:hover, .sheet-ability-scores:hover button.sheet-settings-button:hover, .sheet-details:hover button.sheet-settings-button:hover, .sheet-languages:hover button.sheet-settings-button:hover, .sheet-inv-display-grid:hover button.sheet-settings-button:hover, .sheet-actions:hover button.sheet-settings-button:hover, .sheet-action-abilities:hover button.sheet-settings-button:hover, .sheet-action-activity:hover button.sheet-settings-button:hover, .sheet-action-reaction:hover button.sheet-settings-button:hover, .sheet-feats-ancestry-grid:hover button.sheet-settings-button:hover, .sheet-feats-skill-grid:hover button.sheet-settings-button:hover, .sheet-feats-general-grid:hover button.sheet-settings-button:hover, .sheet-feats-class-grid:hover button.sheet-settings-button:hover, .sheet-feats-bonus-grid:hover button.sheet-settings-button:hover, .sheet-spells .sheet-power:hover button.sheet-settings-button:hover, .sheet-spells .sheet-innate:hover button.sheet-settings-button:hover, .sheet-spells .sheet-focus:hover button.sheet-settings-button:hover, .sheet-spells .sheet-cantrips:hover button.sheet-settings-button:hover, .sheet-spells .sheet-normalspells:hover button.sheet-settings-button:hover {
|
|
opacity: 1; }
|
|
|
|
input[name="attr_toggles"][value*="class_dc"] ~ div.sheet-character div.sheet-classdc button.sheet-settings-button,
|
|
input[name="attr_toggles"][value*="shield"] ~ div.sheet-character div.sheet-shield-grid button.sheet-settings-button,
|
|
input[name="attr_toggles"][value*="armor_class"] ~ div.sheet-character div.sheet-armorclass-main button.sheet-settings-button,
|
|
input[name="attr_toggles"][value*="perception"] ~ div.sheet-character div.sheet-perception button.sheet-settings-button[name*="perception"],
|
|
input[name="attr_toggles"][value*="hitpoints"] ~ div.sheet-character div.sheet-hitpoints button.sheet-settings-button[name*="hitpoints"],
|
|
input[name="attr_toggles"][value*="settings"] + button.sheet-settings-button,
|
|
input[name="attr_toggles"][value*="settings"] + div > button.sheet-settings-button,
|
|
.sheet-highlight-button,
|
|
input[name="attr_toggles"][value*="charisma"] ~ div.sheet-character div.sheet-column div.sheet-ability-scores div.sheet-charisma-row button.sheet-settings-button,
|
|
input[name="attr_toggles"][value*="constitution"] ~ div.sheet-character div.sheet-column div.sheet-ability-scores div.sheet-constitution-row button.sheet-settings-button,
|
|
input[name="attr_toggles"][value*="dexterity"] ~ div.sheet-character div.sheet-column div.sheet-ability-scores div.sheet-dexterity-row button.sheet-settings-button,
|
|
input[name="attr_toggles"][value*="intelligence"] ~ div.sheet-character div.sheet-column div.sheet-ability-scores div.sheet-intelligence-row button.sheet-settings-button,
|
|
input[name="attr_toggles"][value*="strength"] ~ div.sheet-character div.sheet-column div.sheet-ability-scores div.sheet-strength-row button.sheet-settings-button,
|
|
input[name="attr_toggles"][value*="wisdom"] ~ div.sheet-character div.sheet-column div.sheet-ability-scores div.sheet-wisdom-row button.sheet-settings-button,
|
|
input[name="attr_toggles"][value*="acrobatics"] ~ div.sheet-character div.sheet-skills button.sheet-settings-button[name*="acrobatics"],
|
|
input[name="attr_toggles"][value*="arcana"] ~ div.sheet-character div.sheet-skills button.sheet-settings-button[name*="arcana"],
|
|
input[name="attr_toggles"][value*="athletics"] ~ div.sheet-character div.sheet-skills button.sheet-settings-button[name*="athletics"],
|
|
input[name="attr_toggles"][value*="crafting"] ~ div.sheet-character div.sheet-skills button.sheet-settings-button[name*="crafting"],
|
|
input[name="attr_toggles"][value*="deception"] ~ div.sheet-character div.sheet-skills button.sheet-settings-button[name*="deception"],
|
|
input[name="attr_toggles"][value*="diplomacy"] ~ div.sheet-character div.sheet-skills button.sheet-settings-button[name*="diplomacy"],
|
|
input[name="attr_toggles"][value*="intimidation"] ~ div.sheet-character div.sheet-skills button.sheet-settings-button[name*="intimidation"],
|
|
input[name="attr_toggles"][value*="medicine"] ~ div.sheet-character div.sheet-skills button.sheet-settings-button[name*="medicine"],
|
|
input[name="attr_toggles"][value*="nature"] ~ div.sheet-character div.sheet-skills button.sheet-settings-button[name*="nature"],
|
|
input[name="attr_toggles"][value*="occultism"] ~ div.sheet-character div.sheet-skills button.sheet-settings-button[name*="occultism"],
|
|
input[name="attr_toggles"][value*="performance"] ~ div.sheet-character div.sheet-skills button.sheet-settings-button[name*="performance"],
|
|
input[name="attr_toggles"][value*="religion"] ~ div.sheet-character div.sheet-skills button.sheet-settings-button[name*="religion"],
|
|
input[name="attr_toggles"][value*="society"] ~ div.sheet-character div.sheet-skills button.sheet-settings-button[name*="society"],
|
|
input[name="attr_toggles"][value*="stealth"] ~ div.sheet-character div.sheet-skills button.sheet-settings-button[name*="stealth"],
|
|
input[name="attr_toggles"][value*="survival"] ~ div.sheet-character div.sheet-skills button.sheet-settings-button[name*="survival"],
|
|
input[name="attr_toggles"][value*="thievery"] ~ div.sheet-character div.sheet-skills button.sheet-settings-button[name*="thievery"] {
|
|
opacity: 1;
|
|
background-color: #ff0400; }
|
|
|
|
input[name="attr_toggles"][value*=focus] ~ div.sheet-spells div.sheet-column div.sheet-focus {
|
|
display: inline-block; }
|
|
|
|
input[name="attr_toggles"][value*=cantrips] ~ div.sheet-spells div.sheet-column div.sheet-cantrips {
|
|
display: inline-block; }
|
|
|
|
input[name="attr_toggles"][value*=normalspells] ~ div.sheet-spells div.sheet-column div.sheet-normalspells {
|
|
display: inline-block; }
|
|
|
|
input[name="attr_toggles"][value*=innate] ~ div.sheet-spells div.sheet-column div.sheet-innate {
|
|
display: inline-block; }
|
|
|
|
/* HIDE PC SECTIONS NOT NEEDED ON NPC PAGE
|
|
----------------------------- */
|
|
div.sheet-background-color {
|
|
background-color: #98503e;
|
|
color: white; }
|
|
|
|
div.sheet-ability-select label {
|
|
margin-bottom: 0em; }
|
|
div.sheet-ability-select label:last-child {
|
|
margin-top: -1px; }
|
|
|
|
div.sheet-ability-select select {
|
|
background-color: #5b1110;
|
|
border: 0.2em solid #5b1110;
|
|
border-radius: 0;
|
|
border-top-left-radius: 5px;
|
|
border-top-right-radius: 5px;
|
|
color: white;
|
|
font-size: 0.6em;
|
|
line-height: 1em;
|
|
margin-bottom: 0px;
|
|
padding: 0;
|
|
text-transform: uppercase;
|
|
vertical-align: top; }
|
|
|
|
div.sheet-ability-select span {
|
|
background-color: white;
|
|
border: 1px solid #5b1110;
|
|
display: inline-block;
|
|
height: 3em;
|
|
width: 3em; }
|
|
|
|
input.sheet-circle, div.sheet-circle {
|
|
background-color: #7d3a2a;
|
|
border: 0.2em solid #5b1110;
|
|
border-radius: 100%;
|
|
text-align: center;
|
|
overflow: hidden; }
|
|
|
|
div.sheet-circle {
|
|
font-weight: bold; }
|
|
div.sheet-circle label span:first-child {
|
|
display: block;
|
|
padding-top: 5px;
|
|
background: #5b1110;
|
|
color: white;
|
|
text-align: center;
|
|
width: 100%;
|
|
font-size: 1em; }
|
|
div.sheet-circle label span:last-child {
|
|
display: block;
|
|
color: #fff;
|
|
margin-top: 0.4em;
|
|
font-size: 1.5em;
|
|
text-align: center; }
|
|
|
|
div.sheet-grid {
|
|
display: grid;
|
|
grid-column-gap: 1%; }
|
|
|
|
div.sheet-repeating h3,
|
|
div.sheet-repeating label {
|
|
color: #000;
|
|
font-size: 0.8em;
|
|
grid-row: 1;
|
|
text-transform: uppercase;
|
|
width: 100%; }
|
|
|
|
input.sheet-2em {
|
|
height: 2em;
|
|
padding: 0px;
|
|
text-align: center;
|
|
width: 2em; }
|
|
|
|
input.sheet-3em[type="text"],
|
|
input.sheet-3em[type="number"] {
|
|
height: 3em;
|
|
padding: 0px;
|
|
text-align: center;
|
|
width: 3em; }
|
|
|
|
input.sheet-4em {
|
|
width: 4em; }
|
|
|
|
input.sheet-5em {
|
|
text-align: center;
|
|
width: 5em; }
|
|
|
|
label.sheet-sublabel {
|
|
text-align: center; }
|
|
label.sheet-sublabel select {
|
|
margin: 0;
|
|
padding: 0; }
|
|
label.sheet-sublabel span:last-child {
|
|
background: #7d3a2a;
|
|
display: block; }
|
|
label.sheet-sublabel span:last-child:empty::before {
|
|
content: "-"; }
|
|
label.sheet-sublabel span:last-child span.sheet-inline {
|
|
display: inline;
|
|
margin-right: 5%; }
|
|
label.sheet-sublabel span:last-child span.sheet-inline:last-child {
|
|
margin-right: 0; }
|
|
|
|
.sheet-darkred {
|
|
background-color: #5b1110;
|
|
padding: 3px; }
|
|
|
|
.sheet-darkred + input {
|
|
padding: 3px; }
|
|
|
|
span.sheet-display {
|
|
display: inline-block;
|
|
border-radius: 50%;
|
|
padding: 5%;
|
|
background-color: #7d3a2a;
|
|
color: white;
|
|
font-weight: bold;
|
|
text-align: center; }
|
|
|
|
span.sheet-sublabel {
|
|
border-top-left-radius: 0.5em;
|
|
border-top-right-radius: 0.5em;
|
|
display: block;
|
|
font-size: 0.6em;
|
|
padding: 0em;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
width: 100%;
|
|
white-space: nowrap; }
|
|
|
|
span.sheet-symbol {
|
|
color: white;
|
|
font-weight: bold;
|
|
position: relative;
|
|
text-align: center;
|
|
top: 35%; }
|
|
|
|
div.sheet-column label[data-i18n-title="level"],
|
|
div.sheet-column label[data-i18n-title="hero_points"],
|
|
div.sheet-ability-scores input[type="number"],
|
|
div.sheet-ability-scores input[type="text"],
|
|
div.sheet-speed-col input[name="attr_speed"] {
|
|
text-align: center; }
|
|
|
|
div.sheet-dcbase {
|
|
color: white;
|
|
font-size: 1.2em;
|
|
text-align: center; }
|
|
|
|
/* DC Base */
|
|
div.sheet-dcbase:nth-of-type(2) div {
|
|
display: inline-block;
|
|
width: 40%; }
|
|
|
|
div.sheet-dcbase:nth-of-type(2) span[name="attr_ac_ability_display"] {
|
|
display: inline-block;
|
|
height: 2em;
|
|
width: 2em; }
|
|
|
|
div.sheet-dcbase:nth-of-type(2) span[name="attr_ac_ability_display"],
|
|
div.sheet-dcbase:nth-of-type(2) span[data-i18n="or"] {
|
|
background-color: white;
|
|
border: 1px solid #5b1110; }
|
|
|
|
div.sheet-dcbase:nth-of-type(2) span[data-i18n="or"] {
|
|
text-transform: uppercase;
|
|
color: #5b1110; }
|
|
|
|
/* PC sheet info static section at the top */
|
|
div.sheet-pc-info {
|
|
display: grid;
|
|
grid-column-gap: 5px;
|
|
grid-template-columns: 1.45fr 3.75fr 0.55fr;
|
|
margin-top: 1%; }
|
|
|
|
/* "Character Sheet" row & columns */
|
|
div.sheet-column button[name="act_toggle_ancestry"] {
|
|
font-family: "pictos";
|
|
width: 2em; }
|
|
|
|
div.sheet-character-row div.sheet-column {
|
|
margin: 1% 0.5%;
|
|
padding: 1% 2%;
|
|
/* Level column */ }
|
|
div.sheet-character-row div.sheet-column:nth-of-type(1) {
|
|
width: 25%; }
|
|
div.sheet-character-row div.sheet-column:nth-of-type(3) {
|
|
width: 10%; }
|
|
|
|
div.sheet-pc-info div.sheet-column:nth-of-type(1) {
|
|
grid-row-start: 1;
|
|
grid-column-start: 1; }
|
|
|
|
div.sheet-pc-info div.sheet-column:nth-of-type(2) {
|
|
grid-row-start: 1;
|
|
grid-column-start: 2; }
|
|
|
|
div.sheet-pc-info div.sheet-column:nth-of-type(3) {
|
|
grid-row-start: 1;
|
|
grid-column-start: 3; }
|
|
|
|
div.sheet-pc-info div.sheet-column:nth-of-type(1) {
|
|
padding: 0.25em 0.5em; }
|
|
|
|
div.sheet-pc-info div.sheet-column:nth-of-type(3) {
|
|
padding: 0.25em; }
|
|
|
|
/* Tabs */
|
|
div.sheet-tabs {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-column-gap: 5px;
|
|
grid-template-columns: 3em repeat(6, 1fr);
|
|
margin: 5px;
|
|
width: calc(100% - 10px); }
|
|
div.sheet-tabs input[type="checkbox"],
|
|
div.sheet-tabs input[type="radio"] {
|
|
height: 100%;
|
|
opacity: 0;
|
|
width: 100%;
|
|
z-index: 2; }
|
|
div.sheet-tabs label {
|
|
display: grid;
|
|
color: black;
|
|
text-align: center;
|
|
font-size: 1em; }
|
|
div.sheet-tabs label input, div.sheet-tabs label span {
|
|
grid-area: 1 / 1 / 1 / 1; }
|
|
div.sheet-tabs label[data-i18n-title="whisper_rolls_to_gm"] {
|
|
text-transform: lowercase; }
|
|
div.sheet-tabs label:nth-of-type(1n+2) > span {
|
|
background-color: #e9e7e2;
|
|
border-radius: 5px;
|
|
box-shadow: 0 1px 1px #757575;
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
height: 2.5em;
|
|
padding: 5% 2%; }
|
|
div.sheet-tabs label.sheet-whisper-toggle span {
|
|
background: transparent;
|
|
border-radius: 50%;
|
|
box-shadow: unset;
|
|
height: 3em;
|
|
padding: 25% 2%;
|
|
text-transform: lowercase;
|
|
width: 3em; }
|
|
|
|
/* includes the options buttons for changing characters */
|
|
div.sheet-options button[name="act_toggle_npc"],
|
|
div.sheet-npc-general-options button[name="act_toggle_character"],
|
|
div.sheet-npc-general-options button[name="act_toggle_npcspellcaster"] {
|
|
background-color: #e9e7e2;
|
|
border-radius: 5px;
|
|
box-shadow: 0 1px 1px #757575;
|
|
font-weight: bold;
|
|
height: 2.5em;
|
|
text-transform: uppercase; }
|
|
|
|
div.sheet-options button[name="act_toggle_npc"],
|
|
div.sheet-npc-general-options button[name="act_toggle_character"],
|
|
div.sheet-npc-general-options button[name="act_toggle_npcspellcaster"] {
|
|
padding: 1%;
|
|
width: 10em;
|
|
text-overflow: ellipsis; }
|
|
|
|
/* inside the "Character Sheet" column */
|
|
div.sheet-column h1[data-i18n="character_sheet"] {
|
|
background-color: transparent;
|
|
color: #5b1110;
|
|
-webkit-text-fill-color: #5b1110;
|
|
-webkit-text-stroke-width: 1px;
|
|
font-size: 2em;
|
|
width: 100%; }
|
|
|
|
div.sheet-column h2[data-i18n="proficiency"] {
|
|
color: #002766;
|
|
line-height: inherit;
|
|
text-decoration: underline; }
|
|
|
|
div.sheet-column div.sheet-character-prof,
|
|
div.sheet-column div.sheet-character-action {
|
|
color: #002766;
|
|
font-size: 0.9em;
|
|
font-family: "Arial Narrow", sans-serif !important;
|
|
text-transform: capitalize; }
|
|
|
|
div.sheet-column div.sheet-character-prof {
|
|
width: 41%; }
|
|
|
|
div.sheet-column div.sheet-character-action {
|
|
padding-left: 5%;
|
|
width: 57%; }
|
|
div.sheet-column div.sheet-character-action img {
|
|
filter: invert(80%);
|
|
margin-right: 2%;
|
|
width: 20%; }
|
|
div.sheet-column div.sheet-character-action ul, div.sheet-column div.sheet-character-action li {
|
|
margin: 0;
|
|
padding: 1%;
|
|
list-style-type: none; }
|
|
div.sheet-column div.sheet-character-action ul span, div.sheet-column div.sheet-character-action li span {
|
|
font-size: 0.9em; }
|
|
|
|
/* "Ancestry and Heritage", "Background"...column at the top */
|
|
div.sheet-character-info {
|
|
display: grid;
|
|
grid-template-columns: repeat(12, 1fr);
|
|
grid-column-gap: 2px;
|
|
grid-row-gap: 2px;
|
|
padding: 2px; }
|
|
div.sheet-character-info > * {
|
|
margin: 0; }
|
|
div.sheet-character-info > label {
|
|
align-items: stretch;
|
|
border: 1px solid #5b1110;
|
|
display: flex;
|
|
padding: 0; }
|
|
div.sheet-character-info > label > span {
|
|
background: #002766;
|
|
box-sizing: border-box;
|
|
color: white;
|
|
flex: 0 0 auto;
|
|
font-size: .75em;
|
|
font-weight: bold;
|
|
min-width: 33%;
|
|
padding: .8em;
|
|
text-align: center; }
|
|
div.sheet-character-info > label > input {
|
|
margin: 0;
|
|
font-size: 0.8em;
|
|
border: 0;
|
|
padding: .5em;
|
|
padding-left: 1em;
|
|
width: 1px;
|
|
flex-grow: 1;
|
|
height: auto; }
|
|
div.sheet-character-info > label > input:placeholder-shown {
|
|
border: 0; }
|
|
div.sheet-character-info label[data-i18n-title="alignment"] {
|
|
grid-area: 5 / 5 / 5 / 9; }
|
|
div.sheet-character-info label[data-i18n-title="ancestry_heritage"] {
|
|
grid-area: 2 / 1 / 2 / -1; }
|
|
div.sheet-character-info label[data-i18n-title="background"] {
|
|
grid-area: 4 / 7 / 4 / -1; }
|
|
div.sheet-character-info label[data-i18n-title="character_name"] {
|
|
grid-area: 1 / 1 / 1 / -1; }
|
|
div.sheet-character-info label[data-i18n-title="class"] {
|
|
grid-area: 4 / 1 / 4 / 7; }
|
|
div.sheet-character-info label[data-i18n-title="deity"] {
|
|
grid-area: 5 / 9 / 5 / -1; }
|
|
div.sheet-character-info label[data-i18n-title="experience_points_xp"] {
|
|
grid-area: 3 / 7 / 3 / -1; }
|
|
div.sheet-character-info label[data-i18n-title="player_name"] {
|
|
grid-area: 3 / 1 / 3 / 7; }
|
|
div.sheet-character-info label[data-i18n-title="size"] {
|
|
grid-area: 5 / 1 / 5 / 5; }
|
|
|
|
/* Character Details row */
|
|
div.sheet-pfrow {
|
|
padding: 0px 0.5%;
|
|
width: 100%; }
|
|
|
|
div.sheet-column label[data-i18n-title="level"] > span {
|
|
background-color: #002766;
|
|
display: inline-block;
|
|
height: 2em;
|
|
padding: 0.5em;
|
|
text-align: center;
|
|
width: 100%; }
|
|
|
|
div.sheet-column label[data-i18n-title="hero_points"] > span {
|
|
color: #002766;
|
|
font-size: 0.8em; }
|
|
|
|
div.sheet-column input[name="attr_level"],
|
|
div.sheet-column input[name="attr_hero_points"] {
|
|
font-size: 1em;
|
|
font-weight: bold;
|
|
height: 4em;
|
|
text-align: center;
|
|
width: 100%; }
|
|
|
|
div.sheet-character {
|
|
grid-template-columns: 2fr 2.5fr 1.5fr;
|
|
grid-template-rows: repeat(5, auto);
|
|
grid-column-gap: 0.5%;
|
|
padding: 0.5%;
|
|
/* ACTIONS */ }
|
|
div.sheet-character div.sheet-column > div {
|
|
margin-bottom: 5px; }
|
|
div.sheet-character div.sheet-settings label[data-i18n-title*="notes"],
|
|
div.sheet-character .sheet-oneliner {
|
|
grid-column: 1 / -1; }
|
|
div.sheet-character .sheet-oneliner span {
|
|
padding: 0em;
|
|
font-size: 0.6em;
|
|
text-transform: uppercase; }
|
|
div.sheet-character div.sheet-section-pad {
|
|
padding: 5px; }
|
|
div.sheet-character div.sheet-section-pad .repitem:not(:first-child) {
|
|
margin-top: .2em; }
|
|
div.sheet-character div.sheet-actions {
|
|
grid-area: 4 / 1 / 4 / 1; }
|
|
div.sheet-character div.sheet-actions button[type="roll"] {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
width: 100%;
|
|
font-size: 0.85em; }
|
|
div.sheet-character div.sheet-actions button[name="roll_action"] {
|
|
grid-column: 1 / 5;
|
|
min-height: 1em; }
|
|
div.sheet-character div.sheet-actions span.sheet-collapse {
|
|
color: white; }
|
|
div.sheet-character div.sheet-actions .sheet-settings {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
width: 100%; }
|
|
|
|
/* Ability Section */
|
|
div.sheet-ability-scores {
|
|
text-transform: capitalize;
|
|
/* Shows a span and reveals an input on hover */ }
|
|
div.sheet-ability-scores input.sheet-hover,
|
|
div.sheet-ability-scores label.sheet-hover:hover span.sheet-hover,
|
|
div.sheet-ability-scores input.sheet-hover:focus + span.sheet-hover {
|
|
display: none; }
|
|
div.sheet-ability-scores label.sheet-hover:hover input.sheet-hover,
|
|
div.sheet-ability-scores label.sheet-hover input.sheet-hover:focus {
|
|
display: inherit; }
|
|
div.sheet-ability-scores input[type="number"] {
|
|
height: 2.5em; }
|
|
div.sheet-ability-scores div.sheet-settings {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
grid-column-gap: 2%; }
|
|
div.sheet-ability-scores div.sheet-display {
|
|
display: grid;
|
|
grid-template-columns: 1.25fr 2fr 3.5fr 1.25fr;
|
|
grid-column-gap: 5px;
|
|
align-items: stretch;
|
|
margin-bottom: 1px; }
|
|
div.sheet-ability-scores div.sheet-display > button[type="action"] {
|
|
position: absolute; }
|
|
div.sheet-ability-scores div.sheet-display div.sheet-ability-score {
|
|
text-align: right; }
|
|
div.sheet-ability-scores div.sheet-display div.sheet-ability-score span:first-child {
|
|
font-size: 1em;
|
|
font-weight: bold; }
|
|
div.sheet-ability-scores div.sheet-display div.sheet-circle {
|
|
font-size: 1.5em;
|
|
padding: 5% 0px; }
|
|
|
|
div.sheet-ability-modifier span[data-i18n="modifier"],
|
|
div.sheet-ability-score span[data-i18n="score"] {
|
|
font-size: 0.8em;
|
|
vertical-align: top; }
|
|
|
|
div.sheet-charisma-row, div.sheet-constitution-row, div.sheet-dexterity-row, div.sheet-intelligence-row, div.sheet-strength-row, div.sheet-wisdom-row {
|
|
padding-right: 2%;
|
|
padding-left: 2%; }
|
|
|
|
div.sheet-ability-modifier {
|
|
text-align: left; }
|
|
|
|
/* ABILITY settings */
|
|
div.sheet-ability-scores h1,
|
|
div.sheet-settings label.sheet-notes {
|
|
grid-column: 1 / -1; }
|
|
|
|
div.sheet-strength-row {
|
|
padding-top: 1%; }
|
|
|
|
/* ARMOR CLASS / SAVING THORWS / HIT POINTS / PERCEPTION */
|
|
div.sheet-armorclass {
|
|
grid-area: 1 / 2 / 2 / 2; }
|
|
|
|
div.sheet-savingthrows {
|
|
grid-area: 3 / 2 / 5 / 2; }
|
|
|
|
div.sheet-hitpoints {
|
|
grid-area: 1 / 3 / 3 / 3; }
|
|
|
|
div.sheet-perception {
|
|
grid-area: 4 / 3 / 5 / 3; }
|
|
|
|
/* Class DC section */
|
|
div.sheet-classdc div.sheet-circle {
|
|
color: white;
|
|
font-size: 1.4em;
|
|
font-weight: bold;
|
|
height: 3em;
|
|
padding: 15% 0px;
|
|
width: 3em; }
|
|
|
|
div.sheet-classdc div.sheet-display {
|
|
grid-template-columns: 2fr 3fr 2fr 2fr 2fr 2fr;
|
|
padding: 1%; }
|
|
div.sheet-classdc div.sheet-display div.sheet-dcbase {
|
|
display: grid;
|
|
grid-column-gap: 1%;
|
|
grid-template-columns: 1fr 2fr;
|
|
padding: 1%; }
|
|
div.sheet-classdc div.sheet-display div.sheet-dcbase span.sheet-sublabel:last-child {
|
|
font-size: 0.8em;
|
|
font-size: 1em;
|
|
grid-column: 2 / 3; }
|
|
|
|
div.sheet-classdc div.sheet-settings {
|
|
grid-template-columns: 1.5fr 1.5fr 1fr 1fr; }
|
|
|
|
/* Speed */
|
|
div.sheet-speed {
|
|
background-color: #5b1110;
|
|
grid-template-columns: 1.5fr 1fr 1fr;
|
|
padding: 0em; }
|
|
div.sheet-speed textarea {
|
|
border: none;
|
|
height: 2em;
|
|
margin-bottom: 0em;
|
|
min-height: 2em;
|
|
overflow: hidden;
|
|
resize: vertical; }
|
|
div.sheet-speed div {
|
|
background-color: white;
|
|
border: 0.2em solid #5b1110;
|
|
grid-column: 1 / 4;
|
|
grid-row: 2;
|
|
padding: 0.2em 0.5em;
|
|
text-transform: uppercase; }
|
|
div.sheet-speed h1[data-i18n="speed"] {
|
|
padding: 0.5em 0.2em; }
|
|
div.sheet-speed h3[data-i18n="movement_notes"] {
|
|
font-size: 1em;
|
|
line-height: 1em;
|
|
position: relative; }
|
|
div.sheet-speed input[type="text"] {
|
|
border: none;
|
|
text-align: center; }
|
|
div.sheet-speed label[data-i18n-title="speed_in_feet"] {
|
|
padding: 0.5em 0.2em; }
|
|
div.sheet-speed span[data-i18n="feet"] {
|
|
color: white;
|
|
font-family: initial;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
padding-top: 15%; }
|
|
|
|
/* Armor Class */
|
|
div.sheet-armorclass {
|
|
padding-bottom: 1%;
|
|
/* Armor Class main area */
|
|
/* Unarmored Row in Armor Class */
|
|
/* Shield row in Armor Class */ }
|
|
div.sheet-armorclass hr {
|
|
margin: 1% 1% 1% 2%; }
|
|
div.sheet-armorclass div.sheet-armorclass-main {
|
|
grid-template-columns: 1fr 1fr 2fr 1fr 1fr 1fr;
|
|
margin-top: 1%;
|
|
padding-bottom: 0em; }
|
|
div.sheet-armorclass div.sheet-armorclass-main div.sheet-circle {
|
|
grid-column: 1;
|
|
height: 5em;
|
|
text-transform: uppercase;
|
|
width: 5em; }
|
|
div.sheet-armorclass div.sheet-armorclass-main div.sheet-settings {
|
|
grid-template-columns: 3fr 1fr 1fr 1fr;
|
|
grid-column: 1 / 7; }
|
|
div.sheet-armorclass div.sheet-armor-cap {
|
|
display: grid;
|
|
grid-template-columns: 2fr 1fr 3fr; }
|
|
div.sheet-armorclass div.sheet-armor-cap span[data-i18n="or"] {
|
|
color: white;
|
|
font-size: 0.8em;
|
|
font-weight: bold;
|
|
height: 2em;
|
|
line-height: 0.8em;
|
|
padding-top: 20%;
|
|
position: relative;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
top: 2em;
|
|
width: 2em; }
|
|
div.sheet-armorclass div.sheet-unarmored-grid {
|
|
grid-column: 1 / -1;
|
|
grid-row: 2;
|
|
grid-template-columns: 2fr 2fr 2fr 2fr;
|
|
text-align: center; }
|
|
div.sheet-armorclass div.sheet-shield-grid {
|
|
display: grid;
|
|
grid-template-columns: 2fr 1fr 1fr 1.5fr 1fr 3fr;
|
|
text-align: center;
|
|
grid-column-gap: 1%; }
|
|
div.sheet-armorclass div.sheet-shield-grid div.sheet-settings {
|
|
grid-template-columns: 1fr 1fr 1fr 1fr 2fr;
|
|
grid-column: 1 / 7; }
|
|
div.sheet-armorclass div.sheet-shield-hp {
|
|
display: grid;
|
|
grid-template-columns: 2fr 1fr 2fr; }
|
|
div.sheet-armorclass div.sheet-shield-hp label + span {
|
|
color: #5b1110;
|
|
font-size: 2em; }
|
|
div.sheet-armorclass div.sheet-shield-hp label[data-i18n-title="shield_hp"] {
|
|
border-right: none; }
|
|
div.sheet-armorclass div.sheet-shield-hp label[data-i18n-title="shield_hp_max"] {
|
|
border-left: none; }
|
|
div.sheet-armorclass div.sheet-circle {
|
|
border: 0.2em solid #5b1110;
|
|
border-radius: 5em;
|
|
grid-column: 1;
|
|
height: 5em;
|
|
width: 5em; }
|
|
div.sheet-armorclass div.sheet-circle span:first-child {
|
|
color: white;
|
|
font-weight: bold;
|
|
text-transform: capitalize; }
|
|
|
|
/* Saving Throws */
|
|
div.sheet-savingthrows {
|
|
padding-bottom: 1%;
|
|
text-align: center; }
|
|
div.sheet-savingthrows div > button[type="roll"] {
|
|
font-size: 1em;
|
|
margin: 0.4em 0;
|
|
width: 100%; }
|
|
div.sheet-savingthrows div.sheet-display {
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
grid-column-gap: 3.5%;
|
|
padding: 0% 2%;
|
|
width: 100%; }
|
|
div.sheet-savingthrows div.sheet-display div.sheet-circle {
|
|
font-size: 1.7em;
|
|
font-weight: bold;
|
|
height: 2.5em;
|
|
padding: 5% 3%;
|
|
width: 2.5em;
|
|
white-space: nowrap;
|
|
text-align: center; }
|
|
div.sheet-savingthrows div.sheet-display div.sheet-circle span {
|
|
font-size: 0.9em; }
|
|
div.sheet-savingthrows div.sheet-display div.sheet-circle span.sheet-proficiency {
|
|
font-size: 0.75em; }
|
|
div.sheet-savingthrows div.sheet-settings {
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
grid-column-gap: 3%;
|
|
padding: 0% 2%; }
|
|
div.sheet-savingthrows div.sheet-settings div.sheet-grid {
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-row-gap: 2%; }
|
|
|
|
/* Hit Points */
|
|
div.sheet-hitpoints hr {
|
|
margin: 3% 0%; }
|
|
|
|
div.sheet-hitpoints div.sheet-circle {
|
|
grid-row: 1 / 3;
|
|
height: 5em;
|
|
width: 5em; }
|
|
|
|
div.sheet-hitpoints div.sheet-display {
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
margin-top: 1%; }
|
|
|
|
div.sheet-hitpoints div.sheet-settings {
|
|
grid-template-columns: 2fr 1fr 1fr 1fr;
|
|
padding-bottom: 0em; }
|
|
div.sheet-hitpoints div.sheet-settings input[name="attr_hit_points_ancestry"] {
|
|
height: 3em;
|
|
text-align: center; }
|
|
div.sheet-hitpoints div.sheet-settings label[title*="ancestry"] {
|
|
grid-column: 1 / 2;
|
|
width: 100%; }
|
|
|
|
/* Resistance, Conditions, Senses, Languages repeating sections */
|
|
div.sheet-languages button[type="roll"], div.sheet-senses button[type="roll"], div.sheet-resistance button[type="roll"], div.sheet-conditions button[type="roll"] {
|
|
z-index: 5; }
|
|
|
|
div.sheet-repeating {
|
|
background: white;
|
|
color: black;
|
|
margin: 5px 0; }
|
|
div.sheet-repeating textarea {
|
|
min-height: 10em; }
|
|
div.sheet-repeating .repitem {
|
|
background-color: white;
|
|
border-bottom: 1px solid gray; }
|
|
div.sheet-repeating .repitem:nth-child(even) {
|
|
background: #f2f2f2; }
|
|
div.sheet-repeating .sheet-settings.sheet-repeating-grid {
|
|
margin-top: 25px !important; }
|
|
|
|
div.sheet-repeating-grid {
|
|
grid-column-gap: 2px;
|
|
grid-template-columns: 1fr 1.75em;
|
|
align-items: center;
|
|
margin-bottom: -15px; }
|
|
div.sheet-repeating-grid button[type="roll"] {
|
|
padding: 1px;
|
|
box-shadow: unset;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
font-size: 11pt;
|
|
text-align: left;
|
|
text-transform: unset;
|
|
background-color: #002766; }
|
|
div.sheet-repeating-grid button[type="roll"]:hover {
|
|
background: #0044b3; }
|
|
div.sheet-repeating-grid input {
|
|
text-align: left; }
|
|
div.sheet-repeating-grid span.sheet-collapse {
|
|
grid-column: 1 / -1; }
|
|
div.sheet-repeating-grid span.sheet-repeating-title {
|
|
overflow-x: none;
|
|
text-overflow: ellipsis;
|
|
padding-left: 10px;
|
|
font-variant: small-caps; }
|
|
|
|
div.sheet-display button[name="act_collapse"],
|
|
div.sheet-repeating-grid-display button[name="act_collapse"],
|
|
div.sheet-inv-display-grid button[name="act_collapse"],
|
|
div.sheet-repeating-grid button[name*="collapse"] {
|
|
font-family: "Pictos";
|
|
background: transparent;
|
|
color: black;
|
|
width: 1.5em;
|
|
line-height: 1em;
|
|
font-size: 1em;
|
|
text-transform: unset;
|
|
box-shadow: unset;
|
|
border: unset; }
|
|
|
|
div.sheet-display button[name="act_collapse"],
|
|
div.sheet-inv-display-grid button[name="act_collapse"],
|
|
div.sheet-repeating-grid-display button[name="act_collapse"],
|
|
div.sheet-repeating button[name*="collapse"] {
|
|
transform: rotate(90deg); }
|
|
|
|
input.sheet-toggles[value*="collapse"] ~ div.sheet-display button[name="act_collapse"],
|
|
input.sheet-toggles[value*="collapse"] ~ div.sheet-inv-display-grid button[name="act_collapse"],
|
|
input.sheet-toggles[value*="collapse"] ~ div.sheet-repeating-grid-display button[name="act_collapse"],
|
|
input.sheet-toggles[value*="collapse"] ~ div.sheet-repeating-grid button[name="act_collapse"] {
|
|
transform: rotate(-90deg); }
|
|
|
|
div.sheet-repeating-grid-display button[name="act_collapse"] {
|
|
color: black; }
|
|
div.sheet-repeating-grid-display button[name="act_collapse"]:hover {
|
|
color: #0044b3; }
|
|
|
|
div.sheet-inv-display-grid span.sheet-collapse,
|
|
div.sheet-repeating-grid span.sheet-collapse {
|
|
font-size: 10pt;
|
|
border-color: #5b1110;
|
|
font-size: 7pt; }
|
|
|
|
/* Perception */
|
|
div.sheet-perception {
|
|
padding: 1% 1% 2% 1%; }
|
|
div.sheet-perception div.sheet-circle {
|
|
color: white;
|
|
font-size: 1.4em;
|
|
font-weight: bold;
|
|
height: 3em;
|
|
padding: 15% 0px;
|
|
width: 3em; }
|
|
div.sheet-perception div.sheet-display {
|
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
|
|
margin: 1% 1px; }
|
|
div.sheet-perception div.sheet-button-grid {
|
|
grid-template-columns: 1fr 1fr 1fr; }
|
|
div.sheet-perception div.sheet-button-grid button[type="roll"] {
|
|
font-size: 0.8em;
|
|
max-width: 100%; }
|
|
div.sheet-perception div.sheet-settings {
|
|
grid-template-columns: 1fr 1fr 1fr 1fr; }
|
|
div.sheet-perception div.sheet-settings input[type="text"] {
|
|
text-align: center; }
|
|
div.sheet-perception div.sheet-senses div.sheet-settings input[type="text"] {
|
|
text-align: left; }
|
|
|
|
/* Melee & Ranged Strikes */
|
|
div.sheet-strikes h2 {
|
|
line-height: 2em; }
|
|
div.sheet-strikes h2[data-i18n="notes"] {
|
|
margin-top: 5%; }
|
|
|
|
h1 + div.sheet-strikes {
|
|
margin-bottom: 2px;
|
|
padding-top: 1%; }
|
|
|
|
div.sheet-strikes span.sheet-collapse {
|
|
color: white;
|
|
padding-left: 5px;
|
|
grid-column: 1 / -1;
|
|
margin: 5px; }
|
|
|
|
div.sheet-strikes span.sheet-sublabel {
|
|
font-size: 0.8em;
|
|
line-height: 1em;
|
|
padding: 3px; }
|
|
|
|
div.sheet-strikes span[data-i18n="weapon"] {
|
|
grid-area: 1 / 1 / 1 / 4; }
|
|
|
|
div.sheet-strikes span[data-i18n="atk"] {
|
|
grid-area: 3 / 1 / 3 / 1; }
|
|
|
|
div.sheet-strikes span[data-i18n="damage"] {
|
|
grid-area: 3 / 2 / 3 / 4; }
|
|
|
|
div.sheet-strikes button.sheet-display-weapon {
|
|
grid-area: 2 / 1 / 2 / 4; }
|
|
|
|
div.sheet-strikes button.sheet-display-attack {
|
|
grid-row: 4; }
|
|
|
|
div.sheet-strikes button.sheet-display-damage {
|
|
grid-column: 2 / 4; }
|
|
|
|
div.sheet-strikes button.sheet-settings-button {
|
|
grid-area: 1 / 1 / 1 / 1; }
|
|
|
|
div.sheet-strikes button[type="roll"] {
|
|
min-height: 2em;
|
|
font-size: 0.8em;
|
|
max-width: 100%; }
|
|
div.sheet-strikes button[type="roll"]:first-of-type {
|
|
grid-column: 1 / 3;
|
|
font-weight: bold;
|
|
font-size: 1.2em;
|
|
margin-top: 5px; }
|
|
div.sheet-strikes button[type="roll"]:not(:first-of-type) {
|
|
background-color: #002766;
|
|
font-weight: normal; }
|
|
div.sheet-strikes button[type="roll"]:not(:first-of-type):hover {
|
|
background: #0044b3; }
|
|
|
|
div.sheet-strikes button[name="act_collapse"] {
|
|
color: white;
|
|
grid-area: 1 / 3 / 1 / 3; }
|
|
|
|
div.sheet-strikes div.sheet-display {
|
|
grid-row-gap: 3%;
|
|
margin-top: 1%;
|
|
grid-template-columns: 1fr 1fr 1.5em; }
|
|
|
|
div.sheet-strikes div.sheet-settings label.sheet-sublabel input,
|
|
div.sheet-strikes div.sheet-settings div.sheet-ability-select input,
|
|
div.sheet-strikes div.sheet-settings input[name="attr_damage_weapon_specialization"],
|
|
div.sheet-strikes div.sheet-settings input[name="attr_damage_other"] {
|
|
text-align: center; }
|
|
|
|
div.sheet-strikes div.sheet-settings span.sheet-sublabel {
|
|
font-size: 0.6em; }
|
|
|
|
div.sheet-strikes div.sheet-settings div.sheet-strikes-grid {
|
|
grid-template-columns: 1fr 0.5fr 1fr 1fr 1fr 1fr; }
|
|
div.sheet-strikes div.sheet-settings div.sheet-strikes-grid h2,
|
|
div.sheet-strikes div.sheet-settings div.sheet-strikes-grid label[data-i18n-title*="weapon_name"],
|
|
div.sheet-strikes div.sheet-settings div.sheet-strikes-grid label[data-i18n-title*="weapon_traits"] {
|
|
grid-column: 1 / -1;
|
|
margin-bottom: 5px; }
|
|
|
|
div.sheet-strikes div.sheet-settings div.sheet-damage-grid {
|
|
grid-template-columns: 1fr 1fr 0.25fr 1.5fr 0.25fr 0.25fr 0.25fr;
|
|
grid-row-gap: 2%; }
|
|
div.sheet-strikes div.sheet-settings div.sheet-damage-grid h2,
|
|
div.sheet-strikes div.sheet-settings div.sheet-damage-grid label[data-i18n-title*="damage_supplementary_effects"],
|
|
div.sheet-strikes div.sheet-settings div.sheet-damage-grid label[data-i18n-title*="attack_damage_additional"] {
|
|
grid-column: 1 / -1; }
|
|
div.sheet-strikes div.sheet-settings div.sheet-damage-grid label[data-i18n-title*="weapon_specialization_damage"] {
|
|
grid-column: 1 / 3; }
|
|
div.sheet-strikes div.sheet-settings div.sheet-damage-grid label[data-i18n-title*="weapon_temporary_damage"] {
|
|
grid-column: 3 / 5; }
|
|
div.sheet-strikes div.sheet-settings div.sheet-damage-grid label[data-i18n-title*="weapon_other_damage"] {
|
|
grid-column: 5 / -1; }
|
|
div.sheet-strikes div.sheet-settings div.sheet-damage-grid label[data-i18n-title*="bludgeoning_damage"], div.sheet-strikes div.sheet-settings div.sheet-damage-grid label[data-i18n-title*="piercing_damage"], div.sheet-strikes div.sheet-settings div.sheet-damage-grid label[data-i18n-title*="slashing_damage"] {
|
|
font-size: 8pt;
|
|
text-align: center;
|
|
height: 1em; }
|
|
|
|
div.sheet-strikes .repcontainer .repitem:nth-child(even) {
|
|
background: rgba(255, 255, 255, 0.1); }
|
|
|
|
div.sheet-strikes div.sheet-circle {
|
|
color: white;
|
|
font-size: 1.4em;
|
|
font-weight: bold;
|
|
height: 2.5em;
|
|
padding: 10% 0px;
|
|
width: 2.5em; }
|
|
div.sheet-strikes div.sheet-circle label span {
|
|
margin-top: 0 !important;
|
|
line-height: 1.5em; }
|
|
|
|
button.sheet-pictos + div.sheet-grid {
|
|
margin-bottom: -20px; }
|
|
|
|
span.sheet-collapse {
|
|
grid-area: 5 / 1 / 5 / 3; }
|
|
|
|
/* Weapon Proficiencies */
|
|
div.sheet-weapon-proficiences-grid {
|
|
grid-template-columns: 1fr 1fr; }
|
|
|
|
div.sheet-weapon-proficiences-grid h2,
|
|
div.sheet-repeating-weapon-proficiences-grid h2 {
|
|
grid-row: 1;
|
|
padding-left: 3%; }
|
|
|
|
div.sheet-weapon-proficiences-grid label,
|
|
div.sheet-repeating-weapon-proficiences-grid label {
|
|
grid-row: 2; }
|
|
|
|
div.sheet-repeating-weapon-proficiences-grid label[data-i18n="other"],
|
|
div.sheet-weapon-proficiences-grid h2[data-i18n="simple"],
|
|
div.sheet-weapon-proficiences-grid label[data-i18n-title="simple_weapon_proficiencies_rank"],
|
|
div.sheet-repeating-weapon-proficiences-grid label[data-i18n-title="other_weapon_proficiencies_name"] {
|
|
grid-column: 1; }
|
|
|
|
div.sheet-weapon-proficiences-grid h2[data-i18n="martial"],
|
|
div.sheet-weapon-proficiences-grid label[data-i18n-title="martial_weapon_proficiencies_rank"],
|
|
div.sheet-repeating-weapon-proficiences-grid label[data-i18n-title="other_weapon_proficiencies_rank"] {
|
|
grid-column: 2; }
|
|
|
|
div.sheet-repeating-weapon-proficiences-grid {
|
|
grid-template-columns: 2.5fr 1fr; }
|
|
div.sheet-repeating-weapon-proficiences-grid input[name="attr_weapon_proficiencies_other"] {
|
|
padding-left: 2%; }
|
|
|
|
/* SKILLS */
|
|
div.sheet-skills h2 {
|
|
line-height: 1.5em;
|
|
font-size: 1.5em;
|
|
text-align: center;
|
|
font-family: serif; }
|
|
|
|
div.sheet-skills div.sheet-display {
|
|
align-items: center;
|
|
grid-template-columns: 7.5em 2fr 0.5fr 2fr 2fr 2fr 2fr 2fr;
|
|
justify-items: left;
|
|
margin: 2px;
|
|
padding: 0;
|
|
width: calc(100% - 4px); }
|
|
div.sheet-skills div.sheet-display button[name*="act_toggle"], div.sheet-skills div.sheet-display button[type="roll"] {
|
|
grid-column: 1; }
|
|
div.sheet-skills div.sheet-display button[type="roll"] {
|
|
font-size: 0.75em;
|
|
font-weight: bold;
|
|
letter-spacing: 0.1em;
|
|
overflow: hidden;
|
|
width: 95%; }
|
|
div.sheet-skills div.sheet-display button[name*="act_toggle"] {
|
|
position: absolute; }
|
|
div.sheet-skills div.sheet-display button[name="roll_LORE"] {
|
|
min-height: 2.4em; }
|
|
div.sheet-skills div.sheet-display div.sheet-circle {
|
|
font-size: 1em;
|
|
height: 2.5em;
|
|
white-space: nowrap;
|
|
width: 2.5em;
|
|
line-height: 2.5em;
|
|
padding: 0; }
|
|
div.sheet-skills div.sheet-display span.sheet-symbol {
|
|
top: unset; }
|
|
|
|
div.sheet-skills div.sheet-settings {
|
|
grid-row-gap: 5px;
|
|
grid-template-columns: repeat(5, 1fr); }
|
|
|
|
div.sheet-skills div.sheet-ability-select select {
|
|
font-size: 0.7em; }
|
|
|
|
/* ************************* */
|
|
/* ******* DETAILS tab ***** */
|
|
/* ************************* */
|
|
div.sheet-details {
|
|
grid-column-gap: 1%;
|
|
grid-row-gap: 0.5%;
|
|
grid-template-columns: 1fr 1fr;
|
|
padding: 0 5px; }
|
|
div.sheet-details div.sheet-column {
|
|
display: inline-block; }
|
|
div.sheet-details div.sheet-column:nth-of-type(1) {
|
|
grid-column: 1 / 3; }
|
|
div.sheet-details div.sheet-column:nth-of-type(1) > div {
|
|
margin-bottom: 5px; }
|
|
div.sheet-details div.sheet-column input,
|
|
div.sheet-details div.sheet-column textarea {
|
|
font-size: 10pt;
|
|
padding: 2px; }
|
|
div.sheet-details label[data-i18n-title="appearance"] {
|
|
grid-column: 1 / -1; }
|
|
div.sheet-details div.sheet-characteristics {
|
|
display: grid;
|
|
grid-area: 1 / 1 / 1 / -1;
|
|
grid-column-gap: 5px;
|
|
grid-template-columns: 1fr 1fr 1fr 0.5fr 1fr 0.5fr 0.5fr; }
|
|
div.sheet-details div.sheet-personality {
|
|
grid-column: 1 / -1; }
|
|
div.sheet-details div.sheet-personality h1 {
|
|
grid-column: 1 / -1; }
|
|
div.sheet-details div.sheet-personality div.sheet-section-pad label {
|
|
margin-bottom: 5px; }
|
|
div.sheet-details div.sheet-notes {
|
|
grid-area: 3 / 1 / 3 / -1;
|
|
position: relative; }
|
|
div.sheet-details div.sheet-notes button.sheet-settings-button {
|
|
font-size: 8pt;
|
|
left: 9px;
|
|
position: absolute;
|
|
top: 9px; }
|
|
div.sheet-details div.sheet-notes .sheet-settings:before {
|
|
display: none; }
|
|
div.sheet-details div.sheet-notes textarea {
|
|
grid-column: 1;
|
|
height: 110px;
|
|
margin-bottom: 0; }
|
|
div.sheet-details div.sheet-notes textarea:first-child {
|
|
grid-area: 1 / 1 / 4 / 1;
|
|
height: 100%; }
|
|
|
|
/* ************************* */
|
|
/* ******* FEATS tab ******* */
|
|
/* ************************* */
|
|
div.sheet-feats {
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-column-gap: 1%;
|
|
padding: 0em 0.5%;
|
|
/* Ancestry & Class feats have 3 input */ }
|
|
div.sheet-feats-border {
|
|
border-radius: 0px;
|
|
color: black; }
|
|
div.sheet-feats button[type="roll"] {
|
|
min-height: 1.45em;
|
|
text-align: left; }
|
|
div.sheet-feats label[title*="type"] > input[type="text"]::placeholder,
|
|
div.sheet-feats label[title*="level"] > input[type="text"]::placeholder {
|
|
text-transform: uppercase;
|
|
text-align: right; }
|
|
div.sheet-feats div.sheet-column {
|
|
display: inline-block; }
|
|
div.sheet-feats div.sheet-column > div {
|
|
margin-bottom: 1%; }
|
|
div.sheet-feats div.repitem {
|
|
background-color: white;
|
|
border-bottom: 1px solid gray; }
|
|
div.sheet-feats div.repitem:nth-child(even) {
|
|
background-color: #f2f2f2; }
|
|
div.sheet-feats-class-grid {
|
|
grid-row: 1 / 3; }
|
|
|
|
/* FEATS DISPLAY GRID */
|
|
div.sheet-repeating-grid-display {
|
|
color: black;
|
|
grid-column-gap: 1%;
|
|
grid-template-columns: 1fr 10fr 4fr 2fr 1fr;
|
|
margin: 0;
|
|
width: 100%;
|
|
padding: 5px; }
|
|
div.sheet-repeating-grid-display button[name="act_collapse"] {
|
|
height: 1.5em;
|
|
width: 1.5em;
|
|
opacity: 1; }
|
|
div.sheet-repeating-grid-display span[name="attr_feat_class"],
|
|
div.sheet-repeating-grid-display span[name="attr_feat_bonus"],
|
|
div.sheet-repeating-grid-display span[name="attr_feat_general"],
|
|
div.sheet-repeating-grid-display span[name="attr_feat_ancestry"],
|
|
div.sheet-repeating-grid-display span[name="attr_feat_class"] {
|
|
grid-column: 2;
|
|
height: 1.5em;
|
|
font-variant: small-caps;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap; }
|
|
div.sheet-repeating-grid-display span[name="attr_feat_skill"],
|
|
div.sheet-repeating-grid-display span[name="attr_feat_general"] {
|
|
grid-column: 2 / 4; }
|
|
div.sheet-repeating-grid-display span[name*="type"],
|
|
div.sheet-repeating-grid-display span[name*="level"] {
|
|
text-align: right; }
|
|
div.sheet-repeating-grid-display span[name="attr_feat_bonus"] {
|
|
grid-column: 2 / 5; }
|
|
div.sheet-repeating-grid-display .sheet-collapse {
|
|
font-size: 9pt;
|
|
border-color: #5b1110;
|
|
grid-column: 1 / -1; }
|
|
|
|
/* FEATS SETTINGS GRID */
|
|
div.sheet-feats-repeating-grid {
|
|
grid-template-columns: 10fr 4fr 2fr;
|
|
padding-top: 0%; }
|
|
div.sheet-feats-repeating-grid input[data-i18n-title*="type"],
|
|
div.sheet-feats-repeating-grid input[data-i18n-title*="level"] {
|
|
text-align: right; }
|
|
div.sheet-feats-repeating-grid label[data-i18n-title*="description"],
|
|
div.sheet-feats-repeating-grid label[data-i18n-title="bonus_feat"] {
|
|
grid-column: 1 / 4; }
|
|
div.sheet-feats-repeating-grid span[name="attr_feat_ancestry_type"],
|
|
div.sheet-feats-repeating-grid span[name="attr_feat_ancestry_level"] {
|
|
font-weight: bold; }
|
|
div.sheet-feats-repeating-grid label[data-i18n-title="skill_feat"],
|
|
div.sheet-feats-repeating-grid label[data-i18n-title="general_feat"] {
|
|
grid-column: 1 / 3; }
|
|
|
|
div.sheet-feats-ancestry-grid button[type="roll"],
|
|
div.sheet-feats-class-grid button[type="roll"] {
|
|
grid-column: 1 / 3; }
|
|
|
|
div.sheet-feats-skill-grid button[type="roll"],
|
|
div.sheet-feats-general-grid button[type="roll"] {
|
|
grid-column: 1 / 4; }
|
|
|
|
div.sheet-feats-bonus-grid button[type="roll"] {
|
|
grid-column: 1 / 5; }
|
|
|
|
/* ************************* */
|
|
/* ***** Inventory tab ***** */
|
|
/* ************************* */
|
|
/* Inventory */
|
|
div.sheet-inventory {
|
|
padding: 0em 0.5%;
|
|
/* Bulk */ }
|
|
div.sheet-inventory button[type="roll"] {
|
|
min-height: 1.4em;
|
|
text-align: left; }
|
|
div.sheet-inventory h1 {
|
|
grid-column: 1 / -1;
|
|
display: inline-block; }
|
|
div.sheet-inventory div.sheet-bulk-circle {
|
|
height: 5em;
|
|
margin: auto;
|
|
width: 5em; }
|
|
div.sheet-inventory div.sheet-inv-top-row {
|
|
grid-column: 1 / -1;
|
|
grid-template-columns: 1fr 2.5fr 2.5fr 1fr 1fr 1fr 1fr;
|
|
margin: 1%;
|
|
width: 100%; }
|
|
div.sheet-inventory div.sheet-column,
|
|
div.sheet-inventory div.sheet-inv-half-col {
|
|
background-color: white; }
|
|
div.sheet-inventory div.sheet-column {
|
|
margin-bottom: 2%;
|
|
width: 49.78%; }
|
|
div.sheet-inventory span.sheet-inv-bulk {
|
|
color: black; }
|
|
div.sheet-inventory div.sheet-settings label span {
|
|
font-size: 0.7em; }
|
|
|
|
/* Encumbered Base & Maximum Base */
|
|
div.sheet-encumbered {
|
|
color: white;
|
|
background-color: #5b1110;
|
|
grid-template-columns: 1.5fr 3fr 4fr 1fr 1fr;
|
|
align-items: center;
|
|
padding: 5px;
|
|
border-radius: 15px; }
|
|
div.sheet-encumbered h2 {
|
|
color: white;
|
|
font-size: 1em;
|
|
grid-column: 1 / 5;
|
|
grid-row: 1;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
line-height: 2em; }
|
|
div.sheet-encumbered div.sheet-circle {
|
|
height: 2.5em;
|
|
width: 2.5em;
|
|
padding: 10% 1%;
|
|
font-weight: bold;
|
|
font-size: 1.5em; }
|
|
div.sheet-encumbered span.sheet-center {
|
|
font-size: 1.5em; }
|
|
div.sheet-encumbered div.sheet-dcbase {
|
|
align-items: center;
|
|
font-size: 1em;
|
|
text-transform: capitalize; }
|
|
div.sheet-encumbered span[name*="base"] {
|
|
height: 1.5em;
|
|
margin: auto;
|
|
width: 1.5em; }
|
|
div.sheet-encumbered label[data-i18n-title="strength_modifier_display"] {
|
|
text-align: center;
|
|
font-size: 8pt;
|
|
padding: 0px 10%; }
|
|
div.sheet-encumbered label[data-i18n-title="strength_modifier_display"] span {
|
|
display: block; }
|
|
div.sheet-encumbered label[data-i18n-title="strength_modifier_display"] span:last-child {
|
|
background-color: #7d3a2a;
|
|
font-weight: bold; }
|
|
div.sheet-encumbered label[data-i18n-title="strength_modifier_display"] span.sheet-title {
|
|
line-height: 1em; }
|
|
div.sheet-encumbered label[data-i18n-title="strength_modifier_display"] span.sheet-value {
|
|
background-color: #7d3a2a;
|
|
font-size: 1.5em;
|
|
line-height: 1.4em;
|
|
margin-top: 5%;
|
|
width: 100%; }
|
|
|
|
/* Coins circles section */
|
|
div.sheet-coins {
|
|
position: relative; }
|
|
div.sheet-coins h2 {
|
|
position: absolute;
|
|
left: calc(50% - 20px);
|
|
top: 35px;
|
|
background-color: #5b1110;
|
|
border-bottom-left-radius: 40%;
|
|
border-bottom-right-radius: 40%;
|
|
color: white;
|
|
padding-top: 5px;
|
|
height: 35px;
|
|
width: 40px;
|
|
margin: auto;
|
|
text-align: center;
|
|
text-transform: uppercase; }
|
|
div.sheet-coins input[type="text"].sheet-circle, div.sheet-coins div.sheet-circle[type="text"] {
|
|
position: absolute;
|
|
left: calc(50% - 1.5em);
|
|
background-color: white;
|
|
border: 3px solid #5b1110;
|
|
border-radius: 50%;
|
|
font-weight: bold;
|
|
height: 3em;
|
|
text-align: center;
|
|
width: 3em;
|
|
font-size: 12pt;
|
|
z-index: 1; }
|
|
|
|
/* Sheet display grid */
|
|
div.sheet-inv-display-grid {
|
|
grid-template-columns: 4fr 1.5fr 0.5fr 1fr 0.5fr;
|
|
padding: 0.25em 0em; }
|
|
div.sheet-inv-display-grid:first-child {
|
|
background: #002766;
|
|
color: white;
|
|
padding: 0.5em;
|
|
font-size: 7pt;
|
|
align-items: center; }
|
|
div.sheet-inv-display-grid button[type="roll"] {
|
|
grid-column: 1 / 3; }
|
|
div.sheet-inv-display-grid h2 {
|
|
line-height: 1.5em;
|
|
text-align: center; }
|
|
div.sheet-inv-display-grid h2[data-i18n="readied_items"], div.sheet-inv-display-grid h2[data-i18n="other_items"] {
|
|
grid-column: 1 / 3; }
|
|
div.sheet-inv-display-grid input[name*="quantity"] {
|
|
margin-left: 15%; }
|
|
div.sheet-inv-display-grid:first-child h2:first-child {
|
|
font-family: serif;
|
|
font-size: 12pt;
|
|
font-weight: bold;
|
|
text-align: left; }
|
|
div.sheet-inv-display-grid label.sheet-inv-notes {
|
|
grid-column: 1 / -1; }
|
|
div.sheet-inv-display-grid span.sheet-inv-name {
|
|
text-align: left;
|
|
font-variant: small-caps; }
|
|
div.sheet-inv-display-grid span.sheet-inv-notes {
|
|
font-size: 9pt;
|
|
text-align: left;
|
|
grid-column: 1 / -1; }
|
|
div.sheet-inv-display-grid.sheet-display-grid-other span.sheet-inv-name {
|
|
grid-column: 1 / 3; }
|
|
|
|
/* Inventory columns of Readied Items and Other Items */
|
|
div.sheet-worn-items {
|
|
min-height: 162px; }
|
|
div.sheet-worn-items button[type="roll"] {
|
|
grid-column: 1 / 2; }
|
|
|
|
div.sheet-item-repeating-grid {
|
|
grid-template-columns: 4fr 1.5fr 1fr 0.5fr; }
|
|
div.sheet-item-repeating-grid label.sheet-inv-name,
|
|
div.sheet-item-repeating-grid label.sheet-inv-invest,
|
|
div.sheet-item-repeating-grid label.sheet-inv-bulk {
|
|
grid-row: 1; }
|
|
div.sheet-item-repeating-grid label.sheet-inv-name input {
|
|
padding-left: 1%; }
|
|
div.sheet-item-repeating-grid label.sheet-inv-notes {
|
|
grid-area: 2 / 1 / 2 / 5; }
|
|
|
|
div.sheet-inv-half-col div.sheet-settings label.sheet-inv-name {
|
|
grid-column: 1 / 3; }
|
|
|
|
div.sheet-inv-half-col div.sheet-settings label.sheet-inv-bulk {
|
|
grid-column: 3; }
|
|
|
|
/* ************************* */
|
|
/* ******** Spells tab ***** */
|
|
/* ************************* */
|
|
/* Spells */
|
|
div.sheet-spells {
|
|
padding: 5px;
|
|
grid-template-columns: 1fr 2fr;
|
|
grid-column-gap: 5px; }
|
|
div.sheet-spells * {
|
|
min-width: 0; }
|
|
div.sheet-spells button[type="roll"] {
|
|
min-height: 1.45em; }
|
|
div.sheet-spells div.sheet-circle {
|
|
height: 2.5em;
|
|
width: 2.5em;
|
|
font-size: 2em;
|
|
padding: 15% 1%; }
|
|
|
|
/* SPELL ATTACK & SPELL DC sections */
|
|
div.sheet-spellattack,
|
|
div.sheet-spelldc,
|
|
div.sheet-spellslots,
|
|
div.sheet-spellsectiontoggles {
|
|
margin-bottom: 2%; }
|
|
|
|
div.sheet-spellattack-grid {
|
|
grid-template-columns: 1fr 0.25fr 1fr 1fr 1fr;
|
|
align-items: center;
|
|
margin: 1% 0%; }
|
|
div.sheet-spellattack-grid label[data-i18n-title*="notes"] {
|
|
grid-column: 1 / -1;
|
|
grid-row: 2; }
|
|
|
|
div.sheet-spellattack-grid span.sheet-display,
|
|
div.sheet-spelldc-grid span.sheet-display {
|
|
height: 2.5em;
|
|
line-height: 2.25em;
|
|
width: 2.5em; }
|
|
|
|
div.sheet-spellattack-grid button[name="act_toggle_spell_attack"],
|
|
div.sheet-spellattack-grid span.sheet-display,
|
|
div.sheet-spelldc-grid button[name="act_toggle_spell_attack"],
|
|
div.sheet-spelldc-grid span.sheet-display {
|
|
grid-column: 1; }
|
|
|
|
div.sheet-spellattack-grid.sheet-settings,
|
|
div.sheet-spelldc-grid.sheet-settings {
|
|
grid-template-columns: 1fr 1fr 1fr; }
|
|
|
|
div.sheet-spellattack-grid .sheet-darkred,
|
|
div.sheet-spelldc-grid .sheet-darkred {
|
|
font-size: 0.8em; }
|
|
|
|
/* SPELL DC section */
|
|
div.sheet-spelldc-grid {
|
|
grid-template-columns: 1fr 0.25fr 1fr 1fr 1fr 1fr;
|
|
align-items: center;
|
|
margin: 1% 0%; }
|
|
div.sheet-spelldc-grid div.sheet-ability-select,
|
|
div.sheet-spelldc-grid label[data-i18n-title*="rank"] {
|
|
grid-row: 1; }
|
|
div.sheet-spelldc-grid label[data-i18n-title*="notes"] {
|
|
grid-area: 2 / 1 / 2 / 6; }
|
|
div.sheet-spelldc-grid span.sheet-spelldc-base {
|
|
font-size: 0.6em; }
|
|
|
|
/* MAGIC TRADITION sections */
|
|
div.sheet-magic-tradition-grid {
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-gap: 0.4em 0.6em;
|
|
padding: 0.5em; }
|
|
div.sheet-magic-tradition-grid label {
|
|
text-align: center;
|
|
font-size: 1em; }
|
|
div.sheet-magic-tradition-grid label.sheet-sublabel {
|
|
display: grid;
|
|
grid-template-columns: 3fr 1fr;
|
|
grid-gap: 0; }
|
|
div.sheet-magic-tradition-grid select.sheet-simple {
|
|
grid-column: 1 / -1; }
|
|
div.sheet-magic-tradition-grid span.sheet-darkred-half-left {
|
|
border-top-right-radius: 0; }
|
|
div.sheet-magic-tradition-grid span.sheet-sublabel.sheet-darkred-half-right {
|
|
border-top-left-radius: 0;
|
|
background-color: #a72c2a;
|
|
font-weight: bold; }
|
|
div.sheet-magic-tradition-grid span.sheet-darkred-half-right:before {
|
|
content: "("; }
|
|
div.sheet-magic-tradition-grid span.sheet-darkred-half-right:after {
|
|
content: ")"; }
|
|
|
|
/* SPELL SLOTS */
|
|
div.sheet-spellslots label.sheet-spellslots-row {
|
|
display: grid;
|
|
grid-template-columns: 2fr 1fr 0.25fr 1fr;
|
|
grid-column-gap: 5px;
|
|
align-items: center;
|
|
justify-items: center;
|
|
font-size: 10pt;
|
|
padding: 0.1em 0.4em; }
|
|
div.sheet-spellslots label.sheet-spellslots-row > span.sheet-cantrip-level {
|
|
grid-column: 2 / -1; }
|
|
div.sheet-spellslots label.sheet-spellslots-row > span.sheet-level {
|
|
grid-column: 1 / 1; }
|
|
div.sheet-spellslots label.sheet-spellslots-row > span.sheet-slots-per-day {
|
|
grid-column: 2 / -1; }
|
|
|
|
div.sheet-spellsectiontoggles label.sheet-spellsectiontoggles-row {
|
|
display: grid;
|
|
grid-template-columns: 1fr 3fr;
|
|
grid-column-gap: 5px;
|
|
align-items: center;
|
|
justify-items: center;
|
|
font-size: 10pt;
|
|
padding: 0.3em 2em; }
|
|
|
|
div.sheet-columm > input[type="checkbox"] {
|
|
display: none; }
|
|
|
|
/* SPELLS SECTIONS */
|
|
label.sheet-daily-uses {
|
|
display: grid;
|
|
grid-template-columns: 3fr 1fr 3fr; }
|
|
label.sheet-daily-uses input {
|
|
grid-area: 2 / 3 / 2 / 3; }
|
|
label.sheet-daily-uses input[name='attr_uses'] {
|
|
grid-area: 2 / 1 / 2 / 1; }
|
|
label.sheet-daily-uses span.sheet-sublabel {
|
|
grid-area: 1 / 1 / 1 / 4; }
|
|
label.sheet-daily-uses span:nth-of-type(2) {
|
|
grid-area: 2 / 2 / 2 / 2; }
|
|
|
|
div.sheet-spells h1.sheet-label + span.sheet-sort {
|
|
position: relative;
|
|
float: right; }
|
|
div.sheet-spells h1.sheet-label + span.sheet-sort select {
|
|
position: absolute;
|
|
width: auto;
|
|
bottom: 0.8em;
|
|
right: 1em;
|
|
margin: 0;
|
|
background-color: #002766;
|
|
border: solid 1px white;
|
|
color: white;
|
|
text-transform: capitalize; }
|
|
|
|
div.sheet-spells div.sheet-spell-panel-header,
|
|
div.sheet-spells div.sheet-spell-panel-row {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-column-gap: 5px;
|
|
grid-template-columns: 3fr 0.75fr 0.5fr 1fr 0.15fr;
|
|
max-width: 100%;
|
|
padding: 0.5em 0.5em 0 0.5em; }
|
|
div.sheet-spells div.sheet-spell-panel-header > span.sheet-spellfocus-actions,
|
|
div.sheet-spells div.sheet-spell-panel-row > span.sheet-spellfocus-actions {
|
|
grid-column: 2 / 4; }
|
|
div.sheet-spells div.sheet-spell-panel-header > span.sheet-spellfocus-level,
|
|
div.sheet-spells div.sheet-spell-panel-row > span.sheet-spellfocus-level {
|
|
grid-column: 4; }
|
|
|
|
div.sheet-spells div.sheet-spell-panel-row button[name*="collapse"] {
|
|
font-family: 'Pictos';
|
|
transform: rotate(90deg);
|
|
margin-top: 3px; }
|
|
|
|
div.sheet-spells div.sheet-spell-panel-row input.sheet-toggles[value*="collapse"] ~ button[name*="collapse"] {
|
|
transform: rotate(-90deg); }
|
|
|
|
div.sheet-spells div.sheet-spell-panel-row div.sheet-collapse {
|
|
grid-column: 1 / -1; }
|
|
|
|
div.sheet-spells div.sheet-spell-panel-row input.sheet-toggles[value*="collapse"] ~ div.sheet-collapse {
|
|
display: inline-block;
|
|
height: auto; }
|
|
|
|
div.sheet-spells div.sheet-spell-panel-row > button {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis; }
|
|
div.sheet-spells div.sheet-spell-panel-row > button.sheet-pictos {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0; }
|
|
|
|
div.sheet-spells div.sheet-spell-panel-row > span {
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
font-size: 0.8em; }
|
|
|
|
div.sheet-spells div.sheet-spell-panel-row > div.sheet-collapse {
|
|
height: 0;
|
|
display: none;
|
|
transition: all 0.5s;
|
|
margin: 0.5em 0;
|
|
border-left: 5px solid #003180; }
|
|
div.sheet-spells div.sheet-spell-panel-row > div.sheet-collapse > div.sheet-spell-details-section {
|
|
margin-top: 0.2em;
|
|
padding: 0.5em;
|
|
background: rgba(0, 0, 0, 0.3); }
|
|
div.sheet-spells div.sheet-spell-panel-row > div.sheet-collapse > div.sheet-spell-details-section div.sheet-spell-details-row span.sheet-spell-detail-title {
|
|
font-weight: bold;
|
|
text-transform: uppercase; }
|
|
div.sheet-spells div.sheet-spell-panel-row > div.sheet-collapse > div.sheet-spell-details-section div.sheet-spell-details-row span.sheet-spell-detail {
|
|
margin: 0 0.4em; }
|
|
div.sheet-spells div.sheet-spell-panel-row > div.sheet-collapse > div.sheet-spell-details-section span.sheet-spell-trait {
|
|
display: inline-block;
|
|
border: solid 1px #b39f75;
|
|
padding: 0.5em;
|
|
margin-right: 0.5em;
|
|
background: #5b1110;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
max-width: 50%;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis; }
|
|
div.sheet-spells div.sheet-spell-panel-row > div.sheet-collapse > div.sheet-spell-details-section input.sheet-spell-detail-toggle-control[value=""] + .sheet-spell-detail-toggling-item,
|
|
div.sheet-spells div.sheet-spell-panel-row > div.sheet-collapse > div.sheet-spell-details-section input.sheet-spell-detail-toggle-control[value="0"] + .sheet-spell-detail-toggling-item {
|
|
display: none; }
|
|
|
|
div.sheet-spells div.sheet-spell-panel-row > div.sheet-settings {
|
|
display: grid;
|
|
grid-column: 1 / -1;
|
|
grid-gap: 5px;
|
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }
|
|
div.sheet-spells div.sheet-spell-panel-row > div.sheet-settings > * {
|
|
margin: 0; }
|
|
div.sheet-spells div.sheet-spell-panel-row > div.sheet-settings span.sheet-darkred {
|
|
font-size: 0.6em;
|
|
font-weight: bold;
|
|
padding: 0 0.4em; }
|
|
div.sheet-spells div.sheet-spell-panel-row > div.sheet-settings textarea {
|
|
height: 5em;
|
|
margin: 0; }
|
|
div.sheet-spells div.sheet-spell-panel-row > div.sheet-settings label:nth-child(3n+1) {
|
|
grid-column: 1 / 3; }
|
|
div.sheet-spells div.sheet-spell-panel-row > div.sheet-settings label:nth-child(3n+2) {
|
|
grid-column: 3 / 5; }
|
|
div.sheet-spells div.sheet-spell-panel-row > div.sheet-settings label:nth-child(3n+3) {
|
|
grid-column: 5 / -1; }
|
|
div.sheet-spells div.sheet-spell-panel-row > div.sheet-settings label.sheet-textarea {
|
|
grid-column: 1 / -1; }
|
|
div.sheet-spells div.sheet-spell-panel-row > div.sheet-settings span.sheet-bordertop {
|
|
display: flex;
|
|
flex-direction: column;
|
|
border-top: 3px solid #98503e;
|
|
grid-column: 1 / -1;
|
|
padding-top: 3px;
|
|
color: white;
|
|
font-size: 1.2em;
|
|
line-height: 1.2em; }
|
|
div.sheet-spells div.sheet-spell-panel-row > div.sheet-settings span.sheet-bordertop > span.sheet-bordertop-row {
|
|
margin: 0.3em auto;
|
|
display: flex;
|
|
align-items: center; }
|
|
div.sheet-spells div.sheet-spell-panel-row > div.sheet-settings span.sheet-bordertop > span.sheet-bordertop-row .sheet-bordertop-row-item {
|
|
text-align: center;
|
|
padding: 0 0.2em; }
|
|
div.sheet-spells div.sheet-spell-panel-row > div.sheet-settings span.sheet-bordertop > span.sheet-bordertop-row select {
|
|
width: auto; }
|
|
div.sheet-spells div.sheet-spell-panel-row > div.sheet-settings > select {
|
|
position: relative;
|
|
top: -2px;
|
|
width: 100%; }
|
|
div.sheet-spells div.sheet-spell-panel-row > div.sheet-settings select.sheet-label-select {
|
|
width: 60%;
|
|
background: inherit;
|
|
color: inherit;
|
|
border: dotted 1px gray;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
font-size: 0.97em; }
|
|
div.sheet-spells div.sheet-spell-panel-row > div.sheet-settings div.sheet-spells-savingthrow-dc {
|
|
font-size: 8pt; }
|
|
div.sheet-spells div.sheet-spell-panel-row > div.sheet-settings div.sheet-spells-savingthrow-dc input:nth-child(2) {
|
|
width: 25% !important; }
|
|
div.sheet-spells div.sheet-spell-panel-row > div.sheet-settings div.sheet-spells-savingthrow-dc select {
|
|
top: 0;
|
|
width: 18%; }
|
|
div.sheet-spells div.sheet-spell-panel-row > div.sheet-settings div.sheet-spells-savingthrow-dc select:first-of-type {
|
|
width: 27%; }
|
|
|
|
div.sheet-spells div.sheet-background-color {
|
|
margin-bottom: 0.25em; }
|
|
|
|
div.sheet-spells span.sheet-sublabel {
|
|
font-size: 0.8em;
|
|
font-weight: normal; }
|
|
|
|
div.sheet-spells div.sheet-display button[type="roll"] {
|
|
display: inline-grid;
|
|
font-size: 1em;
|
|
max-width: 59%;
|
|
width: 59%; }
|
|
div.sheet-spells div.sheet-display button[type="roll"] span {
|
|
text-overflow: ellipsis;
|
|
overflow: hidden; }
|
|
|
|
/* BEGIN 595 INNATE FOCUS SPELLS */
|
|
div.sheet-focus-points-grid {
|
|
display: grid;
|
|
grid-column-gap: 0.5%;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
padding: 0.5em; }
|
|
div.sheet-focus-points-grid h2 {
|
|
grid-column: 1;
|
|
text-align: center;
|
|
line-height: normal;
|
|
padding-top: 0.5em; }
|
|
div.sheet-focus-points-grid label.sheet-focus-pts-current, div.sheet-focus-points-grid label.sheet-focus-pts-max {
|
|
font-size: 1em;
|
|
padding: 0 1em 0 1em; }
|
|
div.sheet-focus-points-grid label.sheet-focus-pts-current {
|
|
grid-column: 2; }
|
|
div.sheet-focus-points-grid label.sheet-focus-pts-max {
|
|
grid-column: 3; }
|
|
div.sheet-focus-points-grid input[type='number'] {
|
|
width: 100%; }
|
|
|
|
/* END 595 INNATE FOCUS SPELLS */
|
|
/**********************************************************************************************************/
|
|
/********************* Show & Hide Settings ***************************/
|
|
/********************************************************************************************************/
|
|
/* Show and hide PC tabs */
|
|
input[name="attr_sheet_type"][value*="npc"] ~ div.sheet-npc,
|
|
input[name="attr_sheet_type"][value*="npc"] ~ input[name="attr_toggles"][value*="npcspellcaster"] ~ div.sheet-spells {
|
|
display: grid; }
|
|
|
|
input[name="attr_sheet_type"][value*="character"] ~ div.sheet-character {
|
|
display: grid; }
|
|
|
|
input[name="attr_sheet_type"][value*="details"] ~ div.sheet-details {
|
|
display: grid; }
|
|
|
|
input[name="attr_sheet_type"][value*="feats"] ~ div.sheet-feats {
|
|
display: grid; }
|
|
|
|
input[name="attr_sheet_type"][value*="inventory"] ~ div.sheet-inventory {
|
|
display: grid; }
|
|
|
|
input[name="attr_sheet_type"][value*="spells"] ~ div.sheet-spells {
|
|
display: grid; }
|
|
|
|
input[name="attr_sheet_type"][value*="options"] ~ div.sheet-options {
|
|
display: grid; }
|
|
|
|
/* Hide the Settings section by setting the height to 0 */
|
|
div.sheet-settings,
|
|
span.sheet-collapse {
|
|
position: relative;
|
|
z-index: 1;
|
|
overflow: hidden;
|
|
height: 0;
|
|
padding: 0;
|
|
transition: all .5s;
|
|
-webkit-transition: all .5s;
|
|
/* Safari */
|
|
border-left: 5px solid #003180;
|
|
background-color: rgba(0, 0, 0, 0.3);
|
|
color: black; }
|
|
|
|
/* Adjusts looks on a section relying on .sheet.settings for expand/collapse */
|
|
div.sheet-details div.sheet-notes div.sheet-settings {
|
|
border-left: none;
|
|
background-color: #98503e; }
|
|
|
|
div.sheet-settings::before {
|
|
display: block;
|
|
height: 0;
|
|
width: 0;
|
|
position: absolute;
|
|
z-index: -1;
|
|
left: 50%;
|
|
top: -10px;
|
|
content: "";
|
|
padding: 0;
|
|
margin: 0;
|
|
margin-left: -5px;
|
|
border: none;
|
|
border-bottom: 10px solid rgba(0, 0, 0, 0.3);
|
|
border-right: 10px solid transparent;
|
|
border-left: 10px solid transparent; }
|
|
|
|
/* Show the Settings section by adding a height if the hidden input contains the keyword */
|
|
div.sheet-repeating input.sheet-toggles[value*="settings"] ~ div.sheet-settings,
|
|
input[name="attr_toggles"][value*="perception"] ~ div.sheet-character div.sheet-column div.sheet-perception > div.sheet-settings,
|
|
input[name="attr_toggles"][value*="notes"] ~ div.sheet-details div.sheet-notes div.sheet-notes-settings,
|
|
div.sheet-feats div.sheet-repeating-details input.sheet-toggles[value*="settings"] ~ div.sheet-settings,
|
|
input.sheet-toggles[value*="settings"] ~ div.sheet-settings {
|
|
height: auto; }
|
|
|
|
input[name="attr_toggles"][value*="details"] ~ div.sheet-details {
|
|
height: auto;
|
|
display: block; }
|
|
|
|
input.sheet-toggles[value*="collapse"] ~ div.sheet-display span.sheet-collapse, input.sheet-toggles[value*="collapse"] ~ div.sheet-repeating-grid span.sheet-collapse, input.sheet-toggles[value*="collapse"] ~ div.sheet-repeating-grid-display span.sheet-collapse, input.sheet-toggles[value*="collapse"] ~ div.sheet-repeating-spell-display span.sheet-collapse, input.sheet-toggles[value*="collapse"] ~ div.sheet-inv-display-grid span.sheet-collapse, input[name="attr_toggles"][value*="charisma"] ~ div.sheet-character div.sheet-column div.sheet-ability-scores div.sheet-charisma-settings, input[name="attr_toggles"][value*="constitution"] ~ div.sheet-character div.sheet-column div.sheet-ability-scores div.sheet-constitution-settings, input[name="attr_toggles"][value*="dexterity"] ~ div.sheet-character div.sheet-column div.sheet-ability-scores div.sheet-dexterity-settings, input[name="attr_toggles"][value*="intelligence"] ~ div.sheet-character div.sheet-column div.sheet-ability-scores div.sheet-intelligence-settings, input[name="attr_toggles"][value*="strength"] ~ div.sheet-character div.sheet-column div.sheet-ability-scores div.sheet-strength-settings, input[name="attr_toggles"][value*="wisdom"] ~ div.sheet-character div.sheet-column div.sheet-ability-scores div.sheet-wisdom-settings, input[name="attr_toggles"][value*="acrobatics"] ~ div.sheet-character div.sheet-skills div.sheet-acrobatics-settings, input[name="attr_toggles"][value*="arcana"] ~ div.sheet-character div.sheet-skills div.sheet-arcana-settings, input[name="attr_toggles"][value*="athletics"] ~ div.sheet-character div.sheet-skills div.sheet-athletics-settings, input[name="attr_toggles"][value*="crafting"] ~ div.sheet-character div.sheet-skills div.sheet-crafting-settings, input[name="attr_toggles"][value*="deception"] ~ div.sheet-character div.sheet-skills div.sheet-deception-settings, input[name="attr_toggles"][value*="diplomacy"] ~ div.sheet-character div.sheet-skills div.sheet-diplomacy-settings, input[name="attr_toggles"][value*="intimidation"] ~ div.sheet-character div.sheet-skills div.sheet-intimidation-settings, input[name="attr_toggles"][value*="medicine"] ~ div.sheet-character div.sheet-skills div.sheet-medicine-settings, input[name="attr_toggles"][value*="nature"] ~ div.sheet-character div.sheet-skills div.sheet-nature-settings, input[name="attr_toggles"][value*="occultism"] ~ div.sheet-character div.sheet-skills div.sheet-occultism-settings, input[name="attr_toggles"][value*="performance"] ~ div.sheet-character div.sheet-skills div.sheet-performance-settings, input[name="attr_toggles"][value*="religion"] ~ div.sheet-character div.sheet-skills div.sheet-religion-settings, input[name="attr_toggles"][value*="society"] ~ div.sheet-character div.sheet-skills div.sheet-society-settings, input[name="attr_toggles"][value*="stealth"] ~ div.sheet-character div.sheet-skills div.sheet-stealth-settings, input[name="attr_toggles"][value*="survival"] ~ div.sheet-character div.sheet-skills div.sheet-survival-settings, input[name="attr_toggles"][value*="thievery"] ~ div.sheet-character div.sheet-skills div.sheet-thievery-settings,
|
|
input[name="attr_toggles"][value*="class_dc"] ~ div.sheet-character div.sheet-classdc div.sheet-settings,
|
|
input[name="attr_toggles"][value*="shield"] ~ div.sheet-character div.sheet-armorclass div.sheet-shield-grid div.sheet-settings,
|
|
input[name="attr_toggles"][value*="armor_class"] ~ div.sheet-character div.sheet-armorclass div.sheet-armorclass-main div.sheet-settings,
|
|
input[name="attr_toggles"][value*="hitpoints"] ~ div.sheet-character div.sheet-hitpoints div.sheet-settings,
|
|
input[name="attr_toggles"][value*="spell_attack"] ~ div.sheet-spells div.sheet-column div.sheet-spellattack div.sheet-settings,
|
|
input[name="attr_toggles"][value*="spell_dc"] ~ div.sheet-spells div.sheet-column div.sheet-spelldc div.sheet-settings,
|
|
div.sheet-skills input[name="attr_toggles"][value*="settings"] ~ div.sheet-settings,
|
|
div.sheet-inv-col input[name="attr_toggles"][value*="settings"] ~ div.sheet-settings,
|
|
input[name="attr_toggles"][value*="settings"] ~ div.sheet-settings,
|
|
input[name="attr_toggles"][value*="saving_throws"] ~ div.sheet-character div.sheet-savingthrows div.sheet-settings {
|
|
height: auto; }
|
|
|
|
input[name="attr_toggles"][value*="charisma"] ~ div.sheet-character div.sheet-column div.sheet-ability-scores div.sheet-charisma-settings, input[name="attr_toggles"][value*="constitution"] ~ div.sheet-character div.sheet-column div.sheet-ability-scores div.sheet-constitution-settings, input[name="attr_toggles"][value*="dexterity"] ~ div.sheet-character div.sheet-column div.sheet-ability-scores div.sheet-dexterity-settings, input[name="attr_toggles"][value*="intelligence"] ~ div.sheet-character div.sheet-column div.sheet-ability-scores div.sheet-intelligence-settings, input[name="attr_toggles"][value*="strength"] ~ div.sheet-character div.sheet-column div.sheet-ability-scores div.sheet-strength-settings, input[name="attr_toggles"][value*="wisdom"] ~ div.sheet-character div.sheet-column div.sheet-ability-scores div.sheet-wisdom-settings, input[name="attr_toggles"][value*="acrobatics"] ~ div.sheet-character div.sheet-skills div.sheet-acrobatics-settings, input[name="attr_toggles"][value*="arcana"] ~ div.sheet-character div.sheet-skills div.sheet-arcana-settings, input[name="attr_toggles"][value*="athletics"] ~ div.sheet-character div.sheet-skills div.sheet-athletics-settings, input[name="attr_toggles"][value*="crafting"] ~ div.sheet-character div.sheet-skills div.sheet-crafting-settings, input[name="attr_toggles"][value*="deception"] ~ div.sheet-character div.sheet-skills div.sheet-deception-settings, input[name="attr_toggles"][value*="diplomacy"] ~ div.sheet-character div.sheet-skills div.sheet-diplomacy-settings, input[name="attr_toggles"][value*="intimidation"] ~ div.sheet-character div.sheet-skills div.sheet-intimidation-settings, input[name="attr_toggles"][value*="medicine"] ~ div.sheet-character div.sheet-skills div.sheet-medicine-settings, input[name="attr_toggles"][value*="nature"] ~ div.sheet-character div.sheet-skills div.sheet-nature-settings, input[name="attr_toggles"][value*="occultism"] ~ div.sheet-character div.sheet-skills div.sheet-occultism-settings, input[name="attr_toggles"][value*="performance"] ~ div.sheet-character div.sheet-skills div.sheet-performance-settings, input[name="attr_toggles"][value*="religion"] ~ div.sheet-character div.sheet-skills div.sheet-religion-settings, input[name="attr_toggles"][value*="society"] ~ div.sheet-character div.sheet-skills div.sheet-society-settings, input[name="attr_toggles"][value*="stealth"] ~ div.sheet-character div.sheet-skills div.sheet-stealth-settings, input[name="attr_toggles"][value*="survival"] ~ div.sheet-character div.sheet-skills div.sheet-survival-settings, input[name="attr_toggles"][value*="thievery"] ~ div.sheet-character div.sheet-skills div.sheet-thievery-settings,
|
|
div.sheet-repeating input.sheet-toggles[value*="settings"] ~ div.sheet-settings,
|
|
input[name="attr_toggles"][value*="perception"] ~ div.sheet-character div.sheet-column div.sheet-perception > div.sheet-settings,
|
|
input.sheet-toggles[value*="settings"] ~ div.sheet-settings,
|
|
input.sheet-toggles[value*="collapse"] ~ div.sheet-repeating-grid span.sheet-collapse,
|
|
input.sheet-toggles[value*="collapse"] ~ div.sheet-repeating-grid-display span.sheet-collapse,
|
|
input.sheet-toggles[value*="collapse"] ~ div.sheet-repeating-spell-display span.sheet-collapse,
|
|
input.sheet-toggles[value*="collapse"] ~ div.sheet-repeating-inv-display span.sheet-collapse,
|
|
input[name="attr_toggles"][value*="class_dc"] ~ div.sheet-character div.sheet-classdc div.sheet-settings,
|
|
input[name="attr_toggles"][value*="shield"] ~ div.sheet-character div.sheet-armorclass div.sheet-shield-grid div.sheet-settings,
|
|
input[name="attr_toggles"][value*="spell_attack"] ~ div.sheet-spells div.sheet-column div.sheet-spellattack div.sheet-settings,
|
|
input[name="attr_toggles"][value*="armor_class"] ~ div.sheet-character div.sheet-armorclass div.sheet-armorclass-main div.sheet-settings,
|
|
input[name="attr_toggles"][value*="spell_dc"] ~ div.sheet-spells div.sheet-column div.sheet-spelldc div.sheet-settings,
|
|
input[name="attr_toggles"][value*="hitpoints"] ~ div.sheet-character div.sheet-hitpoints div.sheet-settings,
|
|
input[name="attr_toggles"][value*="notes"] ~ div.sheet-details div.sheet-notes div.sheet-notes-settings,
|
|
div.sheet-skills input[name="attr_toggles"][value*="settings"] ~ div.sheet-settings,
|
|
div.sheet-inv-col input[name="attr_toggles"][value*="settings"] ~ div.sheet-settings,
|
|
input[name="attr_toggles"][value*="settings"] ~ div.sheet-settings,
|
|
input[name="attr_toggles"][value*="saving_throws"] ~ div.sheet-character div.sheet-savingthrows div.sheet-settings,
|
|
div.sheet-strikes.sheet-melee input[name="attr_toggles"][value*="settings"] ~ div.sheet-settings,
|
|
input.sheet-toggles[value*="collapse"] ~ div.sheet-inv-display-grid span.sheet-collapse {
|
|
padding: 5px;
|
|
overflow: visible;
|
|
margin-top: 10px;
|
|
margin-bottom: 10px; }
|
|
|
|
div.sheet-strikes input[name="attr_toggles"][value*="settings"] ~ div.sheet-settings {
|
|
height: auto;
|
|
margin-top: 25px; }
|
|
|
|
/****************************************************************************************************/
|
|
/********************* Styled Checkboxes ***************************/
|
|
/**************************************************************************************************/
|
|
/* This is the hidden input */
|
|
input[type="checkbox"] {
|
|
height: 15px;
|
|
width: 15px; }
|
|
|
|
/* The switch - the box around the slider */
|
|
.sheet-switch {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 50px;
|
|
height: 24px; }
|
|
|
|
/* Hide default HTML checkbox */
|
|
.sheet-switch input {
|
|
opacity: 0;
|
|
width: 0;
|
|
height: 0; }
|
|
|
|
/* The slider */
|
|
.sheet-slider {
|
|
-webkit-transition: .4s;
|
|
background-color: #ccc;
|
|
border-radius: 34px;
|
|
bottom: 0;
|
|
cursor: pointer;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
transition: .4s; }
|
|
|
|
.sheet-slider:before {
|
|
-webkit-transition: .4s;
|
|
background-color: #a72c2a;
|
|
border-radius: 50%;
|
|
bottom: 4px;
|
|
content: "";
|
|
height: 16px;
|
|
left: 4px;
|
|
position: absolute;
|
|
transition: .4s;
|
|
width: 16px; }
|
|
|
|
input:checked + .sheet-slider {
|
|
background-color: #5b1110; }
|
|
|
|
input:focus + .sheet-slider {
|
|
box-shadow: 0 0 1px black; }
|
|
|
|
input:checked + .sheet-slider:before {
|
|
-webkit-transform: translateX(26px);
|
|
-ms-transform: translateX(26px);
|
|
transform: translateX(26px); }
|
|
|
|
/****************************************************************************************************/
|
|
/********************* OPTIONS ***************************/
|
|
/**************************************************************************************************/
|
|
div.sheet-options h3 {
|
|
font-size: 0.8em;
|
|
text-transform: uppercase; }
|
|
|
|
div.sheet-options label {
|
|
font-size: 0.8em; }
|
|
|
|
div.sheet-options div.sheet-options-wrapper {
|
|
display: inline;
|
|
flex-direction: column;
|
|
flex-wrap: wrap;
|
|
max-height: 800px; }
|
|
div.sheet-options div.sheet-options-wrapper div.sheet-options-panel {
|
|
background: rgba(255, 255, 255, 0.1);
|
|
border: 2px dotted white;
|
|
color: black;
|
|
flex: 0 0 calc(33% - 5px);
|
|
margin-left: 5px;
|
|
margin-top: 5px;
|
|
max-width: calc(33% - 5px);
|
|
padding: 5px; }
|
|
div.sheet-options div.sheet-options-wrapper div.sheet-options-panel > * {
|
|
color: black; }
|
|
|
|
/*************************** FOOTER ***************************/
|
|
div.sheet-footer {
|
|
font-size: 0.8em;
|
|
line-height: 15px;
|
|
margin-top: 1em;
|
|
text-align: center; }
|
|
|
|
/*************************** REPEATING SECTIONS *********************/
|
|
.repcontrol {
|
|
/* This will make the Add & Modify words transparent so that only our symbols below show up */ }
|
|
.repcontrol .btn {
|
|
background: #003180;
|
|
border-radius: 2px;
|
|
border: 1px solid white;
|
|
display: inline-block;
|
|
font-size: 0;
|
|
height: 20px;
|
|
line-height: 1;
|
|
margin: 5px;
|
|
padding: 0;
|
|
width: 20px; }
|
|
.repcontrol .repcontrol_add, .repcontrol .repcontrol_edit {
|
|
color: transparent;
|
|
/* This will put icons next to the buttons. A `+` for Add and a lock for edit */ }
|
|
.repcontrol .repcontrol_add:after, .repcontrol .repcontrol_edit:after {
|
|
color: white;
|
|
font-family: "pictos";
|
|
font-size: 12pt;
|
|
opacity: 1; }
|
|
.repcontrol .repcontrol_edit:after {
|
|
content: '('; }
|
|
.repcontrol .repcontrol_add:after {
|
|
content: '&'; }
|
|
|
|
.repcontainer .repitem .repitem.repitembroken {
|
|
border: none; }
|
|
|
|
.editmode ~ .repcontrol .repcontrol_edit:after {
|
|
content: ')'; }
|
|
|
|
/* These are the buttons that appear after the repcontrol_edit is clicked*/
|
|
.itemcontrol {
|
|
z-index: 10; }
|
|
.itemcontrol .repcontrol_del, .itemcontrol .repcontrol_move {
|
|
font-size: 18px;
|
|
margin-top: 0px;
|
|
padding: 0px;
|
|
width: 15px; }
|
|
.itemcontrol .repcontrol_del {
|
|
background-color: darkred;
|
|
font-family: "pictos"; }
|
|
|
|
/*************************** ROLL TEMPLATE *********************/
|
|
.sheet-rolltemplate-rolls {
|
|
/* Remove some fo the built in styles around rolls */
|
|
/* Change the colors of Full Fails & Full Crits from their built in defaults */ }
|
|
.sheet-rolltemplate-rolls .sheet-charactername {
|
|
color: #fdf6ec;
|
|
text-shadow: 1px 1px 0 #5b1110, -1px -1px 0 #5b1110, 1px -1px 0 #5b1110, -1px 1px 0 #5b1110, 1px 1px 0 #5b1110;
|
|
font-size: 1.2em;
|
|
letter-spacing: 0.05em; }
|
|
.sheet-rolltemplate-rolls .sheet-template-body {
|
|
border: 1px solid #98503e;
|
|
text-align: center;
|
|
background-color: #98503e; }
|
|
.sheet-rolltemplate-rolls .sheet-template-header {
|
|
background-color: #002766;
|
|
color: white;
|
|
font-size: 1.35em;
|
|
font-variant: small-caps;
|
|
padding: 4px 0px 3px 0px;
|
|
text-align: center;
|
|
text-transform: capitalize; }
|
|
.sheet-rolltemplate-rolls .sheet-template-subheader {
|
|
color: #fdf6ec;
|
|
font-size: 0.7em;
|
|
font-style: italic;
|
|
margin-top: 0.2em;
|
|
font-weight: normal;
|
|
letter-spacing: 0.05em; }
|
|
.sheet-rolltemplate-rolls .sheet-template-row {
|
|
background-color: #98503e;
|
|
color: #fdf6ec;
|
|
margin: 0;
|
|
padding: 0.1em 0.05em 0.3em 0.05em;
|
|
/* Use this to alternate the background colors for each row */ }
|
|
.sheet-rolltemplate-rolls .sheet-template-row:nth-child(2n+0) {
|
|
background-color: #e6bb81;
|
|
color: #5b1110; }
|
|
.sheet-rolltemplate-rolls .sheet-template-roll-name {
|
|
text-transform: uppercase; }
|
|
.sheet-rolltemplate-rolls .sheet-bold {
|
|
font-weight: bold; }
|
|
.sheet-rolltemplate-rolls .sheet-left {
|
|
text-align: left;
|
|
padding: 1%; }
|
|
.sheet-rolltemplate-rolls span.sheet-template-roll-name.sheet-attack::before,
|
|
.sheet-rolltemplate-rolls span.sheet-template-roll-name.sheet-damage::before,
|
|
.sheet-rolltemplate-rolls span.sheet-template-roll-name.sheet-critical-damage::before {
|
|
font-weight: bold;
|
|
text-transform: none;
|
|
margin-right: 0.3em;
|
|
color: #5b1110; }
|
|
.sheet-rolltemplate-rolls span.sheet-template-roll-name.sheet-attack::before {
|
|
content: "⚔";
|
|
/* \2694 */
|
|
font-size: 1.5em; }
|
|
.sheet-rolltemplate-rolls span.sheet-template-roll-name.sheet-damage::before,
|
|
.sheet-rolltemplate-rolls span.sheet-template-roll-name.sheet-critical-damage::before {
|
|
content: "t";
|
|
font-family: "Pictos Custom";
|
|
font-size: 1.4em; }
|
|
.sheet-rolltemplate-rolls span.sheet-template-roll-name.sheet-critical-damage::before,
|
|
.sheet-rolltemplate-rolls .sheet-success {
|
|
color: green; }
|
|
.sheet-rolltemplate-rolls .sheet-desc,
|
|
.sheet-rolltemplate-rolls .sheet-notes {
|
|
border-top: 1px solid #98503e;
|
|
background: #fdf6ec;
|
|
color: #5b1110;
|
|
text-align: left;
|
|
padding: 1%;
|
|
display: block; }
|
|
.sheet-rolltemplate-rolls .sheet-notes {
|
|
font-style: italic; }
|
|
.sheet-rolltemplate-rolls .sheet-desc.sheet-limit-height,
|
|
.sheet-rolltemplate-rolls .sheet-notes.sheet-limit-height {
|
|
max-height: 10em;
|
|
overflow-y: auto; }
|
|
.sheet-rolltemplate-rolls .inlinerollresult {
|
|
background-color: transparent;
|
|
border: none;
|
|
color: #5b1110;
|
|
display: inline-block;
|
|
font-size: 1.7em;
|
|
padding: 5px;
|
|
letter-spacing: 0.1em;
|
|
text-shadow: 1px 1px 0 #fdf6ec, -1px -1px 0 #fdf6ec, 1px -1px 0 #fdf6ec, -1px 1px 0 #fdf6ec, 1px 1px 0 #fdf6ec; }
|
|
.sheet-rolltemplate-rolls .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rolls .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rolls .inlinerollresult.importantroll {
|
|
border: none; }
|
|
.sheet-rolltemplate-rolls .inlinerollresult.fullfail {
|
|
color: red; }
|
|
.sheet-rolltemplate-rolls .inlinerollresult.fullcrit {
|
|
color: green; }
|
|
.sheet-rolltemplate-rolls a[href^="!"],
|
|
.sheet-rolltemplate-rolls a[href^="~"] {
|
|
font-size: 1em;
|
|
margin: 3px;
|
|
padding: 2px;
|
|
text-transform: uppercase;
|
|
font-family: serif;
|
|
font-weight: bold;
|
|
border-radius: 3px;
|
|
background-color: #003180;
|
|
color: white;
|
|
border: 1px solid white;
|
|
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
|
|
overflow: hidden;
|
|
text-overflow: ellipsis; }
|
|
.sheet-rolltemplate-rolls a[href^="!"]:hover,
|
|
.sheet-rolltemplate-rolls a[href^="~"]:hover {
|
|
background: #0044b3; }
|
|
|
|
/*************************** FIREFOX ***************************/
|
|
input[type=number]::-webkit-outer-spin-button,
|
|
input[type=number]::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0; }
|
|
|
|
input[type="number"] {
|
|
-moz-appearance: textfield; }
|
|
|
|
/*************************** NPC ***************************/
|
|
div.sheet-npc {
|
|
width: 70%; }
|
|
div.sheet-npc textarea {
|
|
height: 6em; }
|
|
div.sheet-npc span.sheet-notes {
|
|
font-size: 0.8em; }
|
|
|
|
div.sheet-npc-block {
|
|
margin: 0.5em 0 0.5em 0; }
|
|
|
|
div.sheet-npc-defense-grid > div,
|
|
div.sheet-npc-block label {
|
|
background: rgba(255, 255, 255, 0.1);
|
|
border: 1px solid rgba(0, 29, 77, 0.1);
|
|
padding: 5px; }
|
|
|
|
div.sheet-npc-abilities,
|
|
div.sheet-npc-perception,
|
|
div.sheet-npc-info {
|
|
display: grid;
|
|
grid-template-columns: repeat(6, 1fr);
|
|
grid-gap: 5px; }
|
|
|
|
div.sheet-npc-defense-grid {
|
|
display: grid;
|
|
grid-template-columns: 0.25fr 1fr;
|
|
grid-gap: 5px; }
|
|
div.sheet-npc-defense-grid > div.sheet-npc-saves {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
grid-column-gap: 5px; }
|
|
div.sheet-npc-defense-grid > div.sheet-npc-saves > label.sheet-notes {
|
|
grid-column: 1 / -1; }
|
|
div.sheet-npc-defense-grid > div.sheet-npc-immunities {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
grid-column-gap: 5px; }
|
|
div.sheet-npc-defense-grid > div > label {
|
|
background: unset;
|
|
padding: unset;
|
|
border: unset; }
|
|
|
|
div.sheet-npc-perception > label {
|
|
grid-column: span 2; }
|
|
|
|
div.sheet-npc-info > label {
|
|
grid-column: span 2; }
|
|
div.sheet-npc-info > label:nth-child(1) {
|
|
grid-column: span 3; }
|
|
div.sheet-npc-info > label:nth-child(3) {
|
|
grid-column: span 1; }
|
|
|
|
div.sheet-npc-skill-grid {
|
|
display: flex;
|
|
flex-flow: column wrap;
|
|
max-height: 39em; }
|
|
|
|
div.sheet-npc-skills > div.repcontainer > div.repitem label,
|
|
div.sheet-npc-skill-grid > label {
|
|
display: grid;
|
|
grid-template-columns: 1fr 0.25fr;
|
|
grid-gap: 3px;
|
|
margin: 0 5px 5px 0; }
|
|
|
|
div.sheet-npc-skills > div.repcontainer > div.repitem,
|
|
div.sheet-npc-skill-grid > label {
|
|
max-width: 32%; }
|
|
|
|
div.sheet-npc-defense-grid > div.sheet-npc-offense,
|
|
div.sheet-npc-skills > div.repcontainer > div.repitem span:nth-child(3),
|
|
div.sheet-npc-skills > div.repcontainer > div.repitem input:nth-child(4),
|
|
div.sheet-npc-skill-grid > label > span:nth-child(3),
|
|
div.sheet-npc-skill-grid > label > input:nth-child(4) {
|
|
grid-column: 1 / -1; }
|
|
|
|
div.sheet-npc-defense-grid > div.sheet-npc-offense {
|
|
display: grid;
|
|
grid-template-columns: 0.25fr 1fr;
|
|
grid-column-gap: 5px; }
|
|
|
|
div.sheet-npc-general-options > div.sheet-npc-row > label {
|
|
border: none;
|
|
font-size: inherit;
|
|
background: none; }
|
|
|
|
div.sheet-npc-display {
|
|
margin: 1em; }
|
|
|
|
div.sheet-npc-title {
|
|
border: none;
|
|
border-bottom: solid black 2px;
|
|
font-weight: bold;
|
|
font-size: 1.5em;
|
|
text-transform: uppercase; }
|
|
div.sheet-npc-title > span {
|
|
float: right;
|
|
padding-right: 5px; }
|
|
div.sheet-npc-title > span.sheet-npc-name {
|
|
float: left; }
|
|
|
|
div.sheet-npc-row {
|
|
width: 100%; }
|
|
|
|
div.sheet-npc-traits-row {
|
|
width: auto;
|
|
margin: 0.3em 0; }
|
|
|
|
span.sheet-npc-trait {
|
|
background-color: #5b1110;
|
|
border: solid 0.1em #b39f75;
|
|
color: white;
|
|
font-weight: bold;
|
|
padding: 0 0.7em; }
|
|
|
|
span.sheet-npc-alignment-trait {
|
|
background-color: #5c5d99; }
|
|
|
|
span.sheet-npc-size-trait {
|
|
background-color: #157956; }
|
|
|
|
span.sheet-npc-row-title {
|
|
font-weight: bold;
|
|
text-transform: capitalize; }
|
|
|
|
div.sheet-npc-display hr {
|
|
border-top-color: #000000;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px; }
|
|
|
|
span.sheet-uppercase {
|
|
text-transform: uppercase; }
|
|
|
|
span.sheet-lowercase {
|
|
text-transform: lowercase; }
|
|
|
|
/* customized tabs div for npcs */
|
|
input.sheet-type[value*="npc"] ~ div.sheet-tabs {
|
|
position: relative;
|
|
grid-template-columns: 3em;
|
|
width: 3em;
|
|
float: right;
|
|
left: -23%; }
|
|
|
|
input.sheet-type[value*="npc"] ~ div.sheet-tabs button:nth-of-type(1n+2) {
|
|
display: none; }
|
|
|
|
/* show/hide areas */
|
|
span.sheet-npc-trait:empty {
|
|
display: none; }
|
|
|
|
div.sheet-npc-settings {
|
|
border: none;
|
|
background: none;
|
|
display: block; }
|
|
div.sheet-npc-settings::before {
|
|
content: none; }
|
|
|
|
div.sheet-npc .repitem button.sheet-settings-button {
|
|
left: -1.5em;
|
|
top: 1.1em; }
|
|
|
|
input.sheet-toggles[value*="npcsettings"] ~ div.sheet-npc-settings {
|
|
border: dotted #5b1110 2px;
|
|
height: auto;
|
|
padding: 0.5em;
|
|
margin: 1em; }
|
|
|
|
input.sheet-npc-skill-toggle[value=""] ~ button.sheet-npc-roll,
|
|
input.sheet-npc-skill-toggle[value="0"] ~ button.sheet-npc-roll {
|
|
display: none; }
|
|
|
|
input.sheet-npc-skill-notes-toggle:not([value=""]) ~ button.sheet-npc-roll {
|
|
display: inherit; }
|
|
|
|
div.sheet-npc div.sheet-repeating input.sheet-toggles[value*="settings"] ~ div.sheet-settings {
|
|
height: auto; }
|
|
|
|
span.sheet-npc-parenthesized-field:not(:empty)::before {
|
|
content: "("; }
|
|
|
|
span.sheet-npc-parenthesized-field:not(:empty)::after {
|
|
content: ")"; }
|
|
|
|
input.sheet-npc-title-toggle[value=""] ~ span.sheet-npc-toggling-title {
|
|
display: none; }
|
|
|
|
/* repeating sections */
|
|
div.sheet-npc div.sheet-repeating {
|
|
background: inherit;
|
|
border: none;
|
|
margin: 0px;
|
|
margin-left: 2em;
|
|
padding: 0px; }
|
|
div.sheet-npc div.sheet-repeating label {
|
|
font-size: 1em;
|
|
width: 100%; }
|
|
div.sheet-npc div.sheet-repeating div.repcontrol {
|
|
font-size: 6pt;
|
|
width: 120px; }
|
|
div.sheet-npc div.sheet-repeating .repitem {
|
|
background: none;
|
|
border: none; }
|
|
div.sheet-npc div.sheet-repeating .repitem:nth-child(2n) {
|
|
background: none; }
|
|
div.sheet-npc div.sheet-repeating div.sheet-settings {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
width: 50%;
|
|
display: block; }
|
|
div.sheet-npc div.sheet-repeating div.sheet-settings:before {
|
|
border-bottom-color: rgba(0, 0, 0, 0.1); }
|
|
|
|
div.sheet-npc-repeating-item {
|
|
display: list-item;
|
|
margin-top: 0.3em; }
|
|
div.sheet-npc-repeating-item > div {
|
|
width: auto;
|
|
max-width: 99%;
|
|
/* Makes settings button appear in consistent place in Chrome */ }
|
|
|
|
div.sheet-npc-skills {
|
|
width: 100%; }
|
|
div.sheet-npc-skills div.repcontainer {
|
|
display: inline; }
|
|
div.sheet-npc-skills > h2 {
|
|
color: #002766;
|
|
display: block;
|
|
font-family: serif;
|
|
font-size: 16pt;
|
|
text-align: center; }
|
|
|
|
div.sheet-npc-skills-list div {
|
|
width: auto; }
|
|
div.sheet-npc-skills-list div.sheet-settings, div.sheet-npc-skills-list div.repcontrol {
|
|
display: none; }
|
|
|
|
/* buttons, inputs, and labels */
|
|
div.sheet-npc button[name="act_toggle_npcsettings"] {
|
|
opacity: 0;
|
|
font-size: 1em; }
|
|
|
|
div.sheet-npc:hover button[name="act_toggle_npcsettings"],
|
|
div.sheet-npc div.sheet-repeating:hover button.sheet-settings-button {
|
|
opacity: 0.5; }
|
|
|
|
div.sheet-npc:hover button[name="act_toggle_npc"]:hover,
|
|
div.sheet-npc div.sheet-repeating:hover button.sheet-settings-button:hover,
|
|
div.sheet-npc input[name="attr_toggles"][value*="settings"] + div > button.sheet-settings-button,
|
|
input.sheet-toggles[value*="npcsettings"] ~ div.sheet-npc button[name="act_toggle_npcsettings"] {
|
|
opacity: 1; }
|
|
|
|
button[type="roll"].sheet-npc-roll {
|
|
background: inherit;
|
|
color: inherit;
|
|
font-size: inherit;
|
|
font-family: inherit;
|
|
margin: 0;
|
|
border: none;
|
|
padding: 0 2px 0 2px;
|
|
font-weight: inherit;
|
|
box-shadow: none;
|
|
border-bottom: 2px dotted #5b1110;
|
|
border-radius: 0;
|
|
line-height: 1em;
|
|
text-transform: capitalize; }
|
|
|
|
div.sheet-npc-html > label > span {
|
|
display: block;
|
|
text-align: center; }
|
|
|
|
div.sheet-npc-html > label > span {
|
|
display: block;
|
|
text-align: center; }
|
|
|
|
div.sheet-npc-html > label > span {
|
|
display: block;
|
|
text-align: center; }
|
|
|
|
div.sheet-npc-html > label > span {
|
|
display: block;
|
|
text-align: center; }
|
|
|
|
div.sheet-npc input {
|
|
/* HIDE HEADERS WITHOUT INFORMATION */ }
|
|
div.sheet-npc input[type="text"], div.sheet-npc input[type="number"] {
|
|
background: white;
|
|
border: 1px solid #002766;
|
|
height: 1.5em;
|
|
padding: 3px;
|
|
font-size: 0.9em;
|
|
display: block;
|
|
width: 100%; }
|
|
div.sheet-npc input:placeholder-shown {
|
|
background: #ffcccc;
|
|
border: 1px solid #a72c2a; }
|
|
div.sheet-npc input[name="attr_hit_points"] {
|
|
display: inline;
|
|
height: 1.4em;
|
|
text-align: center;
|
|
width: 10%; }
|
|
div.sheet-npc input[name="attr_lore"] {
|
|
text-align: center; }
|
|
div.sheet-npc input[name="attr_languages"][value=""] + div.sheet-npc-row,
|
|
div.sheet-npc input[name="attr_immunities"][value=""] + div.sheet-npc-row,
|
|
div.sheet-npc input[name="attr_weaknesses"][value=""] + div.sheet-npc-row,
|
|
div.sheet-npc input[name="attr_resistances"][value=""] + div.sheet-npc-row {
|
|
display: none; }
|
|
|
|
div.sheet-npc label {
|
|
color: #002766;
|
|
width: initial;
|
|
text-transform: capitalize; }
|
|
|
|
div.sheet-npc select.sheet-simple {
|
|
width: auto; }
|
|
|
|
div.sheet-npc div.sheet-actiontype label {
|
|
width: 49%; }
|
|
|
|
/* SHOW & HIDE NPC FREE ACTION OR REACTION */
|
|
span.sheet-actiontype input[value=""] + span,
|
|
span.sheet-actiontype input[value="0"] + span {
|
|
display: none; }
|
|
|
|
span.sheet-actiontype span {
|
|
text-transform: capitalize;
|
|
font-weight: bold; }
|
|
span.sheet-actiontype span:after {
|
|
content: "."; }
|
|
|
|
/* SHOW & HIDE SPELL ATTACK AND DC FOR NPC SPELLCASTERS */
|
|
.sheet-spells input[name="attr_spell_attack"],
|
|
.sheet-spells input[name="attr_spell_dc"] {
|
|
border-radius: 3em;
|
|
border-width: 0.15em;
|
|
font-size: 2em;
|
|
font-weight: bold;
|
|
height: 2.5em;
|
|
margin: 0.1em auto;
|
|
text-align: center;
|
|
width: 2.5em; }
|
|
|
|
.sheet-spells .sheet-npc-spellcaster-field,
|
|
.sheet-spells input[name="attr_toggles"][value*="npcspellcaster"] ~ div.sheet-spellattack-grid,
|
|
.sheet-spells input[name="attr_toggles"][value*="npcspellcaster"] ~ div.sheet-spelldc-grid,
|
|
.sheet-spells input[name="attr_toggles"][value*="npcspellcaster"] ~ .sheet-pc-spellcaster-field,
|
|
.sheet-spells input[name="attr_toggles"][value*="npcspellcaster"] ~ .repcontainer .sheet-pc-spellcaster-field {
|
|
display: none; }
|
|
|
|
.sheet-spells input[name="attr_toggles"][value*="npcspellcaster"] ~ span.sheet-npc-spellcaster-field,
|
|
.sheet-spells input[name="attr_toggles"][value*="npcspellcaster"] ~ .repcontainer .sheet-npc-spellcaster-field {
|
|
display: inline-block; }
|
|
|
|
.sheet-spells input[name="attr_toggles"][value*="npcspellcaster"] ~ .sheet-npc-spellcaster-field {
|
|
display: block; }
|
|
|
|
/* NT 2019-09-07 UC-728 and UC-730 */
|
|
.sheet-npc-melee-strikes span.sheet-npc-dot-field,
|
|
.sheet-npc-ranged-strikes span.sheet-npc-dot-field {
|
|
display: inline-block;
|
|
max-width: 20em;
|
|
overflow: hidden;
|
|
margin-bottom: -0.1em;
|
|
text-overflow: ellipsis; }
|
|
|
|
span.sheet-npc-dot-field:not(:empty)::before {
|
|
content: "• "; }
|
|
|
|
/* NT 2019-09-14 UC-723 and UC-673 */
|
|
div.sheet-build_message {
|
|
display: none;
|
|
position: absolute;
|
|
background: linear-gradient(white, #DDD, white);
|
|
top: 20%;
|
|
left: 10%;
|
|
z-index: 10;
|
|
border: 2px solid black;
|
|
box-shadow: 1em 1em rgba(128, 128, 128, 0.5);
|
|
width: 40em;
|
|
height: 35em; }
|
|
|
|
input.sheet-build_message:not([value=""]) + div.sheet-build_message {
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
justify-content: center;
|
|
align-items: center;
|
|
align-content: center; }
|
|
|
|
input.sheet-build_message:not([value=""]) ~ div.sheet-container {
|
|
opacity: 0.3;
|
|
transition: opacity .15s ease-in-out;
|
|
-moz-transition: opacity .15s ease-in-out;
|
|
-webkit-transition: opacity .15s ease-in-out;
|
|
background-color: transparent; }
|
|
|
|
div.sheet-build_text {
|
|
text-align: center;
|
|
font-size: 3.5em;
|
|
color: black; }
|
|
div.sheet-build_text span {
|
|
display: inline-block;
|
|
text-transform: uppercase; }
|
|
|
|
/*************************** Color Scheme ***************************/
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop {
|
|
background-color: #D1D1D1;
|
|
background-image: none;
|
|
border-color: #757575; }
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop .repcontrol .btn {
|
|
background-color: black; }
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop button.sheet-settings-button {
|
|
color: white;
|
|
border-color: white;
|
|
background: black; }
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop h1 {
|
|
background-color: #757575; }
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop h2 {
|
|
color: black; }
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop label {
|
|
color: black; }
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop input[type="text"],
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop input[type="number"],
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop select,
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop textarea {
|
|
border-color: #757575; }
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop input[type="text"]:placeholder-shown,
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop input[type="number"]:placeholder-shown,
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop select:placeholder-shown,
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop textarea:placeholder-shown {
|
|
background-color: #f2f2f2; }
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop input:focus,
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop textarea:focus,
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop select:focus,
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop input:hover,
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop textarea:hover,
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop select:hover {
|
|
border-color: black;
|
|
outline-color: #757575; }
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop span.sheet-slider {
|
|
background-color: #757575; }
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop .sheet-slider:before {
|
|
background-color: white; }
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop input:checked + .sheet-slider {
|
|
background-color: black; }
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop div.sheet-column button[type="roll"] {
|
|
background-color: black;
|
|
color: white;
|
|
box-shadow: none;
|
|
border-radius: 0.3em;
|
|
font-weight: bold; }
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop div.sheet-column button[type="roll"]:hover {
|
|
background-color: #757575; }
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop div.sheet-column div.sheet-skills div.sheet-display button[type="roll"] {
|
|
letter-spacing: 0em;
|
|
font-size: 0.9em; }
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop div.sheet-column div.sheet-strikes button[type="roll"] {
|
|
font-size: 0.9em; }
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop div.sheet-column span.sheet-darkred {
|
|
background-color: white;
|
|
color: black; }
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop div.sheet-column div.sheet-settings span.sheet-darkred {
|
|
background-color: transparent;
|
|
color: black; }
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop div.sheet-column span.sheet-collapse {
|
|
border-left-color: #757575; }
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop div.sheet-column div.sheet-background-color {
|
|
background-color: white;
|
|
color: black; }
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop div.sheet-column div.sheet-background-color div > div.sheet-circle {
|
|
background-color: #D1D1D1;
|
|
border-color: #D1D1D1;
|
|
color: black; }
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop div.sheet-column div.sheet-background-color div > div.sheet-circle label span:last-child {
|
|
color: black; }
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop div.sheet-column label.sheet-sublabel span:last-child {
|
|
background-color: #D1D1D1;
|
|
color: black; }
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop div.sheet-column div.sheet-settings {
|
|
border-left-color: #757575; }
|
|
input.sheet-toggles[value*="color:neutral"] + .sheet-backdrop div.sheet-column div.sheet-settings div.sheet-ability-select select {
|
|
background-color: transparent;
|
|
border: none;
|
|
color: black;
|
|
font-weight: bold; }
|
|
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-pc-info div.sheet-column {
|
|
/* BLUE HEADERS BACKGRUNDS */
|
|
/* REDDISH BORDERS */
|
|
/* REDDISH HEADERS */ }
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-pc-info div.sheet-column div.sheet-character-info > label > span,
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-pc-info div.sheet-column label[data-i18n-title="level"] > span {
|
|
background: #757575;
|
|
color: white; }
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-pc-info div.sheet-column div.sheet-character-action,
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-pc-info div.sheet-column div.sheet-character-prof,
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-pc-info div.sheet-column h2[data-i18n="proficiency"],
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-pc-info div.sheet-column label[data-i18n-title="hero_points"] > span {
|
|
color: black; }
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-pc-info div.sheet-column div.sheet-character-info > label {
|
|
border-color: #757575; }
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-pc-info div.sheet-column h1[data-i18n="character_sheet"] {
|
|
color: #757575;
|
|
-webkit-text-fill-color: black;
|
|
background: transparent; }
|
|
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-character div.sheet-ability-scores-grid span.sheet-display {
|
|
background-color: #D1D1D1; }
|
|
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-character div.sheet-speed {
|
|
background-color: #D1D1D1; }
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-character div.sheet-speed div {
|
|
border-color: #757575; }
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-character div.sheet-speed span[data-i18n="feet"] {
|
|
color: black; }
|
|
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-character div.sheet-armorclass div.sheet-grid div.sheet-circle label span:first-child {
|
|
background-color: black; }
|
|
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-character div.sheet-armorclass div.sheet-shield-hp label + span {
|
|
color: #757575; }
|
|
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-character div.sheet-armorclass span.sheet-symbol,
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-character div.sheet-armorclass div.sheet-dcbase,
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-character div.sheet-armorclass div.sheet-armor-cap span[data-i18n="or"] {
|
|
color: black; }
|
|
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-character div.sheet-hitpoints div.sheet-grid div.sheet-circle label span:first-child {
|
|
background-color: black; }
|
|
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-details div.sheet-reaction-activity-grid div.sheet-actiontype.sheet-darkred {
|
|
background-color: black; }
|
|
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-inventory h2 {
|
|
color: white; }
|
|
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-inventory div.sheet-background-color {
|
|
background-color: gray; }
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-inventory div.sheet-background-color div.sheet-inv-top-row span.sheet-center,
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-inventory div.sheet-background-color div.sheet-inv-top-row h2 {
|
|
color: black; }
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-inventory div.sheet-background-color div.sheet-inv-top-row div.sheet-circle {
|
|
background-color: #D1D1D1;
|
|
border-color: #D1D1D1; }
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-inventory div.sheet-background-color div.sheet-inv-top-row div.sheet-circle label span:first-child {
|
|
background-color: black; }
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-inventory div.sheet-background-color div.sheet-inv-top-row div.sheet-circle label span:last-child {
|
|
color: black; }
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-inventory div.sheet-background-color div.sheet-encumbered {
|
|
background-color: white; }
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-inventory div.sheet-background-color div.sheet-encumbered div.sheet-circle {
|
|
background-color: #D1D1D1;
|
|
border-color: #D1D1D1;
|
|
color: black; }
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-inventory div.sheet-background-color div.sheet-encumbered span.sheet-value {
|
|
background-color: #D1D1D1; }
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-inventory div.sheet-background-color div.sheet-coins h2 {
|
|
background-color: #D1D1D1; }
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-inventory div.sheet-background-color input[name*="quantity"] {
|
|
border-color: #757575; }
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-inventory div.sheet-background-color div.sheet-inv-display-grid:first-child {
|
|
background-color: black; }
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-inventory div.sheet-background-color div.sheet-dcbase {
|
|
color: black; }
|
|
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-spells div.sheet-settings label.sheet-bordertop {
|
|
border-top-color: black; }
|
|
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-spells div.sheet-spell-panel-row > div.sheet-settings span.sheet-bordertop {
|
|
border-top: 3px solid black; }
|
|
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-spells div.sheet-spelldc-grid span.sheet-spelldc-base {
|
|
color: black;
|
|
font-size: 0.6em; }
|
|
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-spells h1.sheet-label + span.sheet-sort select {
|
|
background-color: black; }
|
|
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-spells div.sheet-spell-panel-row > div.sheet-settings span.sheet-bordertop {
|
|
color: black; }
|
|
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-tabs label.sheet-whisper-toggle span {
|
|
background-color: transparent;
|
|
color: black; }
|
|
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-tabs span {
|
|
background-color: black;
|
|
color: white; }
|
|
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-tabs input[type="checkbox"]:checked + span,
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-tabs input[type="radio"]:checked + span {
|
|
background-color: white;
|
|
color: black;
|
|
box-shadow: inset 0px 0px 3px 1px black; }
|
|
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-options div.sheet-options-wrapper div.sheet-options-panel {
|
|
border-color: #757575; }
|
|
input.sheet-toggles[value*="color:neutral"] ~ div.sheet-options div.sheet-options-wrapper div.sheet-options-panel button {
|
|
background-color: black;
|
|
color: white; }
|