Nighthawk/roll20-character-sheets
1
0
Fork 0
mirror of https://github.com/Nighthawk42/roll20-character-sheets.git synced 2026-08-30 11:42:29 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
05b15ea628efff736b5dffb4d072fdc2efd3db0f
roll20-character-sheets/TheWitcher/witchersheet.css
T

6927 lines
173 KiB
CSS
Raw Blame History

/* HIDE BROWSER EFFECTS */
/* NUMBER INPUR ARROWS - Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* NUMBER INPUR ARROWS - Firefox */
input[type=number] {
-moz-appearance: textfield;
}
/* NPC SECTION */
/* Top Info */
label.sheet-npctitle {
display: inline-block;
font-size: 12px;
text-align: right;
width: 40px;
}
label.sheet-bountytitle {
display: inline-block;
font-size: 12px;
text-align: right;
width: 55px;
}
label.sheet-sizetitle {
display: inline-block;
font-size: 13px;
margin-left: 13px;
text-align: right;
width: 50px;
}
label.sheet-environmenttitle {
display: inline-block;
margin-bottom: 8px;
font-size: 11px;
margin-left: 9px;
text-align: right;
width: 80px;
}
input.sheet-npc-box {
width: 150px;
border:1px solid #000;
border-radius: 0px;
}
input.sheet-bounty-box {
width: 60px;
border:1px solid #000;
border-radius: 0px;
}
input.sheet-size-box {
width: 150px;
border:1px solid #000;
border-radius: 0px;
}
input.sheet-size-box2 {
width: 120px;
border:1px solid #000;
border-radius: 0px;
}
input.sheet-background-box {
width: 230px;
height: 25px;
border:1px solid #000;
border-radius: 0px;
}
/* Right Side Repeating Sections */
span.sheet-npcskill-span,
span.sheet-ability-span {
display: inline-block;
width: 250px;
padding-right: 5px;
padding-top: 10px;
font-size: 1em;
color: #FFF;
border-radius: 20px;
background: #444444;
}
span.sheet-vuln-span {
display: inline-block;
width: 250px;
padding-right: 5px;
padding-top: 10px;
font-size: 1em;
color: #FFF;
border-radius: 20px;
background: #444444;
}
span.sheet-weapon-span {
display: inline-block;
width: 525px;
padding-right: 5px;
padding-top: 10px;
font-size: 1em;
color: #FFF;
border-radius: 20px;
background: #444444;
}
span.repeating_npcskill_container {
display: inline-block;
width: 265px;
margin-left: -5px;
margin-bottom: 7px;
color: #FFF;
background-color: #c1c1c1;
border-radius: 15px;
border: 1px solid #000;
box-shadow: inset 0px 0px 3px 1px #7c7c7c;
}
span.repeating_npc_weapon_container {
display: inline-block;
width: 490px;
padding: 10px;
margin-left: 10px;
margin-bottom: 7px;
color: #FFF;
background-color: #c1c1c1;
border-radius: 15px;
border: 1px solid #000;
box-shadow: inset 0px 0px 3px 1px #7c7c7c;
}
label.sheet-weapontitle,
label.sheet-npcskilltitle,
label.sheet-abilitytitle {
display: inline-block;
text-align: center;
font-weight: 1;
width: 250px;
font-size: 16px;
color: #FFF;
}
label.sheet-weapontitle {
display: inline-block;
text-align: center;
font-weight: 1;
width: 540px;
font-size: 16px;
color: #FFF;
}
label.sheet-npcarmortitle {
display: inline-block;
width: 115px;
color: #FFF;
font-weight: 1;
margin-top: 10px;
text-align: right;
font-size: 22px;
}
.sheet-npc-armor-box {
padding: 20px;
margin-top: 10px;
margin-bottom: 10px;
background: #5e0000;
width: 225px;
border-radius: 15px;
box-shadow: inset 0px 0px 30px 3px #0e1c26;
}
input[type='number'].sheet-npc-armor {
border: 1px solid #000;
display: inline-block;
border-radius: 0px;
margin-top: -10px;
width: 55px;
height: 40px;
color: #FFF;
text-align: center;
font-size: 20px;
background-color: #444444;
box-shadow: inset 0px 0px 7px 1px #232323;
}
input.repeating_npc_weapon_name {
margin-left: 5px;
width: 180px;
font-size: 14px;
font-weight: bold;
background-color: transparent;
border-radius: 0px;
border-top: 0px solid;
border-right: 0px solid;
border-left: 0px solid;
border-bottom: 1px solid;
box-shadow: none;
text-transform: uppercase;
}
input.repeating_npc_weapon_damage {
margin-left: 5px;
width: 55px;
font-size: 12px;
background-color: transparent;
border-radius: 0px;
border-top: 0px solid;
border-right: 0px solid;
border-left: 0px solid;
border-bottom: 1px solid;
box-shadow: none;
}
input.repeating_npc_weapon_effect {
margin-left: 5px;
width: 135px;
font-size: 12px;
background-color: transparent;
border-radius: 0px;
border-top: 0px solid;
border-right: 0px solid;
border-left: 0px solid;
border-bottom: 1px solid;
box-shadow: none;
}
input.repeating_npc_weapon_rof {
margin-left: 5px;
margin-right: 2px;
width: 30px;
font-size: 14px;
background-color: transparent;
border-radius: 0px;
border-top: 0px solid;
border-right: 0px solid;
border-left: 0px solid;
border-bottom: 1px solid;
box-shadow: none;
text-transform: uppercase;
}
input.repeating_ability_name {
width: 235px;
color: #FFF;
margin-left: 10px;
font-size: 14px;
background-color: #636363;
text-transform: uppercase;
border:1px solid #000;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
box-shadow: none;
}
input.repeating_vuln_name {
width: 230px;
color: #FFF;
margin-left: 10px;
font-size: 14px;
background-color: #636363;
text-transform: uppercase;
border:1px solid #000;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
box-shadow: none;
}
input.repeating_npcskill_name {
margin-top: -2px;
margin-left: 2px;
margin-right: -10px;
width: 140px;
font-size: 14px;
font-weight: bold;
background-color: transparent;
border: 0px solid #000;
box-shadow: none;
text-transform: uppercase;
}
select.repeating_npcskill_stat {
margin-top: 4px;
margin-bottom: 4px;
width: 60px;
font-size: 11px;
background-color: transparent;
border:0px solid;
box-shadow: none;
}
textarea.repeating_ability_text {
margin-left: 10px;
font-size: 11px;
width: 213px;
height: 70px;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 2px;
background-color: #c1c1c1;
resize: vertical;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border: 1px solid #000;
}
textarea.repeating_vuln_text {
margin-left: 10px;
font-size: 11px;
width: 208px;
height: 40px;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 2px;
background-color: #c1c1c1;
resize: vertical;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border: 1px solid #000;
}
input.repeating_loot_text {
margin-left: 10px;
width: 235px;
height: 30px;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 2px;
background-color: #c1c1c1;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border: 1px solid #000;
}
input.repeating_npcskill_score {
width: 27px;
height: 25px;
margin-top: -2px;
font-size: 14px;
background-color: #e8e8e8;
border: 1px solid #000;
border-radius: 5px;
box-shadow: inset 0px 0px 4px 0px #262626;
}
/* ----------- */
.charsheet {
margin-left: -20px;
margin-top: 0px;
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/repeating_bg.jpg");
background-repeat: repeat;
}
/* PC SECTION */
/*NPC Tabs Setup */
.sheet-block-pc,
.sheet-block-switch:checked ~ .sheet-block-npc {
display: block;
}
.sheet-block-npc,
.sheet-block-switch:checked ~ .sheet-block-pc {
display: none;
}
.sheet-show-used-checkbox {
display: none;
}
.sheet-show-used:checked ~ .sheet-block-pc .sheet-show-used-checkbox {
display: initial;
}
input[type="checkbox"].sheet-show-used,
input[type="checkbox"].sheet-cc-skills-checkbox,
input[type="checkbox"].sheet-whisper-checkbox,
input[type="checkbox"].sheet-block-switch {
opacity: 0;
width: 22px;
height: 22px;
position: relative;
bottom: 5px;
top: 1px;
left: 12px;
margin: -10px;
cursor: pointer;
z-index: 1;
}
input[type="checkbox"].sheet-show-used + span::before,
input[type="checkbox"].sheet-cc-skills-checkbox + span::before,
input[type="checkbox"].sheet-whisper-checkbox + span::before,
input[type="checkbox"].sheet-block-switch + span::before {
margin-right: 4px;
border: solid 1px #383838;
line-height: 14px;
text-align: center;
display: inline-block;
vertical-align: middle;
border:1px solid #000;
box-shadow: inset 0px 0px 3px 1px #2d2d2d;
border-radius: 0px;
background: #939393;
background: radial-gradient(#939393, #5b5b5b);
}
input[type="checkbox"].sheet-show-used + span::before,
input[type="checkbox"].sheet-cc-skills-checkbox + span::before,
input[type="checkbox"].sheet-whisper-checkbox + span::before,
input[type="checkbox"].sheet-block-switch + span::before {
content: "";
color: #262626;
width: 22px;
height: 22px;
line-height: 1;
font-size: 20px;
border-radius: 3px;
}
input[type="checkbox"].sheet-show-used:checked + span::before,
input[type="checkbox"].sheet-cc-skills-checkbox:checked + span::before,
input[type="checkbox"].sheet-whisper-checkbox:checked + span::before,
input[type="checkbox"].sheet-block-switch:checked + span::before {
content: "✓";
color: #FFF;
}
/* SECTION TABS SETUP */
.charsheet div[class^="sheet-section"] {
display: none;
}
.charsheet input.sheet-tab1:checked ~ div.sheet-section-skills,
.charsheet input.sheet-tab2:checked ~ div.sheet-section-abilities,
.charsheet input.sheet-tab3:checked ~ div.sheet-section-gear,
.charsheet input.sheet-tab4:checked ~ div.sheet-section-spells,
.charsheet input.sheet-tab5:checked ~ div.sheet-section-background {
display: block;
}
.charsheet input.sheet-tab99:checked ~ div[class^="sheet-section"] {
display: block;
}
.charsheet input.sheet-tab {
width: 185px;
height: 40px;
cursor: pointer;
position: relative;
opacity: 0;
z-index: 9999;
}
.charsheet input.sheet-tab-1 {
width: 185px;
height: 40px;
margin-left: 10px;
cursor: pointer;
position: relative;
opacity: 0;
z-index: 9999;
}
.charsheet span.sheet-tab {
text-align: center;
display: inline-block;
font-size: 11px;
background: #c1c1c1;
color: #000;
font-weight: bold;
width: 145px;
height: 40px;
cursor: pointer;
vertical-align: middle;
margin-left: -185px;
border:1px solid #000;
box-shadow: inset 0px 0px 10px 1px #232323;
}
.charsheet span.sheet-tab-right {
text-align: center;
display: inline-block;
font-size: 11px;
background: #c1c1c1;
color: #000;
font-weight: bold;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
width: 145px;
height: 40px;
cursor: pointer;
vertical-align: middle;
margin-left: -185px;
border:1px solid #000;
box-shadow: inset 0px 0px 10px 1px #232323;
}
.charsheet span.sheet-tab-left {
text-align: center;
display: inline-block;
font-size: 11px;
background: #c1c1c1;
color: #000;
font-weight: bold;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
width: 145px;
height: 40px;
cursor: pointer;
position: relative;
vertical-align: middle;
margin-left: -200px;
border:1px solid #000;
box-shadow: inset 0px 0px 10px 1px #232323;
}
.charsheet input.sheet-tab1:checked + span.sheet-tab1,
.charsheet input.sheet-tab2:checked + span.sheet-tab2,
.charsheet input.sheet-tab3:checked + span.sheet-tab3,
.charsheet input.sheet-tab4:checked + span.sheet-tab4,
.charsheet input.sheet-tab5:checked + span.sheet-tab5,
.charsheet input.sheet-tab99:checked + span.sheet-tab99 {
background: #3d3d3d;
color: #FFF;
}
/* SHEET IMG TITLES */
.sheet-top-title-image {
display:block;
margin-top: 15px;
margin-left: -5px;
width: 500px;
}
/* SHEET LAYOUT */
img.sheet-logo {
display:inline-block;
margin-left: 10px;
margin-top: -30px;
margin-bottom: 10px;
width: 100%;
z-index:-100;
}
input {
text-align: center;
}
input, select, textarea {
color: #333;
outline: none;
box-shadow: inset 0px 0px 3px 1px #7c7c7c;
}
textarea {
text-align: justify;
}
select option {
color: #333;
}
.sheet-full-page {
}
.sheet-top-grid {
display: grid;
grid-template-columns: 30% 40% 30%;
margin-top: -25px;
width: 850px;
}
.sheet-middle-grid {
display: grid;
grid-template-columns: 70% 30%;
width: 800px;
}
.sheet-middle2-grid {
display: grid;
grid-template-columns: 50% 50%
}
.sheet-middle-alc-grid {
display: grid;
grid-template-columns: 65% 35%;
}
.sheet-middle-skill-grid {
display: grid;
grid-template-columns: 33.33% 33.33% 33.33%;
}
label.sheet-legend-top {
display: inline-block;
height:5px;
width: 182px;
text-align: right;
font-size: 10px;
}
label.sheet-legend-skill {
display: inline-block;
margin: 2px 0px 0px -18px;
text-align: right;
font-size: 10px;
}
label.sheet-legend {
display: inline-block;
height: 5px;
width: 215px;
text-align: right;
font-size: 10px;
}
/* Top Bar */
.sheet-filter {
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/top_banner.png");
background-repeat: repeat-x;
margin-left: -10px;
margin-top: -10px;
margin-bottom: 30px;
}
label.sheet-toggle-npc {
display: inline-block;
margin-top: 20px;
margin-left: -10px;
font-size: 11px;
text-align: right;
color: #939393;
font-weight: 1;
width: 80px;
z-index: 1;
}
label.sheet-toggle-options {
display: inline-block;
margin-top: 20px;
margin-left: -5px;
font-size: 11px;
text-align: right;
color: #939393;
font-weight: 1;
width: 100px;
z-index: 1;
}
label.sheet-toggle-whisper {
display: inline-block;
margin-top: 20px;
margin-left: 40px;
font-size: 11px;
text-align: right;
color: #939393;
font-weight: 1;
width: 100px;
z-index: 1;
}
label.sheet-toggle-skills {
display: inline-block;
margin-top: 20px;
margin-left: -5px;
font-size: 11px;
text-align: right;
color: #939393;
font-weight: 1;
width: 100px;
z-index: 1;
}
label.sheet-toggle-trackbox {
display: inline-block;
margin-top: 20px;
margin-left: -5px;
font-size: 11px;
text-align: right;
color: #939393;
font-weight: 1;
width: 170px;
z-index: 1;
}
/* MAJOR STAT & CHARACTER SECTION */
label.sheet-stattotal {
display: inline-block;
margin-left: 41px;
margin-top: 10px;
width: 75px;
text-align: right;
font-size: 12px;
}
label.sheet-skilltotal {
display: inline-block;
margin-left: 60px;
margin-top: 10px;
width: 90px;
text-align: right;
font-size: 12px;
}
span.sheet-toggle-message {
display: inline-block;
width: 230px;
margin: 0px 0px 0px 38px;
text-align: center;
line-height: 1.2em;
font-size: 11px;
}
label.sheet-stattitle {
display: inline-block;
width: 90px;
text-align: right;
font-size: 14px;
}
label.sheet-stattitle2 {
display: inline-block;
width: 90px;
margin-left: 25px;
text-align: right;
font-size: 14px;
}
label.sheet-stattitle3 {
display: inline-block;
width: 90px;
margin-right: -7px;
text-align: right;
font-size: 14px;
}
label.sheet-woundtitle {
display: inline-block;
width: 130px;
margin-left: 13px;
text-align: right;
color: #5e0000;
font-size: 12px;
}
label.sheet-chartitle {
display: inline-block;
font-size: 11px;
text-align: right;
width: 40px;
}
label.sheet-agetitle {
display: inline-block;
font-size: 11px;
margin-left: 4px;
text-align: right;
width: 25px;
}
label.sheet-racetitle {
display: inline-block;
font-size: 11px;
text-align: right;
width: 40px;
}
label.sheet-gendertitle {
display: inline-block;
font-size: 11px;
margin-left: 4px;
text-align: right;
width: 45px;
}
label.sheet-proftitle {
display: inline-block;
font-size: 11px;
text-align: right;
width: 40px;
}
label.sheet-origintitle {
display: inline-block;
font-size: 11px;
margin-left: 4px;
text-align: right;
width: 40px;
}
input.sheet-smallbox {
border:1px solid #000;
margin: 2px;
border-radius: 0px;
width:40px;
}
input[type='number'].sheet-smallbox2,
input.sheet-smallbox2 {
border:1px solid #000;
margin: 2px 0px 2px 0px;
border-radius: 0px;
width:45px;
color: #FFF;
box-shadow: inset 0px 0px 3px 1px #3d1b1b;
background-color: #5e0000;
}
input[type='number'].sheet-smallbox3 {
border:1px solid #000;
margin:2px;
border-radius: 0px;
width:55px;
}
input[type='number'].sheet-smallbox4 {
border:1px solid #000;
margin:2px;
border-radius: 0px;
width: 55px;
color: #FFF;
box-shadow: inset 0px 0px 3px 1px #3d1b1b;
background-color: #5e0000;
}
input.sheet-statbox {
border:1px solid #000;
margin: 2px 0px 2px 0px;
border-radius: 0px;
height:30px;
width:45px;
}
input.sheet-statbox2 {
border:1px solid #000;
margin: 2px 0px 2px 0px;
border-radius: 0px;
width:45px;
}
input.sheet-statbox3 {
border:1px solid #000;
height: 27px;
margin: 1px 2px 1px 4px;
border-radius: 0px;
width: 85px;
}
input.repeating_skillbox,
input.sheet-skillbox {
border:1px solid #000;
margin: 2px 0px 2px 0px;
border-radius: 0px;
width:40px;
}
input.sheet-smallbox-wound {
border:1px solid #5e0000;
color: #770000;
font-weight: bold;
border-radius: 0px;
height: 25px;
width: 38px;
box-shadow: inset 0px 0px 2px 1px #5e0000;
}
label.sheet-totalev-title {
display: inline-block;
width: 120px;
margin-bottom: 3px;
padding-right: 4px;
text-align: right;
color: #5e0000;
font-size: 11px;
}
label.sheet-totalev-title2 {
display: inline-block;
width: 173px;
margin: 2px 0px 4px 0px;
padding-right: 4px;
text-align: right;
color: #5e0000;
font-size: 11px;
}
input[type='number'].sheet-totalev {
border: 1px solid #5e0000;
color: #770000;
font-weight: bold;
font-size: 11px;
border-radius: 0px;
height: 20px;
width: 30px;
box-shadow: inset 0px 0px 2px 1px #5e0000;
}
input.sheet-name-box {
width:180px;
border:1px solid #000;
border-radius: 0px;
}
input.sheet-race-box {
border:1px solid #000;
border-radius: 0px;
width:110px;
}
input.sheet-gender-box {
border:1px solid #000;
border-radius: 0px;
width: 90px;
}
input.sheet-age-box {
border:1px solid #000;
border-radius: 0px;
width:40px;
}
input.sheet-prof-box {
border:1px solid #000;
border-radius: 0px;
width: 100px;
}
input.sheet-origin-box {
border:1px solid #000;
border-radius: 0px;
width: 105px;
}
/* SKLLS & MODIFIERS SECTION*/
.sheet-stunstat-container,
.sheet-runstat-container,
.sheet-leapstat-container,
.sheet-encstat-container,
.sheet-recstat-container,
.sheet-hpstat-container,
.sheet-stastat-container,
.sheet-resolvestat-container,
.sheet-focusstat-container,
.sheet-intstat-container,
.sheet-refstat-container,
.sheet-dexstat-container,
.sheet-bodystat-container,
.sheet-spdstat-container,
.sheet-empstat-container,
.sheet-crastat-container,
.sheet-willstat-container {
width: 180px;
margin: 3px 0px -8px 40px;
}
.sheet-courage-container,
.sheet-hex_weaving-container,
.sheet-intimidation-container,
.sheet-spell_casting-container,
.sheet-resist_magic-container,
.sheet-resist_coercion-container,
.sheet-ritual_crafting-container,
.sheet-alchemy-container,
.sheet-crafting-container,
.sheet-disguise-container,
.sheet-first_aid-container,
.sheet-forgery-container,
.sheet-pick_lock-container,
.sheet-trap_crafting-container,
.sheet-charisma-container,
.sheet-deceit-container,
.sheet-gambling-container,
.sheet-grooming_and_style-container,
.sheet-human_perception-container,
.sheet-leadership-container,
.sheet-persuasion-container,
.sheet-seduction-container,
.sheet-physique-container,
.sheet-endurance-container,
.sheet-archery-container,
.sheet-athletics-container,
.sheet-crossbow-container,
.sheet-sleight_of_hand-container,
.sheet-stealth-container,
.sheet-brawling-container,
.sheet-dodge_escape-container,
.sheet-melee-container,
.sheet-riding-container,
.sheet-sailing-container,
.sheet-small_blades-container,
.sheet-staff_spear-container,
.sheet-swordsmanship-container,
.sheet-awareness-container,
.sheet-business-container,
.sheet-deduction-container,
.sheet-education-container,
.sheet-nordling-container,
.sheet-elder_speech-container,
.sheet-dwarven-container,
.sheet-monster_lore-container,
.sheet-social_etiquette-container,
.sheet-streetwise-container,
.sheet-tactics-container,
.sheet-teaching-container,
.sheet-wilderness_survival-container {
width: 230px;
margin: -5px 0px -10px 40px;
}
input[type="checkbox"].repeating_mod_checkbox {
opacity: 0;
width: 22px;
height: 22px;
position: relative;
bottom: 5px;
top: 1px;
left: 12px;
margin: -10px;
cursor: pointer;
z-index: 1;
}
input[type="checkbox"].repeating_mod_checkbox + span::before {
margin-right: 4px;
border: solid 1px #383838;
line-height: 12px;
text-align: center;
display: inline-block;
vertical-align: middle;
border:1px solid #000;
box-shadow: inset 0px 0px 3px 1px #666666;
border-radius: 0px;
background: radial-gradient(#8f8f8f, #c9c9c9);
}
input[type="checkbox"].repeating_mod_checkbox + span::before {
content: "";
color: #262626;
width: 18px;
height: 18px;
line-height: 1;
font-size: 17px;
border-radius: 3px;
}
input[type="checkbox"].repeating_mod_checkbox:checked + span::before {
content: "✓";
}
input[type="checkbox"].sheet-toxic-unlock {
opacity: 0;
width: 16px;
height: 20px;
position: relative;
top: 5px;
left: 24px;
margin: 0px 0px 10px -15px;
cursor: pointer;
z-index: 1;
}
input[type="checkbox"].sheet-toxic-unlock + span::before {
margin-right: 10px;
margin-left: 5px;
margin-top: 8px;
line-height: 14px;
text-align: center;
display: inline-block;
vertical-align: middle;
font-family: "Pictos";
content: ")";
width: 14px;
height: 20px;
font-size: 20px;
color: white;
}
input[type="checkbox"].sheet-toxic-unlock:checked + span::before {
content: "(";
}
input.sheet-toxic-unlock:checked ~ div.sheet-toxic-container{
display: none;
}
input[type="checkbox"].sheet-stun-unlock,
input[type="checkbox"].sheet-run-unlock,
input[type="checkbox"].sheet-leap-unlock,
input[type="checkbox"].sheet-enc-unlock,
input[type="checkbox"].sheet-rec-unlock,
input[type="checkbox"].sheet-hp-unlock,
input[type="checkbox"].sheet-sta-unlock,
input[type="checkbox"].sheet-resolve-unlock,
input[type="checkbox"].sheet-focus-unlock,
input[type="checkbox"].sheet-int-unlock,
input[type="checkbox"].sheet-ref-unlock,
input[type="checkbox"].sheet-dex-unlock,
input[type="checkbox"].sheet-body-unlock,
input[type="checkbox"].sheet-spd-unlock,
input[type="checkbox"].sheet-emp-unlock,
input[type="checkbox"].sheet-cra-unlock,
input[type="checkbox"].sheet-will-unlock {
opacity: 0;
width: 16px;
height: 20px;
position: relative;
top: 5px;
left: 24px;
margin: 0px 0px 10px -15px;
cursor: pointer;
z-index: 1;
}
input[type="checkbox"].sheet-stun-unlock + span::before,
input[type="checkbox"].sheet-run-unlock + span::before,
input[type="checkbox"].sheet-leap-unlock + span::before,
input[type="checkbox"].sheet-enc-unlock + span::before,
input[type="checkbox"].sheet-rec-unlock + span::before,
input[type="checkbox"].sheet-hp-unlock + span::before,
input[type="checkbox"].sheet-sta-unlock + span::before,
input[type="checkbox"].sheet-resolve-unlock + span::before,
input[type="checkbox"].sheet-focus-unlock + span::before,
input[type="checkbox"].sheet-int-unlock + span::before,
input[type="checkbox"].sheet-ref-unlock + span::before,
input[type="checkbox"].sheet-dex-unlock + span::before,
input[type="checkbox"].sheet-body-unlock + span::before,
input[type="checkbox"].sheet-spd-unlock + span::before,
input[type="checkbox"].sheet-emp-unlock + span::before,
input[type="checkbox"].sheet-cra-unlock + span::before,
input[type="checkbox"].sheet-will-unlock + span::before {
margin-right: 10px;
margin-left: 5px;
margin-top: 8px;
line-height: 14px;
text-align: center;
display: inline-block;
vertical-align: middle;
font-family: "Pictos";
content: ")";
width: 14px;
height: 20px;
font-size: 20px;
color: #5e0000;
}
input[type="checkbox"].sheet-stun-unlock:checked + span::before,
input[type="checkbox"].sheet-run-unlock:checked + span::before,
input[type="checkbox"].sheet-leap-unlock:checked + span::before,
input[type="checkbox"].sheet-enc-unlock:checked + span::before,
input[type="checkbox"].sheet-rec-unlock:checked + span::before,
input[type="checkbox"].sheet-hp-unlock:checked + span::before,
input[type="checkbox"].sheet-sta-unlock:checked + span::before,
input[type="checkbox"].sheet-resolve-unlock:checked + span::before,
input[type="checkbox"].sheet-focus-unlock:checked + span::before,
input[type="checkbox"].sheet-int-unlock:checked + span::before,
input[type="checkbox"].sheet-ref-unlock:checked + span::before,
input[type="checkbox"].sheet-dex-unlock:checked + span::before,
input[type="checkbox"].sheet-body-unlock:checked + span::before,
input[type="checkbox"].sheet-spd-unlock:checked + span::before,
input[type="checkbox"].sheet-emp-unlock:checked + span::before,
input[type="checkbox"].sheet-cra-unlock:checked + span::before,
input[type="checkbox"].sheet-will-unlock:checked + span::before {
font-family: "Pictos";
content: " ";
}
input[type="checkbox"].sheet-stun-unlock:hover + span::before,
input[type="checkbox"].sheet-run-unlock:hover + span::before,
input[type="checkbox"].sheet-leap-unlock:hover + span::before,
input[type="checkbox"].sheet-enc-unlock:hover + span::before,
input[type="checkbox"].sheet-rec-unlock:hover + span::before,
input[type="checkbox"].sheet-hp-unlock:hover + span::before,
input[type="checkbox"].sheet-sta-unlock:hover + span::before,
input[type="checkbox"].sheet-resolve-unlock:hover + span::before,
input[type="checkbox"].sheet-focus-unlock:hover + span::before,
input[type="checkbox"].sheet-int-unlock:hover + span::before,
input[type="checkbox"].sheet-ref-unlock:hover + span::before,
input[type="checkbox"].sheet-dex-unlock:hover + span::before,
input[type="checkbox"].sheet-body-unlock:hover + span::before,
input[type="checkbox"].sheet-spd-unlock:hover + span::before,
input[type="checkbox"].sheet-emp-unlock:hover + span::before,
input[type="checkbox"].sheet-cra-unlock:hover + span::before,
input[type="checkbox"].sheet-will-unlock:hover + span::before {
font-family: "Pictos";
content: "(";
}
input.sheet-stun-unlock:checked ~ div.sheet-stunstat-container,
input.sheet-run-unlock:checked ~ div.sheet-runstat-container,
input.sheet-leap-unlock:checked ~ div.sheet-leapstat-container,
input.sheet-enc-unlock:checked ~ div.sheet-encstat-container,
input.sheet-rec-unlock:checked ~ div.sheet-recstat-container,
input.sheet-hp-unlock:checked ~ div.sheet-hpstat-container,
input.sheet-sta-unlock:checked ~ div.sheet-stastat-container,
input.sheet-resolve-unlock:checked ~ div.sheet-resolvestat-container,
input.sheet-focus-unlock:checked ~ div.sheet-focusstat-container,
input.sheet-int-unlock:checked ~ div.sheet-intstat-container,
input.sheet-ref-unlock:checked ~ div.sheet-refstat-container,
input.sheet-dex-unlock:checked ~ div.sheet-dexstat-container,
input.sheet-body-unlock:checked ~ div.sheet-bodystat-container,
input.sheet-spd-unlock:checked ~ div.sheet-spdstat-container,
input.sheet-emp-unlock:checked ~ div.sheet-empstat-container,
input.sheet-cra-unlock:checked ~ div.sheet-crastat-container,
input.sheet-will-unlock:checked ~ div.sheet-willstat-container{
display: none;
}
input[type="checkbox"].sheet-finearts-plus,
input[type="checkbox"].sheet-performance-plus {
opacity: 0;
width: 16px;
height: 20px;
position: relative;
top: 5px;
left: 24px;
margin: 0px 0px 10px -15px;
cursor: pointer;
z-index: 1;
}
input[type="checkbox"].sheet-finearts-plus + span::before,
input[type="checkbox"].sheet-performance-plus + span::before {
margin-right: 10px;
margin-left: 5px;
margin-top: 8px;
line-height: 14px;
text-align: center;
display: inline-block;
vertical-align: middle;
font-family: "Pictos";
content: "_";
width: 14px;
height: 20px;
font-size: 20px;
color: #5e0000;
}
input[type="checkbox"].sheet-finearts-plus:checked + span::before,
input[type="checkbox"].sheet-performance-plus:checked + span::before {
font-family: "Pictos";
content: "&";
}
input[type="checkbox"].sheet-finearts-plus:hover + span::before,
input[type="checkbox"].sheet-performance-plus:hover + span::before {
font-family: "Pictos";
content: "_";
}
input.sheet-finearts-plus:checked ~ div.sheet-finearts-container,
input.sheet-performance-plus:checked ~ div.sheet-performance-container {
display: none;
}
input[type="checkbox"].sheet-courage-unlock,
input[type="checkbox"].sheet-hex_weaving-unlock,
input[type="checkbox"].sheet-intimidation-unlock,
input[type="checkbox"].sheet-spell_casting-unlock,
input[type="checkbox"].sheet-resist_magic-unlock,
input[type="checkbox"].sheet-resist_coercion-unlock,
input[type="checkbox"].sheet-ritual_crafting-unlock,
input[type="checkbox"].sheet-charisma-unlock,
input[type="checkbox"].sheet-deceit-unlock,
input[type="checkbox"].sheet-gambling-unlock,
input[type="checkbox"].sheet-grooming_and_style-unlock,
input[type="checkbox"].sheet-human_perception-unlock,
input[type="checkbox"].sheet-leadership-unlock,
input[type="checkbox"].sheet-persuasion-unlock,
input[type="checkbox"].sheet-seduction-unlock,
input[type="checkbox"].sheet-archery-unlock,
input[type="checkbox"].sheet-athletics-unlock,
input[type="checkbox"].sheet-crossbow-unlock,
input[type="checkbox"].sheet-sleight_of_hand-unlock,
input[type="checkbox"].sheet-stealth-unlock,
input[type="checkbox"].sheet-awareness-unlock,
input[type="checkbox"].sheet-business-unlock,
input[type="checkbox"].sheet-deduction-unlock,
input[type="checkbox"].sheet-education-unlock,
input[type="checkbox"].sheet-nordling-unlock,
input[type="checkbox"].sheet-elder_speech-unlock,
input[type="checkbox"].sheet-dwarven-unlock,
input[type="checkbox"].sheet-monster_lore-unlock,
input[type="checkbox"].sheet-social_etiquette-unlock,
input[type="checkbox"].sheet-streetwise-unlock,
input[type="checkbox"].sheet-tactics-unlock,
input[type="checkbox"].sheet-teaching-unlock,
input[type="checkbox"].sheet-wilderness_survival-unlock {
opacity: 0;
width: 16px;
height: 20px;
position: relative;
top: 5px;
left: 24px;
margin: 0px 0px 10px -15px;
cursor: pointer;
z-index: 1;
}
input[type="checkbox"].sheet-courage-unlock + span::before,
input[type="checkbox"].sheet-hex_weaving-unlock + span::before,
input[type="checkbox"].sheet-intimidation-unlock + span::before,
input[type="checkbox"].sheet-spell_casting-unlock + span::before,
input[type="checkbox"].sheet-resist_magic-unlock + span::before,
input[type="checkbox"].sheet-resist_coercion-unlock + span::before,
input[type="checkbox"].sheet-ritual_crafting-unlock + span::before,
input[type="checkbox"].sheet-charisma-unlock + span::before,
input[type="checkbox"].sheet-deceit-unlock + span::before,
input[type="checkbox"].sheet-gambling-unlock + span::before,
input[type="checkbox"].sheet-grooming_and_style-unlock + span::before,
input[type="checkbox"].sheet-human_perception-unlock + span::before,
input[type="checkbox"].sheet-leadership-unlock + span::before,
input[type="checkbox"].sheet-persuasion-unlock + span::before,
input[type="checkbox"].sheet-seduction-unlock + span::before,
input[type="checkbox"].sheet-archery-unlock + span::before,
input[type="checkbox"].sheet-athletics-unlock + span::before,
input[type="checkbox"].sheet-crossbow-unlock + span::before,
input[type="checkbox"].sheet-sleight_of_hand-unlock + span::before,
input[type="checkbox"].sheet-stealth-unlock + span::before,
input[type="checkbox"].sheet-awareness-unlock + span::before,
input[type="checkbox"].sheet-business-unlock + span::before,
input[type="checkbox"].sheet-deduction-unlock + span::before,
input[type="checkbox"].sheet-education-unlock + span::before,
input[type="checkbox"].sheet-nordling-unlock + span::before,
input[type="checkbox"].sheet-elder_speech-unlock + span::before,
input[type="checkbox"].sheet-dwarven-unlock + span::before,
input[type="checkbox"].sheet-monster_lore-unlock + span::before,
input[type="checkbox"].sheet-social_etiquette-unlock + span::before,
input[type="checkbox"].sheet-streetwise-unlock + span::before,
input[type="checkbox"].sheet-tactics-unlock + span::before,
input[type="checkbox"].sheet-teaching-unlock + span::before,
input[type="checkbox"].sheet-wilderness_survival-unlock + span::before {
margin-right: 10px;
margin-left: 5px;
margin-top: 8px;
line-height: 14px;
text-align: center;
display: inline-block;
vertical-align: middle;
font-family: "Pictos";
content: ")";
width: 14px;
height: 20px;
font-size: 20px;
color: #5e0000;
}
input[type="checkbox"].sheet-courage-unlock:checked + span::before,
input[type="checkbox"].sheet-hex_weaving-unlock:checked + span::before,
input[type="checkbox"].sheet-intimidation-unlock:checked + span::before,
input[type="checkbox"].sheet-spell_casting-unlock:checked + span::before,
input[type="checkbox"].sheet-resist_magic-unlock:checked + span::before,
input[type="checkbox"].sheet-resist_coercion-unlock:checked + span::before,
input[type="checkbox"].sheet-ritual_crafting-unlock:checked + span::before,
input[type="checkbox"].sheet-charisma-unlock:checked + span::before,
input[type="checkbox"].sheet-deceit-unlock:checked + span::before,
input[type="checkbox"].sheet-gambling-unlock:checked + span::before,
input[type="checkbox"].sheet-grooming_and_style-unlock:checked + span::before,
input[type="checkbox"].sheet-human_perception-unlock:checked + span::before,
input[type="checkbox"].sheet-leadership-unlock:checked + span::before,
input[type="checkbox"].sheet-persuasion-unlock:checked + span::before,
input[type="checkbox"].sheet-seduction-unlock:checked + span::before,
input[type="checkbox"].sheet-archery-unlock:checked + span::before,
input[type="checkbox"].sheet-athletics-unlock:checked + span::before,
input[type="checkbox"].sheet-crossbow-unlock:checked + span::before,
input[type="checkbox"].sheet-sleight_of_hand-unlock:checked + span::before,
input[type="checkbox"].sheet-stealth-unlock:checked + span::before,
input[type="checkbox"].sheet-awareness-unlock:checked + span::before,
input[type="checkbox"].sheet-business-unlock:checked + span::before,
input[type="checkbox"].sheet-deduction-unlock:checked + span::before,
input[type="checkbox"].sheet-education-unlock:checked + span::before,
input[type="checkbox"].sheet-nordling-unlock:checked + span::before,
input[type="checkbox"].sheet-elder_speech-unlock:checked + span::before,
input[type="checkbox"].sheet-dwarven-unlock:checked + span::before,
input[type="checkbox"].sheet-monster_lore-unlock:checked + span::before,
input[type="checkbox"].sheet-social_etiquette-unlock:checked + span::before,
input[type="checkbox"].sheet-streetwise-unlock:checked + span::before,
input[type="checkbox"].sheet-tactics-unlock:checked + span::before,
input[type="checkbox"].sheet-teaching-unlock:checked + span::before,
input[type="checkbox"].sheet-wilderness_survival-unlock:checked + span::before {
font-family: "Pictos";
content: " ";
}
input[type="checkbox"].sheet-courage-unlock:hover + span::before,
input[type="checkbox"].sheet-hex_weaving-unlock:hover + span::before,
input[type="checkbox"].sheet-intimidation-unlock:hover + span::before,
input[type="checkbox"].sheet-spell_casting-unlock:hover + span::before,
input[type="checkbox"].sheet-resist_magic-unlock:hover + span::before,
input[type="checkbox"].sheet-resist_coercion-unlock:hover + span::before,
input[type="checkbox"].sheet-ritual_crafting-unlock:hover + span::before,
input[type="checkbox"].sheet-charisma-unlock:hover + span::before,
input[type="checkbox"].sheet-deceit-unlock:hover + span::before,
input[type="checkbox"].sheet-gambling-unlock:hover + span::before,
input[type="checkbox"].sheet-grooming_and_style-unlock:hover + span::before,
input[type="checkbox"].sheet-human_perception-unlock:hover + span::before,
input[type="checkbox"].sheet-leadership-unlock:hover + span::before,
input[type="checkbox"].sheet-persuasion-unlock:hover + span::before,
input[type="checkbox"].sheet-seduction-unlock:hover + span::before,
input[type="checkbox"].sheet-archery-unlock:hover + span::before,
input[type="checkbox"].sheet-athletics-unlock:hover + span::before,
input[type="checkbox"].sheet-crossbow-unlock:hover + span::before,
input[type="checkbox"].sheet-sleight_of_hand-unlock:hover + span::before,
input[type="checkbox"].sheet-stealth-unlock:hover + span::before,
input[type="checkbox"].sheet-awareness-unlock:hover + span::before,
input[type="checkbox"].sheet-business-unlock:hover + span::before,
input[type="checkbox"].sheet-deduction-unlock:hover + span::before,
input[type="checkbox"].sheet-education-unlock:hover + span::before,
input[type="checkbox"].sheet-nordling-unlock:hover + span::before,
input[type="checkbox"].sheet-elder_speech-unlock:hover + span::before,
input[type="checkbox"].sheet-dwarven-unlock:hover + span::before,
input[type="checkbox"].sheet-monster_lore-unlock:hover + span::before,
input[type="checkbox"].sheet-social_etiquette-unlock:hover + span::before,
input[type="checkbox"].sheet-streetwise-unlock:hover + span::before,
input[type="checkbox"].sheet-tactics-unlock:hover + span::before,
input[type="checkbox"].sheet-teaching-unlock:hover + span::before,
input[type="checkbox"].sheet-wilderness_survival-unlock:hover + span::before {
font-family: "Pictos";
content: "(";
}
input.sheet-courage-unlock:checked ~ div.sheet-courage-container,
input.sheet-hex_weaving-unlock:checked ~ div.sheet-hex_weaving-container,
input.sheet-intimidation-unlock:checked ~ div.sheet-intimidation-container,
input.sheet-spell_casting-unlock:checked ~ div.sheet-spell_casting-container,
input.sheet-resist_magic-unlock:checked ~ div.sheet-resist_magic-container,
input.sheet-resist_coercion-unlock:checked ~ div.sheet-resist_coercion-container,
input.sheet-ritual_crafting-unlock:checked ~ div.sheet-ritual_crafting-container,
input.sheet-charisma-unlock:checked ~ div.sheet-charisma-container,
input.sheet-deceit-unlock:checked ~ div.sheet-deceit-container,
input.sheet-gambling-unlock:checked ~ div.sheet-gambling-container,
input.sheet-grooming_and_style-unlock:checked ~ div.sheet-grooming_and_style-container,
input.sheet-human_perception-unlock:checked ~ div.sheet-human_perception-container,
input.sheet-leadership-unlock:checked ~ div.sheet-leadership-container,
input.sheet-persuasion-unlock:checked ~ div.sheet-persuasion-container,
input.sheet-seduction-unlock:checked ~ div.sheet-seduction-container,
input.sheet-archery-unlock:checked ~ div.sheet-archery-container,
input.sheet-athletics-unlock:checked ~ div.sheet-athletics-container,
input.sheet-crossbow-unlock:checked ~ div.sheet-crossbow-container,
input.sheet-sleight_of_hand-unlock:checked ~ div.sheet-sleight_of_hand-container,
input.sheet-stealth-unlock:checked ~ div.sheet-stealth-container,
input.sheet-awareness-unlock:checked ~ div.sheet-awareness-container,
input.sheet-business-unlock:checked ~ div.sheet-business-container,
input.sheet-deduction-unlock:checked ~ div.sheet-deduction-container,
input.sheet-education-unlock:checked ~ div.sheet-education-container,
input.sheet-nordling-unlock:checked ~ div.sheet-nordling-container,
input.sheet-elder_speech-unlock:checked ~ div.sheet-elder_speech-container,
input.sheet-dwarven-unlock:checked ~ div.sheet-dwarven-container,
input.sheet-monster_lore-unlock:checked ~ div.sheet-monster_lore-container,
input.sheet-social_etiquette-unlock:checked ~ div.sheet-social_etiquette-container,
input.sheet-streetwise-unlock:checked ~ div.sheet-streetwise-container,
input.sheet-tactics-unlock:checked ~ div.sheet-tactics-container,
input.sheet-teaching-unlock:checked ~ div.sheet-teaching-container,
input.sheet-wilderness_survival-unlock:checked ~ div.sheet-wilderness_survival-container {
display: none;
}
input[type="checkbox"].sheet-alchemy-unlock,
input[type="checkbox"].sheet-crafting-unlock,
input[type="checkbox"].sheet-disguise-unlock,
input[type="checkbox"].sheet-first_aid-unlock,
input[type="checkbox"].sheet-forgery-unlock,
input[type="checkbox"].sheet-pick_lock-unlock,
input[type="checkbox"].sheet-trap_crafting-unlock,
input[type="checkbox"].sheet-physique-unlock,
input[type="checkbox"].sheet-endurance-unlock,
input[type="checkbox"].sheet-brawling-unlock,
input[type="checkbox"].sheet-dodge_escape-unlock,
input[type="checkbox"].sheet-melee-unlock,
input[type="checkbox"].sheet-riding-unlock,
input[type="checkbox"].sheet-sailing-unlock,
input[type="checkbox"].sheet-small_blades-unlock,
input[type="checkbox"].sheet-staff_spear-unlock,
input[type="checkbox"].sheet-swordsmanship-unlock {
opacity: 0;
width: 16px;
height: 20px;
position: relative;
top: 5px;
left: 24px;
margin: 0px 0px 10px -15px;
cursor: pointer;
z-index: 1;
}
input[type="checkbox"].sheet-alchemy-unlock + span::before,
input[type="checkbox"].sheet-crafting-unlock + span::before,
input[type="checkbox"].sheet-disguise-unlock + span::before,
input[type="checkbox"].sheet-first_aid-unlock + span::before,
input[type="checkbox"].sheet-forgery-unlock + span::before,
input[type="checkbox"].sheet-pick_lock-unlock + span::before,
input[type="checkbox"].sheet-trap_crafting-unlock + span::before,
input[type="checkbox"].sheet-physique-unlock + span::before,
input[type="checkbox"].sheet-endurance-unlock + span::before,
input[type="checkbox"].sheet-brawling-unlock + span::before,
input[type="checkbox"].sheet-dodge_escape-unlock + span::before,
input[type="checkbox"].sheet-melee-unlock + span::before,
input[type="checkbox"].sheet-riding-unlock + span::before,
input[type="checkbox"].sheet-sailing-unlock + span::before,
input[type="checkbox"].sheet-small_blades-unlock + span::before,
input[type="checkbox"].sheet-staff_spear-unlock + span::before,
input[type="checkbox"].sheet-swordsmanship-unlock + span::before {
margin-right: 10px;
margin-left: 5px;
margin-top: 8px;
line-height: 14px;
text-align: center;
display: inline-block;
vertical-align: middle;
font-family: "Pictos";
content: ")";
width: 14px;
height: 20px;
font-size: 20px;
color: #444444;
}
input[type="checkbox"].sheet-alchemy-unlock:checked + span::before,
input[type="checkbox"].sheet-crafting-unlock:checked + span::before,
input[type="checkbox"].sheet-disguise-unlock:checked + span::before,
input[type="checkbox"].sheet-first_aid-unlock:checked + span::before,
input[type="checkbox"].sheet-forgery-unlock:checked + span::before,
input[type="checkbox"].sheet-pick_lock-unlock:checked + span::before,
input[type="checkbox"].sheet-trap_crafting-unlock:checked + span::before,
input[type="checkbox"].sheet-physique-unlock:checked + span::before,
input[type="checkbox"].sheet-endurance-unlock:checked + span::before,
input[type="checkbox"].sheet-brawling-unlock:checked + span::before,
input[type="checkbox"].sheet-dodge_escape-unlock:checked + span::before,
input[type="checkbox"].sheet-melee-unlock:checked + span::before,
input[type="checkbox"].sheet-riding-unlock:checked + span::before,
input[type="checkbox"].sheet-sailing-unlock:checked + span::before,
input[type="checkbox"].sheet-small_blades-unlock:checked + span::before,
input[type="checkbox"].sheet-staff_spear-unlock:checked + span::before,
input[type="checkbox"].sheet-swordsmanship-unlock:checked + span::before {
font-family: "Pictos";
content: " ";
}
input[type="checkbox"].sheet-alchemy-unlock:hover + span::before,
input[type="checkbox"].sheet-crafting-unlock:hover + span::before,
input[type="checkbox"].sheet-disguise-unlock:hover + span::before,
input[type="checkbox"].sheet-first_aid-unlock:hover + span::before,
input[type="checkbox"].sheet-forgery-unlock:hover + span::before,
input[type="checkbox"].sheet-pick_lock-unlock:hover + span::before,
input[type="checkbox"].sheet-trap_crafting-unlock:hover + span::before,
input[type="checkbox"].sheet-physique-unlock:hover + span::before,
input[type="checkbox"].sheet-endurance-unlock:hover + span::before,
input[type="checkbox"].sheet-brawling-unlock:hover + span::before,
input[type="checkbox"].sheet-dodge_escape-unlock:hover + span::before,
input[type="checkbox"].sheet-melee-unlock:hover + span::before,
input[type="checkbox"].sheet-riding-unlock:hover + span::before,
input[type="checkbox"].sheet-sailing-unlock:hover + span::before,
input[type="checkbox"].sheet-small_blades-unlock:hover + span::before,
input[type="checkbox"].sheet-staff_spear-unlock:hover + span::before,
input[type="checkbox"].sheet-swordsmanship-unlock:hover + span::before {
font-family: "Pictos";
content: "(";
}
input.sheet-alchemy-unlock:checked ~ div.sheet-alchemy-container,
input.sheet-crafting-unlock:checked ~ div.sheet-crafting-container,
input.sheet-disguise-unlock:checked ~ div.sheet-disguise-container,
input.sheet-first_aid-unlock:checked ~ div.sheet-first_aid-container,
input.sheet-forgery-unlock:checked ~ div.sheet-forgery-container,
input.sheet-pick_lock-unlock:checked ~ div.sheet-pick_lock-container,
input.sheet-trap_crafting-unlock:checked ~ div.sheet-trap_crafting-container,
input.sheet-physique-unlock:checked ~ div.sheet-physique-container,
input.sheet-endurance-unlock:checked ~ div.sheet-endurance-container,
input.sheet-brawling-unlock:checked ~ div.sheet-brawling-container,
input.sheet-dodge_escape-unlock:checked ~ div.sheet-dodge_escape-container,
input.sheet-melee-unlock:checked ~ div.sheet-melee-container,
input.sheet-riding-unlock:checked ~ div.sheet-riding-container,
input.sheet-sailing-unlock:checked ~ div.sheet-sailing-container,
input.sheet-small_blades-unlock:checked ~ div.sheet-small_blades-container,
input.sheet-staff_spear-unlock:checked ~ div.sheet-staff_spear-container,
input.sheet-swordsmanship-unlock:checked ~ div.sheet-swordsmanship-container{
display: none;
}
/* - */
input[type="checkbox"].sheet-spell_casting-dropdown,
input[type="checkbox"].sheet-ritual_crafting-dropdown,
input[type="checkbox"].sheet-archery-dropdown,
input[type="checkbox"].sheet-athletics-dropdown,
input[type="checkbox"].sheet-crossbow-dropdown,
input[type="checkbox"].sheet-swordsmanship-dropdown,
input[type="checkbox"].sheet-staff_spear-dropdown,
input[type="checkbox"].sheet-small_blades-dropdown,
input[type="checkbox"].sheet-melee-dropdown,
input[type="checkbox"].sheet-brawling-dropdown {
appearance: none;
outline: none;
border: none;
box-shadow: none;
}
input[type="checkbox"].sheet-spell_casting-dropdown::after,
input[type="checkbox"].sheet-ritual_crafting-dropdown::after,
input[type="checkbox"].sheet-archery-dropdown::after,
input[type="checkbox"].sheet-athletics-dropdown::after,
input[type="checkbox"].sheet-crossbow-dropdown::after,
input[type="checkbox"].sheet-swordsmanship-dropdown::after,
input[type="checkbox"].sheet-staff_spear-dropdown::after,
input[type="checkbox"].sheet-small_blades-dropdown::after,
input[type="checkbox"].sheet-melee-dropdown::after,
input[type="checkbox"].sheet-brawling-dropdown::after {
content: attr(label);
display: block;
height: 15px;
margin-right: 5px;
width: 123px;
text-shadow: none;
font-weight: bold;
text-align: right;
font-family: "Helvetica";
font-size: 10px;
}
input[type="checkbox"].sheet-spell_casting-dropdown:hover::after,
input[type="checkbox"].sheet-ritual_crafting-dropdown:hover::after,
input[type="checkbox"].sheet-archery-dropdown:hover::after,
input[type="checkbox"].sheet-athletics-dropdown:hover::after,
input[type="checkbox"].sheet-swordsmanship-dropdown:hover::after,
input[type="checkbox"].sheet-staff_spear-dropdown:hover::after,
input[type="checkbox"].sheet-small_blades-dropdown:hover::after,
input[type="checkbox"].sheet-melee-dropdown:hover::after,
input[type="checkbox"].sheet-brawling-dropdown:hover::after {
color: #5e0000;
}
input[type="checkbox"].sheet-spell_casting-dropdown:active::after,
input[type="checkbox"].sheet-ritual_crafting-dropdown:active::after,
input[type="checkbox"].sheet-archery-dropdown:active::after,
input[type="checkbox"].sheet-athletics-dropdown:active::after,
input[type="checkbox"].sheet-swordsmanship-dropdown:active::after,
input[type="checkbox"].sheet-staff_spear-dropdown:active::after,
input[type="checkbox"].sheet-small_blades-dropdown:active::after,
input[type="checkbox"].sheet-melee-dropdown:active::after,
input[type="checkbox"].sheet-brawling-dropdown:active::after {
color: #bc0000;
}
input.sheet-spell_casting-dropdown:checked ~ div.sheet-spell_casting-options,
input.sheet-ritual_crafting-dropdown:checked ~ div.sheet-ritual_crafting-options,
input.sheet-archery-dropdown:checked ~ div.sheet-archery-options,
input.sheet-athletics-dropdown:checked ~ div.sheet-athletics-options,
input.sheet-crossbow-dropdown:checked ~ div.sheet-crossbow-options,
input.sheet-swordsmanship-dropdown:checked ~ div.sheet-swordsmanship-options,
input.sheet-staff_spear-dropdown:checked ~ div.sheet-staff_spear-options,
input.sheet-small_blades-dropdown:checked ~ div.sheet-small_blades-options,
input.sheet-melee-dropdown:checked ~ div.sheet-melee-options,
input.sheet-brawling-dropdown:checked ~ div.sheet-brawling-options {
display: none;
}
/* Skill List Drop Downs */
input[type="checkbox"].sheet-will-toggle,
input[type="checkbox"].sheet-emp-toggle,
input[type="checkbox"].sheet-dex-toggle,
input[type="checkbox"].sheet-int-toggle {
opacity: 0;
width: 16px;
height: 20px;
position: relative;
top: 5px;
left: 6px;
margin: -15px;
cursor: pointer;
z-index: 1;
}
input[type="checkbox"].sheet-will-toggle + span::before,
input[type="checkbox"].sheet-emp-toggle + span::before,
input[type="checkbox"].sheet-dex-toggle + span::before,
input[type="checkbox"].sheet-int-toggle + span::before {
margin-right: 10px;
line-height: 14px;
text-align: center;
display: inline-block;
vertical-align: middle;
content: "▼";
width: 14px;
height: 20px;
font-size: 25px;
color: #5e0000;
}
input[type="checkbox"].sheet-will-toggle:checked + span::before,
input[type="checkbox"].sheet-emp-toggle:checked + span::before,
input[type="checkbox"].sheet-dex-toggle:checked + span::before,
input[type="checkbox"].sheet-int-toggle:checked + span::before {
content: "►";
color: #5e0000;
}
input.sheet-will-toggle:checked ~ div.sheet-will-container,
input.sheet-emp-toggle:checked ~ div.sheet-emp-container,
input.sheet-dex-toggle:checked ~ div.sheet-dex-container,
input.sheet-int-toggle:checked ~ div.sheet-int-container {
display: none;
}
input[type="checkbox"].sheet-cra-toggle,
input[type="checkbox"].sheet-body-toggle,
input[type="checkbox"].sheet-ref-toggle {
opacity: 0;
width: 16px;
height: 20px;
position: relative;
top: 5px;
left: 6px;
margin: -15px;
cursor: pointer;
z-index: 1;
}
input[type="checkbox"].sheet-cra-toggle + span::before,
input[type="checkbox"].sheet-body-toggle + span::before,
input[type="checkbox"].sheet-ref-toggle + span::before {
margin-right: 10px;
line-height: 14px;
text-align: center;
display: inline-block;
vertical-align: middle;
content: "▼";
width: 14px;
height: 20px;
font-size: 25px;
color: #444444;
}
input[type="checkbox"].sheet-cra-toggle:checked + span::before,
input[type="checkbox"].sheet-body-toggle:checked + span::before,
input[type="checkbox"].sheet-ref-toggle:checked + span::before {
content: "►";
color: #444444;
}
input.sheet-cra-toggle:checked ~ div.sheet-cra-container,
input.sheet-body-toggle:checked ~ div.sheet-body-container,
input.sheet-ref-toggle:checked ~ div.sheet-ref-container {
display: none;
}
div.sheet-expanding-emp-choices {
width: 270px;
margin: 0px 0px 0px 23px;
}
label.sheet-attacktitle {
display: inline-block;
text-align: right;
font-size: 9px;
margin-right: -5px;
width: 80px;
line-height: 11px;
}
.sheet-swordsmanship-options,
.sheet-staff_spear-options,
.sheet-small_blades-options,
.sheet-melee-options,
.sheet-brawling-options {
padding: 5px;
margin: 10px 0px -5px 40px;
width: 230px;
background-image: linear-gradient(to right, #7c7b7b, transparent);
}
.sheet-spell_casting-options,
.sheet-athletics-options,
.sheet-crossbow-options,
.sheet-archery-options {
padding: 5px;
margin: 10px 0px -5px 40px;
width: 230px;
background-image: linear-gradient(to right, #8e5757, transparent);
}
/* Fake Exta Attack Checkbox */
input[type="checkbox"].sheet-ea-mod-checkbox {
opacity: 0;
width: 35px;
height: 35px;
position: relative;
bottom: 5px;
top: 2px;
left: 20px;
margin: -10px;
cursor: pointer;
z-index: 1;
}
input[type="checkbox"].sheet-ea-mod-checkbox + span::before {
margin-right: 4px;
border: solid 1px #a8a8a8;
line-height: 14px;
text-align: center;
display: inline-block;
vertical-align: middle;
border:1px solid #000;
box-shadow: inset 0px 0px 3px 1px #7c7c7c;
border-radius: 0px;
background: #f6f6f6;
background: radial-gradient(#f6f6f6, #dfdfdf);
}
input[type="checkbox"].sheet-ea-mod-checkbox + span::before {
content: "";
width: 30px;
height: 30px;
line-height: 1;
font-size: 30px;
border-radius: 3px;
}
input[type="checkbox"].sheet-ea-mod-checkbox:checked + span::before {
content: "✓";
}
/* Fake Mod Checkbox */
input[type="checkbox"].sheet-mod-checkbox {
opacity: 0;
width: 20px;
height: 20px;
position: relative;
bottom: 5px;
top: 2px;
left: 10px;
margin: -10px;
cursor: pointer;
z-index: 1;
}
input[type="checkbox"].sheet-mod-checkbox + span::before {
margin-right: 4px;
border: solid 1px #a8a8a8;
line-height: 14px;
text-align: center;
display: inline-block;
vertical-align: middle;
border:1px solid #000;
box-shadow: inset 0px 0px 3px 1px #7c7c7c;
border-radius: 0px;
background: #f6f6f6;
background: radial-gradient(#f6f6f6, #dfdfdf);
}
input[type="checkbox"].sheet-mod-checkbox + span::before {
content: "";
width: 20px;
height: 20px;
line-height: 1;
font-size: 20px;
border-radius: 3px;
}
input[type="checkbox"].sheet-mod-checkbox:checked + span::before {
content: "✓";
}
/* Modifiers */
.sheet-button-box {
padding:20px;
margin-top: 10px;
background: #5e0000;
width: 225px;
border-radius: 15px;
box-shadow: inset 0px 0px 30px 3px #0e1c26;
}
.sheet-stat-mod-box {
padding:15px;
padding-bottom: 20px;
background: #444444;
width: 235px;
border-radius: 15px;
box-shadow: inset 0px 0px 30px 3px #0e1c26;
}
.sheet-ip-box {
padding:20px;
width: 225px;
margin-top: 10px;
background: #606060;
border-radius: 15px;
box-shadow: inset 0px 0px 30px 3px #0e1c26;
border:1px solid #000;
}
label.sheet-modifiertitle-top {
display: inline-block;
text-align: center;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 15px;
font-size: 20px;
width: 220px;
}
label.sheet-stat-mod-title {
font-size: 11px;
display: inline-block;
text-align: right;
width: 25px;
}
label.sheet-quick-button-maintitle {
font-size: 20px;
text-align: center;
margin-bottom: -5px;
line-height: 1.3;
width: 230px;
}
label.sheet-ip-maintitle {
font-size: 18px;
color: #FFF;
font-weight: 1;
text-align: center;
margin-bottom: -5px;
line-height: 1.3;
width: 230px;
}
label.sheet-initiativetitle,
label.sheet-savetitle,
label.sheet-fumbletitle,
label.sheet-locationtitle {
display: inline-block;
margin-top: 10px;
width: 160px;
text-align: right;
font-size: 14px;
}
label.sheet-current-ip-title {
font-size: 13px;
color: #FFF;
font-weight: 1;
display: inline-block;
text-align: right;
margin-left: 30px;
width: 95px;
}
label.sheet-training-ip-title {
font-size: 15px;
color: #FFF;
font-weight: 1;
display: inline-block;
text-align: center;
width: 220px;
}
input.sheet-current-ip-element {
font-size: 12px;
display: inline-block;
width: 45px;
border: 1px solid #000;
border-radius: 0px;
}
input.sheet-training-ip-element {
font-size: 12px;
margin-left: 5px;
display: inline-block;
width: 160px;
height: 25px;
margin-bottom: 4px;
border: 1px solid #000;
border-radius: 0px;
}
input.sheet-training-ip2-element {
font-size: 12px;
margin-left: 5px;
display: inline-block;
width: 50px;
height: 25px;
margin-bottom: 4px;
border: 1px solid #000;
border-radius: 0px;
}
input[type='number'].sheet-stat-mod-element {
border:1px solid #000;
border-radius: 0px;
width: 40px;
color: #FFF;
background-color: #727272;
box-shadow: inset 0px 0px 8px 1px #232323;
}
label.sheet-helper-info {
display: inline-block;
font-size: 9px;
margin-left: 10px;
margin-top: 5px;
text-align: justify;
width: 250px;
}
/* ------------- */
/* Mod Boxes & Skill Titles */
.sheet-stat-mod-box label,
.sheet-combat-mod-box label,
.sheet-button-box label {
color: #FFFFFF;
font-weight: 1;
}
label.sheet-skilltitle {
display: inline-block;
text-align: right;
font-size: 10px;
width: 150px;
}
label.sheet-skilltitle-int,
.sheet-skilltitle-ref,
.sheet-skilltitle-dex,
.sheet-skilltitle-body,
.sheet-skilltitle-emp,
.sheet-skilltitle-cra,
.sheet-skilltitle-will {
display: inline-block;
text-align: left;
color: #FFF;
padding: 10px;
margin-left: 40px;
margin-top: 5px;
margin-bottom: 5px;
font-size: 18px;
font-weight: 1;
width: 200px;
}
label.sheet-skilltitle-int {
background-image: linear-gradient(to right, #5e0000, transparent);
}
label.sheet-skilltitle-ref {
background-image: linear-gradient(to right, #444444, transparent);
}
label.sheet-skilltitle-dex {
background-image: linear-gradient(to right, #5e0000, transparent);
}
label.sheet-skilltitle-body {
background-image: linear-gradient(to right, #444444, transparent);
}
label.sheet-skilltitle-emp {
background-image: linear-gradient(to right, #5e0000, transparent);
}
label.sheet-skilltitle-cra {
background-image: linear-gradient(to right, #444444, transparent);
}
label.sheet-skilltitle-will {
background-image: linear-gradient(to right, #5e0000, transparent);
}
.sheet-notes-container {
padding-top: 20px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 20px;
background: #444444;;
width: 235px;
margin-top: 10px;
border-radius: 15px;
box-shadow: inset 0px 0px 30px 3px #1c1c1c;
}
label.sheet-notes-maintitle {
font-size: 20px;
font-weight: 1;
color: #FFF;
text-align: center;
margin-bottom: -5px;
line-height: 1.3;
width: 230px;
}
textarea.sheet-notes-text {
width: 205px;
height: 150px;
resize: vertical;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 11px;
margin-left: 5px;
margin-bottom: -5px;
text-align: left;
border: 1px solid #000;
border-radius: 0px;
color: #FFF;
background-color: #727272;
box-shadow: inset 0px 0px 8px 1px #232323;
}
/* QUICK WEAPON BUTTONS */
input.sheet-quickweap-title {
width: 175px;
font-weight: bold;
text-align: right;
font-size: 11px;
color: #FFF;
box-shadow: none;
background-color: transparent;
border: 0px solid;
}
/* PROFESSION ABILITIES SECTION */
label.sheet-skill-level {
display: inline-block;
width: 90px;
font-weight: 1;
font-size: 12px;
color: #FFF;
margin-top: 3px;
margin-left: 3px;
border: 1px solid transparent;
text-align: right;
}
span.sheet-main-skill-span {
display: inline-block;
margin-left: 65px;
margin-top: 10px;
width: 650px;
height: 28px;
border-radius: 20px;
}
span.sheet-red1-skill-span,
span.sheet-red2-skill-span,
span.sheet-red3-skill-span,
span.sheet-green1-skill-span,
span.sheet-green2-skill-span,
span.sheet-green3-skill-span,
span.sheet-blue1-skill-span,
span.sheet-blue2-skill-span,
span.sheet-blue3-skill-span {
display: inline-block;
margin-top: 20px;
width: 255px;
height: 28px;
color: #FFF;
border-radius: 20px;
}
span.sheet-main-skill-span {
background: #282828;
}
span.sheet-blue1-skill-span {
background: #07005e;
}
span.sheet-blue2-skill-span {
background: #040038;
}
span.sheet-blue3-skill-span {
background: #020028;
}
span.sheet-green1-skill-span {
background: #1f5e00;
}
span.sheet-green2-skill-span {
background: #123800;
}
span.sheet-green3-skill-span {
background: #0d2800;
}
span.sheet-red1-skill-span {
background: #5e0000;
}
span.sheet-red2-skill-span {
background: #380000;
}
span.sheet-red3-skill-span {
background: #280000;
}
span.sheet-main-skill-span2 {
display: inline-block;
margin-left: 65px;
width: 650px;
height: 28px;
color: #FFF;
border-radius: 20px;
}
span.sheet-red1-skill-span2,
span.sheet-red2-skill-span2,
span.sheet-red3-skill-span2,
span.sheet-green1-skill-span2,
span.sheet-green2-skill-span2,
span.sheet-green3-skill-span2,
span.sheet-blue1-skill-span2,
span.sheet-blue2-skill-span2,
span.sheet-blue3-skill-span2 {
display: inline-block;
width: 255px;
height: 28px;
color: #FFF;
border-radius: 20px;
}
span.sheet-main-skill-span2 {
background: #282828;
}
span.sheet-blue1-skill-span2 {
background: #07005e;
}
span.sheet-blue2-skill-span2 {
background: #040038;
}
span.sheet-blue3-skill-span2 {
background: #020028;
}
span.sheet-green1-skill-span2 {
background: #1f5e00;
}
span.sheet-green2-skill-span2 {
background: #123800;
}
span.sheet-green3-skill-span2 {
background: #0d2800;
}
span.sheet-red1-skill-span2 {
background: #5e0000;
}
span.sheet-red2-skill-span2 {
background: #380000;
}
span.sheet-red3-skill-span2 {
background: #280000;
}
input.sheet-profession-title {
display: inline-block;
background: transparent;
font-size: 18px;
box-shadow: none;
border: 0px solid;
margin-left: 12px;
margin-top: 5px;
color: #FFF;
height: 33px;
width: 210px;
text-transform: uppercase;
}
input.sheet-prof-main-name {
display: inline-block;
background: transparent;
box-shadow: none;
border: 0px solid;
margin-left: 10px;
color: #FFF;
height: 28px;
width: 160px;
text-transform: uppercase;
}
select.sheet-prof-skill-choice {
display: inline-block;
margin-left: -4px;
color: #FFF;
background: transparent;
box-shadow: none;
border: 0px solid;
font-size: 13px;
width: 75px;
text-transform: uppercase;
}
textarea.sheet-prof-main-text {
width: 604px;
height: 100px;
padding: 8px;
font-size: 11px;
resize: none;
margin-left: 80px;
margin-bottom: -5px;
border: 1px solid #000;
background-color: #c6c6c6;
border-radius: 0px;
box-shadow: inset 0px 0px 6px 1px #232323;
}
textarea.sheet-prof-red1-text,
textarea.sheet-prof-red2-text,
textarea.sheet-prof-red3-text,
textarea.sheet-prof-green1-text,
textarea.sheet-prof-green2-text,
textarea.sheet-prof-green3-text,
textarea.sheet-prof-blue1-text,
textarea.sheet-prof-blue2-text,
textarea.sheet-prof-blue3-text {
width: 212px;
height: 160px;
padding: 8px;
font-size: 11px;
resize: vertical;
margin-left: 13px;
margin-bottom: -5px;
border: 1px solid #000;
border-radius: 0px;
box-shadow: inset 0px 0px 6px 1px #232323;
}
textarea.sheet-prof-red1-text {
background-color: #edd5d5;
}
textarea.sheet-prof-red2-text {
background-color: #d8b6b6;
}
textarea.sheet-prof-red3-text {
background-color: #b78787;
}
textarea.sheet-prof-green1-text {
background-color: #deedd5;
}
textarea.sheet-prof-green2-text {
background-color: #c4d8b6;
}
textarea.sheet-prof-green3-text {
background-color: #9db787;
}
textarea.sheet-prof-blue1-text {
background-color: #d5d7ed;
}
textarea.sheet-prof-blue2-text {
background-color: #b6b6d8;
}
textarea.sheet-prof-blue3-text {
background-color: #8887b7;
}
input.sheet-prof-skill-stat {
display: inline-block;
box-shadow: none;
border: 1px solid #000;
font-size: 15px;
font-weight: bold;
margin-left: 5px;
margin-right: 15px;
height: 25px;
width: 30px;
box-shadow: inset 0px 0px 4px 1px #232323;
}
/* ARMS, GEAR & BAGS */
/* Weapon Toggle Button */
input[type="checkbox"].sheet-shield-toggle,
input[type="checkbox"].sheet-fifth-weapon-toggle,
input[type="checkbox"].sheet-third-weapon-toggle,
input[type="checkbox"].sheet-primary-weapon-toggle {
opacity: 0;
width: 16px;
height: 16px;
position: relative;
top: 5px;
left: 6px;
margin: -15px;
cursor: pointer;
z-index: 1;
}
input[type="checkbox"].sheet-shield-toggle + span::before,
input[type="checkbox"].sheet-fifth-weapon-toggle + span::before,
input[type="checkbox"].sheet-third-weapon-toggle + span::before,
input[type="checkbox"].sheet-primary-weapon-toggle + span::before {
margin-right: 10px;
line-height: 14px;
text-align: center;
display: inline-block;
vertical-align: middle;
content: "▼";
width: 14px;
height: 14px;
font-size: 25px;
color: #444444;
}
input[type="checkbox"].sheet-shield-toggle:checked + span::before,
input[type="checkbox"].sheet-fifth-weapon-toggle:checked + span::before,
input[type="checkbox"].sheet-third-weapon-toggle:checked + span::before,
input[type="checkbox"].sheet-primary-weapon-toggle:checked + span::before {
content: "►";
color: #444444;
}
input.sheet-shield-toggle:checked ~ div.sheet-shield-padding-container,
input.sheet-fifth-weapon-toggle:checked ~ div.sheet-fifth-weapon-padding-container,
input.sheet-third-weapon-toggle:checked ~ div.sheet-third-weapon-padding-container,
input.sheet-primary-weapon-toggle:checked ~ div.sheet-primary-weapon-padding-container {
display: none;
}
input[type="checkbox"].sheet-sixth-weapon-toggle,
input[type="checkbox"].sheet-fourth-weapon-toggle,
input[type="checkbox"].sheet-secondary-weapon-toggle {
opacity: 0;
width: 16px;
height: 16px;
position: relative;
top: 5px;
left: 6px;
margin: -15px;
cursor: pointer;
z-index: 1;
}
input[type="checkbox"].sheet-sixth-weapon-toggle + span::before,
input[type="checkbox"].sheet-fourth-weapon-toggle + span::before,
input[type="checkbox"].sheet-secondary-weapon-toggle + span::before {
margin-right: 10px;
line-height: 14px;
text-align: center;
display: inline-block;
vertical-align: middle;
content: "▼";
width: 14px;
height: 14px;
font-size: 25px;
color: #5e0000;
}
input[type="checkbox"].sheet-sixth-weapon-toggle:checked + span::before,
input[type="checkbox"].sheet-fourth-weapon-toggle:checked + span::before,
input[type="checkbox"].sheet-secondary-weapon-toggle:checked + span::before {
content: "►";
color: #5e0000;
}
input.sheet-sixth-weapon-toggle:checked ~ div.sheet-sixth-weapon-padding-container,
input.sheet-fourth-weapon-toggle:checked ~ div.sheet-fourth-weapon-padding-container,
input.sheet-secondary-weapon-toggle:checked ~ div.sheet-secondary-weapon-padding-container {
display: none;
}
/* Weapon Boxes */
span.sheet-shield-gradient,
span.sheet-fifth-weapon-gradient,
span.sheet-third-weapon-gradient,
span.sheet-primary-weapon-gradient {
display: inline-block;
padding: 5px;
margin-left: 5px;
margin-top: 5px;
background-image: linear-gradient(to right, #444444, transparent);
}
span.sheet-sixth-weapon-gradient,
span.sheet-fourth-weapon-gradient,
span.sheet-secondary-weapon-gradient {
display: inline-block;
padding: 5px;
margin-left: 5px;
margin-top: 5px;
background-image: linear-gradient(to right, #5e0000, transparent);
}
.sheet-primary-weapon-padding-container,
.sheet-secondary-weapon-padding-container,
.sheet-third-weapon-padding-container,
.sheet-fourth-weapon-padding-container,
.sheet-fifth-weapon-padding-container,
.sheet-sixth-weapon-padding-container {
padding-top: 10px;
padding-left: 5px;
padding-right: 5px;
}
label.sheet-weapon-title {
display: inline-block;
width: 490px;
margin-top: 1px;
margin-bottom: 10px;
padding-left: 12px;
padding-right: 4px;
padding-top: 4px;
padding-bottom: 4px;
font-weight: 1;
font-size: 12px;
color: #FFF;
margin-bottom: 2px;
border-radius: 15px;
background: #444444;
}
label.sheet-weapon-accuracy {
display: inline-block;
font-size: 10px;
text-align: right;
width: 75px;
}
label.sheet-weapon-range {
display: inline-block;
font-size: 10px;
text-align: right;
width: 40px;
}
label.sheet-weapon-bonus {
display: inline-block;
font-size: 10px;
text-align: right;
margin-left: 2px;
width: 70px;
}
label.sheet-shield-held {
display: inline-block;
font-size: 10px;
text-align: right;
margin-left: 2px;
width: 70px;
}
label.sheet-shieldsize {
display: inline-block;
font-size: 10px;
text-align: right;
margin-left: 2px;
width: 70px;
}
label.sheet-weapon-reliability {
display: inline-block;
margin-left: -65px;
font-size: 10px;
text-align: right;
width: 72.5px;
}
label.sheet-weapon-rel {
display: inline-block;
margin-left: -5px;
font-size: 10px;
text-align: right;
width: 30px;
}
label.sheet-weapon-damage {
display: inline-block;
font-size: 10px;
text-align: right;
width: 50px;
}
label.sheet-weapon-type {
display: inline-block;
font-size: 10px;
text-align: right;
width: 28px;
}
label.sheet-weapon-effect {
display: inline-block;
margin-top: -4px;
font-size: 10px;
text-align: right;
width: 40px;
}
label.sheet-weapon-enhancement {
display: inline-block;
font-size: 10px;
margin-top: -4px;
text-align: right;
width: 80px;
}
label.sheet-weapon-conc {
display: inline-block;
font-size: 10px;
text-align: right;
width: 40px;
}
label.sheet-weapon-weight {
display: inline-block;
font-size: 10px;
text-align: right;
width: 50px;
margin-right: -2px;
}
label.sheet-encumbrance-value {
display: inline-block;
font-size: 10px;
text-align: left;
width: 130px;
margin: 10px -15px 2px 2px;
}
input.sheet-weapon-name {
width: 285px;
margin-right: 50px;
font-weight: bold;
text-align: left;
font-size: 14px;
color: #FFF;
box-shadow: none;
background-color: transparent;
border: 0px solid;
}
input.sheet-shield-name {
width: 220px;
margin-right: 30px;
font-weight: bold;
text-align: left;
font-size: 14px;
color: #FFF;
box-shadow: none;
background-color: transparent;
border: 0px solid;
}
select.sheet-weapon-bonus-element {
font-size: 10px;
display: inline-block;
margin-bottom: -1px;
width: 55px;
border: 1px solid #000;
border-radius: 0px;
}
select.sheet-encumbrance-value {
font-size: 12px;
width: 50px;
margin: 0px 0px 0px 0px;
border: 1px solid #000;
border-radius: 0px;
}
select.sheet-shield-size {
font-size: 10px;
display: inline-block;
margin-bottom: -1px;
width: 100px;
border: 1px solid #000;
border-radius: 0px;
}
input[type='number'].sheet-weapon-accuracy-element {
font-size: 12px;
margin-bottom: 2px;
width: 50px;
border: 1px solid #000;
border-radius: 0px;
}
input[type='number'].sheet-weapon-reliability-element {
font-size: 12px;
display: inline-block;
font-weight: bold;
background-color: #FFF;
width: 40px;
border: 1px solid #000;
border-radius: 0px;
}
input.sheet-weapon-type-element {
font-size: 12px;
display: inline-block;
width: 115px;
margin-top: -1px;
border: 1px solid #000;
border-radius: 0px;
}
input.sheet-weapon-damage-element {
font-size: 12px;
display: inline-block;
width: 61px;
border: 1px solid #000;
border-radius: 0px;
}
input.sheet-weapon-range-element {
font-size: 12px;
margin-bottom: 2px;
display: inline-block;
width: 55px;
border: 1px solid #000;
border-radius: 0px;
}
select.sheet-weapon-hold-element {
font-size: 10px;
margin-bottom: -4px;
width: 110px;
margin-right: 5px;
text-align: center;
border: 1px solid #000;
border-radius: 0px;
}
input.sheet-weapon-effect-element {
font-size: 11px;
display: inline-block;
width: 458px;
border: 1px solid #000;
border-radius: 0px;
}
input.sheet-weapon-enhancement-element {
font-size: 11px;
display: inline-block;
width: 418px;
border: 1px solid #000;
border-radius: 0px;
}
select.sheet-weapon-conc-element {
font-size: 10px;
width: 70px;
margin-bottom: -4px;
text-align: center;
border: 1px solid #000;
border-radius: 0px;
}
input.sheet-weapon-weight-element {
font-size: 12px;
display: inline-block;
width: 52px;
margin-top: -1px;
border: 1px solid #000;
border-radius: 0px;
}
input.sheet-shield-weight-element {
font-size: 12px;
display: inline-block;
width: 80px;
margin-top: -1px;
border: 1px solid #000;
border-radius: 0px;
}
/* Skill Modifier Repeating Sections */
input.repeating_extraskill,
input.sheet-extraskill {
box-shadow: none;
width: 70px;
margin: 0px 3px 0px 0px;
text-align: center;
background-color: transparent;
border-left: 0px solid;
border-right: 0px solid;
border-top: 0px solid;
border-bottom: 1px solid;
border-radius: 0px;
}
input.repeating_statmod_name {
box-shadow: none;
width: 80px;
text-align: center;
font-size: 10px;
font-weight: bold;
background-color: transparent;
border-left: 0px solid;
border-right: 0px solid;
border-top: 0px solid;
border-bottom: 1px solid;
border-radius: 0px;
}
input.repeating_mod_name {
box-shadow: none;
width: 135px;
text-align: center;
font-size: 10px;
font-weight: bold;
background-color: transparent;
border-left: 0px solid;
border-right: 0px solid;
border-top: 0px solid;
border-bottom: 1px solid;
border-radius: 0px;
}
input.repeating_mod {
width: 30px;
box-shadow: none;
text-align: center;
font-size: 11px;
font-weight: bold;
background-color: transparent;
border-left: 0px solid;
border-right: 0px solid;
border-top: 0px solid;
border-bottom: 1px solid;
border-radius: 0px;
}
/* ----- */
.sheet-weight-container {
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 6px;
background: #444444;
width: 235px;
margin-top: 20px;
border-radius: 15px;
box-shadow: inset 0px 0px 30px 3px #1c1c1c;
}
label.sheet-weight-title {
display: inline-block;
font-weight: 1;
color: #FFF;
font-size: 14px;
text-align: center;
margin-top: 2px;
margin-bottom: 2px;
width: 60px;
height: 40px;
}
span.sheet-total-weight-divider {
display: inline-block;
color: #FFF;
font-weight: 1;
font-size: 20px;
text-align: center;
width: 15px;
height: 40px;
}
input.sheet-display-weight {
text-align: center;
margin-top: -20px;
width: 60px;
height: 30px;
font-size: 15px;
color: #FFF;
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 1px solid #FFF;
border-radius: 0px;
color: #FFF;
background-color: transparent;
box-shadow: none;
}
/* Unarmed & toxicity box */
.sheet-unarmed-container {
display: grid;
grid-template-columns: 39% 1% 60%;
padding: 19px 15px 16px 15px;
background: #444444;
width: 475px;
margin-top: 10px;
border-radius: 15px;
box-shadow: inset 0px 0px 30px 3px #1c1c1c;
}
label.sheet-unarmed-title {
display: inline-block;
text-align: center;
width: 50px;
margin-left: 20px;
font-weight: 1;
font-size: 14px;
color: #FFF;
}
input.sheet-unarmed-dmg-element {
border:1px solid #000;
display: inline-block;
border-radius: 0px;
margin: 0px 3px 5px 2px;
width: 50px;
height: 25px;
color: #FFF;
text-align: center;
background-color: #727272;
box-shadow: inset 0px 0px 7px 1px #232323;
}
input.sheet-unarmed-element {
border:1px solid #000;
display: inline-block;
border-radius: 0px;
margin: 0px 3px 5px 2px;
width: 35px;
height: 25px;
color: #FFF;
text-align: center;
background-color: #727272;
box-shadow: inset 0px 0px 7px 1px #232323;
}
span.sheet-toxbar {
width: 170px;
height: 25px;
border: 1px solid black;
margin: 0px 0px -8px 0px;
display: inline-block;
color: black;
text-align: center;
}
input.sheet-toxbar[value="0"] ~ span.sheet-toxbar {
background: #666666;
}
input.sheet-toxbar[value="1"] ~ span.sheet-toxbar {
background: linear-gradient(to left, #666666 90%, #255200 5%,#449600 95%, #adfc03 100%);
box-shadow: inset 0px 0px 7px 1px #232323;
}
input.sheet-toxbar[value="2"] ~ span.sheet-toxbar {
background: linear-gradient(to left, #666666 80%, #255200 10%,#449600 90%, #adfc03 100%);
box-shadow: inset 0px 0px 7px 1px #232323;
}
input.sheet-toxbar[value="3"] ~ span.sheet-toxbar {
background: linear-gradient(to left, #666666 70%, #255200 20%,#449600 80%, #adfc03 100%);
box-shadow: inset 0px 0px 7px 1px #232323;
}
input.sheet-toxbar[value="4"] ~ span.sheet-toxbar {
background: linear-gradient(to left, #666666 60%, #255200 30%,#449600 70%, #adfc03 100%);
box-shadow: inset 0px 0px 7px 1px #232323;
}
input.sheet-toxbar[value="5"] ~ span.sheet-toxbar {
background: linear-gradient(to left, #666666 50%, #255200 40%,#449600 60%, #adfc03 80%);
box-shadow: inset 0px 0px 7px 1px #232323;
}
input.sheet-toxbar[value="6"] ~ span.sheet-toxbar {
background: linear-gradient(to left, #666666 40%, #255200 40%,#449600 50%, #adfc03 70%);
box-shadow: inset 0px 0px 7px 1px #232323;
}
input.sheet-toxbar[value="7"] ~ span.sheet-toxbar {
background: linear-gradient(to left, #666666 30%, #255200 30%,#449600 40%, #adfc03 60%);
box-shadow: inset 0px 0px 7px 1px #232323;
}
input.sheet-toxbar[value="8"] ~ span.sheet-toxbar {
background: linear-gradient(to left, #666666 20%, #255200 20%,#449600 30%, #adfc03 50%);
box-shadow: inset 0px 0px 7px 1px #232323;
}
input.sheet-toxbar[value="9"] ~ span.sheet-toxbar {
background: linear-gradient(to left, #666666 10%, #255200 10%,#449600 20%, #adfc03 40%);
box-shadow: inset 0px 0px 7px 1px #232323;
}
input.sheet-toxbar[value="10"] ~ span.sheet-toxbar {
background: linear-gradient(to left, #255200 1%,#449600 10%, #adfc03 30%);
box-shadow: inset 0px 0px 7px 1px #232323;
}
input.sheet-toxbar[value="11"] ~ span.sheet-toxbar {
background: #adfc03;
box-shadow: inset 0px 0px 7px 1px #232323;
}
label.sheet-toxictitle {
display: inline-block;
margin: 0px 0px -2px 0px;
width: 210px;
color: white;
font-weight: normal;
text-align: right;
font-size: 14px;
}
label.sheet-maxtoxic {
display: inline-block;
width: 189px;
color: white;
text-align: right;
font-size: 11px;
}
label.sheet-toxicpercent {
display: inline-block;
width: 10px;
margin: 0px 0px -5px 0px;
color: white;
text-align: right;
font-size: 16px;
}
input[type='number'].sheet-toxic-amount {
border:1px solid #000;
display: inline-block;
border-radius: 0px;
margin: 0px 3px 5px 2px;
width: 50px;
color: #FFF;
text-align: center;
background-color: #727272;
box-shadow: inset 0px 0px 7px 1px #232323;
}
.sheet-toxicity-divider {
border-radius: 15px;
margin: 6px 0px 0px -12px;
width: 2px;
height: 45px;
background: #FFF;
}
/* Gear/Equipment repeating field */
span.sheet-gear-item-span {
display: inline-block;
margin-left: -10px;
margin-right: 10px;
padding-left: 10px;
padding-top: 10px;
color: #FFF;
border-radius: 20px;
background: #444444;
}
label.sheet-gear-item-name {
display: inline-block;
text-align: center;
width: 130px;
font-weight: 1;
font-size: 12px;
color: #FFF;
}
label.sheet-gear-item-quantity {
display: inline-block;
text-align: center;
width: 50px;
font-weight: 1;
font-size: 12px;
color: #FFF;
}
label.sheet-gear-item-notes {
display: inline-block;
text-align: center;
width: 215px;
font-weight: 1;
font-size: 12px;
color: #FFF;
}
label.sheet-gear-item-weight {
display: inline-block;
text-align: center;
width: 50px;
font-weight: 1;
font-size: 12px;
color: #FFF;
}
input.repeating_gear_name,
input.repeating_gear_quantity,
input.repeating_gear_weight {
box-shadow: none;
text-align: center;
background-color: transparent;
border-left: 0px solid;
border-right: 0px solid;
border-top: 0px solid;
border-bottom: 1px solid;
border-radius: 0px;
}
input.repeating_gear_name {
width: 135px;
}
input.repeating_gear_notes {
width: 210px;
height: 25px;
margin: 0px 0px -3px 0px;
max-height: 60px;
box-shadow: none;
background-color: transparent;
border-left: 0px solid;
border-right: 0px solid;
border-top: 0px solid;
border-bottom: 1px solid;
border-radius: 0px;
}
input.repeating_gear_quantity,
input.repeating_gear_weight {
width: 50px;
font-weight: bold;
}
/* Currency & Alchemical Substance inventory */
span.sheet-currency-span,
span.sheet-component-span {
display: inline-block;
width: 265px;
margin-left: -10px;
margin-right: 10px;
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
font-size: 1em;
color: #FFF;
border-radius: 20px;
background: #444444;
}
label.sheet-currency-type {
display: inline-block;
text-align: center;
font-weight: 1;
width: 75px;
font-size: 12px;
color: #FFF;
}
label.sheet-currency-quantity {
display: inline-block;
text-align: center;
font-weight: 1;
width: 65px;
font-size: 12px;
color: #FFF;
}
label.sheet-currency-weight {
display: inline-block;
text-align: center;
font-weight: 1;
width: 70px;
font-size: 12px;
color: #FFF;
}
label.sheet-alchemical-substances {
display: inline-block;
text-align: center;
font-weight: 1;
margin-top: -5px;
margin-right: -5px;
margin-bottom: -5px;
width: 150px;
font-size: 11px;
color: #FFF;
}
label.sheet-alchemical-substances2 {
display: inline-block;
text-align: center;
font-weight: 1;
margin-top: -5px;
margin-bottom: -5px;
width: 155px;
font-size: 12px;
color: #FFF;
}
label.sheet-alchemical-quantity {
display: inline-block;
text-align: center;
font-weight: 1;
width: 35px;
font-size: 11px;
color: #FFF;
}
label.sheet-alchemical-weight {
display: inline-block;
text-align: center;
font-weight: 1;
width: 30px;
font-size: 11px;
color: #FFF;
}
label.sheet-alchemical-quantity2 {
display: inline-block;
text-align: center;
font-weight: 1;
width: 35px;
font-size: 12px;
color: #FFF;
}
label.sheet-alchemical-weight2 {
display: inline-block;
text-align: center;
font-weight: 1;
width: 35px;
font-size: 12px;
color: #FFF;
}
label.sheet-substance-type {
display: inline-block;
text-align: right;
margin-left: -20px;
line-height: 0.65;
padding: 5px;
width: 110px;
font-size: 14px;
}
img.sheet-alchemical-image {
display:inline-block;
margin-top: -5px;
margin-left: 10px;
margin-right: 15px;
width: 8%;
}
input.sheet-substance-quantity,
input.sheet-substance-weight {
box-shadow: none;
text-align: center;
width: 45px;
font-weight: bold;
background-color: transparent;
border-left: 0px solid;
border-right: 0px solid;
border-top: 0px solid;
border-bottom: 1px solid;
border-radius: 0px;
outline: none;
}
input[type="checkbox"].sheet-vitriol-toggle,
input[type="checkbox"].sheet-rebis-toggle,
input[type="checkbox"].sheet-aether-toggle,
input[type="checkbox"].sheet-quebrith-toggle,
input[type="checkbox"].sheet-hydragenum-toggle,
input[type="checkbox"].sheet-vermilion-toggle,
input[type="checkbox"].sheet-sol-toggle,
input[type="checkbox"].sheet-caelum-toggle,
input[type="checkbox"].sheet-fulgur-toggle {
opacity: 0;
width: 30px;
height: 25px;
margin-left: -20px;
margin-right: -10px;
position: relative;
top: 2px;
left: 15px;
cursor: pointer;
z-index: 1;
}
input[type="checkbox"].sheet-vitriol-toggle + span::before,
input[type="checkbox"].sheet-rebis-toggle + span::before,
input[type="checkbox"].sheet-aether-toggle + span::before,
input[type="checkbox"].sheet-quebrith-toggle + span::before,
input[type="checkbox"].sheet-hydragenum-toggle + span::before,
input[type="checkbox"].sheet-vermilion-toggle + span::before,
input[type="checkbox"].sheet-sol-toggle + span::before,
input[type="checkbox"].sheet-caelum-toggle + span::before,
input[type="checkbox"].sheet-fulgur-toggle + span::before {
margin-right: -20px;
line-height: 14px;
text-align: center;
display: inline-block;
vertical-align: middle;
content: "▼";
width: 14px;
height: 14px;
font-size: 25px;
color: #444444;
}
input[type="checkbox"].sheet-vitriol-toggle:checked + span::before,
input[type="checkbox"].sheet-rebis-toggle:checked + span::before,
input[type="checkbox"].sheet-aether-toggle:checked + span::before,
input[type="checkbox"].sheet-quebrith-toggle:checked + span::before,
input[type="checkbox"].sheet-hydragenum-toggle:checked + span::before,
input[type="checkbox"].sheet-vermilion-toggle:checked + span::before,
input[type="checkbox"].sheet-sol-toggle:checked + span::before,
input[type="checkbox"].sheet-caelum-toggle:checked + span::before,
input[type="checkbox"].sheet-fulgur-toggle:checked + span::before {
content: "►";
color: #444444;
}
input.sheet-vitriol-toggle:checked ~ div.sheet-vitriol-container,
input.sheet-rebis-toggle:checked ~ div.sheet-rebis-container,
input.sheet-aether-toggle:checked ~ div.sheet-aether-container,
input.sheet-quebrith-toggle:checked ~ div.sheet-quebrith-container,
input.sheet-hydragenum-toggle:checked ~ div.sheet-hydragenum-container,
input.sheet-vermilion-toggle:checked ~ div.sheet-vermilion-container,
input.sheet-sol-toggle:checked ~ div.sheet-sol-container,
input.sheet-caelum-toggle:checked ~ div.sheet-caelum-container,
input.sheet-fulgur-toggle:checked ~ div.sheet-fulgur-container {
display: none;
}
/* Currency repeating field */
select.repeating_currency_options,
input.repeating_currency_name,
input.repeating_currency_quantity {
box-shadow: none;
text-align: center;
background-color: transparent;
border-left: 0px solid;
border-right: 0px solid;
border-top: 0px solid;
border-bottom: 1px solid;
border-radius: 0px;
}
input.repeating_currency_name {
width: 85px;
}
select.repeating_currency_options {
width: 85px;
font-weight: bold;
font-size: 11px;
margin: 0px 0px -10px 0px;
}
input[type='number'].repeating_currency_quantity {
width: 70px;
font-weight: bold;
}
/* Substance repeating field */
input.repeating_sub_name,
input.repeating_sub_quantity,
input.repeating_sub_weight {
box-shadow: none;
text-align: center;
background-color: transparent;
border-left: 0px solid;
border-right: 0px solid;
border-top: 0px solid;
border-bottom: 1px solid;
border-radius: 0px;
}
input.repeating_sub_name {
width: 140px;
margin-left: 2px;
}
input.repeating_sub_quantity,
input.repeating_sub_weight {
width: 45px;
}
/* Component repeating field */
input.repeating_comp_name,
input.repeating_comp_quantity,
input.repeating_comp_weight {
box-shadow: none;
text-align: center;
background-color: transparent;
border-left: 0px solid;
border-right: 0px solid;
border-top: 0px solid;
border-bottom: 1px solid;
border-radius: 0px;
}
input.repeating_comp_name {
width: 155px;
}
input.repeating_comp_quantity,
input.repeating_comp_weight {
width: 45px;
font-weight: bold;
}
/* SPELLS & ABILITIES SECTION */
/* Spell Section Style */
label.sheet-vigor-title {
display: inline-block;
width: 50px;
margin-left: 10px;
margin-top: 10px;
text-align: right;
font-weight: 1;
font-size: 15px;
color: #FFF;
}
label.sheet-cur-sta-title {
display: inline-block;
width: 35px;
margin-top: 10px;
text-align: right;
font-weight: 1;
font-size: 15px;
color: #FFF;
}
.sheet-vigor-total-container {
padding-top: 17px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 19px;
background: #444444;
width: 235px;
margin-top: 20px;
border-radius: 15px;
box-shadow: inset 0px 0px 30px 3px #1c1c1c;
}
.sheet-vigor-focus-container {
padding: 15px;
background: #5e0000;
width: 235px;
margin-top: 10px;
border-radius: 15px;
box-shadow: inset 0px 0px 30px 3px #1c1c1c;
}
label.sheet-spellfocus-title {
font-size: 12px;
color: #FFF;
font-weight: 1;
display: inline-block;
text-align: center;
width: 70px;
}
label.sheet-focus-title {
font-size: 10px;
color: #FFF;
margin-right: -5px;
margin-left: 5px;
font-weight: 1;
display: inline-block;
text-align: center;
width: 60px;
}
label.sheet-greaterfocus-title {
font-size: 10px;
color: #FFF;
font-weight: 1;
margin-right: -10px;
display: inline-block;
text-align: center;
width: 100px;
}
input[type='number'].sheet-vigor-total {
border: 1px solid #000;
display: inline-block;
border-radius: 0px;
width: 50px;
height: 35px;
color: #FFF;
text-align: center;
font-size: 18px;
background-color: #727272;
box-shadow: inset 0px 0px 7px 1px #232323;
}
input.sheet-spellfocus-element {
border:1px solid #000;
display: inline-block;
border-radius: 0px;
width: 130px;
color: #FFF;
text-align: center;
background-color: #444444;
box-shadow: inset 0px 0px 7px 1px #232323;
}
input.sheet-spellfocus-stat {
border:1px solid #000;
display: inline-block;
border-radius: 0px;
width: 30px;
height: 25px;
color: #FFF;
text-align: center;
background-color: #727272;
box-shadow: inset 0px 0px 7px 1px #232323;
}
textarea.sheet-spellfocus-text {
width: 205px;
height: 50px;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 2px;
resize: vertical;
font-size: 11px;
margin-top: 0px;
margin-left: 4px;
margin-bottom: 0px;
text-align: left;
color: #FFF;
border: 1px solid #000;
border-radius: 0px;
background-color: #727272;
box-shadow: inset 0px 0px 7px 1px #232323;
}
input[type="checkbox"].sheet-focus1-toggle,
input[type="checkbox"].sheet-focus2-toggle,
input[type="checkbox"].sheet-focus3-toggle,
input[type="checkbox"].sheet-focus4-toggle {
opacity: 0;
width: 30px;
height: 25px;
margin-left: -20px;
margin-right: -10px;
position: relative;
top: 2px;
left: 15px;
cursor: pointer;
z-index: 1;
}
input[type="checkbox"].sheet-focus1-toggle + span::before,
input[type="checkbox"].sheet-focus2-toggle + span::before,
input[type="checkbox"].sheet-focus3-toggle + span::before,
input[type="checkbox"].sheet-focus4-toggle + span::before {
margin-right: -20px;
line-height: 14px;
text-align: center;
display: inline-block;
vertical-align: middle;
content: "▼";
width: 14px;
height: 14px;
font-size: 21px;
color: #FFF;
}
input[type="checkbox"].sheet-focus1-toggle:checked + span::before,
input[type="checkbox"].sheet-focus2-toggle:checked + span::before,
input[type="checkbox"].sheet-focus3-toggle:checked + span::before,
input[type="checkbox"].sheet-focus4-toggle:checked + span::before {
content: "►";
color: #FFF;
}
input.sheet-focus1-toggle:checked ~ div.sheet-focus1-container,
input.sheet-focus2-toggle:checked ~ div.sheet-focus2-container,
input.sheet-focus3-toggle:checked ~ div.sheet-focus3-container,
input.sheet-focus4-toggle:checked ~ div.sheet-focus4-container {
display: none;
}
/* repcontrol boxes */
/* --- Skills & Stats --- */
[data-groupname=repeating_finearts] .repcontrol_add,
[data-groupname=repeating_performance] .repcontrol_add {
display: inline-block;
box-shadow:none;
padding: 0px 5px 0px 5px;
font-size: 9px;
font-weight: bold;
margin: 5px 0px 0px 25px;
background: #cccccc;
border: 1px solid #000;
border-radius: 15px;
}
[data-groupname=repeating_finearts] .repitem,
[data-groupname=repeating_performance] .repitem {
}
[data-groupname=repeating_finearts] .repcontrol_edit,
[data-groupname=repeating_performance] .repcontrol_edit {
display: inline-block;
box-shadow:none;
padding: 0px 5px 0px 5px;
font-size: 9px;
font-weight: bold;
margin: 5px 40px 0px 0px;
background: #cccccc;
border: 1px solid #000;
border-radius: 15px;
}
[data-groupname=repeating_stunstat] .repcontrol_add,
[data-groupname=repeating_runstat] .repcontrol_add,
[data-groupname=repeating_leapstat] .repcontrol_add,
[data-groupname=repeating_encstat] .repcontrol_add,
[data-groupname=repeating_recstat] .repcontrol_add,
[data-groupname=repeating_hpstat] .repcontrol_add,
[data-groupname=repeating_stastat] .repcontrol_add,
[data-groupname=repeating_resolvestat] .repcontrol_add,
[data-groupname=repeating_focusstat] .repcontrol_add,
[data-groupname=repeating_intstat] .repcontrol_add,
[data-groupname=repeating_refstat] .repcontrol_add,
[data-groupname=repeating_dexstat] .repcontrol_add,
[data-groupname=repeating_bodystat] .repcontrol_add,
[data-groupname=repeating_spdstat] .repcontrol_add,
[data-groupname=repeating_empstat] .repcontrol_add,
[data-groupname=repeating_crastat] .repcontrol_add,
[data-groupname=repeating_willstat] .repcontrol_add,
[data-groupname=repeating_courage] .repcontrol_add,
[data-groupname=repeating_hexweaving] .repcontrol_add,
[data-groupname=repeating_intimidation] .repcontrol_add,
[data-groupname=repeating_spellcasting] .repcontrol_add,
[data-groupname=repeating_resistmagic] .repcontrol_add,
[data-groupname=repeating_resistcoercion] .repcontrol_add,
[data-groupname=repeating_ritualcrafting] .repcontrol_add,
[data-groupname=repeating_charisma] .repcontrol_add,
[data-groupname=repeating_deceit] .repcontrol_add,
[data-groupname=repeating_gambling] .repcontrol_add,
[data-groupname=repeating_groomingandstyle] .repcontrol_add,
[data-groupname=repeating_humanperception] .repcontrol_add,
[data-groupname=repeating_leadership] .repcontrol_add,
[data-groupname=repeating_persuasion] .repcontrol_add,
[data-groupname=repeating_seduction] .repcontrol_add,
[data-groupname=repeating_archery] .repcontrol_add,
[data-groupname=repeating_athletics] .repcontrol_add,
[data-groupname=repeating_crossbow] .repcontrol_add,
[data-groupname=repeating_sleightofhand] .repcontrol_add,
[data-groupname=repeating_stealth] .repcontrol_add,
[data-groupname=repeating_awareness] .repcontrol_add,
[data-groupname=repeating_business] .repcontrol_add,
[data-groupname=repeating_deduction] .repcontrol_add,
[data-groupname=repeating_education] .repcontrol_add,
[data-groupname=repeating_nordling] .repcontrol_add,
[data-groupname=repeating_elderspeech] .repcontrol_add,
[data-groupname=repeating_dwarven] .repcontrol_add,
[data-groupname=repeating_monsterlore] .repcontrol_add,
[data-groupname=repeating_socialetiquette] .repcontrol_add,
[data-groupname=repeating_streetwise] .repcontrol_add,
[data-groupname=repeating_tactics] .repcontrol_add,
[data-groupname=repeating_teaching] .repcontrol_add,
[data-groupname=repeating_wildernesssurvival] .repcontrol_add,
[data-groupname=repeating_alchemy] .repcontrol_add,
[data-groupname=repeating_crafting] .repcontrol_add,
[data-groupname=repeating_disguise] .repcontrol_add,
[data-groupname=repeating_firstaid] .repcontrol_add,
[data-groupname=repeating_forgery] .repcontrol_add,
[data-groupname=repeating_picklock] .repcontrol_add,
[data-groupname=repeating_trapcrafting] .repcontrol_add,
[data-groupname=repeating_physique] .repcontrol_add,
[data-groupname=repeating_endurance] .repcontrol_add,
[data-groupname=repeating_brawling] .repcontrol_add,
[data-groupname=repeating_dodgeescape] .repcontrol_add,
[data-groupname=repeating_melee] .repcontrol_add,
[data-groupname=repeating_riding] .repcontrol_add,
[data-groupname=repeating_sailing] .repcontrol_add,
[data-groupname=repeating_smallblades] .repcontrol_add,
[data-groupname=repeating_staffspear] .repcontrol_add,
[data-groupname=repeating_swordsmanship] .repcontrol_add {
display: inline-block;
box-shadow:none;
padding: 0px 5px 0px 5px;
font-size: 9px;
font-weight: bold;
margin: 5px 0px 0px 7px;
background: #cccccc;
border: 1px solid #000;
border-radius: 15px;
}
[data-groupname=repeating_stunstat] .repitem,
[data-groupname=repeating_runstat] .repitem,
[data-groupname=repeating_leapstat] .repitem,
[data-groupname=repeating_encstat] .repitem,
[data-groupname=repeating_recstat] .repitem,
[data-groupname=repeating_hpstat] .repitem,
[data-groupname=repeating_stastat] .repitem,
[data-groupname=repeating_resolvestat] .repitem,
[data-groupname=repeating_focusstat] .repitem,
[data-groupname=repeating_intstat] .repitem,
[data-groupname=repeating_refstat] .repitem,
[data-groupname=repeating_dexstat] .repitem,
[data-groupname=repeating_bodystat] .repitem,
[data-groupname=repeating_spdstat] .repitem,
[data-groupname=repeating_empstat] .repitem,
[data-groupname=repeating_crastat] .repitem,
[data-groupname=repeating_willstat] .repitem,
[data-groupname=repeating_courage] .repitem,
[data-groupname=repeating_hexweaving] .repitem,
[data-groupname=repeating_intimidation] .repitem,
[data-groupname=repeating_spellcasting] .repitem,
[data-groupname=repeating_resistmagic] .repitem,
[data-groupname=repeating_resistcoercion] .repitem,
[data-groupname=repeating_ritualcrafting] .repitem,
[data-groupname=repeating_charisma] .repitem,
[data-groupname=repeating_deceit] .repitem,
[data-groupname=repeating_gambling] .repitem,
[data-groupname=repeating_groomingandstyle] .repitem,
[data-groupname=repeating_humanperception] .repitem,
[data-groupname=repeating_leadership] .repitem,
[data-groupname=repeating_persuasion] .repitem,
[data-groupname=repeating_seduction] .repitem,
[data-groupname=repeating_archery] .repitem,
[data-groupname=repeating_athletics] .repitem,
[data-groupname=repeating_crossbow] .repitem,
[data-groupname=repeating_sleightofhand] .repitem,
[data-groupname=repeating_stealth] .repitem,
[data-groupname=repeating_awareness] .repitem,
[data-groupname=repeating_business] .repitem,
[data-groupname=repeating_deduction] .repitem,
[data-groupname=repeating_education] .repitem,
[data-groupname=repeating_nordling] .repitem,
[data-groupname=repeating_elderspeech] .repitem,
[data-groupname=repeating_dwarven] .repitem,
[data-groupname=repeating_monsterlore] .repitem,
[data-groupname=repeating_socialetiquette] .repitem,
[data-groupname=repeating_streetwise] .repitem,
[data-groupname=repeating_tactics] .repitem,
[data-groupname=repeating_teaching] .repitem,
[data-groupname=repeating_wildernesssurvival] .repitem,
[data-groupname=repeating_alchemy] .repitem,
[data-groupname=repeating_crafting] .repitem,
[data-groupname=repeating_disguise] .repitem,
[data-groupname=repeating_firstaid] .repitem,
[data-groupname=repeating_forgery] .repitem,
[data-groupname=repeating_picklock] .repitem,
[data-groupname=repeating_trapcrafting] .repitem,
[data-groupname=repeating_physique] .repitem,
[data-groupname=repeating_endurance] .repitem,
[data-groupname=repeating_brawling] .repitem,
[data-groupname=repeating_dodgeescape] .repitem,
[data-groupname=repeating_melee] .repitem,
[data-groupname=repeating_riding] .repitem,
[data-groupname=repeating_sailing] .repitem,
[data-groupname=repeating_smallblades] .repitem,
[data-groupname=repeating_staffspear] .repitem,
[data-groupname=repeating_swordsmanship] .repitem {
}
[data-groupname=repeating_stunstat] .repcontrol_edit,
[data-groupname=repeating_runstat] .repcontrol_edit,
[data-groupname=repeating_leapstat] .repcontrol_edit,
[data-groupname=repeating_encstat] .repcontrol_edit,
[data-groupname=repeating_recstat] .repcontrol_edit,
[data-groupname=repeating_hpstat] .repcontrol_edit,
[data-groupname=repeating_stastat] .repcontrol_edit,
[data-groupname=repeating_resolvestat] .repcontrol_edit,
[data-groupname=repeating_focusstat] .repcontrol_edit,
[data-groupname=repeating_intstat] .repcontrol_edit,
[data-groupname=repeating_refstat] .repcontrol_edit,
[data-groupname=repeating_dexstat] .repcontrol_edit,
[data-groupname=repeating_bodystat] .repcontrol_edit,
[data-groupname=repeating_spdstat] .repcontrol_edit,
[data-groupname=repeating_empstat] .repcontrol_edit,
[data-groupname=repeating_crastat] .repcontrol_edit,
[data-groupname=repeating_willstat] .repcontrol_edit,
[data-groupname=repeating_courage] .repcontrol_edit,
[data-groupname=repeating_hexweaving] .repcontrol_edit,
[data-groupname=repeating_intimidation] .repcontrol_edit,
[data-groupname=repeating_spellcasting] .repcontrol_edit,
[data-groupname=repeating_resistmagic] .repcontrol_edit,
[data-groupname=repeating_resistcoercion] .repcontrol_edit,
[data-groupname=repeating_ritualcrafting] .repcontrol_edit,
[data-groupname=repeating_charisma] .repcontrol_edit,
[data-groupname=repeating_deceit] .repcontrol_edit,
[data-groupname=repeating_gambling] .repcontrol_edit,
[data-groupname=repeating_groomingandstyle] .repcontrol_edit,
[data-groupname=repeating_humanperception] .repcontrol_edit,
[data-groupname=repeating_leadership] .repcontrol_edit,
[data-groupname=repeating_persuasion] .repcontrol_edit,
[data-groupname=repeating_seduction] .repcontrol_edit,
[data-groupname=repeating_archery] .repcontrol_edit,
[data-groupname=repeating_athletics] .repcontrol_edit,
[data-groupname=repeating_crossbow] .repcontrol_edit,
[data-groupname=repeating_sleightofhand] .repcontrol_edit,
[data-groupname=repeating_stealth] .repcontrol_edit,
[data-groupname=repeating_awareness] .repcontrol_edit,
[data-groupname=repeating_business] .repcontrol_edit,
[data-groupname=repeating_deduction] .repcontrol_edit,
[data-groupname=repeating_education] .repcontrol_edit,
[data-groupname=repeating_nordling] .repcontrol_edit,
[data-groupname=repeating_elderspeech] .repcontrol_edit,
[data-groupname=repeating_dwarven] .repcontrol_edit,
[data-groupname=repeating_monsterlore] .repcontrol_edit,
[data-groupname=repeating_socialetiquette] .repcontrol_edit,
[data-groupname=repeating_streetwise] .repcontrol_edit,
[data-groupname=repeating_tactics] .repcontrol_edit,
[data-groupname=repeating_teaching] .repcontrol_edit,
[data-groupname=repeating_wildernesssurvival] .repcontrol_edit,
[data-groupname=repeating_alchemy] .repcontrol_edit,
[data-groupname=repeating_crafting] .repcontrol_edit,
[data-groupname=repeating_disguise] .repcontrol_edit,
[data-groupname=repeating_firstaid] .repcontrol_edit,
[data-groupname=repeating_forgery] .repcontrol_edit,
[data-groupname=repeating_picklock] .repcontrol_edit,
[data-groupname=repeating_trapcrafting] .repcontrol_edit,
[data-groupname=repeating_physique] .repcontrol_edit,
[data-groupname=repeating_endurance] .repcontrol_edit,
[data-groupname=repeating_brawling] .repcontrol_edit,
[data-groupname=repeating_dodgeescape] .repcontrol_edit,
[data-groupname=repeating_melee] .repcontrol_edit,
[data-groupname=repeating_riding] .repcontrol_edit,
[data-groupname=repeating_sailing] .repcontrol_edit,
[data-groupname=repeating_smallblades] .repcontrol_edit,
[data-groupname=repeating_staffspear] .repcontrol_edit,
[data-groupname=repeating_swordsmanship] .repcontrol_edit {
display: inline-block;
box-shadow:none;
padding: 0px 5px 0px 5px;
font-size: 9px;
font-weight: bold;
margin: 5px 18px 0px 0px;
background: #cccccc;
border: 1px solid #000;
border-radius: 15px;
}
/* -- Core Sheet Buttons -- */
[data-groupname=repeating_events] .repcontrol_add,
[data-groupname=repeating_friends] .repcontrol_add,
[data-groupname=repeating_spells] .repcontrol_add,
[data-groupname=repeating_spells2] .repcontrol_add,
[data-groupname=repeating_spells3] .repcontrol_add,
[data-groupname=repeating_crafting2] .repcontrol_add,
[data-groupname=repeating_crafting3] .repcontrol_add,
[data-groupname=repeating_crafting4] .repcontrol_add {
display: inline-block;
box-shadow:none;
padding: 2px 8px 2px 6px;
font-size: 10px;
margin: 10px 0px 12px 5px;
background: #444444;
color: #FFF;
border: 1px solid #000;
border-radius: 15px;
}
[data-groupname=repeating_gear] .repcontrol_add {
display: inline-block;
box-shadow:none;
padding: 2px 8px 2px 6px;
font-size: 10px;
margin: 10px 0px 12px -5px;
background: #444444;
color: #FFF;
border: 1px solid #000;
border-radius: 15px;
}
[data-groupname=repeating_events] .repitem {
margin: 0px 0px -10px 0px;
}
[data-groupname=repeating_friends] .repitem,
[data-groupname=repeating_spells] .repitem,
[data-groupname=repeating_spells2] .repitem,
[data-groupname=repeating_spells3] .repitem,
[data-groupname=repeating_crafting2] .repitem,
[data-groupname=repeating_crafting3] .repitem,
[data-groupname=repeating_crafting4] .repitem,
[data-groupname=repeating_gear] .repitem {
}
[data-groupname=repeating_events] .repcontrol_edit,
[data-groupname=repeating_friends] .repcontrol_edit,
[data-groupname=repeating_spells] .repcontrol_edit,
[data-groupname=repeating_spells2] .repcontrol_edit,
[data-groupname=repeating_spells3] .repcontrol_edit,
[data-groupname=repeating_crafting2] .repcontrol_edit,
[data-groupname=repeating_crafting3] .repcontrol_edit,
[data-groupname=repeating_crafting4] .repcontrol_edit,
[data-groupname=repeating_gear] .repcontrol_edit {
display: inline-block;
box-shadow:none;
padding: 2px 6px 2px 8px;
font-size: 10px;
margin: 10px 25px 12px 0px;
background: #444444;
color: #FFF;
border: 1px solid #000;
border-radius: 15px;
}
[data-groupname=repeating_npcskill] .repcontrol_add,
[data-groupname=repeating_ability] .repcontrol_add,
[data-groupname=repeating_npcweapons] .repcontrol_add,
[data-groupname=repeating_loot] .repcontrol_add,
[data-groupname=repeating_fulgur] .repcontrol_add,
[data-groupname=repeating_caelum] .repcontrol_add,
[data-groupname=repeating_sol] .repcontrol_add,
[data-groupname=repeating_vermilion] .repcontrol_add,
[data-groupname=repeating_hydragenum] .repcontrol_add,
[data-groupname=repeating_quebrith] .repcontrol_add,
[data-groupname=repeating_aether] .repcontrol_add,
[data-groupname=repeating_rebis] .repcontrol_add,
[data-groupname=repeating_vitriol] .repcontrol_add,
[data-groupname=repeating_comp] .repcontrol_add,
[data-groupname=repeating_currency] .repcontrol_add {
display: inline-block;
box-shadow:none;
padding: 2px 8px 2px 6px;
font-size: 10px;
margin: 10px 0px 12px 5px;
background: #444444;
color: #FFF;
border: 1px solid #000;
border-radius: 15px;
}
[data-groupname=repeating_npcskill] .repitem,
[data-groupname=repeating_ability] .repitem,
[data-groupname=repeating_npcweapons] .repitem,
[data-groupname=repeating_loot] .repitem,
[data-groupname=repeating_fulgur] .repitem,
[data-groupname=repeating_caelum] .repitem,
[data-groupname=repeating_sol] .repitem,
[data-groupname=repeating_vermilion] .repitem,
[data-groupname=repeating_hydragenum] .repitem,
[data-groupname=repeating_quebrith] .repitem,
[data-groupname=repeating_aether] .repitem,
[data-groupname=repeating_rebis] .repitem,
[data-groupname=repeating_vitriol] .repitem,
[data-groupname=repeating_comp] .repitem,
[data-groupname=repeating_currency] .repitem {
}
[data-groupname=repeating_npcskill] .repcontrol_edit,
[data-groupname=repeating_ability] .repcontrol_edit,
[data-groupname=repeating_npcweapons] .repcontrol_edit,
[data-groupname=repeating_loot] .repcontrol_edit,
[data-groupname=repeating_fulgur] .repcontrol_edit,
[data-groupname=repeating_caelum] .repcontrol_edit,
[data-groupname=repeating_sol] .repcontrol_edit,
[data-groupname=repeating_vermilion] .repcontrol_edit,
[data-groupname=repeating_hydragenum] .repcontrol_edit,
[data-groupname=repeating_quebrith] .repcontrol_edit,
[data-groupname=repeating_aether] .repcontrol_edit,
[data-groupname=repeating_rebis] .repcontrol_edit,
[data-groupname=repeating_vitriol] .repcontrol_edit,
[data-groupname=repeating_comp] .repcontrol_edit,
[data-groupname=repeating_currency] .repcontrol_edit {
display: inline-block;
box-shadow:none;
padding: 2px 6px 2px 8px;
font-size: 10px;
margin: 10px 17px 12px 0px;
background: #444444;
color: #FFF;
border: 1px solid #000;
border-radius: 15px;
}
[data-groupname=repeating_vulnerability] .repcontrol_add,
[data-groupname=repeating_rituals] .repcontrol_add,
[data-groupname=repeating_hexes] .repcontrol_add {
display: inline-block;
box-shadow:none;
padding: 2px 8px 2px 6px;
font-size: 10px;
margin: 10px 0px 12px 5px;
background: #444444;
color: #FFF;
border: 1px solid #000;
border-radius: 15px;
}
[data-groupname=repeating_vulnerability] .repitem,
[data-groupname=repeating_rituals] .repitem,
[data-groupname=repeating_hexes] .repitem {
}
[data-groupname=repeating_vulnerability] .repcontrol_edit,
[data-groupname=repeating_rituals] .repcontrol_edit,
[data-groupname=repeating_hexes] .repcontrol_edit {
display: inline-block;
box-shadow:none;
padding: 2px 6px 2px 8px;
font-size: 10px;
margin: 10px 5px 12px 0px;
background: #444444;
color: #FFF;
border: 1px solid #000;
border-radius: 15px;
}
/* Checkbox Craft Arrow */
input[type="checkbox"].repeating_craft_toggle {
opacity: 0;
width: 16px;
height: 16px;
position: relative;
top: 5px;
left: 6px;
margin: -15px;
cursor: pointer;
z-index: 1;
}
input[type="checkbox"].repeating_craft_toggle + span::before {
margin-right: 0px;
line-height: 14px;
text-align: center;
display: inline-block;
vertical-align: middle;
content: "▼";
width: 14px;
height: 14px;
font-size: 25px;
color: #61482f;
}
input[type="checkbox"].repeating_craft_toggle:checked + span::before {
content: "►";
color: #61482f;
}
input.repeating_craft_toggle:checked ~ div.repeating_craft_padding_container {
display: none;
}
/* Checkbox Spell Arrow */
input[type="checkbox"].repeating_spell_toggle {
opacity: 0;
width: 16px;
height: 16px;
position: relative;
top: 5px;
left: 6px;
margin: -15px;
cursor: pointer;
z-index: 1;
}
input[type="checkbox"].repeating_spell_toggle + span::before {
margin-right: 0px;
line-height: 14px;
text-align: center;
display: inline-block;
vertical-align: middle;
content: "▼";
width: 14px;
height: 14px;
font-size: 25px;
color: #9a1e50;
}
input[type="checkbox"].repeating_spell_toggle:checked + span::before {
content: "►";
color: #9a1e50;
}
input.repeating_spell_toggle:checked ~ div.repeating_spell_padding_container {
display: none;
}
/* Checkbox Ritual Arrow */
input[type="checkbox"].repeating_ritual_toggle {
opacity: 0;
width: 16px;
height: 16px;
position: relative;
top: 5px;
left: 6px;
margin: -15px;
cursor: pointer;
z-index: 1;
}
input[type="checkbox"].repeating_ritual_toggle + span::before {
margin-right: 0px;
line-height: 14px;
text-align: center;
display: inline-block;
vertical-align: middle;
content: "▼";
width: 14px;
height: 14px;
font-size: 25px;
color: #7f682b;
}
input[type="checkbox"].repeating_ritual_toggle:checked + span::before {
content: "►";
color: #7f682b;
}
input.repeating_ritual_toggle:checked ~ div.repeating_ritual_padding_container {
display: none;
}
/* Checkbox Hex Arrow */
input[type="checkbox"].repeating_hex_toggle {
opacity: 0;
width: 16px;
height: 16px;
position: relative;
top: 5px;
left: 6px;
margin: -15px;
cursor: pointer;
z-index: 1;
}
input[type="checkbox"].repeating_hex_toggle + span::before {
margin-right: 0px;
line-height: 14px;
text-align: center;
display: inline-block;
vertical-align: middle;
content: "▼";
width: 14px;
height: 14px;
font-size: 25px;
color: #748718;
}
input[type="checkbox"].repeating_hex_toggle:checked + span::before {
content: "►";
color: #748718;
}
input.repeating_hex_toggle:checked ~ div.repeating_hex_padding_container {
display: none;
}
/* Crafting Section */
span.repeating_crafting_gradient {
display: inline-block;
padding: 5px;
margin-left: 5px;
margin-top: 5px;
background-image: linear-gradient(to right, #61482f, transparent);
}
input.repeating_craft_name {
width: 325px;
margin-right: 140px;
font-weight: bold;
text-align: left;
font-size: 14px;
color: #FFF;
box-shadow: none;
background-color: transparent;
border: 0px solid;
}
select.repeating_craft_type {
width: 85px;
margin-bottom: -4px;
font-size: 11px;
text-align: center;
border: 1px solid #000;
border-radius: 0px;
}
label.repeating_dc_title {
font-size: 11px;
width: 16px;
margin-left: 3px;
text-align: center;
display: inline-block;
}
input[type='number'].repeating_dc {
width: 41px;
text-align: center;
margin: 0px 0px 2px 0px;
font-size: 12px;
border: 1px solid #000;
border-radius: 0px;
}
label.repeating_time_title {
font-size: 11px;
width: 25px;
text-align: center;
display: inline-block;
}
select.repeating_possession {
width: 175px;
margin: 8px 3px -4px 2px;
font-size: 11px;
text-align: center;
border: 1px solid #000;
border-radius: 0px;
}
input.repeating_time_box {
width: 85px;
text-align: center;
font-size: 11px;
margin: 0px 0px 2px 0px;
border: 1px solid #000;
border-radius: 0px;
}
textarea.repeating_craft_description {
width: 480px;
height: 35px;
resize: vertical;
font-size: 11px;
margin-top: -1px;
margin-left: -2px;
margin-bottom: 0px;
padding: 5px 10px 5px 10px;
text-align: left;
border: 1px solid #000;
border-radius: 0px;
}
label.repeating_components_title {
font-size: 11px;
width: 75px;
margin: -30px 0px 0px 0px;
text-align: center;
display: inline-block;
}
textarea.repeating_components {
width: 480px;
height: 18px;
resize: vertical;
text-align: left;
margin: 0px 0px 0px -2px;
padding: 5px 10px 5px 10px;
font-size: 11px;
border: 1px solid #000;
border-radius: 0px;
display: inline-block;
}
img.repeating_craft_image {
display:inline-block;
margin: -2px 0px 3px 0px;
padding: 4px 2px 4px 2px;
width: 23px;
}
input[type='number'].repeating_alchemy_amount {
display:inline-block;
width: 22px;
height: 22px;
font-size: 12px;
font-weight: bold;
margin: 0px 0px 4px 0px;
border-radius: 15px;
border: 1px solid #000;
}
input[type='number'].repeating_vitriolshade {
background: #D1B1CB;
}
input[type='number'].repeating_rebisshade {
background: #E2AD8F;
}
input[type='number'].repeating_aethershade {
background: #CBE0E0;
}
input[type='number'].repeating_quebrithshade {
background: #E8E1B2;
}
input[type='number'].repeating_hydragenumshade {
background: #BBCAF5;
}
input[type='number'].repeating_vermilionshade {
background: #B7DAB9;
}
input[type='number'].repeating_solshade {
background: #F4DDB4;
}
input[type='number'].repeating_caelumshade {
background: #E4E9B3;
}
input[type='number'].repeating_fulgurshade {
background: #F5ADB1;
}
/*-- Select Choice Crafting Display --*/
.charsheet div[class^="repeating_blueprint"] {
display: none;
}
.charsheet input.repeating_diagram:checked ~ div.repeating_blueprint_diagram,
.charsheet input.repeating_formula:checked ~ div.repeating_blueprint_formula {
display: block;
}
.charsheet input.repeating_crafthide {
width: 0px;
height: 0px;
opacity: 0;
display: none;
}
/* -- ADAPTING ARMOR DISPLAY SECTION -- */
/* -- HEAD -- */
div.sheet-sphead {
height: 45px;
margin: -175px 0px 0px 97px;
}
input.sheet-sphead[value="0"] ~ div.sheet-sphead {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/head_clear.png);
}
input.sheet-sphead[value="1"] ~ div.sheet-sphead {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/head_red.png);
}
input.sheet-sphead[value="2"] ~ div.sheet-sphead {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/head_orange.png);
}
input.sheet-sphead[value="3"] ~ div.sheet-sphead {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/head_yellow.png);
}
input.sheet-sphead[value="4"] ~ div.sheet-sphead {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/head_grey.png);
}
input.sheet-sphead[value="5"] ~ div.sheet-sphead {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/head_grey.png);
}
/* -- TORSO -- */
div.sheet-sptorso {
height: 105px;
margin: -11px 0px 0px 79px;
}
input.sheet-sptorso[value="0"] ~ div.sheet-sptorso {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/torso_clear.png);
}
input.sheet-sptorso[value="1"] ~ div.sheet-sptorso {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/torso_red.png);
}
input.sheet-sptorso[value="2"] ~ div.sheet-sptorso {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/torso_orange.png);
}
input.sheet-sptorso[value="3"] ~ div.sheet-sptorso {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/torso_yellow.png);
}
input.sheet-sptorso[value="4"] ~ div.sheet-sptorso {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/torso_grey.png);
}
input.sheet-sptorso[value="5"] ~ div.sheet-sptorso {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/torso_grey.png);
}
/* -- LEFT ARM -- */
div.sheet-splarm {
height: 105px;
margin: -110px 0px 0px 136px;
}
input.sheet-splarm[value="0"] ~ div.sheet-splarm {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/larm_clear.png);
}
input.sheet-splarm[value="1"] ~ div.sheet-splarm {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/larm_red.png);
}
input.sheet-splarm[value="2"] ~ div.sheet-splarm {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/larm_orange.png);
}
input.sheet-splarm[value="3"] ~ div.sheet-splarm {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/larm_yellow.png);
}
input.sheet-splarm[value="4"] ~ div.sheet-splarm {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/larm_grey.png);
}
input.sheet-splarm[value="5"] ~ div.sheet-splarm {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/larm_grey.png);
}
/* -- RIGHT ARM -- */
div.sheet-sprarm {
height: 105px;
margin: -105px 0px 0px 45px;
}
input.sheet-sprarm[value="0"] ~ div.sheet-sprarm {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rarm_clear.png);
}
input.sheet-sprarm[value="1"] ~ div.sheet-sprarm {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rarm_red.png);
}
input.sheet-sprarm[value="2"] ~ div.sheet-sprarm {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rarm_orange.png);
}
input.sheet-sprarm[value="3"] ~ div.sheet-sprarm {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rarm_yellow.png);
}
input.sheet-sprarm[value="4"] ~ div.sheet-sprarm {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rarm_grey.png);
}
input.sheet-sprarm[value="5"] ~ div.sheet-sprarm {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rarm_grey.png);
}
/* -- LEFT LEG -- */
div.sheet-splleg {
height: 105px;
margin: -8px 0px 0px 115px;
}
input.sheet-splleg[value="0"] ~ div.sheet-splleg {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/lleg_clear.png);
}
input.sheet-splleg[value="1"] ~ div.sheet-splleg {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/lleg_red.png);
}
input.sheet-splleg[value="2"] ~ div.sheet-splleg {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/lleg_orange.png);
}
input.sheet-splleg[value="3"] ~ div.sheet-splleg {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/lleg_yellow.png);
}
input.sheet-splleg[value="4"] ~ div.sheet-splleg {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/lleg_grey.png);
}
input.sheet-splleg[value="5"] ~ div.sheet-splleg {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/lleg_grey.png);
}
/* -- RIGHT LEG -- */
div.sheet-sprleg {
height: 105px;
margin: -106px 0px 0px 63px;
}
input.sheet-sprleg[value="0"] ~ div.sheet-sprleg {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rleg_clear.png);
}
input.sheet-sprleg[value="1"] ~ div.sheet-sprleg {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rleg_red.png);
}
input.sheet-sprleg[value="2"] ~ div.sheet-sprleg {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rleg_orange.png);
}
input.sheet-sprleg[value="3"] ~ div.sheet-sprleg {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rleg_yellow.png);
}
input.sheet-sprleg[value="4"] ~ div.sheet-sprleg {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rleg_grey.png);
}
input.sheet-sprleg[value="5"] ~ div.sheet-sprleg {
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rleg_grey.png);
}
/* -- ARMOR INPUT POSITIONS -- */
input[type='number'].sheet-head-armor {
left: 132px;
top: 0px;
}
button.sheet-spradio-1 {
left: 171px;
top: -46px;
}
input.sheet-head-icon {
left: 88px;
top: -23px;
}
input[type='number'].sheet-torso-armor {
left: 42px;
top: 68px;
}
button.sheet-spradio-2 {
left: 124px;
top: 0px;
}
input.sheet-torso-icon {
left: 15px;
top: 45px;
}
input[type='number'].sheet-larm-armor {
left: 63px;
top: 100px;
}
button.sheet-spradio-3 {
left: 188px;
top: 10px;
}
input.sheet-larm-icon {
left: 51px;
top: 77px;
}
input[type='number'].sheet-rarm-armor {
left: -89px;
top: 100px;
}
button.sheet-spradio-4 {
left: 22px;
top: -12px;
}
input.sheet-rarm-icon {
left: -68px;
top: 77px;
}
input[type='number'].sheet-lleg-armor {
left: -53px;
top: 183px;
}
button.sheet-spradio-5 {
left: 160px;
top: 49px;
}
input.sheet-lleg-icon {
left: -32px;
top: 160px;
}
input[type='number'].sheet-rleg-armor {
left: 69px;
top: 160px;
}
button.sheet-spradio-6 {
left: 49px;
top: 27px;
}
input.sheet-rleg-icon {
left: -97px;
top: 160px;
}
input[type='number'].sheet-head-armor,
input[type='number'].sheet-torso-armor,
input[type='number'].sheet-larm-armor,
input[type='number'].sheet-lleg-armor {
font-size: 12px;
text-align: right;
width: 40px;
height: 22px;
line-height: 2;
display: inline-block;
font-weight: bold;
border: 1px solid #000;
border-radius: 10px 0px 0px 10px;
box-shadow: inset 0px 0px 6px 1px #232323;
background-color: #424242;
color: #ebebeb;
position: relative;
}
input[type='number'].sheet-rarm-armor,
input[type='number'].sheet-rleg-armor {
font-size: 12px;
text-align: left;
width: 40px;
height: 22px;
line-height: 2;
display: inline-block;
font-weight: bold;
border: 1px solid #000;
border-radius: 0px 10px 10px 0px;
box-shadow: inset 0px 0px 6px 1px #232323;
background-color: #424242;
color: #ebebeb;
position: relative;
}
input.sheet-head-icon,
input.sheet-torso-icon,
input.sheet-larm-icon,
input.sheet-rarm-icon,
input.sheet-lleg-icon,
input.sheet-rleg-icon {
width: 24px;
height: 24px;
padding: 1px 0px 0px 0px;
font-weight: bold;
text-align: center;
border: none;
display: inline-block;
box-shadow: none;
background-color: transparent;
color: #ebebeb;
font-size: 15px;
font-family: 'pictos';
position: relative;
}
button.sheet-spradio-1,
button.sheet-spradio-2,
button.sheet-spradio-3,
button.sheet-spradio-5 {
padding: 2px;
cursor: pointer;
width: 16px;
height: 16px;
border-radius: 0px 10px 10px 0px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #000;
background-color: #454545;
position: relative;
}
button.sheet-spradio-4,
button.sheet-spradio-6 {
padding: 2px;
cursor: pointer;
width: 16px;
height: 16px;
border-radius: 10px 0px 0px 10px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #000;
background-color: #454545;
position: relative;
}
button.sheet-spradio > span.sheet-checked {
width: 12px;
height: 12px;
border-radius: 50%;
background: #FFF;
}
/* Hide the "checked" section of the radio if the attribute value does not match the radio */
input.sheet-spradio:not([value="1"]) ~ button.sheet-spradio-1 > span.sheet-checked,
input.sheet-spradio:not([value="2"]) ~ button.sheet-spradio-2 > span.sheet-checked,
input.sheet-spradio:not([value="3"]) ~ button.sheet-spradio-3 > span.sheet-checked,
input.sheet-spradio:not([value="4"]) ~ button.sheet-spradio-4 > span.sheet-checked,
input.sheet-spradio:not([value="5"]) ~ button.sheet-spradio-5 > span.sheet-checked,
input.sheet-spradio:not([value="6"]) ~ button.sheet-spradio-6 > span.sheet-checked {
display: none;
}
/*Configure the tab buttons*/
div.sheet-head,
div.sheet-torso,
div.sheet-larm,
div.sheet-rarm,
div.sheet-lleg,
div.sheet-rleg {
display: none;
}
/* show the selected tab */
input.sheet-armortoggle[value="1"] ~ div.sheet-head,
input.sheet-armortoggle[value="2"] ~ div.sheet-torso,
input.sheet-armortoggle[value="3"] ~ div.sheet-larm,
input.sheet-armortoggle[value="4"] ~ div.sheet-rarm,
input.sheet-armortoggle[value="5"] ~ div.sheet-lleg,
input.sheet-armortoggle[value="6"] ~ div.sheet-rleg {
display: block;
}
/* --Armor Area Inputs & Labels--*/
.sheet-armor-container {
padding: 15px;
background: #5e0000;
width: 235px;
margin-top: 10px;
border-radius: 15px;
box-shadow: inset 0px 0px 30px 3px #1c1c1c;
}
label.sheet-equipped-armor-maintitle {
font-size: 19px;
color: #ebebeb;
text-align: center;
font-weight: 1;
margin-top: 10px;
width: 230px;
}
label.sheet-maximum-sp {
color: #ebebeb;
text-align: left;
font-size: 11px;
margin: 0px 0px 6px 0px;
width: 80px;
display: inline-block;
}
label.sheet-armor-ev {
color: #ebebeb;
font-size: 11px;
text-align: center;
width: 68px;
font-weight: bold;
display: inline-block;
}
label.sheet-armor-weight {
color: #ebebeb;
font-size: 11px;
width: 52px;
margin-left: 4px;
display: inline-block;
}
select.sheet-armor-wounds {
margin: 5px 0px 0px 0px;
height: 22px;
width: 95px;
font-size: 11px;
display: inline-block;
border: 1px solid #000;
border-radius: 10px;
box-shadow: inset 0px 0px 5px 1px #232323;
background-color: #424242;
color: #ebebeb;
}
input[type='number'].sheet-maxspbox {
margin: 0px 2px 2px -5px;
height: 22px;
width: 45px;
font-size: 11px;
text-align: center;
display: inline-block;
border: 1px solid #000;
border-radius: 10px;
box-shadow: inset 0px 0px 5px 1px #232323;
background-color: #424242;
color: #ebebeb;
}
input.sheet-armorbox {
margin: 0px 0px 2px 0px;
height: 22px;
width: 40px;
font-size: 11px;
text-align: center;
display: inline-block;
border: 1px solid #000;
border-radius: 10px;
box-shadow: inset 0px 0px 5px 1px #232323;
background-color: #424242;
color: #ebebeb;
}
input.sheet-wtbox {
margin: -1px 0px 2px -4px;
padding: 0px 0px 0px 5px;
height: 22px;
width: 45px;
font-size: 11px;
text-align: center;
display: inline-block;
border: 1px solid #000;
border-radius: 10px;
box-shadow: inset 0px 0px 5px 1px #232323;
background-color: #424242;
color: #ebebeb;
}
select.sheet-evbox {
height: 22px;
width: 45px;
margin: 0px 0px 0px 0px;
font-size: 11px;
display: inline-block;
border: 1px solid #000;
border-radius: 10px;
box-shadow: inset 0px 0px 5px 1px #232323;
background-color: #424242;
color: #ebebeb;
}
option.sheet-evbox-option {
color: #ebebeb;
}
option.sheet-armor-wounds-option {
color: #ebebeb;
}
textarea.sheet-armor-text {
width: 222px;
height: 50px;
margin: -4px 0px 0px 0px;
padding: 2px 5px 2px 5px;
line-height: 1.5em;
resize: vertical;
font-size: 11px;
display: inline-block;
border: 1px solid #000;
border-radius: 10px;
box-shadow: inset 0px 0px 5px 1px #232323;
background-color: #424242;
color: #ebebeb;
}
/* Spells & Signs*/
span.repeating_spell_gradient {
display: inline-block;
padding: 5px;
margin-left: 5px;
margin-top: 5px;
background-image: linear-gradient(to right, #9a1e50, transparent);
}
.repeating_spell_padding_container {
padding: 5px;
display: grid;
grid-template-columns: 50% 50%;
}
label.sheet-spell-title {
display: inline-block;
width: 490px;
margin: 1px -10px 8px 0px;
padding: 4px 4px 4px 12px;
font-weight: 1;
font-size: 12px;
color: #FFF;
margin-bottom: 2px;
border-radius: 15px;
background: #444444;
}
label.repeating_spell_type_title {
font-size: 11px;
width: 20px;
text-align: center;
display: inline-block;
}
label.repeating_spell_defense_title {
font-size: 11px;
width: 60px;
margin-left: 5px;
margin-right: -5px;
text-align: center;
display: inline-block;
}
label.repeating_spell_range_title {
font-size: 11px;
width: 35px;
text-align: center;
display: inline-block;
}
label.repeating_spell_sta_title {
font-size: 11px;
width: 55px;
margin-left: 3px;
text-align: center;
display: inline-block;
}
label.repeating_spell_damage_title {
font-size: 11px;
margin-top: -5px;
margin-left: 5px;
width: 45px;
text-align: center;
display: inline-block;
}
label.repeating_spell_duration_title {
font-size: 11px;
margin-left: 0px;
width: 55px;
text-align: center;
display: inline-block;
}
input.repeating_spell_name {
width: 280px;
margin-right: 140px;
font-weight: bold;
text-align: left;
font-size: 14px;
color: #FFF;
box-shadow: none;
background-color: transparent;
border: 0px solid;
}
select.repeating_spell_type {
width: 90px;
margin-bottom: -4px;
font-size: 11px;
text-align: center;
border: 1px solid #000;
border-radius: 0px;
}
textarea.repeating_spell_description {
width: 480px;
height: 70px;
resize: vertical;
font-size: 11px;
margin-top: -1px;
margin-left: -2px;
margin-bottom: 0px;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
text-align: left;
border: 1px solid #000;
border-radius: 0px;
}
input.repeating_spell_defense {
width: 175px;
text-align: center;
font-size: 11px;
border: 1px solid #000;
border-radius: 0px;
}
input.repeating_spell_sta {
width: 48px;
text-align: center;
font-size: 12px;
border: 1px solid #000;
border-radius: 0px;
}
input.repeating_spell_range {
width: 70px;
text-align: center;
font-size: 11px;
border: 1px solid #000;
border-radius: 0px;
}
select.repeating_spell_damage {
width: 70px;
margin-bottom: -4px;
text-align: center;
font-size: 11px;
border: 1px solid #000;
border-radius: 0px;
}
input[type='number'].repeating_spell_stat {
width: 50px;
text-align: center;
font-size: 11px;
border: 1px solid #000;
border-radius: 0px;
}
input.repeating_spell_duration {
width: 180px;
text-align: center;
margin-top: -2px;
font-size: 11px;
border: 1px solid #000;
border-radius: 0px;
}
/* Rituals */
span.repeating_ritual_gradient {
display: inline-block;
padding: 5px;
margin-left: 5px;
margin-top: 5px;
background-image: linear-gradient(to right, #7f682b, transparent);
}
.repeating_ritual_padding_container {
padding: 5px;
}
label.sheet-ritual-title {
display: inline-block;
width: 260px;
margin-top: 10px;
margin-left: -10px;
margin-bottom: 2px;
padding-left: 12px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
font-weight: 1;
font-size: 11px;
color: #FFF;
border-radius: 10px;
background: #444444;
}
label.repeating_ritual_prep_title {
font-size: 11px;
width: 30px;
text-align: left;
display: inline-block;
}
label.repeating_ritual_defense_title {
font-size: 11px;
width: 45px;
text-align: left;
display: inline-block;
}
label.repeating_ritual_dc_title {
font-size: 11px;
width: 15px;
text-align: left;
display: inline-block;
}
label.repeating_ritual_sta_title {
font-size: 11px;
width: 55px;
margin-left: 3px;
text-align: center;
display: inline-block;
}
label.repeating_ritual_duration_title {
font-size: 11px;
margin-left: 5px;
width: 55px;
text-align: center;
display: inline-block;
}
input.repeating_ritual_name {
width: 180px;
margin-right: 10px;
font-weight: bold;
text-align: left;
font-size: 14px;
color: #FFF;
box-shadow: none;
background-color: transparent;
border: 0px solid;
}
input.repeating_ritual_prep {
width: 80px;
text-align: center;
font-size: 11px;
border: 1px solid #000;
border-radius: 0px;
}
textarea.repeating_ritual_description {
width: 225px;
height: 70px;
resize: vertical;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 11px;
margin-bottom: 0px;
text-align: left;
border: 1px solid #000;
border-radius: 0px;
}
input.repeating_ritual_sta {
width: 38px;
text-align: center;
font-size: 12px;
border: 1px solid #000;
border-radius: 0px;
}
input.repeating_ritual_dc {
width: 35px;
text-align: center;
font-size: 12px;
border: 1px solid #000;
border-radius: 0px;
}
input.repeating_ritual_duration {
width: 97px;
text-align: center;
font-size: 11px;
border: 1px solid #000;
border-radius: 0px;
}
textarea.repeating_ritual_comp {
width: 225px;
height: 70px;
resize: vertical;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 11px;
margin-bottom: 0px;
text-align: left;
border: 1px solid #000;
border-radius: 0px;
}
/* Hexes */
span.repeating_hex_gradient {
display: inline-block;
padding: 5px;
margin-left: 5px;
margin-top: 5px;
background-image: linear-gradient(to right, #748718, transparent);
}
.repeating_hex_padding_container {
padding: 5px;
}
label.sheet-hex-title {
display: inline-block;
width: 260px;
margin-top: 10px;
margin-left: -10px;
margin-bottom: 2px;
padding-left: 12px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
font-weight: 1;
font-size: 11px;
color: #FFF;
margin-bottom: 2px;
border-radius: 10px;
background: #444444;
}
label.repeating_hex_danger_title {
font-size: 11px;
width: 40px;
text-align: left;
display: inline-block;
}
label.repeating_hex_sta_title {
font-size: 11px;
width: 55px;
margin-left: 3px;
text-align: center;
display: inline-block;
}
input.repeating_hex_name {
width: 180px;
margin-right: 10px;
font-weight: bold;
text-align: left;
font-size: 14px;
color: #FFF;
box-shadow: none;
background-color: transparent;
border: 0px solid;
}
select.repeating_hex_danger {
width: 60px;
margin-bottom: 8px;
font-size: 9px;
text-align: center;
border: 1px solid #000;
border-radius: 0px;
}
input.repeating_hex_sta {
width: 45px;
text-align: center;
font-size: 12px;
border: 1px solid #000;
border-radius: 0px;
}
textarea.repeating_hex_description {
width: 225px;
height: 90px;
resize: none;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 11px;
margin-bottom: 0px;
margin-top: -3px;
text-align: left;
border: 1px solid #000;
border-radius: 0px;
}
textarea.repeating_hex_lift {
width: 225px;
height: 90px;
resize: vertical;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 11px;
margin-bottom: 0px;
text-align: left;
border: 1px solid #000;
border-radius: 0px;
}
/* BACKGROUND */
input[type="checkbox"].sheet-life-events-toggle,
input[type="checkbox"].sheet-friends-toggle {
opacity: 0;
width: 16px;
height: 16px;
left: 15px;
margin-left: -50px;
position: relative;
cursor: pointer;
z-index: 1;
}
input[type="checkbox"].sheet-life-events-toggle + span::before,
input[type="checkbox"].sheet-friends-toggle + span::before {
line-height: 14px;
text-align: center;
display: inline-block;
vertical-align: middle;
content: "▼";
width: 14px;
height: 14px;
font-size: 20px;
color: #FFF;
}
input[type="checkbox"].sheet-life-events-toggle:checked + span::before,
input[type="checkbox"].sheet-friends-toggle:checked + span::before {
content: "►";
color: #FFF;
}
input.sheet-life-events-toggle:checked ~ div.sheet-events-container,
input.sheet-friends-toggle:checked ~ div.sheet-friends-container {
display: none;
}
/* ---- */
.sheet-witcher-standard,
.sheet-witcher-switch:checked ~ .sheet-witcher-witch {
display: block;
}
.sheet-witcher-witch,
.sheet-witcher-switch:checked ~ .sheet-witcher-standard {
display: none;
}
input[type="checkbox"].sheet-witcher-switch {
opacity: 0;
width: 20px;
height: 20px;
position: relative;
bottom: 5px;
top: 2px;
left: 10px;
margin: -10px;
cursor: pointer;
z-index: 1;
}
input[type="checkbox"].sheet-witcher-switch + span::before {
margin-right: 4px;
border: solid 1px #383838;
line-height: 14px;
text-align: center;
display: inline-block;
vertical-align: middle;
border:1px solid #000;
box-shadow: inset 0px 0px 3px 1px #7c7c7c;
border-radius: 0px;
background: #f6f6f6;
background: radial-gradient(#f6f6f6, #dfdfdf);
}
input[type="checkbox"].sheet-witcher-switch + span::before {
content: "";
color: #262626;
width: 16px;
height: 16px;
line-height: 1;
font-size: 18px;
border-radius: 3px;
}
input[type="checkbox"].sheet-witcher-switch:checked + span::before {
content: "✓";
}
/* Background sections */
span.sheet-background-span {
display: inline-block;
width: 480px;
margin-bottom: 5px;
padding-right: 26px;
background: #444444;
height: 26px;
color: #FFF;
border-radius: 20px;
}
span.sheet-background2-span {
display: inline-block;
width: 405px;
margin-bottom: 5px;
padding-right: 100px;
background: #444444;
height: 26px;
color: #FFF;
border-radius: 20px;
}
label.sheet-style-title {
display: block;
width: 238px;
padding: 2px;
margin-top: 6px;
margin-left: 5px;
margin-bottom: -8px;
font-weight: 1;
font-size: 12px;
text-align: center;
color: #FFF;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
label.sheet-toggle-witcher {
display: inline-block;
margin-left: -165px;
font-size: 11px;
text-align: right;
color: #FFF;
font-weight: 1;
width: 120px;
z-index: 1;
}
label.sheet-style2-title {
display: block;
width: 498px;
padding: 2px;
margin-top: 5px;
margin-left: 5px;
margin-bottom: -8px;
font-weight: 1;
font-size: 12px;
text-align: center;
color: #FFF;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
label.sheet-style-title,
label.sheet-style2-title {
background: #5e0000;
}
textarea.sheet-style-text {
width: 220px;
height: 60px;
resize: vertical;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 11px;
margin-left: 5px;
margin-top: 8px;
margin-bottom: 0px;
text-align: left;
border: 1px solid #000;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
background-color: #eaeaea;
box-shadow: inset 0px 0px 5px 1px #232323;
}
textarea.sheet-style2-text {
width: 480px;
height: 60px;
resize: vertical;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 11px;
margin-left: 5px;
margin-top: 8px;
margin-bottom: 5px;
text-align: left;
border: 1px solid #000;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
background-color: #eaeaea;
box-shadow: inset 0px 0px 5px 1px #232323;
}
label.sheet-style-element {
display: inline-block;
width: 400px;
margin-bottom: 8px;
padding-left: 12px;
padding-right: 4px;
padding-top: 4px;
padding-bottom: 4px;
font-weight: 1;
font-size: 12px;
color: #FFF;
margin-bottom: 2px;
}
label.sheet-style2-element {
display: inline-block;
width: 300px;
margin-bottom: 8px;
padding-left: 12px;
padding-right: 4px;
padding-top: 4px;
padding-bottom: 4px;
font-weight: 1;
font-size: 12px;
color: #FFF;
margin-bottom: 2px;
}
span.repeating_relationship_span {
display: inline-block;
text-align: center;
width: 500px;
height: 40px;
margin: 8px 0px 0px 5px;
border-top: 1px solid transparent;
background-color: transparent;
box-shadow: none;
border-radius: 0px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
background-color: #5e0000;
}
select.repeating_relationship_type {
display: inline-block;
margin-top: 5px;
color: #FFF;
background: transparent;
box-shadow: none;
border: 0px solid;
font-size: 12px;
width: 85px;
text-transform: uppercase;
}
span.repeating_decade_span {
display: inline-block;
text-align: center;
width: 500px;
height: 70px;
margin-top: 10px;
margin-left: 5px;
border-top: 1px solid transparent;
background-color: transparent;
box-shadow: none;
border-radius: 0px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
background-color: #5e0000;
}
input.repeating_decade {
display: inline-block;
text-align: center;
width: 80px;
height: 30px;
font-weight: 1;
font-size: 15px;
margin-top: -75px;
margin-left: 5px;
color: #FFF;
border: 0px;
background-color: transparent;
text-transform: uppercase;
box-shadow: none;
}
input.repeating_relationship_desc {
box-shadow: none;
text-align: center;
font-size: 11px;
width: 400px;
height: 27px;
background-color: transparent;
border: 1px solid #000;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
background-color: #eaeaea;
box-shadow: inset 0px 0px 5px 1px #232323;
}
textarea.repeating_event_desc {
width: 370px;
height: 50px;
resize: none;
font-size: 11px;
padding-right: 20px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 3px;
background-color: transparent;
border: 1px solid #000;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
background-color: #eaeaea;
box-shadow: inset 0px 0px 5px 1px #232323;
}
.sheet-reputation-container {
padding-top: 20px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 20px;
background: #444444;
width: 235px;
margin-top: 10px;
border-radius: 15px;
box-shadow: inset 0px 0px 30px 3px #232323;
}
label.sheet-reputation-maintitle {
font-size: 20px;
font-weight: 1;
color: #FFF;
text-align: center;
line-height: 1.3;
width: 230px;
}
label.sheet-reputation-label {
display: inline-block;
font-size: 13px;
font-weight: 1;
width: 130px;
color: #FFF;
text-align: right;
}
input[type='number'].sheet-reputation-level {
font-size: 14px;
color: #FFF;
margin-right: 5px;
display: inline-block;
width: 45px;
border: 1px solid #000;
border-radius: 0px;
background-color: #727272;
box-shadow: inset 0px 0px 7px 1px #232323;
}
textarea.sheet-rep-text {
width: 215px;
height: 65px;
resize: vertical;
color: #FFF;
padding: 5px;
font-size: 11px;
margin-left: 5px;
margin-top: 8px;
margin-bottom: -5px;
text-align: left;
border: 1px solid #000;
border-radius: 0px;
background-color: #727272;
box-shadow: inset 0px 0px 7px 1px #232323;
}
.sheet-campaign-container {
padding-top: 20px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 20px;
background: #5e0000;
width: 235px;
margin-top: 10px;
border-radius: 15px;
box-shadow: inset 0px 0px 30px 3px #1c1c1c;
}
label.sheet-campaign-maintitle {
font-size: 20px;
font-weight: 1;
color: #FFF;
text-align: center;
margin-bottom: -5px;
line-height: 1.3;
width: 230px;
}
textarea.sheet-campaign-text {
width: 205px;
height: 590px;
resize: vertical;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 11px;
margin-left: 5px;
margin-bottom: -5px;
text-align: left;
color: #FFF;
border: 1px solid #000;
border-radius: 0px;
background-color: #424242;
box-shadow: inset 0px 0px 7px 1px #232323;
}
/* ROLL BUTTONS */
/* stats */
.charsheet button[type=action].sheet-stat-roller::before {
content: " ";
}
button[type=action].sheet-stat-roller {
background: none;
margin-right: 5px;
width: 92px;
text-shadow: none;
text-align: right;
font-family: "Helvetica";
font-size: 15px;
padding: 0!important;
outline-color: transparent;
border: none;
font-weight: bold;
box-shadow: none;
}
button[type=action].sheet-stat-roller:hover {
color: #5e0000;
box-shadow: none;
}
button[type=action].sheet-stat-roller:active {
color: #bc0000;
box-shadow: none;
}
.charsheet button[type=action].sheet-stat-roller2::before {
content: " ";
}
button[type=action].sheet-stat-roller2 {
background: none;
margin-right: 5px;
width: 50px;
text-shadow: none;
text-align: right;
font-family: "Helvetica";
font-size: 14px;
padding: 0!important;
outline-color: transparent;
border: none;
color: white;
box-shadow: none;
}
button[type=action].sheet-stat-roller2:hover {
color: #5e0000;
box-shadow: none;
}
button[type=action].sheet-stat-roller2:active {
color: #bc0000;
box-shadow: none;
}
.charsheet button[type=action].sheet-skill-roller2::before,
.charsheet button[type=action].sheet-skill-roller::before {
content: " ";
}
button[type=action].sheet-skill-roller {
background: none;
margin-right: 5px;
margin-left: 3px;
width: 120px;
text-shadow: none;
text-align: right;
font-family: "Helvetica";
font-size: 10px;
padding: 0!important;
outline-color: transparent;
border: none;
font-weight: bold;
box-shadow: none;
}
button[type=action].sheet-skill-roller2:hover,
button[type=action].sheet-skill-roller:hover {
color: #5e0000;
box-shadow: none;
}
button[type=action].sheet-skill-roller2:active,
button[type=action].sheet-skill-roller:active {
color: #bc0000;
box-shadow: none;
}
button[type=action].sheet-skill-roller2 {
background: none;
margin-right: 5px;
width: 90px;
text-shadow: none;
text-align: right;
font-family: "Helvetica";
font-size: 10px;
padding: 0!important;
outline-color: transparent;
border: none;
font-weight: bold;
box-shadow: none;
}
.charsheet button[type=action].repeating_skill_roller_emp::before,
.charsheet button[type=action].sheet-skill-roller-emp::before {
content: " ";
}
button[type=action].repeating_skill_roller_emp,
button[type=action].sheet-skill-roller-emp {
background: none;
margin-right: -1px;
width: 100px;
text-shadow: none;
text-align: right;
font-family: "Helvetica";
font-size: 10px;
padding: 0!important;
outline-color: transparent;
border: none;
font-weight: bold;
box-shadow: none;
}
button[type=action].repeating_skill_roller_emp:hover,
button[type=action].sheet-skill-roller-emp:hover {
color: #5e0000;
box-shadow: none;
}
button[type=action].repeating_skill_roller_emp:active,
button[type=action].sheet-skill-roller-emp:active {
color: #bc0000;
box-shadow: none;
}
.charsheet button[type=action].sheet-stat-roll::before {
font-family: "dicefontd10";
content: "0";
font-size: 16px;
}
button[type=action].sheet-stat-roll {
color: #000;
background-color: #e8e8e8;
text-align: center;
font-weight: bold;
width:18px;
height:18px;
border-radius: 100px;
border-color: #000;
border: 1px solid;
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}
button[type=action].sheet-stat-roll:hover {
color: #5e0000;
border-color: #5e0000;
border: 1px solid;
}
button[type=action].sheet-stat-roll:active {
color: #bc0000;
border-color: #bc0000;
border: 1px solid;
box-shadow: inset 1px 1px 1px 1px #5e0000;
}
.charsheet button[type=action].sheet-stat-roll2::before {
font-family: "Pictos Custom";
content: "t";
font-size: 16px;
}
button[type=action].sheet-stat-roll2 {
color: #000;
background-color: #e8e8e8;
text-align: center;
font-weight: bold;
width:18px;
height:18px;
border-radius: 100px;
border-color: #000;
border: 1px solid;
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}
button[type=action].sheet-stat-roll2:hover {
color: #5e0000;
border-color: #5e0000;
border: 1px solid;
}
button[type=action].sheet-stat-roll2:active {
color: #bc0000;
border-color: #bc0000;
border: 1px solid;
box-shadow: inset 1px 1px 1px 1px #5e0000;
}
.charsheet button[type=action].sheet-stat-roll3::before {
font-family: "Pictos Custom";
content: "e";
font-size: 16px;
}
button[type=action].sheet-stat-roll3 {
color: #000;
background-color: #e8e8e8;
text-align: center;
font-weight: bold;
width:18px;
height:18px;
border-radius: 100px;
border-color: #000;
border: 1px solid;
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}
button[type=action].sheet-stat-roll3:hover {
color: #5e0000;
border-color: #5e0000;
border: 1px solid;
}
button[type=action].sheet-stat-roll3:active {
color: #bc0000;
border-color: #bc0000;
border: 1px solid;
box-shadow: inset 1px 1px 1px 1px #5e0000;
}
/* death save */
.charsheet button[type=roll].sheet-save-roll::before {
font-family: "pictos";
content: "Y";
font-size: 25px;
}
button[type=roll].sheet-save-roll {
color: #000;
background-color: #e8e8e8;
text-align: center;
font-weight: bold;
padding-top: 4px;
margin-top: 2px;
width:30px;
height:30px;
border-radius: 100px;
border-color: #000;
border: 1px solid;
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}
button[type=roll].sheet-save-roll:hover {
color: #6d1a02;
border-color: #6d1a02;
border: 1px solid;
}
button[type=roll].sheet-save-roll:active {
color: #ff3700;
border-color: #ff3700;
border: 1px solid;
box-shadow: inset 2px 1px 1px 1px #6d1a02;
}
/* stun save */
.charsheet button[type=roll].sheet-stun-roll::before {
font-family: "pictos";
content: "S";
font-size: 25px;
}
button[type=roll].sheet-stun-roll {
color: #000;
background-color: #e8e8e8;
text-align: center;
font-weight: bold;
padding-top: 4px;
margin-top: 2px;
width:30px;
height:30px;
border-radius: 100px;
border-color: #000;
border: 1px solid;
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}
button[type=roll].sheet-stun-roll:hover {
color: #6d1a02;
border-color: #6d1a02;
border: 1px solid;
}
button[type=roll].sheet-stun-roll:active {
color: #ff3700;
border-color: #ff3700;
border: 1px solid;
box-shadow: inset 2px 1px 1px 1px #6d1a02;
}
/* Initiative */
.charsheet button[type=roll].sheet-initiative-roll::before {
font-family: "pictos";
content: "e";
font-size: 25px;
}
button[type=roll].sheet-initiative-roll {
color: #000;
background-color: #e8e8e8;
text-align: center;
font-weight: bold;
padding-top: 4px;
margin-top: 0px;
width: 30px;
height: 30px;
border-radius: 100px;
border-color: #000;
border: 1px solid;
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}
button[type=roll].sheet-initiative-roll:hover {
color: #026d52;
border-color: #026d52;
border: 1px solid;
}
button[type=roll].sheet-initiative-roll:active {
color: #02ffbf;
border-color: #02ffbf;
border: 1px solid;
box-shadow: inset 2px 1px 1px 1px #026d52;
}
/* Critical */
.charsheet button[type=roll].sheet-fumble-roll::before {
font-family: "pictos custom";
content: "t";
font-size: 23px;
}
button[type=roll].sheet-fumble-roll {
color: #000;
background-color: #e8e8e8;
text-align: center;
font-weight: bold;
padding-top: 4px;
margin-top: 2px;
width: 30px;
height: 30px;
border-radius: 100px;
border-color: #000;
border: 1px solid;
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}
button[type=roll].sheet-fumble-roll:hover {
color: #968754;
border-color: #968754;
border: 1px solid;
}
button[type=roll].sheet-fumble-roll:active {
color: #ffe387;
border-color: #ffe387;
border: 1px solid;
box-shadow: inset 2px 1px 1px 1px #968754;
}
/* Target Location */
.charsheet button[type=roll].sheet-target-roll::before {
font-family: "pictos custom";
content: "[";
font-size: 24px;
}
button[type=roll].sheet-target-roll {
color: #000;
background-color: #e8e8e8;
text-align: center;
font-weight: bold;
padding-top: 4px;
margin-top: 2px;
width: 30px;
height: 30px;
border-radius: 100px;
border-color: #000;
border: 1px solid;
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}
button[type=roll].sheet-target-roll:hover {
color: #546696;
border-color: #546696;
border: 1px solid;
}
button[type=roll].sheet-target-roll:active {
color: #8eacff;
border-color: #8eacff;
border: 1px solid;
box-shadow: inset 2px 1px 1px 1px #546696;
}
/* Profession Skill Button */
.charsheet button[type=action].sheet-prof-skill-roll::before {
font-family: "Helvetica";
content: "ROLL SKILL";
font-size: 9px;
display: block;
}
button[type=action].sheet-prof-skill-roll {
color: #000;
background-color: #e8e8e8;
text-align: center;
font-weight: bold;
padding-bottom: 5px;
width: 60px;
height: 14px;
border-radius: 100px;
border-color: #000;
border: 1px solid;
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}
button[type=action].sheet-prof-skill-roll:hover {
color: #828282;
border-color: #828282;
border: 1px solid;
}
button[type=action].sheet-prof-skill-roll:active {
color: #afafaf;
border-color: #afafaf;
border: 1px solid;
box-shadow: inset 2px 1px 1px 1px #828282;
}
/* Weapon Button */
.charsheet button[type=roll].sheet-weapon-damage-roll::before {
content: "";
font-weight: bold;
}
button[type=roll].sheet-weapon-damage-roll {
color: #000;
background-color: #e8e8e8;
text-align: center;
width: 25px;
height: 25px;
border-radius: 100px;
border-color: #000;
border: 1px solid;
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}
button[type=roll].sheet-weapon-damage-roll:hover {
color: #750000;
border-color: #750000;
border: 1px solid;
}
button[type=roll].sheet-weapon-damage-roll:active {
color: #cc0000;
border-color: #cc0000;
border: 1px solid;
box-shadow: inset 1px 1px 1px 1px #750000;
}
.charsheet button[type=roll].sheet-quickweapon-damage1::before {
content: "1st";
}
.charsheet button[type=roll].sheet-quickweapon-damage2::before {
content: "2nd";
}
.charsheet button[type=roll].sheet-quickweapon-damage3::before {
content: "3rd";
}
.charsheet button[type=roll].sheet-quickweapon-damage4::before {
content: "4th";
}
.charsheet button[type=roll].sheet-quickweapon-damage5::before {
content: "5th";
}
.charsheet button[type=roll].sheet-quickweapon-damage6::before {
content: "6th";
}
.charsheet button[type=roll].sheet-quickshield::before {
font-family: 'Pictos Custom';
content: "e";
font-size: 14px;
font-weight: bold;
}
.charsheet button[type=roll].sheet-quickweapon-damage6::before,
.charsheet button[type=roll].sheet-quickweapon-damage5::before,
.charsheet button[type=roll].sheet-quickweapon-damage4::before,
.charsheet button[type=roll].sheet-quickweapon-damage3::before,
.charsheet button[type=roll].sheet-quickweapon-damage2::before,
.charsheet button[type=roll].sheet-quickweapon-damage1::before {
font-family: "Helvetica";
font-size: 9px;
font-weight: bold;
}
button[type=roll].sheet-quickshield,
button[type=roll].sheet-quickweapon-damage6,
button[type=roll].sheet-quickweapon-damage5,
button[type=roll].sheet-quickweapon-damage4,
button[type=roll].sheet-quickweapon-damage3,
button[type=roll].sheet-quickweapon-damage2,
button[type=roll].sheet-quickweapon-damage1 {
color: #000;
background-color: #e8e8e8;
text-align: center;
margin-top: 3px;
width: 20px;
height: 20px;
border-radius: 100px;
border-color: #000;
border: 1px solid;
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}
button[type=roll].sheet-quickshield:hover,
button[type=roll].sheet-quickweapon-damage6:hover,
button[type=roll].sheet-quickweapon-damage5:hover,
button[type=roll].sheet-quickweapon-damage4:hover,
button[type=roll].sheet-quickweapon-damage3:hover,
button[type=roll].sheet-quickweapon-damage2:hover,
button[type=roll].sheet-quickweapon-damage1:hover {
color: #750000;
border-color: #750000;
border: 1px solid;
}
button[type=roll].sheet-quickshield:active,
button[type=roll].sheet-quickweapon-damage6:active,
button[type=roll].sheet-quickweapon-damage5:active,
button[type=roll].sheet-quickweapon-damage4:active,
button[type=roll].sheet-quickweapon-damage3:active,
button[type=roll].sheet-quickweapon-damage2:active,
button[type=roll].sheet-quickweapon-damage1:active {
color: #cc0000;
border-color: #cc0000;
border: 1px solid;
box-shadow: inset 1px 1px 1px 1px #750000;
}
/* Spell Roll */
.charsheet button[type=roll].repeating_spell_damage_roll::before {
font-family: "pictos custom";
content: "r";
font-size: 18px;
}
button[type=roll].repeating_spell_damage_roll {
color: #000;
background-color: #e8e8e8;
text-align: center;
width:20px;
height:20px;
padding-top: 4px;
border-radius: 100px;
border-color: #000;
border: 1px solid;
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}
button[type=roll].repeating_spell_damage_roll:hover {
color: #9a1e50;
border-color: #9a1e50;
border: 1px solid;
}
button[type=roll].repeating_spell_damage_roll:active {
color: #ff0c6e;
border-color: #ff0c6e;
border: 1px solid;
box-shadow: inset 1px 1px 1px 1px #9a1e50;
}
/* Ritual Roll */
.charsheet button[type=roll].repeating_ritual_damage_roll::before {
font-family: "pictos custom";
content: "t";
font-size: 18px;
}
button[type=roll].repeating_ritual_damage_roll {
color: #000;
background-color: #e8e8e8;
text-align: center;
width: 20px;
height: 20px;
padding-top: 4px;
border-radius: 100px;
border-color: #000;
border: 1px solid;
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}
button[type=roll].repeating_ritual_damage_roll:hover {
color: #7f682b;
border-color: #7f682b;
border: 1px solid;
}
button[type=roll].repeating_ritual_damage_roll:active {
color: #ffce49;
border-color: #ffce49;
border: 1px solid;
box-shadow: inset 1px 1px 1px 1px #7f682b;
}
/* Hex Roll */
.charsheet button[type=roll].repeating_hex_damage_roll::before {
font-family: "pictos three";
content: "i";
font-size: 18px;
}
button[type=roll].repeating_hex_damage_roll {
color: #000;
background-color: #e8e8e8;
text-align: center;
width: 20px;
height: 20px;
padding-top: 3px;
border-radius: 100px;
border-color: #000;
border: 1px solid;
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}
button[type=roll].repeating_hex_damage_roll:hover {
color: #748718;
border-color: #748718;
border: 1px solid;
}
button[type=roll].repeating_hex_damage_roll:active {
color: #dafc2f;
border-color: #dafc2f;
border: 1px solid;
box-shadow: inset 1px 1px 1px 1px #748718;
}
/* Reputation Roll */
.charsheet button[type=action].sheet-rep-roll::before {
font-family: "Pictos";
content: "i";
font-size: 18px;
}
button[type=action].sheet-rep-roll {
color: #000;
background-color: #e8e8e8;
text-align: center;
font-weight: bold;
width:20px;
height:20px;
border-radius: 100px;
border-color: #000;
border: 1px solid;
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}
button[type=action].sheet-rep-roll:hover {
color: #2a72a3;
border-color: #2a72a3;
border: 1px solid;
}
button[type=action].sheet-rep-roll:active {
color: #42b2ff;
border-color: #42b2ff;
border: 1px solid;
box-shadow: inset 1px 1px 1px 1px #2a72a3;
}
/* NPC Skill */
.charsheet button[type=action].repeating_npc_skill_roll::before {
font-family: "dicefontd10";
content: "0";
font-size: 17px;
}
button[type=action].repeating_npc_skill_roll {
color: #000;
display: inline-block;
background-color: #e8e8e8;
text-align: center;
font-weight: bold;
margin-top: 5px;
width:18px;
height:18px;
border-radius: 100px;
border-color: #000;
border: 1px solid;
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}
button[type=action].repeating_npc_skill_roll:hover {
color: #878787;
border-color: #878787;
border: 1px solid;
}
button[type=action].repeating_npc_skill_roll:active {
color: #d6d6d6;
border-color: #d6d6d6;
border: 1px solid;
box-shadow: inset 2px 1px 1px 1px #878787;
}
.charsheet button[type=roll].repeating_npc_weapon_roll::before {
font-family: "dicefontd10";
content: "0";
font-size: 17px;
}
button[type=roll].repeating_npc_weapon_roll {
color: #000;
display: inline-block;
background-color: #e8e8e8;
text-align: center;
font-weight: bold;
margin-top: 5px;
width:18px;
height:18px;
border-radius: 100px;
border-color: #000;
border: 1px solid;
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}
button[type=roll].repeating_npc_weapon_roll:hover {
color: #878787;
border-color: #878787;
border: 1px solid;
}
button[type=roll].repeating_npc_weapon_roll:active {
color: #d6d6d6;
border-color: #d6d6d6;
border: 1px solid;
box-shadow: inset 2px 1px 1px 1px #878787;
}
/* ROLL TEMPLATES */
.sheet-rolltemplate-npcweapon table,
.sheet-rolltemplate-reputation table,
.sheet-rolltemplate-hex table,
.sheet-rolltemplate-ritual table,
.sheet-rolltemplate-spell table,
.sheet-rolltemplate-punchkick table,
.sheet-rolltemplate-weapon table,
.sheet-rolltemplate-shield table,
.sheet-rolltemplate-redskill table,
.sheet-rolltemplate-greenskill table,
.sheet-rolltemplate-blueskill table,
.sheet-rolltemplate-mainskill table,
.sheet-rolltemplate-doubleroll table,
.sheet-rolltemplate-singleroll table,
.sheet-rolltemplate-saveroll table,
.sheet-rolltemplate-target table,
.sheet-rolltemplate-fumble table,
.sheet-rolltemplate-save table,
.sheet-rolltemplate-initiative table {
width: 95%;
border: 1px solid;
color: black;
font-size: 1em;
font-family: "Helvetica Neue", Helvetica, sans-serif;
}
.sheet-rolltemplate-npcweapon th,
.sheet-rolltemplate-reputation th,
.sheet-rolltemplate-hex th,
.sheet-rolltemplate-ritual th,
.sheet-rolltemplate-spell th,
.sheet-rolltemplate-punchkick th,
.sheet-rolltemplate-weapon th,
.sheet-rolltemplate-shield th,
.sheet-rolltemplate-redskill th,
.sheet-rolltemplate-greenskill th,
.sheet-rolltemplate-blueskill th,
.sheet-rolltemplate-mainskill th,
.sheet-rolltemplate-doubleroll th,
.sheet-rolltemplate-singleroll th,
.sheet-rolltemplate-saveroll th,
.sheet-rolltemplate-target th,
.sheet-rolltemplate-fumble th,
.sheet-rolltemplate-save th,
.sheet-rolltemplate-initiative th {
color: #ffffff;
padding: 2px;
text-align: center;
border-bottom: 1px solid black;
line-height: 1.6em;
font-size: 1.4em;
}
.sheet-rolltemplate-npcweapon .userscript-template-title,
.sheet-rolltemplate-reputation .userscript-template-title,
.sheet-rolltemplate-hex .userscript-template-title,
.sheet-rolltemplate-ritual .userscript-template-title,
.sheet-rolltemplate-spell .userscript-template-title,
.sheet-rolltemplate-punchkick .userscript-template-title,
.sheet-rolltemplate-weapon .userscript-template-title,
.sheet-rolltemplate-shield .userscript-template-title,
.sheet-rolltemplate-redskill .userscript-template-title,
.sheet-rolltemplate-greenskill .userscript-template-title,
.sheet-rolltemplate-blueskill .userscript-template-title,
.sheet-rolltemplate-mainskill .userscript-template-title,
.sheet-rolltemplate-doubleroll .userscript-template-title,
.sheet-rolltemplate-singleroll .userscript-template-title,
.sheet-rolltemplate-saveroll .userscript-template-title,
.sheet-rolltemplate-target .userscript-template-title,
.sheet-rolltemplate-fumble .userscript-template-title,
.sheet-rolltemplate-save .userscript-template-title,
.sheet-rolltemplate-initiative .userscript-template-title {
font-weight: bold;
}
.sheet-rolltemplate-npcweapon td,
.sheet-rolltemplate-reputation td,
.sheet-rolltemplate-hex td,
.sheet-rolltemplate-ritual td,
.sheet-rolltemplate-spell td,
.sheet-rolltemplate-punchkick td,
.sheet-rolltemplate-weapon td,
.sheet-rolltemplate-shield td,
.sheet-rolltemplate-redskill td,
.sheet-rolltemplate-greenskill td,
.sheet-rolltemplate-blueskill td,
.sheet-rolltemplate-mainskill td,
.sheet-rolltemplate-doubleroll td,
.sheet-rolltemplate-singleroll td,
.sheet-rolltemplate-saveroll td,
.sheet-rolltemplate-target td,
.sheet-rolltemplate-fumble td,
.sheet-rolltemplate-save td,
.sheet-rolltemplate-initiative td {
padding: 8px;
border-bottom: 1px solid black;
}
.sheet-rolltemplate-npcweapon .inlinerollresult,
.sheet-rolltemplate-reputation .inlinerollresult,
.sheet-rolltemplate-hex .inlinerollresult,
.sheet-rolltemplate-ritual .inlinerollresult,
.sheet-rolltemplate-spell .inlinerollresult,
.sheet-rolltemplate-punchkick .inlinerollresult,
.sheet-rolltemplate-weapon .inlinerollresult,
.sheet-rolltemplate-shield .inlinerollresult,
.sheet-rolltemplate-redskill .inlinerollresult,
.sheet-rolltemplate-greenskill .inlinerollresult,
.sheet-rolltemplate-blueskill .inlinerollresult,
.sheet-rolltemplate-mainskill .inlinerollresult,
.sheet-rolltemplate-doubleroll .inlinerollresult,
.sheet-rolltemplate-singleroll .inlinerollresult,
.sheet-rolltemplate-saveroll .inlinerollresult,
.sheet-rolltemplate-target .inlinerollresult,
.sheet-rolltemplate-fumble .inlinerollresult,
.sheet-rolltemplate-save .inlinerollresult,
.sheet-rolltemplate-initiative .inlinerollresult {
display: inline-block;
min-width: 1.5em;
text-align: center;
font-size: 1.2em;
padding: 2px;
border: 2px solid #000;
}
/* Initiative */
.sheet-rolltemplate-initiative th {
background-color: #026d52;
}
.sheet-rolltemplate-initiative tr:nth-child(odd) {
background-color: #b1d8d0;
}
.sheet-rolltemplate-initiative tr:nth-child(even) {
background-color: #e0e0e0;
}
/* Save */
.sheet-rolltemplate-save th {
background-color: #5e0000;
}
.sheet-rolltemplate-save tr:nth-child(odd) {
background-color: #d8b1b1;
}
.sheet-rolltemplate-save tr:nth-child(even) {
background-color: #e0e0e0;
}
/* Crit/Fumble */
.sheet-rolltemplate-fumble th {
background-color: #968754;
}
.sheet-rolltemplate-fumble tr:nth-child(odd) {
background-color: #d8d0b1;
}
.sheet-rolltemplate-fumble tr:nth-child(even) {
background-color: #e0e0e0;
}
/* Target */
.sheet-rolltemplate-target th {
background-color: #546696;
}
.sheet-rolltemplate-target tr:nth-child(odd) {
background-color: #b1b4d8;
}
.sheet-rolltemplate-target tr:nth-child(even) {
background-color: #e0e0e0;
}
/* saveroll */
.sheet-rolltemplate-saveroll th {
background-color: #5e0000;
}
.sheet-rolltemplate-saveroll tr:nth-child(odd) {
background-color: #d8b1b1;
}
.sheet-rolltemplate-saveroll tr:nth-child(even) {
background-color: #e0e0e0;
}
/* singleroll */
.sheet-rolltemplate-singleroll th {
background-color: #595959;
}
.sheet-rolltemplate-singleroll tr:nth-child(odd) {
background-color: #b7b7b7;
}
.sheet-rolltemplate-singleroll tr:nth-child(even) {
background-color: #e0e0e0;
}
/* doubleroll */
.sheet-rolltemplate-doubleroll th {
background-color: #595959;
}
.sheet-rolltemplate-doubleroll tr:nth-child(odd) {
background-color: #b7b7b7;
}
.sheet-rolltemplate-doubleroll tr:nth-child(even) {
background-color: #e0e0e0;
}
/* Prof skills */
.sheet-rolltemplate-mainskill th {
background-color: #000;
}
.sheet-rolltemplate-mainskill tr:nth-child(odd) {
background-color: #c1c1c1;
}
.sheet-rolltemplate-mainskill tr:nth-child(even) {
background-color: #e0e0e0;
}
/* Blue */
.sheet-rolltemplate-blueskill th {
background-color: #040038;
}
.sheet-rolltemplate-blueskill tr:nth-child(odd) {
background-color: #b1b2d8;
}
.sheet-rolltemplate-blueskill tr:nth-child(even) {
background-color: #e0e0e0;
}
/* Green */
.sheet-rolltemplate-greenskill th {
background-color: #123800;
}
.sheet-rolltemplate-greenskill tr:nth-child(odd) {
background-color: #b3d8b1;
}
.sheet-rolltemplate-greenskill tr:nth-child(even) {
background-color: #e0e0e0;
}
/* Red */
.sheet-rolltemplate-redskill th {
background-color: #380000;
}
.sheet-rolltemplate-redskill tr:nth-child(odd) {
background-color: #d8b1b1;
}
.sheet-rolltemplate-redskill tr:nth-child(even) {
background-color: #e0e0e0;
}
/* Weapons */
.sheet-rolltemplate-npcweapon th,
.sheet-rolltemplate-punchkick th,
.sheet-rolltemplate-weapon th,
.sheet-rolltemplate-shield th {
background-color: #5e0000;
}
.sheet-rolltemplate-npcweapon tr:nth-child(odd),
.sheet-rolltemplate-punchkick tr:nth-child(odd),
.sheet-rolltemplate-weapon tr:nth-child(odd),
.sheet-rolltemplate-shield tr:nth-child(odd) {
background-color: #d8b1b1;
}
.sheet-rolltemplate-npcweapon tr:nth-child(even),
.sheet-rolltemplate-punchkick tr:nth-child(even),
.sheet-rolltemplate-weapon tr:nth-child(even),
.sheet-rolltemplate-shield tr:nth-child(even) {
background-color: #e0e0e0;
}
/* Spell */
.sheet-rolltemplate-spell th {
background-color: #9a1e50;
}
.sheet-rolltemplate-spell tr:nth-child(odd) {
background-color: #d8b1bb;
}
.sheet-rolltemplate-spell tr:nth-child(even) {
background-color: #e0e0e0;
}
/* Ritual */
.sheet-rolltemplate-ritual th {
background-color: #7f682b;
}
.sheet-rolltemplate-ritual tr:nth-child(odd) {
background-color: #d8ccb1;
}
.sheet-rolltemplate-ritual tr:nth-child(even) {
background-color: #e0e0e0;
}
/* Hex */
.sheet-rolltemplate-hex th {
background-color: #748718;
}
.sheet-rolltemplate-hex tr:nth-child(odd) {
background-color: #ced8b1;
}
.sheet-rolltemplate-hex tr:nth-child(even) {
background-color: #e0e0e0;
}
/* Reputation */
.sheet-rolltemplate-reputation th {
background-color: #2a72a3;
}
.sheet-rolltemplate-reputation tr:nth-child(odd) {
background-color: #b1c9d8;
}
.sheet-rolltemplate-reputation tr:nth-child(even) {
background-color: #e0e0e0;
}
/* API Button */
.sheet-rolltemplate-singleroll a[href^="~"],
.sheet-rolltemplate-doubleroll a[href^="~"],
.sheet-rolltemplate-mainskill a[href^="~"],
.sheet-rolltemplate-blueskill a[href^="~"],
.sheet-rolltemplate-greenskill a[href^="~"],
.sheet-rolltemplate-redskill a[href^="~"],
.sheet-rolltemplate-reputation a[href^="~"] {
background-color: #968754;
padding: 2px 4px 2px 4px;
color: white;
display: inline-block;
}
Reference in New Issue View Git Blame Copy Permalink