mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 11:42:29 +00:00
7093 lines
170 KiB
CSS
7093 lines
170 KiB
CSS
/* 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;
|
|
}
|
|
|
|
/* This is needed to override Roll20's dark mode */
|
|
.sheet-darkmode .characterviewer label.gear-item-name
|
|
color: #FFF; /* May also need !important here, not checked */
|
|
}
|
|
|
|
|
|
/* NPC SECTION */
|
|
/* Top Info */
|
|
|
|
label.npctitle {
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
text-align: right;
|
|
width: 40px;
|
|
}
|
|
|
|
|
|
label.bountytitle {
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
text-align: right;
|
|
width: 55px;
|
|
}
|
|
|
|
label.sizetitle {
|
|
display: inline-block;
|
|
font-size: 13px;
|
|
margin-left: 13px;
|
|
text-align: right;
|
|
width: 50px;
|
|
}
|
|
|
|
label.environmenttitle {
|
|
display: inline-block;
|
|
margin-bottom: 8px;
|
|
font-size: 11px;
|
|
margin-left: 9px;
|
|
text-align: right;
|
|
width: 80px;
|
|
}
|
|
|
|
input.npc-box {
|
|
width: 150px;
|
|
border:1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.bounty-box {
|
|
width: 60px;
|
|
border:1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.size-box {
|
|
width: 150px;
|
|
border:1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.size-box2 {
|
|
width: 120px;
|
|
border:1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.background-box {
|
|
width: 230px;
|
|
height: 25px;
|
|
border:1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
/* Right Side Repeating Sections */
|
|
|
|
span.npcskill-span,
|
|
span.ability-span {
|
|
display: inline-block;
|
|
width: 250px;
|
|
padding-right: 5px;
|
|
padding-top: 10px;
|
|
font-size: 1em;
|
|
color: #FFF;
|
|
border-radius: 20px;
|
|
background: #444444;
|
|
}
|
|
|
|
span.vuln-span {
|
|
display: inline-block;
|
|
width: 250px;
|
|
padding-right: 5px;
|
|
padding-top: 10px;
|
|
font-size: 1em;
|
|
color: #FFF;
|
|
border-radius: 20px;
|
|
background: #444444;
|
|
}
|
|
|
|
span.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;
|
|
}
|
|
|
|
|
|
label.weapontitle,
|
|
label.npcskilltitle,
|
|
label.abilitytitle {
|
|
display: inline-block;
|
|
text-align: center;
|
|
font-weight: 1;
|
|
width: 250px;
|
|
font-size: 16px;
|
|
color: #FFF;
|
|
}
|
|
|
|
label.weapontitle {
|
|
display: inline-block;
|
|
text-align: center;
|
|
font-weight: 1;
|
|
width: 540px;
|
|
font-size: 16px;
|
|
color: #FFF;
|
|
}
|
|
|
|
label.npcarmortitle {
|
|
display: inline-block;
|
|
width: 115px;
|
|
color: #FFF;
|
|
font-weight: 1;
|
|
margin-top: 10px;
|
|
text-align: right;
|
|
}
|
|
|
|
.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'].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;
|
|
}
|
|
|
|
/**
|
|
==================
|
|
NPC WEAPON
|
|
==================
|
|
**/
|
|
|
|
.npc-weapon-subsection {
|
|
margin-left: 20px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.repeating_npc_weapon_container {
|
|
display: inline-block;
|
|
width: 490px;
|
|
padding: 10px;
|
|
margin-left: 10px;
|
|
margin-bottom: 7px;
|
|
background-color: #c1c1c1;
|
|
border-radius: 15px;
|
|
border: 1px solid #000;
|
|
box-shadow: inset 0px 0px 3px 1px #7c7c7c;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
.charsheet button[type=action].repeating_npc_weapon_roll::before,
|
|
.charsheet button[type=roll].repeating_npc_weapon_roll::before {
|
|
font-family: "dicefontd10";
|
|
content: "0";
|
|
font-size: 17px;
|
|
}
|
|
|
|
button[type=action].repeating_npc_weapon_roll,
|
|
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=action].repeating_npc_weapon_roll:hover,
|
|
button[type=roll].repeating_npc_weapon_roll:hover {
|
|
color: #878787;
|
|
border-color: #878787;
|
|
border: 1px solid;
|
|
}
|
|
|
|
button[type=action].repeating_npc_weapon_roll:active,
|
|
button[type=roll].repeating_npc_weapon_roll:active {
|
|
color: #d6d6d6;
|
|
border-color: #d6d6d6;
|
|
border: 1px solid;
|
|
box-shadow: inset 2px 1px 1px 1px #878787;
|
|
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
/* Left Side */
|
|
|
|
.special-stack-grid {
|
|
margin-left: -10px;
|
|
}
|
|
|
|
.npc-defenses {
|
|
width: 520px;
|
|
}
|
|
|
|
.npc-defense-container {
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
}
|
|
|
|
.npc-defenses .defense-title {
|
|
padding-right: 0px;
|
|
}
|
|
|
|
.npc-defenses .defense-name {
|
|
padding-left: 0px;
|
|
}
|
|
|
|
.npc-defense {
|
|
width: min-content;
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
|
|
/* ----------- */
|
|
|
|
.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 */
|
|
|
|
.block-pc,
|
|
.block-switch:checked ~ .block-switch-layout:not(:checked) ~ .block-npc {
|
|
display: block;
|
|
}
|
|
|
|
.block-npc,
|
|
.block-new-npc,
|
|
.block-switch:checked ~ .block-pc {
|
|
display: none;
|
|
}
|
|
|
|
.block-switch:checked ~ .block-switch-layout:checked ~.block-new-npc {
|
|
display: block;
|
|
}
|
|
|
|
.block-switch:not(:checked) ~ label.toggle-new-npc-layout,
|
|
.block-switch:not(:checked) ~ .new-npc-layout {
|
|
display: none;
|
|
}
|
|
|
|
.block-switch:checked ~ .new-npc-layout {
|
|
}
|
|
|
|
.show-used-checkbox {
|
|
display: none;
|
|
}
|
|
|
|
.show-used:checked ~ .grid-item .show-used-checkbox {
|
|
display: initial;
|
|
}
|
|
|
|
input[type="checkbox"].show-used,
|
|
input[type="checkbox"].whisper-checkbox,
|
|
input[type="checkbox"].block-switch,
|
|
input[type="checkbox"].block-switch-layout {
|
|
opacity: 0;
|
|
width: 22px;
|
|
height: 22px;
|
|
position: relative;
|
|
bottom: 5px;
|
|
top: 1px;
|
|
left: 12px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="checkbox"].show-used + span::before,
|
|
input[type="checkbox"].whisper-checkbox + span::before,
|
|
input[type="checkbox"].block-switch + span::before,
|
|
input[type="checkbox"].block-switch-layout + 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"].show-used + span::before,
|
|
input[type="checkbox"].whisper-checkbox + span::before,
|
|
input[type="checkbox"].block-switch + span::before,
|
|
input[type="checkbox"].block-switch-layout + span::before {
|
|
content: "";
|
|
color: #262626;
|
|
width: 22px;
|
|
height: 22px;
|
|
line-height: 1;
|
|
font-size: 20px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
input[type="checkbox"].show-used:checked + span::before,
|
|
input[type="checkbox"].whisper-checkbox:checked + span::before,
|
|
input[type="checkbox"].block-switch:checked + span::before,
|
|
input[type="checkbox"].block-switch-layout:checked + span::before {
|
|
content: "✓";
|
|
color: #FFF;
|
|
}
|
|
|
|
/* SECTION TABS SETUP */
|
|
|
|
.charsheet div[class^="section"] {
|
|
display: none;
|
|
}
|
|
|
|
.tabs {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-content: stretch;
|
|
|
|
width: 795px;
|
|
margin: auto;
|
|
margin-top: 10px;
|
|
|
|
}
|
|
|
|
.tabs > button:first-of-type {
|
|
border-top-left-radius: 50px;
|
|
border-bottom-left-radius: 50px;
|
|
}
|
|
|
|
.tabs > button:last-of-type {
|
|
border-top-right-radius: 50px;
|
|
border-bottom-right-radius: 50px;
|
|
}
|
|
|
|
.tabstoggle[value="skills"] ~ button.skills,
|
|
.tabstoggle[value="abilities"] ~ button.abilities,
|
|
.tabstoggle[value="gear"] ~ button.gear,
|
|
.tabstoggle[value="spells"] ~ button.spells,
|
|
.tabstoggle[value="background"] ~ button.background,
|
|
.tabstoggle[value="settings"] ~ button.settings {
|
|
background: #3d3d3d;
|
|
color: #FFF;
|
|
}
|
|
|
|
.show-spell:not(:checked) ~ button.spells {
|
|
display:none;
|
|
}
|
|
|
|
.show-spell:checked ~ button.spells {
|
|
}
|
|
|
|
/* show the selected tab */
|
|
.tabstoggle[value="skills"] ~ div.section-skills,
|
|
.tabstoggle[value="abilities"] ~ div.section-abilities,
|
|
.tabstoggle[value="gear"] ~ div.section-gear,
|
|
.tabstoggle[value="spells"] ~ div.section-spells,
|
|
.tabstoggle[value="background"] ~ div.section-background,
|
|
.tabstoggle[value="settings"] ~ div.section-settings {
|
|
display: block;
|
|
margin-left: -10px;
|
|
}
|
|
|
|
.charsheet button.tab {
|
|
text-align: center;
|
|
font-size: 11px;
|
|
background: #c1c1c1;
|
|
color: #000;
|
|
font-weight: bold;
|
|
|
|
height: 40px;
|
|
flex-grow: 1;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
cursor: pointer;
|
|
border:1px solid #000;
|
|
box-shadow: inset 0px 0px 10px 1px #232323;
|
|
}
|
|
|
|
/* SHEET IMG TITLES */
|
|
|
|
.top-title-image {
|
|
display:block;
|
|
margin-top: 15px;
|
|
margin-left: -5px;
|
|
width: 500px;
|
|
}
|
|
|
|
/* SHEET LAYOUT */
|
|
|
|
img.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;
|
|
}
|
|
|
|
.full-page {
|
|
|
|
}
|
|
|
|
.top-grid {
|
|
display: grid;
|
|
grid-template-columns: 30% 40% 30%;
|
|
margin-top: -25px;
|
|
width: 850px;
|
|
}
|
|
|
|
.middle-grid {
|
|
display: grid;
|
|
grid-template-columns: 70% 30%;
|
|
width: 800px;
|
|
}
|
|
|
|
.middle2-grid {
|
|
display: grid;
|
|
grid-template-columns: 50% 50%
|
|
}
|
|
|
|
.middle-alc-grid {
|
|
display: grid;
|
|
grid-template-columns: 65% 35%;
|
|
}
|
|
|
|
.middle-skill-grid {
|
|
display: grid;
|
|
grid-template-columns: 33.33% 33.33% 33.33%;
|
|
}
|
|
|
|
label.legend-top {
|
|
display: inline-block;
|
|
height:5px;
|
|
width: 182px;
|
|
text-align: right;
|
|
font-size: 10px;
|
|
|
|
}
|
|
|
|
label.legend-skill {
|
|
display: inline-block;
|
|
margin: 2px 0px 0px -18px;
|
|
text-align: right;
|
|
font-size: 10px;
|
|
|
|
}
|
|
|
|
label.legend {
|
|
display: inline-block;
|
|
height: 5px;
|
|
width: 215px;
|
|
text-align: right;
|
|
font-size: 10px;
|
|
}
|
|
|
|
/* Top Bar */
|
|
|
|
.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.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.toggle-new-npc-layout {
|
|
display: inline-block;
|
|
margin-top: 20px;
|
|
margin-left: -10px;
|
|
font-size: 11px;
|
|
text-align: right;
|
|
color: #939393;
|
|
font-weight: 1;
|
|
width: 120px;
|
|
z-index: 1;
|
|
}
|
|
|
|
label.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;
|
|
}
|
|
|
|
.block-switch:checked ~ input[type="checkbox"].cc-skills-checkbox,
|
|
.block-switch:checked ~ label.toggle-options,
|
|
.block-switch:checked ~ span.toggle-options {
|
|
display: none;
|
|
}
|
|
|
|
label.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.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.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.stattotal {
|
|
display: inline-block;
|
|
margin-left: 41px;
|
|
margin-top: 10px;
|
|
width: 75px;
|
|
text-align: right;
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
label.skilltotal {
|
|
display: inline-block;
|
|
margin-left: 60px;
|
|
margin-top: 10px;
|
|
width: 90px;
|
|
text-align: right;
|
|
font-size: 12px;
|
|
}
|
|
|
|
span.toggle-message {
|
|
display: inline-block;
|
|
width: 230px;
|
|
margin: 0px 0px 0px 38px;
|
|
text-align: center;
|
|
line-height: 1.2em;
|
|
font-size: 11px;
|
|
}
|
|
|
|
label.stattitle {
|
|
display: inline-block;
|
|
width: 90px;
|
|
text-align: right;
|
|
font-size: 14px;
|
|
|
|
}
|
|
|
|
label.stattitle2 {
|
|
display: inline-block;
|
|
width: 90px;
|
|
margin-left: 25px;
|
|
text-align: right;
|
|
font-size: 14px;
|
|
|
|
}
|
|
|
|
label.stattitle3 {
|
|
display: inline-block;
|
|
width: 90px;
|
|
margin-right: -7px;
|
|
text-align: right;
|
|
font-size: 14px;
|
|
|
|
}
|
|
|
|
label.woundtitle {
|
|
display: inline-block;
|
|
width: 130px;
|
|
margin-left: 13px;
|
|
text-align: right;
|
|
color: #5e0000;
|
|
font-size: 12px;
|
|
}
|
|
|
|
label.chartitle {
|
|
display: inline-block;
|
|
font-size: 11px;
|
|
text-align: right;
|
|
width: 40px;
|
|
}
|
|
|
|
label.agetitle {
|
|
display: inline-block;
|
|
font-size: 11px;
|
|
margin-left: 4px;
|
|
text-align: right;
|
|
width: 25px;
|
|
}
|
|
|
|
label.racetitle {
|
|
display: inline-block;
|
|
font-size: 11px;
|
|
text-align: right;
|
|
width: 40px;
|
|
}
|
|
|
|
label.gendertitle {
|
|
display: inline-block;
|
|
font-size: 11px;
|
|
margin-left: 4px;
|
|
text-align: right;
|
|
width: 45px;
|
|
}
|
|
|
|
label.proftitle {
|
|
display: inline-block;
|
|
font-size: 11px;
|
|
text-align: right;
|
|
width: 40px;
|
|
}
|
|
|
|
label.origintitle {
|
|
display: inline-block;
|
|
font-size: 11px;
|
|
margin-left: 4px;
|
|
text-align: right;
|
|
width: 40px;
|
|
}
|
|
|
|
input.smallbox {
|
|
border:1px solid #000;
|
|
margin: 2px;
|
|
border-radius: 0px;
|
|
width:40px;
|
|
}
|
|
|
|
input[type='number'].smallbox2,
|
|
input.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'].smallbox3 {
|
|
border:1px solid #000;
|
|
margin:2px;
|
|
border-radius: 0px;
|
|
width:55px;
|
|
}
|
|
|
|
input[type='number'].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.statbox {
|
|
border:1px solid #000;
|
|
margin: 2px 0px 2px 0px;
|
|
border-radius: 0px;
|
|
height:30px;
|
|
width:45px;
|
|
}
|
|
|
|
input.statbox2 {
|
|
border:1px solid #000;
|
|
margin: 2px 0px 2px 0px;
|
|
border-radius: 0px;
|
|
width:45px;
|
|
}
|
|
|
|
input.statbox3 {
|
|
border:1px solid #000;
|
|
height: 27px;
|
|
margin: 1px 2px 1px 4px;
|
|
border-radius: 0px;
|
|
width: 85px;
|
|
}
|
|
|
|
input.repeating_skillbox,
|
|
input.skillbox {
|
|
border:1px solid #000;
|
|
margin: 2px 0px 2px 0px;
|
|
border-radius: 0px;
|
|
width:40px;
|
|
}
|
|
|
|
input.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.totalev-title {
|
|
display: inline-block;
|
|
width: 120px;
|
|
margin-bottom: 3px;
|
|
padding-right: 4px;
|
|
text-align: right;
|
|
color: #5e0000;
|
|
font-size: 11px;
|
|
}
|
|
|
|
label.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'].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.name-box {
|
|
width:180px;
|
|
border:1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.race-box {
|
|
border:1px solid #000;
|
|
border-radius: 0px;
|
|
width:110px;
|
|
}
|
|
|
|
input.gender-box {
|
|
border:1px solid #000;
|
|
border-radius: 0px;
|
|
width: 90px;
|
|
}
|
|
|
|
input.age-box {
|
|
border:1px solid #000;
|
|
border-radius: 0px;
|
|
width:40px;
|
|
}
|
|
|
|
input.prof-box {
|
|
border:1px solid #000;
|
|
border-radius: 0px;
|
|
width: 100px;
|
|
}
|
|
|
|
input.origin-box {
|
|
border:1px solid #000;
|
|
border-radius: 0px;
|
|
width: 105px;
|
|
}
|
|
|
|
/* SKLLS & MODIFIERS SECTION*/
|
|
|
|
.stunstat-container,
|
|
.runstat-container,
|
|
.leapstat-container,
|
|
.encstat-container,
|
|
.recstat-container,
|
|
.hpstat-container,
|
|
.stastat-container,
|
|
.resolvestat-container,
|
|
.focusstat-container,
|
|
.intstat-container,
|
|
.refstat-container,
|
|
.dexstat-container,
|
|
.bodystat-container,
|
|
.spdstat-container,
|
|
.empstat-container,
|
|
.crastat-container,
|
|
.willstat-container {
|
|
width: 180px;
|
|
margin: 3px 0px -8px 40px;
|
|
}
|
|
|
|
.courage-container,
|
|
.hex_weaving-container,
|
|
.intimidation-container,
|
|
.spell_casting-container,
|
|
.resist_magic-container,
|
|
.resist_coercion-container,
|
|
.ritual_crafting-container,
|
|
.alchemy-container,
|
|
.crafting-container,
|
|
.disguise-container,
|
|
.first_aid-container,
|
|
.forgery-container,
|
|
.pick_lock-container,
|
|
.trap_crafting-container,
|
|
.charisma-container,
|
|
.deceit-container,
|
|
.gambling-container,
|
|
.grooming_and_style-container,
|
|
.human_perception-container,
|
|
.leadership-container,
|
|
.persuasion-container,
|
|
.seduction-container,
|
|
.physique-container,
|
|
.endurance-container,
|
|
.archery-container,
|
|
.athletics-container,
|
|
.crossbow-container,
|
|
.sleight_of_hand-container,
|
|
.stealth-container,
|
|
.brawling-container,
|
|
.dodge_escape-container,
|
|
.melee-container,
|
|
.riding-container,
|
|
.sailing-container,
|
|
.small_blades-container,
|
|
.staff_spear-container,
|
|
.swordsmanship-container,
|
|
.awareness-container,
|
|
.business-container,
|
|
.deduction-container,
|
|
.education-container,
|
|
.nordling-container,
|
|
.elder_speech-container,
|
|
.dwarven-container,
|
|
.monster_lore-container,
|
|
.social_etiquette-container,
|
|
.streetwise-container,
|
|
.tactics-container,
|
|
.teaching-container,
|
|
.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"].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"].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"].toxic-unlock:checked + span::before {
|
|
content: "(";
|
|
}
|
|
|
|
input.toxic-unlock:checked ~ div.toxic-container{
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].stun-unlock,
|
|
input[type="checkbox"].run-unlock,
|
|
input[type="checkbox"].leap-unlock,
|
|
input[type="checkbox"].enc-unlock,
|
|
input[type="checkbox"].rec-unlock,
|
|
input[type="checkbox"].hp-unlock,
|
|
input[type="checkbox"].sta-unlock,
|
|
input[type="checkbox"].resolve-unlock,
|
|
input[type="checkbox"].focus-unlock,
|
|
input[type="checkbox"].int-unlock,
|
|
input[type="checkbox"].ref-unlock,
|
|
input[type="checkbox"].dex-unlock,
|
|
input[type="checkbox"].body-unlock,
|
|
input[type="checkbox"].spd-unlock,
|
|
input[type="checkbox"].emp-unlock,
|
|
input[type="checkbox"].cra-unlock,
|
|
input[type="checkbox"].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"].stun-unlock + span::before,
|
|
input[type="checkbox"].run-unlock + span::before,
|
|
input[type="checkbox"].leap-unlock + span::before,
|
|
input[type="checkbox"].enc-unlock + span::before,
|
|
input[type="checkbox"].rec-unlock + span::before,
|
|
input[type="checkbox"].hp-unlock + span::before,
|
|
input[type="checkbox"].sta-unlock + span::before,
|
|
input[type="checkbox"].resolve-unlock + span::before,
|
|
input[type="checkbox"].focus-unlock + span::before,
|
|
input[type="checkbox"].int-unlock + span::before,
|
|
input[type="checkbox"].ref-unlock + span::before,
|
|
input[type="checkbox"].dex-unlock + span::before,
|
|
input[type="checkbox"].body-unlock + span::before,
|
|
input[type="checkbox"].spd-unlock + span::before,
|
|
input[type="checkbox"].emp-unlock + span::before,
|
|
input[type="checkbox"].cra-unlock + span::before,
|
|
input[type="checkbox"].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"].stun-unlock:checked + span::before,
|
|
input[type="checkbox"].run-unlock:checked + span::before,
|
|
input[type="checkbox"].leap-unlock:checked + span::before,
|
|
input[type="checkbox"].enc-unlock:checked + span::before,
|
|
input[type="checkbox"].rec-unlock:checked + span::before,
|
|
input[type="checkbox"].hp-unlock:checked + span::before,
|
|
input[type="checkbox"].sta-unlock:checked + span::before,
|
|
input[type="checkbox"].resolve-unlock:checked + span::before,
|
|
input[type="checkbox"].focus-unlock:checked + span::before,
|
|
input[type="checkbox"].int-unlock:checked + span::before,
|
|
input[type="checkbox"].ref-unlock:checked + span::before,
|
|
input[type="checkbox"].dex-unlock:checked + span::before,
|
|
input[type="checkbox"].body-unlock:checked + span::before,
|
|
input[type="checkbox"].spd-unlock:checked + span::before,
|
|
input[type="checkbox"].emp-unlock:checked + span::before,
|
|
input[type="checkbox"].cra-unlock:checked + span::before,
|
|
input[type="checkbox"].will-unlock:checked + span::before {
|
|
font-family: "Pictos";
|
|
content: " ";
|
|
}
|
|
|
|
input[type="checkbox"].stun-unlock:hover + span::before,
|
|
input[type="checkbox"].run-unlock:hover + span::before,
|
|
input[type="checkbox"].leap-unlock:hover + span::before,
|
|
input[type="checkbox"].enc-unlock:hover + span::before,
|
|
input[type="checkbox"].rec-unlock:hover + span::before,
|
|
input[type="checkbox"].hp-unlock:hover + span::before,
|
|
input[type="checkbox"].sta-unlock:hover + span::before,
|
|
input[type="checkbox"].resolve-unlock:hover + span::before,
|
|
input[type="checkbox"].focus-unlock:hover + span::before,
|
|
input[type="checkbox"].int-unlock:hover + span::before,
|
|
input[type="checkbox"].ref-unlock:hover + span::before,
|
|
input[type="checkbox"].dex-unlock:hover + span::before,
|
|
input[type="checkbox"].body-unlock:hover + span::before,
|
|
input[type="checkbox"].spd-unlock:hover + span::before,
|
|
input[type="checkbox"].emp-unlock:hover + span::before,
|
|
input[type="checkbox"].cra-unlock:hover + span::before,
|
|
input[type="checkbox"].will-unlock:hover + span::before {
|
|
font-family: "Pictos";
|
|
content: "(";
|
|
}
|
|
|
|
input.stun-unlock:checked ~ div.stunstat-container,
|
|
input.run-unlock:checked ~ div.runstat-container,
|
|
input.leap-unlock:checked ~ div.leapstat-container,
|
|
input.enc-unlock:checked ~ div.encstat-container,
|
|
input.rec-unlock:checked ~ div.recstat-container,
|
|
input.hp-unlock:checked ~ div.hpstat-container,
|
|
input.sta-unlock:checked ~ div.stastat-container,
|
|
input.resolve-unlock:checked ~ div.resolvestat-container,
|
|
input.focus-unlock:checked ~ div.focusstat-container,
|
|
input.int-unlock:checked ~ div.intstat-container,
|
|
input.ref-unlock:checked ~ div.refstat-container,
|
|
input.dex-unlock:checked ~ div.dexstat-container,
|
|
input.body-unlock:checked ~ div.bodystat-container,
|
|
input.spd-unlock:checked ~ div.spdstat-container,
|
|
input.emp-unlock:checked ~ div.empstat-container,
|
|
input.cra-unlock:checked ~ div.crastat-container,
|
|
input.will-unlock:checked ~ div.willstat-container{
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].finearts-plus,
|
|
input[type="checkbox"].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"].finearts-plus + span::before,
|
|
input[type="checkbox"].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"].finearts-plus:checked + span::before,
|
|
input[type="checkbox"].performance-plus:checked + span::before {
|
|
font-family: "Pictos";
|
|
content: "&";
|
|
}
|
|
|
|
input[type="checkbox"].finearts-plus:hover + span::before,
|
|
input[type="checkbox"].performance-plus:hover + span::before {
|
|
font-family: "Pictos";
|
|
content: "_";
|
|
}
|
|
|
|
input.finearts-plus:checked ~ div.finearts-container,
|
|
input.performance-plus:checked ~ div.performance-container {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].courage-unlock,
|
|
input[type="checkbox"].hex_weaving-unlock,
|
|
input[type="checkbox"].intimidation-unlock,
|
|
input[type="checkbox"].spell_casting-unlock,
|
|
input[type="checkbox"].resist_magic-unlock,
|
|
input[type="checkbox"].resist_coercion-unlock,
|
|
input[type="checkbox"].ritual_crafting-unlock,
|
|
input[type="checkbox"].charisma-unlock,
|
|
input[type="checkbox"].deceit-unlock,
|
|
input[type="checkbox"].gambling-unlock,
|
|
input[type="checkbox"].grooming_and_style-unlock,
|
|
input[type="checkbox"].human_perception-unlock,
|
|
input[type="checkbox"].leadership-unlock,
|
|
input[type="checkbox"].persuasion-unlock,
|
|
input[type="checkbox"].seduction-unlock,
|
|
input[type="checkbox"].archery-unlock,
|
|
input[type="checkbox"].athletics-unlock,
|
|
input[type="checkbox"].crossbow-unlock,
|
|
input[type="checkbox"].sleight_of_hand-unlock,
|
|
input[type="checkbox"].stealth-unlock,
|
|
input[type="checkbox"].awareness-unlock,
|
|
input[type="checkbox"].business-unlock,
|
|
input[type="checkbox"].deduction-unlock,
|
|
input[type="checkbox"].education-unlock,
|
|
input[type="checkbox"].nordling-unlock,
|
|
input[type="checkbox"].elder_speech-unlock,
|
|
input[type="checkbox"].dwarven-unlock,
|
|
input[type="checkbox"].monster_lore-unlock,
|
|
input[type="checkbox"].social_etiquette-unlock,
|
|
input[type="checkbox"].streetwise-unlock,
|
|
input[type="checkbox"].tactics-unlock,
|
|
input[type="checkbox"].teaching-unlock,
|
|
input[type="checkbox"].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"].courage-unlock + span::before,
|
|
input[type="checkbox"].hex_weaving-unlock + span::before,
|
|
input[type="checkbox"].intimidation-unlock + span::before,
|
|
input[type="checkbox"].spell_casting-unlock + span::before,
|
|
input[type="checkbox"].resist_magic-unlock + span::before,
|
|
input[type="checkbox"].resist_coercion-unlock + span::before,
|
|
input[type="checkbox"].ritual_crafting-unlock + span::before,
|
|
input[type="checkbox"].charisma-unlock + span::before,
|
|
input[type="checkbox"].deceit-unlock + span::before,
|
|
input[type="checkbox"].gambling-unlock + span::before,
|
|
input[type="checkbox"].grooming_and_style-unlock + span::before,
|
|
input[type="checkbox"].human_perception-unlock + span::before,
|
|
input[type="checkbox"].leadership-unlock + span::before,
|
|
input[type="checkbox"].persuasion-unlock + span::before,
|
|
input[type="checkbox"].seduction-unlock + span::before,
|
|
input[type="checkbox"].archery-unlock + span::before,
|
|
input[type="checkbox"].athletics-unlock + span::before,
|
|
input[type="checkbox"].crossbow-unlock + span::before,
|
|
input[type="checkbox"].sleight_of_hand-unlock + span::before,
|
|
input[type="checkbox"].stealth-unlock + span::before,
|
|
input[type="checkbox"].awareness-unlock + span::before,
|
|
input[type="checkbox"].business-unlock + span::before,
|
|
input[type="checkbox"].deduction-unlock + span::before,
|
|
input[type="checkbox"].education-unlock + span::before,
|
|
input[type="checkbox"].nordling-unlock + span::before,
|
|
input[type="checkbox"].elder_speech-unlock + span::before,
|
|
input[type="checkbox"].dwarven-unlock + span::before,
|
|
input[type="checkbox"].monster_lore-unlock + span::before,
|
|
input[type="checkbox"].social_etiquette-unlock + span::before,
|
|
input[type="checkbox"].streetwise-unlock + span::before,
|
|
input[type="checkbox"].tactics-unlock + span::before,
|
|
input[type="checkbox"].teaching-unlock + span::before,
|
|
input[type="checkbox"].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"].courage-unlock:checked + span::before,
|
|
input[type="checkbox"].hex_weaving-unlock:checked + span::before,
|
|
input[type="checkbox"].intimidation-unlock:checked + span::before,
|
|
input[type="checkbox"].spell_casting-unlock:checked + span::before,
|
|
input[type="checkbox"].resist_magic-unlock:checked + span::before,
|
|
input[type="checkbox"].resist_coercion-unlock:checked + span::before,
|
|
input[type="checkbox"].ritual_crafting-unlock:checked + span::before,
|
|
input[type="checkbox"].charisma-unlock:checked + span::before,
|
|
input[type="checkbox"].deceit-unlock:checked + span::before,
|
|
input[type="checkbox"].gambling-unlock:checked + span::before,
|
|
input[type="checkbox"].grooming_and_style-unlock:checked + span::before,
|
|
input[type="checkbox"].human_perception-unlock:checked + span::before,
|
|
input[type="checkbox"].leadership-unlock:checked + span::before,
|
|
input[type="checkbox"].persuasion-unlock:checked + span::before,
|
|
input[type="checkbox"].seduction-unlock:checked + span::before,
|
|
input[type="checkbox"].archery-unlock:checked + span::before,
|
|
input[type="checkbox"].athletics-unlock:checked + span::before,
|
|
input[type="checkbox"].crossbow-unlock:checked + span::before,
|
|
input[type="checkbox"].sleight_of_hand-unlock:checked + span::before,
|
|
input[type="checkbox"].stealth-unlock:checked + span::before,
|
|
input[type="checkbox"].awareness-unlock:checked + span::before,
|
|
input[type="checkbox"].business-unlock:checked + span::before,
|
|
input[type="checkbox"].deduction-unlock:checked + span::before,
|
|
input[type="checkbox"].education-unlock:checked + span::before,
|
|
input[type="checkbox"].nordling-unlock:checked + span::before,
|
|
input[type="checkbox"].elder_speech-unlock:checked + span::before,
|
|
input[type="checkbox"].dwarven-unlock:checked + span::before,
|
|
input[type="checkbox"].monster_lore-unlock:checked + span::before,
|
|
input[type="checkbox"].social_etiquette-unlock:checked + span::before,
|
|
input[type="checkbox"].streetwise-unlock:checked + span::before,
|
|
input[type="checkbox"].tactics-unlock:checked + span::before,
|
|
input[type="checkbox"].teaching-unlock:checked + span::before,
|
|
input[type="checkbox"].wilderness_survival-unlock:checked + span::before {
|
|
font-family: "Pictos";
|
|
content: " ";
|
|
}
|
|
|
|
input[type="checkbox"].courage-unlock:hover + span::before,
|
|
input[type="checkbox"].hex_weaving-unlock:hover + span::before,
|
|
input[type="checkbox"].intimidation-unlock:hover + span::before,
|
|
input[type="checkbox"].spell_casting-unlock:hover + span::before,
|
|
input[type="checkbox"].resist_magic-unlock:hover + span::before,
|
|
input[type="checkbox"].resist_coercion-unlock:hover + span::before,
|
|
input[type="checkbox"].ritual_crafting-unlock:hover + span::before,
|
|
input[type="checkbox"].charisma-unlock:hover + span::before,
|
|
input[type="checkbox"].deceit-unlock:hover + span::before,
|
|
input[type="checkbox"].gambling-unlock:hover + span::before,
|
|
input[type="checkbox"].grooming_and_style-unlock:hover + span::before,
|
|
input[type="checkbox"].human_perception-unlock:hover + span::before,
|
|
input[type="checkbox"].leadership-unlock:hover + span::before,
|
|
input[type="checkbox"].persuasion-unlock:hover + span::before,
|
|
input[type="checkbox"].seduction-unlock:hover + span::before,
|
|
input[type="checkbox"].archery-unlock:hover + span::before,
|
|
input[type="checkbox"].athletics-unlock:hover + span::before,
|
|
input[type="checkbox"].crossbow-unlock:hover + span::before,
|
|
input[type="checkbox"].sleight_of_hand-unlock:hover + span::before,
|
|
input[type="checkbox"].stealth-unlock:hover + span::before,
|
|
input[type="checkbox"].awareness-unlock:hover + span::before,
|
|
input[type="checkbox"].business-unlock:hover + span::before,
|
|
input[type="checkbox"].deduction-unlock:hover + span::before,
|
|
input[type="checkbox"].education-unlock:hover + span::before,
|
|
input[type="checkbox"].nordling-unlock:hover + span::before,
|
|
input[type="checkbox"].elder_speech-unlock:hover + span::before,
|
|
input[type="checkbox"].dwarven-unlock:hover + span::before,
|
|
input[type="checkbox"].monster_lore-unlock:hover + span::before,
|
|
input[type="checkbox"].social_etiquette-unlock:hover + span::before,
|
|
input[type="checkbox"].streetwise-unlock:hover + span::before,
|
|
input[type="checkbox"].tactics-unlock:hover + span::before,
|
|
input[type="checkbox"].teaching-unlock:hover + span::before,
|
|
input[type="checkbox"].wilderness_survival-unlock:hover + span::before {
|
|
font-family: "Pictos";
|
|
content: "(";
|
|
}
|
|
|
|
input.courage-unlock:checked ~ div.courage-container,
|
|
input.hex_weaving-unlock:checked ~ div.hex_weaving-container,
|
|
input.intimidation-unlock:checked ~ div.intimidation-container,
|
|
input.spell_casting-unlock:checked ~ div.spell_casting-container,
|
|
input.resist_magic-unlock:checked ~ div.resist_magic-container,
|
|
input.resist_coercion-unlock:checked ~ div.resist_coercion-container,
|
|
input.ritual_crafting-unlock:checked ~ div.ritual_crafting-container,
|
|
input.charisma-unlock:checked ~ div.charisma-container,
|
|
input.deceit-unlock:checked ~ div.deceit-container,
|
|
input.gambling-unlock:checked ~ div.gambling-container,
|
|
input.grooming_and_style-unlock:checked ~ div.grooming_and_style-container,
|
|
input.human_perception-unlock:checked ~ div.human_perception-container,
|
|
input.leadership-unlock:checked ~ div.leadership-container,
|
|
input.persuasion-unlock:checked ~ div.persuasion-container,
|
|
input.seduction-unlock:checked ~ div.seduction-container,
|
|
input.archery-unlock:checked ~ div.archery-container,
|
|
input.athletics-unlock:checked ~ div.athletics-container,
|
|
input.crossbow-unlock:checked ~ div.crossbow-container,
|
|
input.sleight_of_hand-unlock:checked ~ div.sleight_of_hand-container,
|
|
input.stealth-unlock:checked ~ div.stealth-container,
|
|
input.awareness-unlock:checked ~ div.awareness-container,
|
|
input.business-unlock:checked ~ div.business-container,
|
|
input.deduction-unlock:checked ~ div.deduction-container,
|
|
input.education-unlock:checked ~ div.education-container,
|
|
input.nordling-unlock:checked ~ div.nordling-container,
|
|
input.elder_speech-unlock:checked ~ div.elder_speech-container,
|
|
input.dwarven-unlock:checked ~ div.dwarven-container,
|
|
input.monster_lore-unlock:checked ~ div.monster_lore-container,
|
|
input.social_etiquette-unlock:checked ~ div.social_etiquette-container,
|
|
input.streetwise-unlock:checked ~ div.streetwise-container,
|
|
input.tactics-unlock:checked ~ div.tactics-container,
|
|
input.teaching-unlock:checked ~ div.teaching-container,
|
|
input.wilderness_survival-unlock:checked ~ div.wilderness_survival-container {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].alchemy-unlock,
|
|
input[type="checkbox"].crafting-unlock,
|
|
input[type="checkbox"].disguise-unlock,
|
|
input[type="checkbox"].first_aid-unlock,
|
|
input[type="checkbox"].forgery-unlock,
|
|
input[type="checkbox"].pick_lock-unlock,
|
|
input[type="checkbox"].trap_crafting-unlock,
|
|
input[type="checkbox"].physique-unlock,
|
|
input[type="checkbox"].endurance-unlock,
|
|
input[type="checkbox"].brawling-unlock,
|
|
input[type="checkbox"].dodge_escape-unlock,
|
|
input[type="checkbox"].melee-unlock,
|
|
input[type="checkbox"].riding-unlock,
|
|
input[type="checkbox"].sailing-unlock,
|
|
input[type="checkbox"].small_blades-unlock,
|
|
input[type="checkbox"].staff_spear-unlock,
|
|
input[type="checkbox"].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"].alchemy-unlock + span::before,
|
|
input[type="checkbox"].crafting-unlock + span::before,
|
|
input[type="checkbox"].disguise-unlock + span::before,
|
|
input[type="checkbox"].first_aid-unlock + span::before,
|
|
input[type="checkbox"].forgery-unlock + span::before,
|
|
input[type="checkbox"].pick_lock-unlock + span::before,
|
|
input[type="checkbox"].trap_crafting-unlock + span::before,
|
|
input[type="checkbox"].physique-unlock + span::before,
|
|
input[type="checkbox"].endurance-unlock + span::before,
|
|
input[type="checkbox"].brawling-unlock + span::before,
|
|
input[type="checkbox"].dodge_escape-unlock + span::before,
|
|
input[type="checkbox"].melee-unlock + span::before,
|
|
input[type="checkbox"].riding-unlock + span::before,
|
|
input[type="checkbox"].sailing-unlock + span::before,
|
|
input[type="checkbox"].small_blades-unlock + span::before,
|
|
input[type="checkbox"].staff_spear-unlock + span::before,
|
|
input[type="checkbox"].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"].alchemy-unlock:checked + span::before,
|
|
input[type="checkbox"].crafting-unlock:checked + span::before,
|
|
input[type="checkbox"].disguise-unlock:checked + span::before,
|
|
input[type="checkbox"].first_aid-unlock:checked + span::before,
|
|
input[type="checkbox"].forgery-unlock:checked + span::before,
|
|
input[type="checkbox"].pick_lock-unlock:checked + span::before,
|
|
input[type="checkbox"].trap_crafting-unlock:checked + span::before,
|
|
input[type="checkbox"].physique-unlock:checked + span::before,
|
|
input[type="checkbox"].endurance-unlock:checked + span::before,
|
|
input[type="checkbox"].brawling-unlock:checked + span::before,
|
|
input[type="checkbox"].dodge_escape-unlock:checked + span::before,
|
|
input[type="checkbox"].melee-unlock:checked + span::before,
|
|
input[type="checkbox"].riding-unlock:checked + span::before,
|
|
input[type="checkbox"].sailing-unlock:checked + span::before,
|
|
input[type="checkbox"].small_blades-unlock:checked + span::before,
|
|
input[type="checkbox"].staff_spear-unlock:checked + span::before,
|
|
input[type="checkbox"].swordsmanship-unlock:checked + span::before {
|
|
font-family: "Pictos";
|
|
content: " ";
|
|
}
|
|
|
|
input[type="checkbox"].alchemy-unlock:hover + span::before,
|
|
input[type="checkbox"].crafting-unlock:hover + span::before,
|
|
input[type="checkbox"].disguise-unlock:hover + span::before,
|
|
input[type="checkbox"].first_aid-unlock:hover + span::before,
|
|
input[type="checkbox"].forgery-unlock:hover + span::before,
|
|
input[type="checkbox"].pick_lock-unlock:hover + span::before,
|
|
input[type="checkbox"].trap_crafting-unlock:hover + span::before,
|
|
input[type="checkbox"].physique-unlock:hover + span::before,
|
|
input[type="checkbox"].endurance-unlock:hover + span::before,
|
|
input[type="checkbox"].brawling-unlock:hover + span::before,
|
|
input[type="checkbox"].dodge_escape-unlock:hover + span::before,
|
|
input[type="checkbox"].melee-unlock:hover + span::before,
|
|
input[type="checkbox"].riding-unlock:hover + span::before,
|
|
input[type="checkbox"].sailing-unlock:hover + span::before,
|
|
input[type="checkbox"].small_blades-unlock:hover + span::before,
|
|
input[type="checkbox"].staff_spear-unlock:hover + span::before,
|
|
input[type="checkbox"].swordsmanship-unlock:hover + span::before {
|
|
font-family: "Pictos";
|
|
content: "(";
|
|
}
|
|
|
|
input.alchemy-unlock:checked ~ div.alchemy-container,
|
|
input.crafting-unlock:checked ~ div.crafting-container,
|
|
input.disguise-unlock:checked ~ div.disguise-container,
|
|
input.first_aid-unlock:checked ~ div.first_aid-container,
|
|
input.forgery-unlock:checked ~ div.forgery-container,
|
|
input.pick_lock-unlock:checked ~ div.pick_lock-container,
|
|
input.trap_crafting-unlock:checked ~ div.trap_crafting-container,
|
|
input.physique-unlock:checked ~ div.physique-container,
|
|
input.endurance-unlock:checked ~ div.endurance-container,
|
|
input.brawling-unlock:checked ~ div.brawling-container,
|
|
input.dodge_escape-unlock:checked ~ div.dodge_escape-container,
|
|
input.melee-unlock:checked ~ div.melee-container,
|
|
input.riding-unlock:checked ~ div.riding-container,
|
|
input.sailing-unlock:checked ~ div.sailing-container,
|
|
input.small_blades-unlock:checked ~ div.small_blades-container,
|
|
input.staff_spear-unlock:checked ~ div.staff_spear-container,
|
|
input.swordsmanship-unlock:checked ~ div.swordsmanship-container{
|
|
display: none;
|
|
}
|
|
|
|
/* - */
|
|
|
|
input[type="checkbox"].spell_casting-dropdown,
|
|
input[type="checkbox"].ritual_crafting-dropdown,
|
|
input[type="checkbox"].archery-dropdown,
|
|
input[type="checkbox"].athletics-dropdown,
|
|
input[type="checkbox"].crossbow-dropdown,
|
|
input[type="checkbox"].swordsmanship-dropdown,
|
|
input[type="checkbox"].staff_spear-dropdown,
|
|
input[type="checkbox"].small_blades-dropdown,
|
|
input[type="checkbox"].melee-dropdown,
|
|
input[type="checkbox"].brawling-dropdown {
|
|
appearance: none;
|
|
outline: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
background-color: transparent;
|
|
}
|
|
|
|
input[type="checkbox"].spell_casting-dropdown::after,
|
|
input[type="checkbox"].ritual_crafting-dropdown::after,
|
|
input[type="checkbox"].archery-dropdown::after,
|
|
input[type="checkbox"].athletics-dropdown::after,
|
|
input[type="checkbox"].crossbow-dropdown::after,
|
|
input[type="checkbox"].swordsmanship-dropdown::after,
|
|
input[type="checkbox"].staff_spear-dropdown::after,
|
|
input[type="checkbox"].small_blades-dropdown::after,
|
|
input[type="checkbox"].melee-dropdown::after,
|
|
input[type="checkbox"].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"].spell_casting-dropdown:hover::after,
|
|
input[type="checkbox"].ritual_crafting-dropdown:hover::after,
|
|
input[type="checkbox"].archery-dropdown:hover::after,
|
|
input[type="checkbox"].athletics-dropdown:hover::after,
|
|
input[type="checkbox"].swordsmanship-dropdown:hover::after,
|
|
input[type="checkbox"].staff_spear-dropdown:hover::after,
|
|
input[type="checkbox"].small_blades-dropdown:hover::after,
|
|
input[type="checkbox"].melee-dropdown:hover::after,
|
|
input[type="checkbox"].brawling-dropdown:hover::after {
|
|
color: #5e0000;
|
|
}
|
|
|
|
input[type="checkbox"].spell_casting-dropdown:active::after,
|
|
input[type="checkbox"].ritual_crafting-dropdown:active::after,
|
|
input[type="checkbox"].archery-dropdown:active::after,
|
|
input[type="checkbox"].athletics-dropdown:active::after,
|
|
input[type="checkbox"].swordsmanship-dropdown:active::after,
|
|
input[type="checkbox"].staff_spear-dropdown:active::after,
|
|
input[type="checkbox"].small_blades-dropdown:active::after,
|
|
input[type="checkbox"].melee-dropdown:active::after,
|
|
input[type="checkbox"].brawling-dropdown:active::after {
|
|
color: #bc0000;
|
|
}
|
|
|
|
input.spell_casting-dropdown:checked ~ div.spell_casting-options,
|
|
input.ritual_crafting-dropdown:checked ~ div.ritual_crafting-options,
|
|
input.archery-dropdown:checked ~ div.archery-options,
|
|
input.athletics-dropdown:checked ~ div.athletics-options,
|
|
input.crossbow-dropdown:checked ~ div.crossbow-options,
|
|
input.swordsmanship-dropdown:checked ~ div.swordsmanship-options,
|
|
input.staff_spear-dropdown:checked ~ div.staff_spear-options,
|
|
input.small_blades-dropdown:checked ~ div.small_blades-options,
|
|
input.melee-dropdown:checked ~ div.melee-options,
|
|
input.brawling-dropdown:checked ~ div.brawling-options {
|
|
display: none;
|
|
}
|
|
|
|
/* Skill List Drop Downs */
|
|
|
|
input[type="checkbox"].will-toggle,
|
|
input[type="checkbox"].emp-toggle,
|
|
input[type="checkbox"].dex-toggle,
|
|
input[type="checkbox"].int-toggle {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 20px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -15px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="checkbox"].will-toggle + span::before,
|
|
input[type="checkbox"].emp-toggle + span::before,
|
|
input[type="checkbox"].dex-toggle + span::before,
|
|
input[type="checkbox"].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"].will-toggle:checked + span::before,
|
|
input[type="checkbox"].emp-toggle:checked + span::before,
|
|
input[type="checkbox"].dex-toggle:checked + span::before,
|
|
input[type="checkbox"].int-toggle:checked + span::before {
|
|
content: "►";
|
|
color: #5e0000;
|
|
}
|
|
|
|
input.will-toggle:checked ~ div.will-container,
|
|
input.emp-toggle:checked ~ div.emp-container,
|
|
input.dex-toggle:checked ~ div.dex-container,
|
|
input.int-toggle:checked ~ div.int-container {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].cra-toggle,
|
|
input[type="checkbox"].body-toggle,
|
|
input[type="checkbox"].ref-toggle {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 20px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -15px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="checkbox"].cra-toggle + span::before,
|
|
input[type="checkbox"].body-toggle + span::before,
|
|
input[type="checkbox"].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"].cra-toggle:checked + span::before,
|
|
input[type="checkbox"].body-toggle:checked + span::before,
|
|
input[type="checkbox"].ref-toggle:checked + span::before {
|
|
content: "►";
|
|
color: #444444;
|
|
}
|
|
|
|
input.cra-toggle:checked ~ div.cra-container,
|
|
input.body-toggle:checked ~ div.body-container,
|
|
input.ref-toggle:checked ~ div.ref-container {
|
|
display: none;
|
|
}
|
|
|
|
div.expanding-emp-choices {
|
|
width: 270px;
|
|
margin: 0px 0px 0px 23px;
|
|
}
|
|
|
|
label.attacktitle {
|
|
display: inline-block;
|
|
text-align: right;
|
|
font-size: 9px;
|
|
margin-right: -5px;
|
|
width: 80px;
|
|
line-height: 11px;
|
|
}
|
|
|
|
.swordsmanship-options,
|
|
.staff_spear-options,
|
|
.small_blades-options,
|
|
.melee-options,
|
|
.brawling-options {
|
|
padding: 5px;
|
|
margin: 10px 0px -5px 40px;
|
|
width: 230px;
|
|
background-image: linear-gradient(to right, #7c7b7b, transparent);
|
|
}
|
|
|
|
.spell_casting-options,
|
|
.athletics-options,
|
|
.crossbow-options,
|
|
.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"].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"].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"].ea-mod-checkbox + span::before {
|
|
content: "";
|
|
width: 30px;
|
|
height: 30px;
|
|
line-height: 1;
|
|
font-size: 30px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
input[type="checkbox"].ea-mod-checkbox:checked + span::before {
|
|
content: "✓";
|
|
}
|
|
|
|
/* Fake Mod Checkbox */
|
|
|
|
input[type="checkbox"].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"].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"].mod-checkbox + span::before {
|
|
content: "";
|
|
width: 20px;
|
|
height: 20px;
|
|
line-height: 1;
|
|
font-size: 20px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
input[type="checkbox"].mod-checkbox:checked + span::before {
|
|
content: "✓";
|
|
}
|
|
|
|
/* Modifiers */
|
|
|
|
.button-box {
|
|
padding:20px;
|
|
margin-top: 10px;
|
|
background: #5e0000;
|
|
width: 225px;
|
|
border-radius: 15px;
|
|
box-shadow: inset 0px 0px 30px 3px #0e1c26;
|
|
}
|
|
|
|
.stat-mod-box {
|
|
padding:15px;
|
|
padding-bottom: 20px;
|
|
background: #444444;
|
|
width: 235px;
|
|
border-radius: 15px;
|
|
box-shadow: inset 0px 0px 30px 3px #0e1c26;
|
|
}
|
|
|
|
.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.modifiertitle-top {
|
|
display: inline-block;
|
|
text-align: center;
|
|
margin-left: 10px;
|
|
margin-top: 10px;
|
|
margin-bottom: 15px;
|
|
font-size: 20px;
|
|
width: 220px;
|
|
}
|
|
|
|
label.stat-mod-title {
|
|
font-size: 11px;
|
|
display: inline-block;
|
|
text-align: right;
|
|
width: 25px;
|
|
}
|
|
label.quick-button-maintitle {
|
|
font-size: 20px;
|
|
text-align: center;
|
|
margin-bottom: -5px;
|
|
line-height: 1.3;
|
|
width: 230px;
|
|
}
|
|
|
|
label.ip-maintitle {
|
|
font-size: 18px;
|
|
color: #FFF;
|
|
font-weight: 1;
|
|
text-align: center;
|
|
margin-bottom: -5px;
|
|
line-height: 1.3;
|
|
width: 230px;
|
|
}
|
|
|
|
label.initiativetitle,
|
|
label.savetitle,
|
|
label.fumbletitle,
|
|
label.locationtitle {
|
|
display: inline-block;
|
|
margin-top: 10px;
|
|
width: 160px;
|
|
text-align: right;
|
|
font-size: 14px;
|
|
|
|
}
|
|
|
|
label.current-ip-title {
|
|
font-size: 13px;
|
|
color: #FFF;
|
|
font-weight: 1;
|
|
display: inline-block;
|
|
text-align: right;
|
|
margin-left: 30px;
|
|
width: 95px;
|
|
}
|
|
|
|
label.training-ip-title {
|
|
font-size: 15px;
|
|
color: #FFF;
|
|
font-weight: 1;
|
|
display: inline-block;
|
|
text-align: center;
|
|
width: 220px;
|
|
}
|
|
|
|
input.current-ip-element {
|
|
font-size: 12px;
|
|
display: inline-block;
|
|
width: 45px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.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.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;
|
|
}
|
|
|
|
div.stat-mod-box > input[type='number'].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.helper-info {
|
|
display: inline-block;
|
|
font-size: 9px;
|
|
margin-left: 10px;
|
|
margin-top: 5px;
|
|
text-align: justify;
|
|
width: 250px;
|
|
}
|
|
|
|
/* ------------- */
|
|
|
|
/* Mod Boxes & Skill Titles */
|
|
|
|
.stat-mod-box label,
|
|
.combat-mod-box label,
|
|
.button-box label {
|
|
color: #FFFFFF;
|
|
font-weight: 1;
|
|
}
|
|
|
|
label.skilltitle {
|
|
display: inline-block;
|
|
text-align: right;
|
|
font-size: 10px;
|
|
width: 150px;
|
|
}
|
|
|
|
label.skilltitle-int,
|
|
label.skilltitle-ref,
|
|
label.skilltitle-dex,
|
|
label.skilltitle-body,
|
|
label.skilltitle-emp,
|
|
label.skilltitle-cra,
|
|
label.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.skilltitle-int {
|
|
background-image: linear-gradient(to right, #5e0000, transparent);
|
|
}
|
|
|
|
label.skilltitle-ref {
|
|
background-image: linear-gradient(to right, #444444, transparent);
|
|
}
|
|
|
|
label.skilltitle-dex {
|
|
background-image: linear-gradient(to right, #5e0000, transparent);
|
|
}
|
|
|
|
label.skilltitle-body {
|
|
background-image: linear-gradient(to right, #444444, transparent);
|
|
}
|
|
|
|
label.skilltitle-emp {
|
|
background-image: linear-gradient(to right, #5e0000, transparent);
|
|
}
|
|
|
|
label.skilltitle-cra {
|
|
background-image: linear-gradient(to right, #444444, transparent);
|
|
}
|
|
|
|
label.skilltitle-will {
|
|
background-image: linear-gradient(to right, #5e0000, transparent);
|
|
}
|
|
|
|
.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.notes-maintitle {
|
|
font-size: 20px;
|
|
font-weight: 1;
|
|
color: #FFF;
|
|
text-align: center;
|
|
margin-bottom: -5px;
|
|
line-height: 1.3;
|
|
width: 230px;
|
|
}
|
|
|
|
textarea.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.quickweap-title {
|
|
width: 165px;
|
|
font-weight: bold;
|
|
text-align: right;
|
|
font-size: 11px;
|
|
color: #FFF;
|
|
box-shadow: none;
|
|
background-color: transparent;
|
|
border: 0px solid;
|
|
}
|
|
|
|
|
|
/* PROFESSION ABILITIES SECTION */
|
|
|
|
label.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.main-skill-span {
|
|
display: inline-block;
|
|
margin-left: 65px;
|
|
margin-top: 10px;
|
|
width: 650px;
|
|
height: 28px;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
span.red1-skill-span,
|
|
span.red2-skill-span,
|
|
span.red3-skill-span,
|
|
span.green1-skill-span,
|
|
span.green2-skill-span,
|
|
span.green3-skill-span,
|
|
span.blue1-skill-span,
|
|
span.blue2-skill-span,
|
|
span.blue3-skill-span {
|
|
display: inline-block;
|
|
margin-top: 20px;
|
|
width: 255px;
|
|
height: 28px;
|
|
color: #FFF;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
span.main-skill-span {
|
|
background: #282828;
|
|
}
|
|
|
|
span.blue1-skill-span {
|
|
background: #07005e;
|
|
}
|
|
|
|
span.blue2-skill-span {
|
|
background: #040038;
|
|
}
|
|
|
|
span.blue3-skill-span {
|
|
background: #020028;
|
|
}
|
|
|
|
span.green1-skill-span {
|
|
background: #1f5e00;
|
|
}
|
|
|
|
span.green2-skill-span {
|
|
background: #123800;
|
|
}
|
|
|
|
span.green3-skill-span {
|
|
background: #0d2800;
|
|
}
|
|
|
|
span.red1-skill-span {
|
|
background: #5e0000;
|
|
}
|
|
|
|
span.red2-skill-span {
|
|
background: #380000;
|
|
}
|
|
|
|
span.red3-skill-span {
|
|
background: #280000;
|
|
}
|
|
|
|
span.main-skill-span2 {
|
|
display: inline-block;
|
|
margin-left: 65px;
|
|
width: 650px;
|
|
height: 28px;
|
|
color: #FFF;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
span.red1-skill-span2,
|
|
span.red2-skill-span2,
|
|
span.red3-skill-span2,
|
|
span.green1-skill-span2,
|
|
span.green2-skill-span2,
|
|
span.green3-skill-span2,
|
|
span.blue1-skill-span2,
|
|
span.blue2-skill-span2,
|
|
span.blue3-skill-span2 {
|
|
display: inline-block;
|
|
width: 255px;
|
|
height: 28px;
|
|
color: #FFF;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
span.main-skill-span2 {
|
|
background: #282828;
|
|
}
|
|
|
|
span.blue1-skill-span2 {
|
|
background: #07005e;
|
|
}
|
|
|
|
span.blue2-skill-span2 {
|
|
background: #040038;
|
|
}
|
|
|
|
span.blue3-skill-span2 {
|
|
background: #020028;
|
|
}
|
|
|
|
span.green1-skill-span2 {
|
|
background: #1f5e00;
|
|
}
|
|
|
|
span.green2-skill-span2 {
|
|
background: #123800;
|
|
}
|
|
|
|
span.green3-skill-span2 {
|
|
background: #0d2800;
|
|
}
|
|
|
|
span.red1-skill-span2 {
|
|
background: #5e0000;
|
|
}
|
|
|
|
span.red2-skill-span2 {
|
|
background: #380000;
|
|
}
|
|
|
|
span.red3-skill-span2 {
|
|
background: #280000;
|
|
}
|
|
|
|
input.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.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.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.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.prof-red1-text,
|
|
textarea.prof-red2-text,
|
|
textarea.prof-red3-text,
|
|
textarea.prof-green1-text,
|
|
textarea.prof-green2-text,
|
|
textarea.prof-green3-text,
|
|
textarea.prof-blue1-text,
|
|
textarea.prof-blue2-text,
|
|
textarea.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.prof-red1-text {
|
|
background-color: #edd5d5;
|
|
}
|
|
|
|
textarea.prof-red2-text {
|
|
background-color: #d8b6b6;
|
|
}
|
|
|
|
textarea.prof-red3-text {
|
|
background-color: #b78787;
|
|
}
|
|
|
|
textarea.prof-green1-text {
|
|
background-color: #deedd5;
|
|
}
|
|
|
|
textarea.prof-green2-text {
|
|
background-color: #c4d8b6;
|
|
}
|
|
|
|
textarea.prof-green3-text {
|
|
background-color: #9db787;
|
|
}
|
|
|
|
textarea.prof-blue1-text {
|
|
background-color: #d5d7ed;
|
|
}
|
|
|
|
textarea.prof-blue2-text {
|
|
background-color: #b6b6d8;
|
|
}
|
|
|
|
textarea.prof-blue3-text {
|
|
background-color: #8887b7;
|
|
}
|
|
|
|
input.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"].shield-toggle,
|
|
input[type="checkbox"].fifth-weapon-toggle,
|
|
input[type="checkbox"].third-weapon-toggle,
|
|
input[type="checkbox"].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"].shield-toggle + span::before,
|
|
input[type="checkbox"].fifth-weapon-toggle + span::before,
|
|
input[type="checkbox"].third-weapon-toggle + span::before,
|
|
input[type="checkbox"].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"].shield-toggle:checked + span::before,
|
|
input[type="checkbox"].fifth-weapon-toggle:checked + span::before,
|
|
input[type="checkbox"].third-weapon-toggle:checked + span::before,
|
|
input[type="checkbox"].primary-weapon-toggle:checked + span::before {
|
|
content: "►";
|
|
color: #444444;
|
|
}
|
|
|
|
input.shield-toggle:checked ~ div.shield-padding-container,
|
|
input.fifth-weapon-toggle:checked ~ div.fifth-weapon-padding-container,
|
|
input.third-weapon-toggle:checked ~ div.third-weapon-padding-container,
|
|
input.primary-weapon-toggle:checked ~ div.primary-weapon-padding-container {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sixth-weapon-toggle,
|
|
input[type="checkbox"].fourth-weapon-toggle,
|
|
input[type="checkbox"].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"].sixth-weapon-toggle + span::before,
|
|
input[type="checkbox"].fourth-weapon-toggle + span::before,
|
|
input[type="checkbox"].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"].sixth-weapon-toggle:checked + span::before,
|
|
input[type="checkbox"].fourth-weapon-toggle:checked + span::before,
|
|
input[type="checkbox"].secondary-weapon-toggle:checked + span::before {
|
|
content: "►";
|
|
color: #5e0000;
|
|
}
|
|
|
|
input.sixth-weapon-toggle:checked ~ div.sixth-weapon-padding-container,
|
|
input.fourth-weapon-toggle:checked ~ div.fourth-weapon-padding-container,
|
|
input.secondary-weapon-toggle:checked ~ div.secondary-weapon-padding-container {
|
|
display: none;
|
|
}
|
|
|
|
/* Weapon Boxes */
|
|
|
|
span.shield-gradient,
|
|
span.fifth-weapon-gradient,
|
|
span.third-weapon-gradient,
|
|
span.primary-weapon-gradient {
|
|
display: inline-block;
|
|
padding: 5px;
|
|
margin-left: 5px;
|
|
margin-top: 5px;
|
|
background-image: linear-gradient(to right, #444444, transparent);
|
|
}
|
|
|
|
span.sixth-weapon-gradient,
|
|
span.fourth-weapon-gradient,
|
|
span.secondary-weapon-gradient {
|
|
display: inline-block;
|
|
padding: 5px;
|
|
margin-left: 5px;
|
|
margin-top: 5px;
|
|
background-image: linear-gradient(to right, #5e0000, transparent);
|
|
}
|
|
|
|
.primary-weapon-padding-container,
|
|
.secondary-weapon-padding-container,
|
|
.third-weapon-padding-container,
|
|
.fourth-weapon-padding-container,
|
|
.fifth-weapon-padding-container,
|
|
.sixth-weapon-padding-container {
|
|
padding-top: 10px;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
label.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.weapon-accuracy {
|
|
display: inline-block;
|
|
font-size: 10px;
|
|
text-align: right;
|
|
width: 75px;
|
|
}
|
|
|
|
label.weapon-range {
|
|
display: inline-block;
|
|
font-size: 10px;
|
|
text-align: right;
|
|
width: 40px;
|
|
}
|
|
|
|
label.weapon-bonus {
|
|
display: inline-block;
|
|
font-size: 10px;
|
|
text-align: right;
|
|
margin-left: 2px;
|
|
width: 70px;
|
|
}
|
|
|
|
label.shield-held {
|
|
display: inline-block;
|
|
font-size: 10px;
|
|
text-align: right;
|
|
margin-left: 2px;
|
|
width: 70px;
|
|
}
|
|
|
|
label.shieldsize {
|
|
display: inline-block;
|
|
font-size: 10px;
|
|
text-align: right;
|
|
margin-left: 2px;
|
|
width: 70px;
|
|
}
|
|
|
|
label.weapon-reliability {
|
|
display: inline-block;
|
|
margin-left: -65px;
|
|
font-size: 10px;
|
|
text-align: right;
|
|
width: 72.5px;
|
|
}
|
|
|
|
label.weapon-rel {
|
|
display: inline-block;
|
|
margin-left: -5px;
|
|
font-size: 10px;
|
|
text-align: right;
|
|
width: 30px;
|
|
}
|
|
|
|
label.weapon-damage {
|
|
display: inline-block;
|
|
font-size: 10px;
|
|
text-align: right;
|
|
width: 50px;
|
|
}
|
|
|
|
label.weapon-type {
|
|
display: inline-block;
|
|
font-size: 10px;
|
|
text-align: right;
|
|
width: 28px;
|
|
}
|
|
|
|
label.weapon-effect {
|
|
display: inline-block;
|
|
margin-top: -4px;
|
|
font-size: 10px;
|
|
text-align: right;
|
|
width: 40px;
|
|
}
|
|
|
|
label.weapon-enhancement {
|
|
display: inline-block;
|
|
font-size: 10px;
|
|
margin-top: -4px;
|
|
text-align: right;
|
|
width: 80px;
|
|
}
|
|
|
|
label.weapon-conc {
|
|
display: inline-block;
|
|
font-size: 10px;
|
|
text-align: right;
|
|
width: 40px;
|
|
}
|
|
|
|
label.weapon-weight {
|
|
display: inline-block;
|
|
font-size: 10px;
|
|
text-align: right;
|
|
width: 50px;
|
|
margin-right: -2px;
|
|
}
|
|
|
|
label.encumbrance-value {
|
|
display: inline-block;
|
|
font-size: 10px;
|
|
text-align: left;
|
|
width: 130px;
|
|
margin: 10px -15px 2px 2px;
|
|
}
|
|
|
|
input.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.weapon-name::placeholder {
|
|
font-weight: bold;
|
|
text-align: left;
|
|
font-size: 14px;
|
|
color: white;
|
|
opacity: 1;
|
|
}
|
|
|
|
input.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;
|
|
}
|
|
|
|
input.shield-name::placeholder {
|
|
font-weight: bold;
|
|
text-align: left;
|
|
font-size: 14px;
|
|
color: #FFF;
|
|
opacity: 1;
|
|
}
|
|
|
|
select.weapon-bonus-element {
|
|
font-size: 10px;
|
|
display: inline-block;
|
|
margin-bottom: -1px;
|
|
width: 55px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
select.encumbrance-value {
|
|
font-size: 12px;
|
|
width: 50px;
|
|
margin: 0px 0px 0px 0px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
select.shield-size {
|
|
font-size: 10px;
|
|
display: inline-block;
|
|
margin-bottom: -1px;
|
|
width: 100px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input[type='number'].weapon-accuracy-element {
|
|
font-size: 12px;
|
|
margin-bottom: 2px;
|
|
width: 50px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input[type='number'].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.weapon-type-element {
|
|
font-size: 12px;
|
|
display: inline-block;
|
|
width: 115px;
|
|
margin-top: -1px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.weapon-damage-element {
|
|
font-size: 12px;
|
|
display: inline-block;
|
|
width: 61px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.weapon-range-element {
|
|
font-size: 12px;
|
|
margin-bottom: 2px;
|
|
display: inline-block;
|
|
width: 55px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
select.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.weapon-effect-element {
|
|
font-size: 11px;
|
|
display: inline-block;
|
|
width: 458px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.weapon-enhancement-element {
|
|
font-size: 11px;
|
|
display: inline-block;
|
|
width: 418px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
select.weapon-conc-element {
|
|
font-size: 10px;
|
|
width: 70px;
|
|
margin-bottom: -4px;
|
|
text-align: center;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.weapon-weight-element {
|
|
font-size: 12px;
|
|
display: inline-block;
|
|
width: 52px;
|
|
margin-top: -1px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.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.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;
|
|
}
|
|
|
|
|
|
/* ----- */
|
|
|
|
.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.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.total-weight-divider {
|
|
display: inline-block;
|
|
color: #FFF;
|
|
font-weight: 1;
|
|
font-size: 20px;
|
|
text-align: center;
|
|
width: 15px;
|
|
height: 40px;
|
|
}
|
|
|
|
input.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 */
|
|
|
|
.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.unarmed-title {
|
|
display: inline-block;
|
|
text-align: center;
|
|
width: 50px;
|
|
margin-left: 20px;
|
|
font-weight: 1;
|
|
font-size: 14px;
|
|
color: #FFF;
|
|
}
|
|
|
|
input.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.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.toxbar {
|
|
width: 170px;
|
|
height: 25px;
|
|
border: 1px solid black;
|
|
margin: 0px 0px -8px 0px;
|
|
display: inline-block;
|
|
color: black;
|
|
text-align: center;
|
|
}
|
|
input.toxbar[value="0"] ~ span.toxbar {
|
|
background: #666666;
|
|
}
|
|
input.toxbar[value="1"] ~ span.toxbar {
|
|
background: linear-gradient(to left, #666666 90%, #255200 5%,#449600 95%, #adfc03 100%);
|
|
box-shadow: inset 0px 0px 7px 1px #232323;
|
|
}
|
|
input.toxbar[value="2"] ~ span.toxbar {
|
|
background: linear-gradient(to left, #666666 80%, #255200 10%,#449600 90%, #adfc03 100%);
|
|
box-shadow: inset 0px 0px 7px 1px #232323;
|
|
}
|
|
input.toxbar[value="3"] ~ span.toxbar {
|
|
background: linear-gradient(to left, #666666 70%, #255200 20%,#449600 80%, #adfc03 100%);
|
|
box-shadow: inset 0px 0px 7px 1px #232323;
|
|
}
|
|
input.toxbar[value="4"] ~ span.toxbar {
|
|
background: linear-gradient(to left, #666666 60%, #255200 30%,#449600 70%, #adfc03 100%);
|
|
box-shadow: inset 0px 0px 7px 1px #232323;
|
|
}
|
|
input.toxbar[value="5"] ~ span.toxbar {
|
|
background: linear-gradient(to left, #666666 50%, #255200 40%,#449600 60%, #adfc03 80%);
|
|
box-shadow: inset 0px 0px 7px 1px #232323;
|
|
}
|
|
input.toxbar[value="6"] ~ span.toxbar {
|
|
background: linear-gradient(to left, #666666 40%, #255200 40%,#449600 50%, #adfc03 70%);
|
|
box-shadow: inset 0px 0px 7px 1px #232323;
|
|
}
|
|
input.toxbar[value="7"] ~ span.toxbar {
|
|
background: linear-gradient(to left, #666666 30%, #255200 30%,#449600 40%, #adfc03 60%);
|
|
box-shadow: inset 0px 0px 7px 1px #232323;
|
|
}
|
|
input.toxbar[value="8"] ~ span.toxbar {
|
|
background: linear-gradient(to left, #666666 20%, #255200 20%,#449600 30%, #adfc03 50%);
|
|
box-shadow: inset 0px 0px 7px 1px #232323;
|
|
}
|
|
input.toxbar[value="9"] ~ span.toxbar {
|
|
background: linear-gradient(to left, #666666 10%, #255200 10%,#449600 20%, #adfc03 40%);
|
|
box-shadow: inset 0px 0px 7px 1px #232323;
|
|
}
|
|
input.toxbar[value="10"] ~ span.toxbar {
|
|
background: linear-gradient(to left, #255200 1%,#449600 10%, #adfc03 30%);
|
|
box-shadow: inset 0px 0px 7px 1px #232323;
|
|
}
|
|
input.toxbar[value="11"] ~ span.toxbar {
|
|
background: #adfc03;
|
|
box-shadow: inset 0px 0px 7px 1px #232323;
|
|
}
|
|
|
|
label.toxictitle {
|
|
display: inline-block;
|
|
margin: 0px 0px -2px 0px;
|
|
width: 210px;
|
|
color: white;
|
|
font-weight: normal;
|
|
text-align: right;
|
|
font-size: 14px;
|
|
|
|
}
|
|
|
|
label.maxtoxic {
|
|
display: inline-block;
|
|
width: 189px;
|
|
color: white;
|
|
text-align: right;
|
|
font-size: 11px;
|
|
|
|
}
|
|
|
|
label.toxicpercent {
|
|
display: inline-block;
|
|
width: 10px;
|
|
margin: 0px 0px -5px 0px;
|
|
color: white;
|
|
text-align: right;
|
|
font-size: 16px;
|
|
|
|
}
|
|
|
|
input[type='number'].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;
|
|
}
|
|
|
|
.toxicity-divider {
|
|
border-radius: 15px;
|
|
margin: 6px 0px 0px -12px;
|
|
width: 2px;
|
|
height: 45px;
|
|
background: #FFF;
|
|
}
|
|
|
|
/* Gear/Equipment repeating field */
|
|
|
|
span.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.gear-item-name {
|
|
display: inline-block;
|
|
text-align: center;
|
|
width: 130px;
|
|
font-weight: 1;
|
|
font-size: 12px;
|
|
color: #FFF;
|
|
}
|
|
|
|
label.gear-item-quantity {
|
|
display: inline-block;
|
|
text-align: center;
|
|
width: 50px;
|
|
font-weight: 1;
|
|
font-size: 12px;
|
|
color: #FFF;
|
|
}
|
|
|
|
label.gear-item-notes {
|
|
display: inline-block;
|
|
text-align: center;
|
|
width: 215px;
|
|
font-weight: 1;
|
|
font-size: 12px;
|
|
color: #FFF;
|
|
}
|
|
|
|
label.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.tools-toggle:not(:checked) ~ div.tools {
|
|
display: none;
|
|
}
|
|
|
|
input.tools-toggle:checked ~ div.tools {
|
|
display: block;
|
|
}
|
|
|
|
input.consumables-toggle:not(:checked) ~ div.consumables {
|
|
display: none;
|
|
}
|
|
|
|
input.consumables-toggle:checked ~ div.consumables {
|
|
display: block;
|
|
}
|
|
|
|
input.noncarried-toggle:not(:checked) ~ div.noncarried {
|
|
display: none;
|
|
}
|
|
|
|
input.noncarried-toggle:checked ~ div.noncarried {
|
|
display: block;
|
|
}
|
|
|
|
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.currency-span,
|
|
span.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.currency-type {
|
|
display: inline-block;
|
|
text-align: center;
|
|
font-weight: 1;
|
|
width: 75px;
|
|
font-size: 12px;
|
|
color: #FFF;
|
|
}
|
|
|
|
label.currency-quantity {
|
|
display: inline-block;
|
|
text-align: center;
|
|
font-weight: 1;
|
|
width: 65px;
|
|
font-size: 12px;
|
|
color: #FFF;
|
|
}
|
|
|
|
label.currency-weight {
|
|
display: inline-block;
|
|
text-align: center;
|
|
font-weight: 1;
|
|
width: 70px;
|
|
font-size: 12px;
|
|
color: #FFF;
|
|
}
|
|
|
|
label.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.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.alchemical-quantity {
|
|
display: inline-block;
|
|
text-align: center;
|
|
font-weight: 1;
|
|
width: 35px;
|
|
font-size: 11px;
|
|
color: #FFF;
|
|
}
|
|
|
|
label.alchemical-weight {
|
|
display: inline-block;
|
|
text-align: center;
|
|
font-weight: 1;
|
|
width: 30px;
|
|
font-size: 11px;
|
|
color: #FFF;
|
|
}
|
|
|
|
label.alchemical-quantity2 {
|
|
display: inline-block;
|
|
text-align: center;
|
|
font-weight: 1;
|
|
width: 35px;
|
|
font-size: 12px;
|
|
color: #FFF;
|
|
}
|
|
|
|
label.alchemical-weight2 {
|
|
display: inline-block;
|
|
text-align: center;
|
|
font-weight: 1;
|
|
width: 35px;
|
|
font-size: 12px;
|
|
color: #FFF;
|
|
}
|
|
|
|
label.substance-type {
|
|
display: inline-block;
|
|
text-align: right;
|
|
margin-left: -20px;
|
|
line-height: 0.65;
|
|
padding: 5px;
|
|
width: 110px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
img.alchemical-image {
|
|
display:inline-block;
|
|
margin-top: -5px;
|
|
margin-left: 10px;
|
|
margin-right: 15px;
|
|
width: 8%;
|
|
}
|
|
|
|
input.substance-quantity,
|
|
input.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"].vitriol-toggle,
|
|
input[type="checkbox"].rebis-toggle,
|
|
input[type="checkbox"].aether-toggle,
|
|
input[type="checkbox"].quebrith-toggle,
|
|
input[type="checkbox"].hydragenum-toggle,
|
|
input[type="checkbox"].vermilion-toggle,
|
|
input[type="checkbox"].sol-toggle,
|
|
input[type="checkbox"].caelum-toggle,
|
|
input[type="checkbox"].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"].vitriol-toggle + span::before,
|
|
input[type="checkbox"].rebis-toggle + span::before,
|
|
input[type="checkbox"].aether-toggle + span::before,
|
|
input[type="checkbox"].quebrith-toggle + span::before,
|
|
input[type="checkbox"].hydragenum-toggle + span::before,
|
|
input[type="checkbox"].vermilion-toggle + span::before,
|
|
input[type="checkbox"].sol-toggle + span::before,
|
|
input[type="checkbox"].caelum-toggle + span::before,
|
|
input[type="checkbox"].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"].vitriol-toggle:checked + span::before,
|
|
input[type="checkbox"].rebis-toggle:checked + span::before,
|
|
input[type="checkbox"].aether-toggle:checked + span::before,
|
|
input[type="checkbox"].quebrith-toggle:checked + span::before,
|
|
input[type="checkbox"].hydragenum-toggle:checked + span::before,
|
|
input[type="checkbox"].vermilion-toggle:checked + span::before,
|
|
input[type="checkbox"].sol-toggle:checked + span::before,
|
|
input[type="checkbox"].caelum-toggle:checked + span::before,
|
|
input[type="checkbox"].fulgur-toggle:checked + span::before {
|
|
content: "►";
|
|
color: #444444;
|
|
}
|
|
|
|
input.vitriol-toggle:checked ~ div.vitriol-container,
|
|
input.rebis-toggle:checked ~ div.rebis-container,
|
|
input.aether-toggle:checked ~ div.aether-container,
|
|
input.quebrith-toggle:checked ~ div.quebrith-container,
|
|
input.hydragenum-toggle:checked ~ div.hydragenum-container,
|
|
input.vermilion-toggle:checked ~ div.vermilion-container,
|
|
input.sol-toggle:checked ~ div.sol-container,
|
|
input.caelum-toggle:checked ~ div.caelum-container,
|
|
input.fulgur-toggle:checked ~ div.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.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.cur-sta-title {
|
|
display: inline-block;
|
|
width: 35px;
|
|
margin-top: 10px;
|
|
text-align: right;
|
|
font-weight: 1;
|
|
font-size: 15px;
|
|
color: #FFF;
|
|
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.vigor-focus-container {
|
|
padding: 15px;
|
|
background: #5e0000;
|
|
width: 235px;
|
|
margin-top: 10px;
|
|
border-radius: 15px;
|
|
box-shadow: inset 0px 0px 30px 3px #1c1c1c;
|
|
}
|
|
|
|
label.spellfocus-title {
|
|
font-size: 12px;
|
|
color: #FFF;
|
|
font-weight: 1;
|
|
display: inline-block;
|
|
text-align: center;
|
|
width: 70px;
|
|
}
|
|
|
|
label.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.greaterfocus-title {
|
|
font-size: 10px;
|
|
color: #FFF;
|
|
font-weight: 1;
|
|
margin-right: -10px;
|
|
display: inline-block;
|
|
text-align: center;
|
|
width: 100px;
|
|
}
|
|
|
|
div.vigor-total-container > input[type='number'].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.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.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.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;
|
|
}
|
|
|
|
.repeating_list {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
input[type="checkbox"].focus1-toggle,
|
|
input[type="checkbox"].focus2-toggle,
|
|
input[type="checkbox"].focus3-toggle,
|
|
input[type="checkbox"].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"].focus1-toggle + span::before,
|
|
input[type="checkbox"].focus2-toggle + span::before,
|
|
input[type="checkbox"].focus3-toggle + span::before,
|
|
input[type="checkbox"].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"].focus1-toggle:checked + span::before,
|
|
input[type="checkbox"].focus2-toggle:checked + span::before,
|
|
input[type="checkbox"].focus3-toggle:checked + span::before,
|
|
input[type="checkbox"].focus4-toggle:checked + span::before {
|
|
content: "►";
|
|
color: #FFF;
|
|
}
|
|
|
|
input.focus1-toggle:checked ~ div.focus1-container,
|
|
input.focus2-toggle:checked ~ div.focus2-container,
|
|
input.focus3-toggle:checked ~ div.focus3-container,
|
|
input.focus4-toggle:checked ~ div.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,
|
|
[data-groupname=repeating_tools] .repcontrol_add,
|
|
[data-groupname=repeating_consumables] .repcontrol_add,
|
|
[data-groupname=repeating_noncarried-items1] .repcontrol_add,
|
|
[data-groupname=repeating_noncarried-items2] .repcontrol_add,
|
|
[data-groupname=repeating_noncarried-items3] .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_tools] .repitem {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
[data-groupname=repeating_consumables] .repitem {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
[data-groupname=repeating_noncarried-items1] .repitem {
|
|
margin-left: 10px;
|
|
}
|
|
[data-groupname=repeating_noncarried-items2] .repitem {
|
|
margin-left: 10px;
|
|
}
|
|
[data-groupname=repeating_noncarried-items3] .repitem {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
[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_tools] .repitem,
|
|
[data-groupname=repeating_consumables] .repitem,
|
|
[data-groupname=repeating_noncarried-items1] .repitem,
|
|
[data-groupname=repeating_noncarried-items2] .repitem,
|
|
[data-groupname=repeating_noncarried-items3] .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,
|
|
[data-groupname=repeating_tools] .repcontrol_edit,
|
|
[data-groupname=repeating_consumables] .repcontrol_edit,
|
|
[data-groupname=repeating_noncarried-items1] .repcontrol_edit,
|
|
[data-groupname=repeating_noncarried-items2] .repcontrol_edit,
|
|
[data-groupname=repeating_noncarried-items3] .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;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
div.repeating_blueprint_formula > 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.sphead {
|
|
height: 45px;
|
|
margin: -175px 0px 0px 97px;
|
|
}
|
|
|
|
input.sphead[value="0"] ~ div.sphead {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/head_clear.png);
|
|
}
|
|
input.sphead[value="1"] ~ div.sphead {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/head_red.png);
|
|
}
|
|
input.sphead[value="2"] ~ div.sphead {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/head_orange.png);
|
|
}
|
|
input.sphead[value="3"] ~ div.sphead {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/head_yellow.png);
|
|
}
|
|
input.sphead[value="4"] ~ div.sphead {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/head_grey.png);
|
|
}
|
|
input.sphead[value="5"] ~ div.sphead {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/head_grey.png);
|
|
}
|
|
|
|
/* -- TORSO -- */
|
|
|
|
div.sptorso {
|
|
height: 105px;
|
|
margin: -11px 0px 0px 79px;
|
|
}
|
|
input.sptorso[value="0"] ~ div.sptorso {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/torso_clear.png);
|
|
}
|
|
input.sptorso[value="1"] ~ div.sptorso {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/torso_red.png);
|
|
}
|
|
input.sptorso[value="2"] ~ div.sptorso {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/torso_orange.png);
|
|
}
|
|
input.sptorso[value="3"] ~ div.sptorso {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/torso_yellow.png);
|
|
}
|
|
input.sptorso[value="4"] ~ div.sptorso {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/torso_grey.png);
|
|
}
|
|
input.sptorso[value="5"] ~ div.sptorso {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/torso_grey.png);
|
|
}
|
|
|
|
/* -- LEFT ARM -- */
|
|
|
|
div.splarm {
|
|
height: 105px;
|
|
margin: -110px 0px 0px 136px;
|
|
}
|
|
input.splarm[value="0"] ~ div.splarm {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/larm_clear.png);
|
|
}
|
|
input.splarm[value="1"] ~ div.splarm {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/larm_red.png);
|
|
}
|
|
input.splarm[value="2"] ~ div.splarm {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/larm_orange.png);
|
|
}
|
|
input.splarm[value="3"] ~ div.splarm {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/larm_yellow.png);
|
|
}
|
|
input.splarm[value="4"] ~ div.splarm {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/larm_grey.png);
|
|
}
|
|
input.splarm[value="5"] ~ div.splarm {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/larm_grey.png);
|
|
}
|
|
|
|
/* -- RIGHT ARM -- */
|
|
|
|
div.sprarm {
|
|
height: 105px;
|
|
margin: -105px 0px 0px 45px;
|
|
}
|
|
input.sprarm[value="0"] ~ div.sprarm {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rarm_clear.png);
|
|
}
|
|
input.sprarm[value="1"] ~ div.sprarm {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rarm_red.png);
|
|
}
|
|
input.sprarm[value="2"] ~ div.sprarm {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rarm_orange.png);
|
|
}
|
|
input.sprarm[value="3"] ~ div.sprarm {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rarm_yellow.png);
|
|
}
|
|
input.sprarm[value="4"] ~ div.sprarm {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rarm_grey.png);
|
|
}
|
|
input.sprarm[value="5"] ~ div.sprarm {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rarm_grey.png);
|
|
}
|
|
|
|
/* -- LEFT LEG -- */
|
|
|
|
div.splleg {
|
|
height: 105px;
|
|
margin: -8px 0px 0px 115px;
|
|
}
|
|
input.splleg[value="0"] ~ div.splleg {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/lleg_clear.png);
|
|
}
|
|
input.splleg[value="1"] ~ div.splleg {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/lleg_red.png);
|
|
}
|
|
input.splleg[value="2"] ~ div.splleg {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/lleg_orange.png);
|
|
}
|
|
input.splleg[value="3"] ~ div.splleg {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/lleg_yellow.png);
|
|
}
|
|
input.splleg[value="4"] ~ div.splleg {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/lleg_grey.png);
|
|
}
|
|
input.splleg[value="5"] ~ div.splleg {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/lleg_grey.png);
|
|
}
|
|
|
|
/* -- RIGHT LEG -- */
|
|
|
|
div.sprleg {
|
|
height: 105px;
|
|
margin: -106px 0px 0px 63px;
|
|
}
|
|
input.sprleg[value="0"] ~ div.sprleg {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rleg_clear.png);
|
|
}
|
|
input.sprleg[value="1"] ~ div.sprleg {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rleg_red.png);
|
|
}
|
|
input.sprleg[value="2"] ~ div.sprleg {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rleg_orange.png);
|
|
}
|
|
input.sprleg[value="3"] ~ div.sprleg {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rleg_yellow.png);
|
|
}
|
|
input.sprleg[value="4"] ~ div.sprleg {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rleg_grey.png);
|
|
}
|
|
input.sprleg[value="5"] ~ div.sprleg {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rleg_grey.png);
|
|
}
|
|
|
|
/* -- ARMOR INPUT POSITIONS -- */
|
|
|
|
input[type='number'].head-armor {
|
|
left: 132px;
|
|
top: 0px;
|
|
}
|
|
button.spradio-1 {
|
|
left: 171px;
|
|
top: -46px;
|
|
}
|
|
|
|
input.head-icon {
|
|
left: 88px;
|
|
top: -23px;
|
|
}
|
|
|
|
input[type='number'].torso-armor {
|
|
left: 42px;
|
|
top: 68px;
|
|
}
|
|
button.spradio-2 {
|
|
left: 124px;
|
|
top: 1px;
|
|
}
|
|
|
|
input.torso-icon {
|
|
left: 15px;
|
|
top: 45px;
|
|
}
|
|
|
|
input[type='number'].larm-armor {
|
|
left: 63px;
|
|
top: 100px;
|
|
}
|
|
button.spradio-3 {
|
|
left: 188px;
|
|
top: 12px;
|
|
}
|
|
|
|
input.larm-icon {
|
|
left: 51px;
|
|
top: 77px;
|
|
}
|
|
|
|
input[type='number'].rarm-armor {
|
|
left: -89px;
|
|
top: 100px;
|
|
}
|
|
button.spradio-4 {
|
|
left: 22px;
|
|
top: -10px;
|
|
}
|
|
|
|
input.rarm-icon {
|
|
left: -68px;
|
|
top: 77px;
|
|
}
|
|
|
|
input[type='number'].lleg-armor {
|
|
left: -53px;
|
|
top: 183px;
|
|
}
|
|
button.spradio-5 {
|
|
left: 160px;
|
|
top: 51.5px;
|
|
}
|
|
|
|
input.lleg-icon {
|
|
left: -32px;
|
|
top: 160px;
|
|
}
|
|
|
|
input[type='number'].rleg-armor {
|
|
left: 69px;
|
|
top: 160px;
|
|
}
|
|
button.spradio-6 {
|
|
left: 49px;
|
|
top: 30px;
|
|
}
|
|
|
|
@supports(-webkit-text-security: circle) {
|
|
/* Matches Edge 79 - latest (92) */
|
|
/* Matches Chrome 4 - latest (95) */
|
|
/* Matches Safari 3.1 - latest (15/TP) */
|
|
/* Matches Opera 15 - latest (78) */
|
|
|
|
/* does not match Firefox */
|
|
|
|
button.spradio-2 {
|
|
left: 124px;
|
|
top: 0px;
|
|
}
|
|
button.spradio-3 {
|
|
left: 189px;
|
|
top: 10px;
|
|
}
|
|
button.spradio-4 {
|
|
left: 21px;
|
|
top: -12px;
|
|
}
|
|
button.spradio-5 {
|
|
left: 160px;
|
|
top: 49px;
|
|
}
|
|
button.spradio-6 {
|
|
left: 48px;
|
|
top: 27px;
|
|
}
|
|
}
|
|
|
|
|
|
input.rleg-icon {
|
|
left: -97px;
|
|
top: 160px;
|
|
}
|
|
|
|
div.armor-container > input[type='number'].head-armor,
|
|
div.armor-container > input[type='number'].torso-armor,
|
|
div.armor-container > input[type='number'].larm-armor,
|
|
div.armor-container > input[type='number'].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;
|
|
}
|
|
|
|
div.armor-container > input[type='number'].rarm-armor,
|
|
div.armor-container > input[type='number'].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;
|
|
}
|
|
|
|
div.armor-container > input.head-icon,
|
|
div.armor-container > input.torso-icon,
|
|
div.armor-container > input.larm-icon,
|
|
div.armor-container > input.rarm-icon,
|
|
div.armor-container > input.lleg-icon,
|
|
div.armor-container > input.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.spradio-1,
|
|
button.spradio-2,
|
|
button.spradio-3,
|
|
button.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.spradio-4,
|
|
button.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.spradio > span.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.spradio:not([value="1"]) ~ button.spradio-1 > span.checked,
|
|
input.spradio:not([value="2"]) ~ button.spradio-2 > span.checked,
|
|
input.spradio:not([value="3"]) ~ button.spradio-3 > span.checked,
|
|
input.spradio:not([value="4"]) ~ button.spradio-4 > span.checked,
|
|
input.spradio:not([value="5"]) ~ button.spradio-5 > span.checked,
|
|
input.spradio:not([value="6"]) ~ button.spradio-6 > span.checked {
|
|
display: none;
|
|
}
|
|
|
|
/*Configure the tab buttons*/
|
|
div.head,
|
|
div.torso,
|
|
div.larm,
|
|
div.rarm,
|
|
div.lleg,
|
|
div.rleg {
|
|
display: none;
|
|
}
|
|
|
|
/* show the selected tab */
|
|
input.armortoggle[value="1"] ~ div.head,
|
|
input.armortoggle[value="2"] ~ div.torso,
|
|
input.armortoggle[value="3"] ~ div.larm,
|
|
input.armortoggle[value="4"] ~ div.rarm,
|
|
input.armortoggle[value="5"] ~ div.lleg,
|
|
input.armortoggle[value="6"] ~ div.rleg {
|
|
display: block;
|
|
}
|
|
|
|
/* --Armor Area Inputs & Labels--*/
|
|
|
|
.armor-container {
|
|
padding: 15px;
|
|
background: #5e0000;
|
|
width: 235px;
|
|
margin-top: 10px;
|
|
border-radius: 15px;
|
|
box-shadow: inset 0px 0px 30px 3px #1c1c1c;
|
|
}
|
|
|
|
label.equipped-armor-maintitle {
|
|
font-size: 19px;
|
|
color: #ebebeb;
|
|
text-align: center;
|
|
font-weight: 1;
|
|
margin-top: 10px;
|
|
width: 230px;
|
|
}
|
|
|
|
label.maximum-sp {
|
|
color: #ebebeb;
|
|
text-align: left;
|
|
font-size: 11px;
|
|
margin: 0px 0px 6px 0px;
|
|
width: 80px;
|
|
display: inline-block;
|
|
}
|
|
|
|
label.armor-ev {
|
|
color: #ebebeb;
|
|
font-size: 11px;
|
|
text-align: center;
|
|
width: 68px;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
}
|
|
|
|
label.armor-weight {
|
|
color: #ebebeb;
|
|
font-size: 11px;
|
|
width: 52px;
|
|
margin-left: 4px;
|
|
display: inline-block;
|
|
}
|
|
|
|
select.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'].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.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.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.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.evbox-option {
|
|
color: #ebebeb;
|
|
}
|
|
|
|
option.armor-wounds-option {
|
|
color: #ebebeb;
|
|
}
|
|
|
|
textarea.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;
|
|
}
|
|
|
|
/* -- PC Defense Bases */
|
|
.pc-defense-base:not(:checked) ~ .pc-defense-base {
|
|
display: none;
|
|
}
|
|
|
|
/* 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.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.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.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 */
|
|
|
|
/* ---- */
|
|
|
|
.witcher-standard,
|
|
.witcher-switch:checked ~ .witcher-witch {
|
|
display: block;
|
|
}
|
|
|
|
.witcher-witch,
|
|
.witcher-switch:checked ~ .witcher-standard {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].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"].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"].witcher-switch + span::before {
|
|
content: "";
|
|
color: #262626;
|
|
width: 16px;
|
|
height: 16px;
|
|
line-height: 1;
|
|
font-size: 18px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
input[type="checkbox"].witcher-switch:checked + span::before {
|
|
content: "✓";
|
|
}
|
|
|
|
|
|
/* Background sections */
|
|
|
|
summary{
|
|
display:list-item;
|
|
}
|
|
|
|
span.background-span {
|
|
display: inline-block;
|
|
width: 480px;
|
|
margin-bottom: 5px;
|
|
padding-right: 26px;
|
|
background: #444444;
|
|
height: 26px;
|
|
color: #FFF;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
span.background-span-summary {
|
|
display: inline-block;
|
|
width: 480px;
|
|
margin-bottom: 5px;
|
|
padding-right: 26px;
|
|
background: #444444;
|
|
height: 22px;
|
|
color: #FFF;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
label.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.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.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.style-title,
|
|
label.style2-title {
|
|
background: #5e0000;
|
|
}
|
|
|
|
textarea.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.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;
|
|
}
|
|
|
|
textarea.standalone-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: 15px;
|
|
border-top-right-radius: 15px;
|
|
border-bottom-left-radius: 15px;
|
|
border-bottom-right-radius: 15px;
|
|
background-color: #eaeaea;
|
|
box-shadow: inset 0px 0px 5px 1px #232323;
|
|
}
|
|
|
|
textarea.fullsize-text {
|
|
width: 95%;
|
|
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: 15px;
|
|
border-top-right-radius: 15px;
|
|
border-bottom-left-radius: 15px;
|
|
border-bottom-right-radius: 15px;
|
|
background-color: #eaeaea;
|
|
box-shadow: inset 0px 0px 5px 1px #232323;
|
|
}
|
|
|
|
.summary-header {
|
|
padding-left: 12px;
|
|
padding-top: 4px;
|
|
font-size: 12px;
|
|
max-width: 470px;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.multiple-reputation:not(:checked) ~ .multiple-reputation {
|
|
display: none;
|
|
}
|
|
|
|
label.reputation-maintitle {
|
|
font-size: 20px;
|
|
font-weight: 1;
|
|
color: #FFF;
|
|
text-align: center;
|
|
line-height: 1.3;
|
|
width: 230px;
|
|
}
|
|
|
|
label.reputation-label {
|
|
display: inline-block;
|
|
font-size: 13px;
|
|
font-weight: 1;
|
|
width: 130px;
|
|
color: #FFF;
|
|
text-align: right;
|
|
}
|
|
|
|
.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.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;
|
|
}
|
|
|
|
.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.campaign-maintitle {
|
|
font-size: 20px;
|
|
font-weight: 1;
|
|
color: #FFF;
|
|
text-align: center;
|
|
margin-bottom: -5px;
|
|
line-height: 1.3;
|
|
width: 230px;
|
|
}
|
|
|
|
textarea.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;
|
|
}
|
|
|
|
/* Setting sections */
|
|
|
|
label.settings-checkbox {
|
|
width: fit-content;
|
|
cursor: pointer;
|
|
}
|
|
|
|
summary.settings-caption {
|
|
text-decoration-line: underline;
|
|
}
|
|
|
|
.subsetting {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
/* ROLL BUTTONS */
|
|
|
|
/* stats */
|
|
|
|
.charsheet button[type=action].stat-roller::before {
|
|
content: " ";
|
|
}
|
|
|
|
button[type=action].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].stat-roller:hover {
|
|
color: #5e0000;
|
|
box-shadow: none;
|
|
}
|
|
|
|
button[type=action].stat-roller:active {
|
|
color: #bc0000;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.charsheet button[type=action].stat-roller2::before {
|
|
content: " ";
|
|
}
|
|
|
|
button[type=action].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].stat-roller2:hover {
|
|
color: #5e0000;
|
|
box-shadow: none;
|
|
}
|
|
|
|
button[type=action].stat-roller2:active {
|
|
color: #bc0000;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.charsheet button[type=action].skill-roller2::before,
|
|
.charsheet button[type=action].skill-roller::before {
|
|
content: " ";
|
|
}
|
|
|
|
button[type=action].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].skill-roller2:hover,
|
|
button[type=action].skill-roller:hover {
|
|
color: #5e0000;
|
|
box-shadow: none;
|
|
}
|
|
|
|
button[type=action].skill-roller2:active,
|
|
button[type=action].skill-roller:active {
|
|
color: #bc0000;
|
|
box-shadow: none;
|
|
}
|
|
|
|
button[type=action].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].skill-roller-emp::before {
|
|
content: " ";
|
|
}
|
|
|
|
button[type=action].repeating_skill_roller_emp,
|
|
button[type=action].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].skill-roller-emp:hover {
|
|
color: #5e0000;
|
|
box-shadow: none;
|
|
}
|
|
|
|
button[type=action].repeating_skill_roller_emp:active,
|
|
button[type=action].skill-roller-emp:active {
|
|
color: #bc0000;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.charsheet button[type=action].stat-roll::before {
|
|
font-family: "dicefontd10";
|
|
content: "0";
|
|
font-size: 16px;
|
|
}
|
|
|
|
button[type=action].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].stat-roll:hover {
|
|
color: #5e0000;
|
|
border-color: #5e0000;
|
|
border: 1px solid;
|
|
}
|
|
|
|
button[type=action].stat-roll:active {
|
|
color: #bc0000;
|
|
border-color: #bc0000;
|
|
border: 1px solid;
|
|
box-shadow: inset 1px 1px 1px 1px #5e0000;
|
|
}
|
|
|
|
.charsheet button[type=action].stat-roll2::before {
|
|
font-family: "Pictos Custom";
|
|
content: "t";
|
|
font-size: 16px;
|
|
}
|
|
|
|
button[type=action].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].stat-roll2:hover {
|
|
color: #5e0000;
|
|
border-color: #5e0000;
|
|
border: 1px solid;
|
|
}
|
|
|
|
button[type=action].stat-roll2:active {
|
|
color: #bc0000;
|
|
border-color: #bc0000;
|
|
border: 1px solid;
|
|
box-shadow: inset 1px 1px 1px 1px #5e0000;
|
|
}
|
|
|
|
.charsheet button[type=action].stat-roll3::before {
|
|
font-family: "Pictos Custom";
|
|
content: "e";
|
|
font-size: 16px;
|
|
}
|
|
|
|
button[type=action].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].stat-roll3:hover {
|
|
color: #5e0000;
|
|
border-color: #5e0000;
|
|
border: 1px solid;
|
|
}
|
|
|
|
button[type=action].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].save-roll::before {
|
|
font-family: "pictos";
|
|
content: "Y";
|
|
font-size: 25px;
|
|
}
|
|
|
|
button[type=roll].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].save-roll:hover {
|
|
color: #6d1a02;
|
|
border-color: #6d1a02;
|
|
border: 1px solid;
|
|
}
|
|
|
|
button[type=roll].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].stun-roll::before {
|
|
font-family: "pictos";
|
|
content: "S";
|
|
font-size: 25px;
|
|
}
|
|
|
|
button[type=roll].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].stun-roll:hover {
|
|
color: #6d1a02;
|
|
border-color: #6d1a02;
|
|
border: 1px solid;
|
|
}
|
|
|
|
button[type=roll].stun-roll:active {
|
|
color: #ff3700;
|
|
border-color: #ff3700;
|
|
border: 1px solid;
|
|
box-shadow: inset 2px 1px 1px 1px #6d1a02;
|
|
}
|
|
|
|
/* Initiative */
|
|
|
|
.charsheet button[type=roll].initiative-roll::before {
|
|
font-family: "pictos";
|
|
content: "e";
|
|
font-size: 25px;
|
|
}
|
|
|
|
button[type=roll].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].initiative-roll:hover {
|
|
color: #026d52;
|
|
border-color: #026d52;
|
|
border: 1px solid;
|
|
}
|
|
|
|
button[type=roll].initiative-roll:active {
|
|
color: #02ffbf;
|
|
border-color: #02ffbf;
|
|
border: 1px solid;
|
|
box-shadow: inset 2px 1px 1px 1px #026d52;
|
|
}
|
|
|
|
/* Critical */
|
|
|
|
.charsheet button[type=roll].fumble-roll::before {
|
|
font-family: "pictos custom";
|
|
content: "t";
|
|
font-size: 23px;
|
|
}
|
|
|
|
button[type=roll].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].fumble-roll:hover {
|
|
color: #968754;
|
|
border-color: #968754;
|
|
border: 1px solid;
|
|
}
|
|
|
|
button[type=roll].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].target-roll::before {
|
|
font-family: "pictos custom";
|
|
content: "[";
|
|
font-size: 24px;
|
|
}
|
|
|
|
button[type=roll].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].target-roll:hover {
|
|
color: #546696;
|
|
border-color: #546696;
|
|
border: 1px solid;
|
|
}
|
|
|
|
button[type=roll].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].prof-skill-roll::before {
|
|
font-family: "Helvetica";
|
|
content: "ROLL SKILL";
|
|
font-size: 9px;
|
|
display: block;
|
|
}
|
|
|
|
button[type=action].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].prof-skill-roll:hover {
|
|
color: #828282;
|
|
border-color: #828282;
|
|
border: 1px solid;
|
|
}
|
|
|
|
button[type=action].prof-skill-roll:active {
|
|
color: #afafaf;
|
|
border-color: #afafaf;
|
|
border: 1px solid;
|
|
box-shadow: inset 2px 1px 1px 1px #828282;
|
|
|
|
}
|
|
|
|
/* Weapon Button */
|
|
|
|
.charsheet button.weapon-damage-roll::before {
|
|
content: "";
|
|
font-weight: bold;
|
|
}
|
|
|
|
button.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.weapon-damage-roll:hover {
|
|
color: #750000;
|
|
border-color: #750000;
|
|
border: 1px solid;
|
|
}
|
|
|
|
button.weapon-damage-roll:active {
|
|
color: #cc0000;
|
|
border-color: #cc0000;
|
|
border: 1px solid;
|
|
box-shadow: inset 1px 1px 1px 1px #750000;
|
|
}
|
|
|
|
.charsheet button.quickweapon-damage1::before {
|
|
content: "1st";
|
|
}
|
|
|
|
.charsheet button.quickweapon-damage2::before {
|
|
content: "2nd";
|
|
}
|
|
|
|
.charsheet button.quickweapon-damage3::before {
|
|
content: "3rd";
|
|
}
|
|
|
|
.charsheet button.quickweapon-damage4::before {
|
|
content: "4th";
|
|
}
|
|
|
|
.charsheet button.quickweapon-damage5::before {
|
|
content: "5th";
|
|
}
|
|
|
|
.charsheet button.quickweapon-damage6::before {
|
|
content: "6th";
|
|
}
|
|
|
|
.charsheet button.quickshield::before {
|
|
font-family: 'Pictos Custom';
|
|
content: "e";
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
.charsheet button.quickweapon-damage6::before,
|
|
.charsheet button.quickweapon-damage5::before,
|
|
.charsheet button.quickweapon-damage4::before,
|
|
.charsheet button.quickweapon-damage3::before,
|
|
.charsheet button.quickweapon-damage2::before,
|
|
.charsheet button.quickweapon-damage1::before {
|
|
font-family: "Helvetica";
|
|
font-size: 9px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
button.quickshield,
|
|
button.quickweapon-damage6,
|
|
button.quickweapon-damage5,
|
|
button.quickweapon-damage4,
|
|
button.quickweapon-damage3,
|
|
button.quickweapon-damage2,
|
|
button.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.quickshield:hover,
|
|
button.quickweapon-damage6:hover,
|
|
button.quickweapon-damage5:hover,
|
|
button.quickweapon-damage4:hover,
|
|
button.quickweapon-damage3:hover,
|
|
button.quickweapon-damage2:hover,
|
|
button.quickweapon-damage1:hover {
|
|
color: #750000;
|
|
border-color: #750000;
|
|
border: 1px solid;
|
|
}
|
|
|
|
button.quickshield:active,
|
|
button.quickweapon-damage6:active,
|
|
button.quickweapon-damage5:active,
|
|
button.quickweapon-damage4:active,
|
|
button.quickweapon-damage3:active,
|
|
button.quickweapon-damage2:active,
|
|
button.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].rep-roll::before {
|
|
font-family: "Pictos";
|
|
content: "i";
|
|
font-size: 18px;
|
|
}
|
|
|
|
button[type=action].rep-roll {
|
|
color: #000;
|
|
background-color: #e8e8e8;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
width:19px;
|
|
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].rep-roll:hover {
|
|
color: #2a72a3;
|
|
border-color: #2a72a3;
|
|
border: 1px solid;
|
|
}
|
|
|
|
button[type=action].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;
|
|
|
|
}
|
|
|
|
.spacer {
|
|
width: 20%;
|
|
display: inline-block;
|
|
height: 20px;
|
|
padding: 8px 0px 8px 0px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* DEFENSE BASES */
|
|
|
|
label.defense-title {
|
|
display: inline-block;
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
padding-left: 12px;
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
font-weight: 1;
|
|
font-size: 12px;
|
|
color: #FFF;
|
|
margin-bottom: 2px;
|
|
border-radius: 15px;
|
|
background: #444444;
|
|
}
|
|
|
|
span.defense-name {
|
|
display: inline-block;
|
|
line-height: 0.65;
|
|
padding-left: 15px;
|
|
width: 130px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.charsheet button[type=action].defense_skill_roll::before {
|
|
font-family: "dicefontd10";
|
|
content: "0";
|
|
font-size: 17px;
|
|
}
|
|
|
|
button[type=action].defense_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].defense_skill_roll:hover {
|
|
color: #878787;
|
|
border-color: #878787;
|
|
border: 1px solid;
|
|
}
|
|
|
|
button[type=action].defense_skill_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-weaponattack table,
|
|
.sheet-rolltemplate-singleroll table,
|
|
.sheet-rolltemplate-saveroll table,
|
|
.sheet-rolltemplate-target table,
|
|
.sheet-rolltemplate-humanlocation table,
|
|
.sheet-rolltemplate-critlocation table,
|
|
.sheet-rolltemplate-monsterlocation table,
|
|
.sheet-rolltemplate-fumble table,
|
|
.sheet-rolltemplate-save table,
|
|
.sheet-rolltemplate-initiative table,
|
|
.sheet-rolltemplate-npcdefense 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-weaponattack th,
|
|
.sheet-rolltemplate-singleroll th,
|
|
.sheet-rolltemplate-saveroll th,
|
|
.sheet-rolltemplate-target th,
|
|
.sheet-rolltemplate-humanlocation th,
|
|
.sheet-rolltemplate-critlocation th,
|
|
.sheet-rolltemplate-monsterlocation th,
|
|
.sheet-rolltemplate-fumble th,
|
|
.sheet-rolltemplate-save th,
|
|
.sheet-rolltemplate-initiative th,
|
|
.sheet-rolltemplate-npcdefense 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-weaponattack .userscript-template-title,
|
|
.sheet-rolltemplate-singleroll .userscript-template-title,
|
|
.sheet-rolltemplate-saveroll .userscript-template-title,
|
|
.sheet-rolltemplate-target .userscript-template-title,
|
|
.sheet-rolltemplate-humanlocation .userscript-template-title,
|
|
.sheet-rolltemplate-critlocation .userscript-template-title,
|
|
.sheet-rolltemplate-monsterlocation .userscript-template-title,
|
|
.sheet-rolltemplate-fumble .userscript-template-title,
|
|
.sheet-rolltemplate-save .userscript-template-title,
|
|
.sheet-rolltemplate-npcdefense .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-weaponattack td,
|
|
.sheet-rolltemplate-singleroll td,
|
|
.sheet-rolltemplate-saveroll td,
|
|
.sheet-rolltemplate-target td,
|
|
.sheet-rolltemplate-humanlocation td,
|
|
.sheet-rolltemplate-critlocation td,
|
|
.sheet-rolltemplate-monsterlocation td,
|
|
.sheet-rolltemplate-fumble td,
|
|
.sheet-rolltemplate-save td,
|
|
.sheet-rolltemplate-npcdefense 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-weaponattack .inlinerollresult,
|
|
.sheet-rolltemplate-singleroll .inlinerollresult,
|
|
.sheet-rolltemplate-saveroll .inlinerollresult,
|
|
.sheet-rolltemplate-target .inlinerollresult,
|
|
.sheet-rolltemplate-humanlocation .inlinerollresult,
|
|
.sheet-rolltemplate-critlocation .inlinerollresult,
|
|
.sheet-rolltemplate-monsterlocation .inlinerollresult,
|
|
.sheet-rolltemplate-fumble .inlinerollresult,
|
|
.sheet-rolltemplate-save .inlinerollresult,
|
|
.sheet-rolltemplate-npcdefense .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,
|
|
.sheet-rolltemplate-humanlocation th,
|
|
.sheet-rolltemplate-critlocation th,
|
|
.sheet-rolltemplate-monsterlocation th {
|
|
background-color: #546696;
|
|
}
|
|
|
|
.sheet-rolltemplate-target tr:nth-child(odd),
|
|
.sheet-rolltemplate-humanlocation tr:nth-child(odd),
|
|
.sheet-rolltemplate-critlocation tr:nth-child(odd),
|
|
.sheet-rolltemplate-monsterlocation tr:nth-child(odd) {
|
|
background-color: #b1b4d8;
|
|
}
|
|
|
|
.sheet-rolltemplate-target tr:nth-child(even),
|
|
.sheet-rolltemplate-humanlocation tr:nth-child(even),
|
|
.sheet-rolltemplate-critlocation tr:nth-child(even),
|
|
.sheet-rolltemplate-monsterlocation 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,
|
|
.sheet-rolltemplate-npcdefense th {
|
|
background-color: #595959;
|
|
}
|
|
|
|
.sheet-rolltemplate-singleroll tr:nth-child(odd),
|
|
.sheet-rolltemplate-npcdefense tr:nth-child(odd) {
|
|
background-color: #b7b7b7;
|
|
}
|
|
|
|
.sheet-rolltemplate-singleroll tr:nth-child(even),
|
|
.sheet-rolltemplate-npcdefense 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;
|
|
}
|
|
|
|
/* weaponattack */
|
|
|
|
.sheet-rolltemplate-weaponattack th {
|
|
background-color: #595959;
|
|
}
|
|
|
|
.sheet-rolltemplate-weaponattack tr:nth-child(odd) {
|
|
background-color: #b7b7b7;
|
|
}
|
|
|
|
.sheet-rolltemplate-weaponattack 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-weaponattack 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;
|
|
}
|
|
|
|
.sheet-rolltemplate-button-row {
|
|
display: flex;
|
|
margin-top: -5px;
|
|
justify-content: center;
|
|
align-content: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-button a[href^="~"]{
|
|
text-align: center;
|
|
border-radius: 30px;
|
|
background-color: #968754;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcdefense .sheet-rolltemplate-calculation .inlinerollresult,
|
|
.sheet-rolltemplate-humanlocation .sheet-rolltemplate-calculation .inlinerollresult,
|
|
.sheet-rolltemplate-critlocation .sheet-rolltemplate-calculation .inlinerollresult,
|
|
.sheet-rolltemplate-monsterlocation .sheet-rolltemplate-calculation .inlinerollresult {
|
|
border: none;
|
|
background-color: inherit;
|
|
} |