mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
Leothedino
9f6dc69bd2
* TheWitcher - QoL Improvements New QoL features with this latest update. - Improved combat skill buttons. Dropdown menu on these skills removing much of the time wasted with multiple query selections. - Fast Strike now hits twice with one roll as heavily requested from players. - Extended Quick Roll Buttons now includes Quick Weapon Buttons so players need not keep tabbing to the inventory section for damage rolls. - Gear & Inventory now has a Diagram & Recipe category where players can set if they learn, know or have crafting recipe's and materials. - Other code changes include new roll templates and tidied up obsolete HTML text. * TheWitcher - QoL Changes (CSS) - Companion CSS changes to the QoL update.
5236 lines
110 KiB
CSS
5236 lines
110 KiB
CSS
/* NPC SECTION */
|
|
|
|
/* Top Info */
|
|
|
|
label.sheet-npctitle {
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
text-align: right;
|
|
width: 40px;
|
|
}
|
|
|
|
label.sheet-bountytitle {
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
text-align: right;
|
|
width: 55px;
|
|
}
|
|
|
|
label.sheet-sizetitle {
|
|
display: inline-block;
|
|
font-size: 13px;
|
|
margin-left: 13px;
|
|
text-align: right;
|
|
width: 50px;
|
|
}
|
|
|
|
label.sheet-environmenttitle {
|
|
display: inline-block;
|
|
margin-bottom: 8px;
|
|
font-size: 11px;
|
|
margin-left: 9px;
|
|
text-align: right;
|
|
width: 80px;
|
|
}
|
|
|
|
input.sheet-npc-box {
|
|
width: 150px;
|
|
border:1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.sheet-bounty-box {
|
|
width: 60px;
|
|
border:1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.sheet-size-box {
|
|
width: 150px;
|
|
border:1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.sheet-size-box2 {
|
|
width: 120px;
|
|
border:1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.sheet-background-box {
|
|
width: 230px;
|
|
height: 25px;
|
|
border:1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
/* Right Side Repeating Sections */
|
|
|
|
span.sheet-npcskill-span,
|
|
span.sheet-ability-span {
|
|
display: inline-block;
|
|
width: 250px;
|
|
padding-right: 5px;
|
|
padding-top: 10px;
|
|
font-size: 1em;
|
|
color: #FFF;
|
|
border-radius: 20px;
|
|
background: #444444;
|
|
}
|
|
|
|
span.sheet-vuln-span {
|
|
display: inline-block;
|
|
width: 250px;
|
|
padding-right: 5px;
|
|
padding-top: 10px;
|
|
font-size: 1em;
|
|
color: #FFF;
|
|
border-radius: 20px;
|
|
background: #444444;
|
|
}
|
|
|
|
span.sheet-weapon-span {
|
|
display: inline-block;
|
|
width: 525px;
|
|
padding-right: 5px;
|
|
padding-top: 10px;
|
|
font-size: 1em;
|
|
color: #FFF;
|
|
border-radius: 20px;
|
|
background: #444444;
|
|
}
|
|
|
|
span.repeating_npcskill_container {
|
|
display: inline-block;
|
|
width: 265px;
|
|
margin-left: -5px;
|
|
margin-bottom: 7px;
|
|
color: #FFF;
|
|
background-color: #c1c1c1;
|
|
border-radius: 15px;
|
|
border: 1px solid #000;
|
|
box-shadow: inset 0px 0px 3px 1px #7c7c7c;
|
|
}
|
|
|
|
span.repeating_npc_weapon_container {
|
|
display: inline-block;
|
|
width: 490px;
|
|
padding: 10px;
|
|
margin-left: 10px;
|
|
margin-bottom: 7px;
|
|
color: #FFF;
|
|
background-color: #c1c1c1;
|
|
border-radius: 15px;
|
|
border: 1px solid #000;
|
|
box-shadow: inset 0px 0px 3px 1px #7c7c7c;
|
|
}
|
|
|
|
label.sheet-weapontitle,
|
|
label.sheet-npcskilltitle,
|
|
label.sheet-abilitytitle {
|
|
display: inline-block;
|
|
text-align: center;
|
|
font-weight: 1;
|
|
width: 250px;
|
|
font-size: 16px;
|
|
color: #FFF;
|
|
}
|
|
|
|
label.sheet-weapontitle {
|
|
display: inline-block;
|
|
text-align: center;
|
|
font-weight: 1;
|
|
width: 540px;
|
|
font-size: 16px;
|
|
color: #FFF;
|
|
}
|
|
|
|
label.sheet-npcarmortitle {
|
|
display: inline-block;
|
|
width: 115px;
|
|
color: #FFF;
|
|
font-weight: 1;
|
|
margin-top: 10px;
|
|
text-align: right;
|
|
font-size: 22px;
|
|
}
|
|
|
|
.sheet-npc-armor-box {
|
|
padding: 20px;
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
background: #5e0000;
|
|
width: 225px;
|
|
border-radius: 15px;
|
|
box-shadow: inset 0px 0px 30px 3px #0e1c26;
|
|
}
|
|
|
|
input[type='number'].sheet-npc-armor {
|
|
border: 1px solid #000;
|
|
display: inline-block;
|
|
border-radius: 0px;
|
|
margin-top: -10px;
|
|
width: 55px;
|
|
height: 40px;
|
|
color: #FFF;
|
|
text-align: center;
|
|
font-size: 20px;
|
|
background-color: #444444;
|
|
box-shadow: inset 0px 0px 7px 1px #232323;
|
|
}
|
|
|
|
input.repeating_npc_weapon_name {
|
|
margin-left: 5px;
|
|
width: 180px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
background-color: transparent;
|
|
border-radius: 0px;
|
|
border-top: 0px solid;
|
|
border-right: 0px solid;
|
|
border-left: 0px solid;
|
|
border-bottom: 1px solid;
|
|
box-shadow: none;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
input.repeating_npc_weapon_damage {
|
|
margin-left: 5px;
|
|
width: 55px;
|
|
font-size: 12px;
|
|
background-color: transparent;
|
|
border-radius: 0px;
|
|
border-top: 0px solid;
|
|
border-right: 0px solid;
|
|
border-left: 0px solid;
|
|
border-bottom: 1px solid;
|
|
box-shadow: none;
|
|
}
|
|
|
|
input.repeating_npc_weapon_effect {
|
|
margin-left: 5px;
|
|
width: 135px;
|
|
font-size: 12px;
|
|
background-color: transparent;
|
|
border-radius: 0px;
|
|
border-top: 0px solid;
|
|
border-right: 0px solid;
|
|
border-left: 0px solid;
|
|
border-bottom: 1px solid;
|
|
box-shadow: none;
|
|
}
|
|
|
|
input.repeating_npc_weapon_rof {
|
|
margin-left: 5px;
|
|
margin-right: 2px;
|
|
width: 30px;
|
|
font-size: 14px;
|
|
background-color: transparent;
|
|
border-radius: 0px;
|
|
border-top: 0px solid;
|
|
border-right: 0px solid;
|
|
border-left: 0px solid;
|
|
border-bottom: 1px solid;
|
|
box-shadow: none;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
input.repeating_ability_name {
|
|
width: 235px;
|
|
color: #FFF;
|
|
margin-left: 10px;
|
|
font-size: 14px;
|
|
background-color: #636363;
|
|
text-transform: uppercase;
|
|
border:1px solid #000;
|
|
border-top-left-radius: 15px;
|
|
border-top-right-radius: 15px;
|
|
border-bottom-left-radius: 0px;
|
|
border-bottom-right-radius: 0px;
|
|
box-shadow: none;
|
|
}
|
|
|
|
input.repeating_vuln_name {
|
|
width: 230px;
|
|
color: #FFF;
|
|
margin-left: 10px;
|
|
font-size: 14px;
|
|
background-color: #636363;
|
|
text-transform: uppercase;
|
|
border:1px solid #000;
|
|
border-top-left-radius: 15px;
|
|
border-top-right-radius: 15px;
|
|
border-bottom-left-radius: 0px;
|
|
border-bottom-right-radius: 0px;
|
|
box-shadow: none;
|
|
}
|
|
|
|
input.repeating_npcskill_name {
|
|
margin-top: -2px;
|
|
margin-left: 2px;
|
|
margin-right: -10px;
|
|
width: 140px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
background-color: transparent;
|
|
border: 0px solid #000;
|
|
box-shadow: none;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
select.repeating_npcskill_stat {
|
|
margin-top: 4px;
|
|
margin-bottom: 4px;
|
|
width: 60px;
|
|
font-size: 11px;
|
|
background-color: transparent;
|
|
border:0px solid;
|
|
box-shadow: none;
|
|
}
|
|
|
|
textarea.repeating_ability_text {
|
|
margin-left: 10px;
|
|
font-size: 11px;
|
|
width: 213px;
|
|
height: 70px;
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
margin-bottom: 2px;
|
|
background-color: #c1c1c1;
|
|
resize: vertical;
|
|
border-top-left-radius: 0px;
|
|
border-top-right-radius: 0px;
|
|
border-bottom-left-radius: 15px;
|
|
border-bottom-right-radius: 15px;
|
|
border: 1px solid #000;
|
|
}
|
|
|
|
textarea.repeating_vuln_text {
|
|
margin-left: 10px;
|
|
font-size: 11px;
|
|
width: 208px;
|
|
height: 40px;
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
margin-bottom: 2px;
|
|
background-color: #c1c1c1;
|
|
resize: vertical;
|
|
border-top-left-radius: 0px;
|
|
border-top-right-radius: 0px;
|
|
border-bottom-left-radius: 15px;
|
|
border-bottom-right-radius: 15px;
|
|
border: 1px solid #000;
|
|
}
|
|
|
|
input.repeating_loot_text {
|
|
margin-left: 10px;
|
|
width: 235px;
|
|
height: 30px;
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
margin-bottom: 2px;
|
|
background-color: #c1c1c1;
|
|
border-top-left-radius: 15px;
|
|
border-top-right-radius: 15px;
|
|
border-bottom-left-radius: 15px;
|
|
border-bottom-right-radius: 15px;
|
|
border: 1px solid #000;
|
|
}
|
|
|
|
input.repeating_npcskill_score {
|
|
width: 27px;
|
|
height: 25px;
|
|
margin-top: -2px;
|
|
font-size: 14px;
|
|
background-color: #e8e8e8;
|
|
border: 1px solid #000;
|
|
border-radius: 5px;
|
|
box-shadow: inset 0px 0px 4px 0px #262626;
|
|
}
|
|
|
|
/* ----------- */
|
|
|
|
.charsheet {
|
|
margin-left: -20px;
|
|
margin-top: 0px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/repeating_bg.jpg");
|
|
background-repeat: repeat;
|
|
}
|
|
|
|
/* PC SECTION */
|
|
|
|
/*NPC Tabs Setup */
|
|
|
|
.sheet-block-pc,
|
|
.sheet-block-switch:checked ~ .sheet-block-npc {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-block-npc,
|
|
.sheet-block-switch:checked ~ .sheet-block-pc {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-whisper-checkbox,
|
|
input[type="checkbox"].sheet-block-switch {
|
|
opacity: 0;
|
|
width: 22px;
|
|
height: 22px;
|
|
position: relative;
|
|
bottom: 5px;
|
|
top: 1px;
|
|
left: 12px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-whisper-checkbox + span::before,
|
|
input[type="checkbox"].sheet-block-switch + span::before {
|
|
margin-right: 4px;
|
|
border: solid 1px #383838;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
border:1px solid #000;
|
|
box-shadow: inset 0px 0px 3px 1px #2d2d2d;
|
|
border-radius: 0px;
|
|
background: #939393;
|
|
background: radial-gradient(#939393, #5b5b5b);
|
|
}
|
|
|
|
input[type="checkbox"].sheet-whisper-checkbox + span::before,
|
|
input[type="checkbox"].sheet-block-switch + span::before {
|
|
content: "";
|
|
color: #262626;
|
|
width: 22px;
|
|
height: 22px;
|
|
line-height: 1;
|
|
font-size: 20px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-whisper-checkbox:checked + span::before,
|
|
input[type="checkbox"].sheet-block-switch:checked + span::before {
|
|
content: "✓";
|
|
color: #FFF;
|
|
}
|
|
|
|
/* SECTION TABS SETUP */
|
|
|
|
.charsheet div[class^="sheet-section"] {
|
|
display: none;
|
|
}
|
|
|
|
.charsheet input.sheet-tab1:checked ~ div.sheet-section-skills,
|
|
.charsheet input.sheet-tab2:checked ~ div.sheet-section-abilities,
|
|
.charsheet input.sheet-tab3:checked ~ div.sheet-section-gear,
|
|
.charsheet input.sheet-tab4:checked ~ div.sheet-section-spells,
|
|
.charsheet input.sheet-tab5:checked ~ div.sheet-section-background {
|
|
display: block;
|
|
}
|
|
|
|
.charsheet input.sheet-tab99:checked ~ div[class^="sheet-section"] {
|
|
display: block;
|
|
}
|
|
|
|
.charsheet input.sheet-tab {
|
|
width: 185px;
|
|
height: 40px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
opacity: 0;
|
|
z-index: 9999;
|
|
}
|
|
|
|
.charsheet input.sheet-tab-1 {
|
|
width: 185px;
|
|
height: 40px;
|
|
margin-left: 10px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
opacity: 0;
|
|
z-index: 9999;
|
|
}
|
|
|
|
.charsheet span.sheet-tab {
|
|
text-align: center;
|
|
display: inline-block;
|
|
font-size: 11px;
|
|
background: #c1c1c1;
|
|
color: #000;
|
|
font-weight: bold;
|
|
|
|
width: 145px;
|
|
height: 40px;
|
|
cursor: pointer;
|
|
vertical-align: middle;
|
|
margin-left: -185px;
|
|
border:1px solid #000;
|
|
box-shadow: inset 0px 0px 10px 1px #232323;
|
|
}
|
|
|
|
.charsheet span.sheet-tab-right {
|
|
text-align: center;
|
|
display: inline-block;
|
|
font-size: 11px;
|
|
background: #c1c1c1;
|
|
color: #000;
|
|
font-weight: bold;
|
|
border-top-right-radius: 50px;
|
|
border-bottom-right-radius: 50px;
|
|
|
|
width: 145px;
|
|
height: 40px;
|
|
cursor: pointer;
|
|
vertical-align: middle;
|
|
margin-left: -185px;
|
|
border:1px solid #000;
|
|
box-shadow: inset 0px 0px 10px 1px #232323;
|
|
}
|
|
|
|
.charsheet span.sheet-tab-left {
|
|
text-align: center;
|
|
display: inline-block;
|
|
font-size: 11px;
|
|
background: #c1c1c1;
|
|
color: #000;
|
|
font-weight: bold;
|
|
border-top-left-radius: 50px;
|
|
border-bottom-left-radius: 50px;
|
|
|
|
width: 145px;
|
|
height: 40px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
margin-left: -200px;
|
|
border:1px solid #000;
|
|
box-shadow: inset 0px 0px 10px 1px #232323;
|
|
}
|
|
|
|
|
|
.charsheet input.sheet-tab1:checked + span.sheet-tab1,
|
|
.charsheet input.sheet-tab2:checked + span.sheet-tab2,
|
|
.charsheet input.sheet-tab3:checked + span.sheet-tab3,
|
|
.charsheet input.sheet-tab4:checked + span.sheet-tab4,
|
|
.charsheet input.sheet-tab5:checked + span.sheet-tab5,
|
|
.charsheet input.sheet-tab99:checked + span.sheet-tab99 {
|
|
|
|
background: #3d3d3d;
|
|
color: #FFF;
|
|
|
|
}
|
|
|
|
/* SHEET IMG TITLES */
|
|
|
|
.sheet-top-title-image {
|
|
display:block;
|
|
margin-top: 15px;
|
|
margin-left: -5px;
|
|
width: 500px;
|
|
}
|
|
|
|
/* SHEET LAYOUT */
|
|
|
|
img.sheet-logo {
|
|
display:inline-block;
|
|
margin-left: 10px;
|
|
margin-top: -30px;
|
|
margin-bottom: 10px;
|
|
width: 100%;
|
|
z-index:-100;
|
|
}
|
|
|
|
input {
|
|
text-align: center;
|
|
}
|
|
|
|
input, select, textarea {
|
|
color: #333;
|
|
outline: none;
|
|
box-shadow: inset 0px 0px 3px 1px #7c7c7c;
|
|
}
|
|
|
|
textarea {
|
|
text-align: justify;
|
|
}
|
|
|
|
select option {
|
|
color: #333;
|
|
}
|
|
|
|
.sheet-full-page {
|
|
|
|
}
|
|
|
|
.sheet-top-grid {
|
|
display: grid;
|
|
grid-template-columns: 30% 40% 30%;
|
|
margin-top: -25px;
|
|
width: 850px;
|
|
}
|
|
|
|
.sheet-middle-grid {
|
|
display: grid;
|
|
grid-template-columns: 70% 30%;
|
|
width: 800px;
|
|
}
|
|
|
|
.sheet-middle2-grid {
|
|
display: grid;
|
|
grid-template-columns: 50% 50%
|
|
}
|
|
|
|
.sheet-middle-alc-grid {
|
|
display: grid;
|
|
grid-template-columns: 65% 35%;
|
|
}
|
|
|
|
.sheet-middle-skill-grid {
|
|
display: grid;
|
|
grid-template-columns: 33.33% 33.33% 33.33%;
|
|
}
|
|
|
|
label.sheet-legend-top {
|
|
display: inline-block;
|
|
height:5px;
|
|
width: 182px;
|
|
text-align: right;
|
|
font-size: 10px;
|
|
|
|
}
|
|
|
|
label.sheet-legend {
|
|
display: inline-block;
|
|
height: 5px;
|
|
width: 215px;
|
|
text-align: right;
|
|
font-size: 10px;
|
|
}
|
|
|
|
label.sheet-armor-sp {
|
|
display: inline-block;
|
|
height: 5px;
|
|
width: 57px;
|
|
font-weight: 1;
|
|
margin-left: 60px;
|
|
text-align: right;
|
|
color: #FFF;
|
|
font-size: 10px;
|
|
}
|
|
|
|
label.sheet-armor-dmg {
|
|
display: inline-block;
|
|
margin-left: -8px;
|
|
font-weight: 1;
|
|
height: 5px;
|
|
width: 50px;
|
|
text-align: right;
|
|
color: #FFF;
|
|
font-size: 10px;
|
|
}
|
|
|
|
label.sheet-armor-wt {
|
|
display: inline-block;
|
|
height: 5px;
|
|
width: 48px;
|
|
text-align: right;
|
|
color: #FFF;
|
|
font-size: 11px;
|
|
}
|
|
|
|
button {
|
|
outline: none;
|
|
}
|
|
|
|
/* Top Bar */
|
|
|
|
.sheet-filter {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/top_banner.png");
|
|
background-repeat: repeat-x;
|
|
margin-left: -10px;
|
|
margin-top: -10px;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
label.sheet-toggle-npc {
|
|
display: inline-block;
|
|
margin-top: 20px;
|
|
margin-left: -10px;
|
|
font-size: 11px;
|
|
text-align: right;
|
|
color: #939393;
|
|
font-weight: 1;
|
|
width: 80px;
|
|
z-index: 1;
|
|
}
|
|
|
|
label.sheet-toggle-whisper {
|
|
display: inline-block;
|
|
margin-top: 20px;
|
|
margin-left: 40px;
|
|
font-size: 11px;
|
|
text-align: right;
|
|
color: #939393;
|
|
font-weight: 1;
|
|
width: 100px;
|
|
z-index: 1;
|
|
}
|
|
|
|
label.sheet-toggle-skills {
|
|
display: inline-block;
|
|
margin-top: 20px;
|
|
margin-left: -5px;
|
|
font-size: 11px;
|
|
text-align: right;
|
|
color: #939393;
|
|
font-weight: 1;
|
|
width: 100px;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* MAJOR STAT & CHARACTER SECTION */
|
|
|
|
label.sheet-stattitle {
|
|
display: inline-block;
|
|
width: 90px;
|
|
text-align: right;
|
|
font-size: 14px;
|
|
|
|
}
|
|
|
|
label.sheet-stattotal {
|
|
display: inline-block;
|
|
margin-left: 41px;
|
|
margin-top: 10px;
|
|
width: 75px;
|
|
text-align: right;
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
label.sheet-skilltotal {
|
|
display: inline-block;
|
|
margin-left: 60px;
|
|
margin-top: 10px;
|
|
width: 90px;
|
|
text-align: right;
|
|
font-size: 12px;
|
|
}
|
|
|
|
label.sheet-stattitle2 {
|
|
display: inline-block;
|
|
width: 90px;
|
|
margin-left: 25px;
|
|
text-align: right;
|
|
font-size: 14px;
|
|
|
|
}
|
|
|
|
label.sheet-woundtitle {
|
|
display: inline-block;
|
|
width: 140px;
|
|
text-align: right;
|
|
color: #5e0000;
|
|
font-size: 12px;
|
|
}
|
|
|
|
label.sheet-chartitle {
|
|
display: inline-block;
|
|
font-size: 11px;
|
|
text-align: right;
|
|
width: 40px;
|
|
}
|
|
|
|
label.sheet-agetitle {
|
|
display: inline-block;
|
|
font-size: 11px;
|
|
margin-left: 4px;
|
|
text-align: right;
|
|
width: 25px;
|
|
}
|
|
|
|
label.sheet-racetitle {
|
|
display: inline-block;
|
|
font-size: 11px;
|
|
text-align: right;
|
|
width: 40px;
|
|
}
|
|
|
|
label.sheet-gendertitle {
|
|
display: inline-block;
|
|
font-size: 11px;
|
|
margin-left: 4px;
|
|
text-align: right;
|
|
width: 45px;
|
|
}
|
|
|
|
label.sheet-proftitle {
|
|
display: inline-block;
|
|
font-size: 11px;
|
|
text-align: right;
|
|
width: 40px;
|
|
}
|
|
|
|
label.sheet-origintitle {
|
|
display: inline-block;
|
|
font-size: 11px;
|
|
margin-left: 4px;
|
|
text-align: right;
|
|
width: 40px;
|
|
}
|
|
|
|
input.sheet-smallbox {
|
|
border:1px solid #000;
|
|
margin:2px;
|
|
border-radius: 0px;
|
|
width:45px;
|
|
}
|
|
|
|
input.sheet-smallbox-wound {
|
|
border:1px solid #5e0000;
|
|
margin:2px;
|
|
color: #770000;
|
|
font-weight: bold;
|
|
border-radius: 0px;
|
|
width:45px;
|
|
box-shadow: inset 0px 0px 3px 1px #5e0000;
|
|
}
|
|
|
|
input[type='number'].sheet-smallbox2,
|
|
input.sheet-smallbox2 {
|
|
border:1px solid #000;
|
|
margin:2px;
|
|
border-radius: 0px;
|
|
width:45px;
|
|
color: #FFF;
|
|
box-shadow: inset 0px 0px 3px 1px #3d1b1b;
|
|
background-color: #5e0000;
|
|
}
|
|
|
|
input[type='number'].sheet-smallbox3 {
|
|
border:1px solid #000;
|
|
margin:2px;
|
|
border-radius: 0px;
|
|
width:55px;
|
|
}
|
|
|
|
input[type='number'].sheet-smallbox4 {
|
|
border:1px solid #000;
|
|
margin:2px;
|
|
border-radius: 0px;
|
|
width: 55px;
|
|
color: #FFF;
|
|
box-shadow: inset 0px 0px 3px 1px #3d1b1b;
|
|
background-color: #5e0000;
|
|
}
|
|
|
|
input.sheet-name-box {
|
|
width:180px;
|
|
border:1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.sheet-race-box {
|
|
border:1px solid #000;
|
|
border-radius: 0px;
|
|
width:110px;
|
|
}
|
|
|
|
input.sheet-gender-box {
|
|
border:1px solid #000;
|
|
border-radius: 0px;
|
|
width: 90px;
|
|
}
|
|
|
|
input.sheet-age-box {
|
|
border:1px solid #000;
|
|
border-radius: 0px;
|
|
width:40px;
|
|
}
|
|
|
|
input.sheet-prof-box {
|
|
border:1px solid #000;
|
|
border-radius: 0px;
|
|
width: 100px;
|
|
}
|
|
|
|
input.sheet-origin-box {
|
|
border:1px solid #000;
|
|
border-radius: 0px;
|
|
width: 105px;
|
|
}
|
|
|
|
/* SKLLS & MODIFIERS SECTION*/
|
|
|
|
/* Skill Drop Downs */
|
|
|
|
input[type="checkbox"].sheet-int-toggle {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 20px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -15px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-int-toggle + span::before {
|
|
margin-right: 10px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
content: "▼";
|
|
width: 14px;
|
|
height: 20px;
|
|
font-size: 25px;
|
|
color: #5e0000;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-int-toggle:checked + span::before {
|
|
content: "►";
|
|
color: #5e0000;
|
|
}
|
|
|
|
input.sheet-int-toggle:checked ~ div.sheet-int-container {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-ref-toggle {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 20px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -15px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-ref-toggle + span::before {
|
|
margin-right: 10px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
content: "▼";
|
|
width: 14px;
|
|
height: 20px;
|
|
font-size: 25px;
|
|
color: #444444;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-ref-toggle:checked + span::before {
|
|
content: "►";
|
|
color: #444444;
|
|
}
|
|
|
|
input.sheet-ref-toggle:checked ~ div.sheet-ref-container {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-dex-toggle {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 20px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -15px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-dex-toggle + span::before {
|
|
margin-right: 10px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
content: "▼";
|
|
width: 14px;
|
|
height: 20px;
|
|
font-size: 25px;
|
|
color: #5e0000;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-dex-toggle:checked + span::before {
|
|
content: "►";
|
|
color: #5e0000;
|
|
}
|
|
|
|
input.sheet-dex-toggle:checked ~ div.sheet-dex-container {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-body-toggle {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 20px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -15px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-body-toggle + span::before {
|
|
margin-right: 10px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
content: "▼";
|
|
width: 14px;
|
|
height: 20px;
|
|
font-size: 25px;
|
|
color: #444444;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-body-toggle:checked + span::before {
|
|
content: "►";
|
|
color: #444444;
|
|
}
|
|
|
|
input.sheet-body-toggle:checked ~ div.sheet-body-container {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-emp-toggle {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 20px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -15px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-emp-toggle + span::before {
|
|
margin-right: 10px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
content: "▼";
|
|
width: 14px;
|
|
height: 20px;
|
|
font-size: 25px;
|
|
color: #5e0000;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-emp-toggle:checked + span::before {
|
|
content: "►";
|
|
color: #5e0000;
|
|
}
|
|
|
|
input.sheet-emp-toggle:checked ~ div.sheet-emp-container {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-cra-toggle {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 20px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -15px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-cra-toggle + span::before {
|
|
margin-right: 10px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
content: "▼";
|
|
width: 14px;
|
|
height: 20px;
|
|
font-size: 25px;
|
|
color: #444444;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-cra-toggle:checked + span::before {
|
|
content: "►";
|
|
color: #444444;
|
|
}
|
|
|
|
input.sheet-cra-toggle:checked ~ div.sheet-cra-container {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-will-toggle {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 20px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -15px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-will-toggle + span::before {
|
|
margin-right: 10px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
content: "▼";
|
|
width: 14px;
|
|
height: 20px;
|
|
font-size: 25px;
|
|
color: #5e0000;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-will-toggle:checked + span::before {
|
|
content: "►";
|
|
color: #5e0000;
|
|
}
|
|
|
|
input.sheet-will-toggle:checked ~ div.sheet-will-container {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-swordsmanship-toggle,
|
|
input[type="checkbox"].sheet-staffspear-toggle,
|
|
input[type="checkbox"].sheet-smallblades-toggle,
|
|
input[type="checkbox"].sheet-melee-toggle,
|
|
input[type="checkbox"].sheet-brawling-toggle {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 20px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 24px;
|
|
margin: -15px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-swordsmanship-toggle + span::before,
|
|
input[type="checkbox"].sheet-staffspear-toggle + span::before,
|
|
input[type="checkbox"].sheet-smallblades-toggle + span::before,
|
|
input[type="checkbox"].sheet-melee-toggle + span::before,
|
|
input[type="checkbox"].sheet-brawling-toggle + span::before {
|
|
margin-right: 10px;
|
|
margin-left: 20px;
|
|
margin-top: 8px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
content: "▼";
|
|
width: 14px;
|
|
height: 20px;
|
|
font-size: 25px;
|
|
color: #444444;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-swordsmanship-toggle:checked + span::before,
|
|
input[type="checkbox"].sheet-staffspear-toggle:checked + span::before,
|
|
input[type="checkbox"].sheet-smallblades-toggle:checked + span::before,
|
|
input[type="checkbox"].sheet-melee-toggle:checked + span::before,
|
|
input[type="checkbox"].sheet-brawling-toggle:checked + span::before {
|
|
content: "►";
|
|
color: #444444;
|
|
}
|
|
|
|
input.sheet-swordsmanship-toggle:checked ~ div.sheet-swordsmanship-container,
|
|
input.sheet-staffspear-toggle:checked ~ div.sheet-staffspear-container,
|
|
input.sheet-smallblades-toggle:checked ~ div.sheet-smallblades-container,
|
|
input.sheet-melee-toggle:checked ~ div.sheet-melee-container,
|
|
input.sheet-brawling-toggle:checked ~ div.sheet-brawling-container {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-spellcasting-toggle,
|
|
input[type="checkbox"].sheet-hexweaving-toggle,
|
|
input[type="checkbox"].sheet-crossbow-toggle,
|
|
input[type="checkbox"].sheet-athletics-toggle,
|
|
input[type="checkbox"].sheet-archery-toggle {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 20px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 24px;
|
|
margin: -15px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-spellcasting-toggle + span::before,
|
|
input[type="checkbox"].sheet-hexweaving-toggle + span::before,
|
|
input[type="checkbox"].sheet-crossbow-toggle + span::before,
|
|
input[type="checkbox"].sheet-athletics-toggle + span::before,
|
|
input[type="checkbox"].sheet-archery-toggle + span::before {
|
|
margin-right: 10px;
|
|
margin-left: 20px;
|
|
margin-top: 8px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
content: "▼";
|
|
width: 14px;
|
|
height: 20px;
|
|
font-size: 25px;
|
|
color: #5e0000;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-spellcasting-toggle:checked + span::before,
|
|
input[type="checkbox"].sheet-hexweaving-toggle:checked + span::before,
|
|
input[type="checkbox"].sheet-crossbow-toggle:checked + span::before,
|
|
input[type="checkbox"].sheet-athletics-toggle:checked + span::before,
|
|
input[type="checkbox"].sheet-archery-toggle:checked + span::before {
|
|
content: "►";
|
|
color: #5e0000;
|
|
}
|
|
|
|
input.sheet-spellcasting-toggle:checked ~ div.sheet-spellcasting-container,
|
|
input.sheet-hexweaving-toggle:checked ~ div.sheet-hexweaving-container,
|
|
input.sheet-crossbow-toggle:checked ~ div.sheet-crossbow-container,
|
|
input.sheet-athletics-toggle:checked ~ div.sheet-athletics-container,
|
|
input.sheet-archery-toggle:checked ~ div.sheet-archery-container {
|
|
display: none;
|
|
}
|
|
|
|
label.sheet-attacktitle {
|
|
display: inline-block;
|
|
text-align: right;
|
|
font-size: 9px;
|
|
margin-right: -5px;
|
|
width: 80px;
|
|
line-height: 11px;
|
|
}
|
|
|
|
.sheet-swordsmanship-container,
|
|
.sheet-staffspear-container,
|
|
.sheet-smallblades-container,
|
|
.sheet-melee-container,
|
|
.sheet-brawling-container {
|
|
padding-top: 10px;
|
|
padding-bottom: 5px;
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
margin-left: 40px;
|
|
margin-bottom: 5px;
|
|
margin-top: 5px;
|
|
width: 240px;
|
|
background-image: linear-gradient(to right, #7c7b7b, transparent);
|
|
}
|
|
|
|
.sheet-spellcasting-container,
|
|
.sheet-hexweaving-container,
|
|
.sheet-crossbow-container,
|
|
.sheet-athletics-container,
|
|
.sheet-archery-container {
|
|
padding-top: 10px;
|
|
padding-bottom: 5px;
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
margin-left: 40px;
|
|
margin-bottom: 5px;
|
|
margin-top: 5px;
|
|
width: 240px;
|
|
background-image: linear-gradient(to right, #8e5757, transparent);
|
|
}
|
|
|
|
/* Fake Exta Attack Checkbox */
|
|
|
|
input[type="checkbox"].sheet-ea-mod-checkbox {
|
|
opacity: 0;
|
|
width: 35px;
|
|
height: 35px;
|
|
position: relative;
|
|
bottom: 5px;
|
|
top: 2px;
|
|
left: 20px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-ea-mod-checkbox + span::before {
|
|
margin-right: 4px;
|
|
border: solid 1px #a8a8a8;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
border:1px solid #000;
|
|
box-shadow: inset 0px 0px 3px 1px #7c7c7c;
|
|
border-radius: 0px;
|
|
background: #f6f6f6;
|
|
background: radial-gradient(#f6f6f6, #dfdfdf);
|
|
}
|
|
|
|
input[type="checkbox"].sheet-ea-mod-checkbox + span::before {
|
|
content: "";
|
|
width: 30px;
|
|
height: 30px;
|
|
line-height: 1;
|
|
font-size: 30px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-ea-mod-checkbox:checked + span::before {
|
|
content: "✓";
|
|
}
|
|
|
|
/* Fake Mod Checkbox */
|
|
|
|
input[type="checkbox"].sheet-mod-checkbox {
|
|
opacity: 0;
|
|
width: 20px;
|
|
height: 20px;
|
|
position: relative;
|
|
bottom: 5px;
|
|
top: 2px;
|
|
left: 10px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-mod-checkbox + span::before {
|
|
margin-right: 4px;
|
|
border: solid 1px #a8a8a8;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
border:1px solid #000;
|
|
box-shadow: inset 0px 0px 3px 1px #7c7c7c;
|
|
border-radius: 0px;
|
|
background: #f6f6f6;
|
|
background: radial-gradient(#f6f6f6, #dfdfdf);
|
|
}
|
|
|
|
input[type="checkbox"].sheet-mod-checkbox + span::before {
|
|
content: "";
|
|
width: 20px;
|
|
height: 20px;
|
|
line-height: 1;
|
|
font-size: 20px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-mod-checkbox:checked + span::before {
|
|
content: "✓";
|
|
}
|
|
|
|
/* Modifiers */
|
|
|
|
.sheet-stat-mod-box {
|
|
padding:15px;
|
|
padding-bottom: 20px;
|
|
background: #444444;
|
|
width: 235px;
|
|
border-radius: 15px;
|
|
box-shadow: inset 0px 0px 30px 3px #0e1c26;
|
|
}
|
|
|
|
.sheet-button-box {
|
|
padding:20px;
|
|
margin-top: 10px;
|
|
background: #5e0000;
|
|
width: 225px;
|
|
border-radius: 15px;
|
|
box-shadow: inset 0px 0px 30px 3px #0e1c26;
|
|
}
|
|
|
|
.sheet-ip-box {
|
|
padding:20px;
|
|
width: 225px;
|
|
margin-top: 10px;
|
|
background: #606060;
|
|
border-radius: 15px;
|
|
box-shadow: inset 0px 0px 30px 3px #0e1c26;
|
|
border:1px solid #000;
|
|
}
|
|
|
|
label.sheet-modifiertitle-top {
|
|
display: inline-block;
|
|
text-align: center;
|
|
margin-left: 10px;
|
|
margin-top: 10px;
|
|
margin-bottom: 15px;
|
|
font-size: 20px;
|
|
width: 220px;
|
|
}
|
|
|
|
label.sheet-stat-mod-title {
|
|
font-size: 11px;
|
|
display: inline-block;
|
|
text-align: right;
|
|
width: 25px;
|
|
}
|
|
label.sheet-quick-button-maintitle {
|
|
font-size: 20px;
|
|
text-align: center;
|
|
margin-bottom: -5px;
|
|
line-height: 1.3;
|
|
width: 230px;
|
|
}
|
|
|
|
label.sheet-ip-maintitle {
|
|
font-size: 18px;
|
|
color: #FFF;
|
|
font-weight: 1;
|
|
text-align: center;
|
|
margin-bottom: -5px;
|
|
line-height: 1.3;
|
|
width: 230px;
|
|
}
|
|
|
|
label.sheet-initiativetitle,
|
|
label.sheet-savetitle,
|
|
label.sheet-crittitle,
|
|
label.sheet-locationtitle {
|
|
display: inline-block;
|
|
margin-top: 10px;
|
|
width: 160px;
|
|
text-align: right;
|
|
font-size: 14px;
|
|
|
|
}
|
|
|
|
label.sheet-current-ip-title {
|
|
font-size: 13px;
|
|
color: #FFF;
|
|
font-weight: 1;
|
|
display: inline-block;
|
|
text-align: right;
|
|
margin-left: 30px;
|
|
width: 95px;
|
|
}
|
|
|
|
label.sheet-training-ip-title {
|
|
font-size: 15px;
|
|
color: #FFF;
|
|
font-weight: 1;
|
|
display: inline-block;
|
|
text-align: center;
|
|
width: 220px;
|
|
}
|
|
|
|
input.sheet-current-ip-element {
|
|
font-size: 12px;
|
|
display: inline-block;
|
|
width: 45px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.sheet-training-ip-element {
|
|
font-size: 12px;
|
|
margin-left: 5px;
|
|
display: inline-block;
|
|
width: 160px;
|
|
height: 25px;
|
|
margin-bottom: 4px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.sheet-training-ip2-element {
|
|
font-size: 12px;
|
|
margin-left: 5px;
|
|
display: inline-block;
|
|
width: 50px;
|
|
height: 25px;
|
|
margin-bottom: 4px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input[type='number'].sheet-stat-mod-element {
|
|
border:1px solid #000;
|
|
border-radius: 0px;
|
|
width: 40px;
|
|
color: #FFF;
|
|
background-color: #727272;
|
|
box-shadow: inset 0px 0px 8px 1px #232323;
|
|
}
|
|
|
|
label.sheet-helper-info {
|
|
display: inline-block;
|
|
font-size: 9px;
|
|
margin-left: 10px;
|
|
margin-top: 5px;
|
|
text-align: justify;
|
|
width: 250px;
|
|
}
|
|
|
|
/* ------------- */
|
|
|
|
/* Mod Boxes & Skill Titles */
|
|
|
|
.sheet-stat-mod-box label,
|
|
.sheet-combat-mod-box label,
|
|
.sheet-button-box label {
|
|
color: #FFFFFF;
|
|
font-weight: 1;
|
|
}
|
|
|
|
label.sheet-skilltitle {
|
|
display: inline-block;
|
|
text-align: right;
|
|
font-size: 10px;
|
|
width: 150px;
|
|
}
|
|
|
|
label.sheet-skilltitle-int,
|
|
.sheet-skilltitle-ref,
|
|
.sheet-skilltitle-dex,
|
|
.sheet-skilltitle-body,
|
|
.sheet-skilltitle-emp,
|
|
.sheet-skilltitle-cra,
|
|
.sheet-skilltitle-will {
|
|
display: inline-block;
|
|
text-align: left;
|
|
color: #FFF;
|
|
padding: 10px;
|
|
margin-left: 40px;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
font-size: 18px;
|
|
font-weight: 1;
|
|
width: 200px;
|
|
}
|
|
|
|
label.sheet-skilltitle-int {
|
|
background-image: linear-gradient(to right, #5e0000, transparent);
|
|
}
|
|
|
|
label.sheet-skilltitle-ref {
|
|
background-image: linear-gradient(to right, #444444, transparent);
|
|
}
|
|
|
|
label.sheet-skilltitle-dex {
|
|
background-image: linear-gradient(to right, #5e0000, transparent);
|
|
}
|
|
|
|
label.sheet-skilltitle-body {
|
|
background-image: linear-gradient(to right, #444444, transparent);
|
|
}
|
|
|
|
label.sheet-skilltitle-emp {
|
|
background-image: linear-gradient(to right, #5e0000, transparent);
|
|
}
|
|
|
|
label.sheet-skilltitle-cra {
|
|
background-image: linear-gradient(to right, #444444, transparent);
|
|
}
|
|
|
|
label.sheet-skilltitle-will {
|
|
background-image: linear-gradient(to right, #5e0000, transparent);
|
|
}
|
|
|
|
.sheet-notes-container {
|
|
padding-top: 20px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
padding-bottom: 20px;
|
|
background: #444444;;
|
|
width: 235px;
|
|
margin-top: 10px;
|
|
border-radius: 15px;
|
|
box-shadow: inset 0px 0px 30px 3px #1c1c1c;
|
|
}
|
|
|
|
label.sheet-notes-maintitle {
|
|
font-size: 20px;
|
|
font-weight: 1;
|
|
color: #FFF;
|
|
text-align: center;
|
|
margin-bottom: -5px;
|
|
line-height: 1.3;
|
|
width: 230px;
|
|
}
|
|
|
|
textarea.sheet-notes-text {
|
|
width: 205px;
|
|
height: 150px;
|
|
resize: vertical;
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
font-size: 11px;
|
|
margin-left: 5px;
|
|
margin-bottom: -5px;
|
|
text-align: left;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
color: #FFF;
|
|
background-color: #727272;
|
|
box-shadow: inset 0px 0px 8px 1px #232323;
|
|
}
|
|
|
|
/* QUICK WEAPON BUTTONS */
|
|
|
|
input.sheet-quickweap-title {
|
|
width: 175px;
|
|
font-weight: bold;
|
|
text-align: right;
|
|
font-size: 11px;
|
|
color: #FFF;
|
|
box-shadow: none;
|
|
background-color: transparent;
|
|
border: 0px solid;
|
|
}
|
|
|
|
|
|
/* PROFESSION ABILITIES SECTION */
|
|
|
|
label.sheet-skill-level {
|
|
display: inline-block;
|
|
width: 90px;
|
|
font-weight: 1;
|
|
font-size: 12px;
|
|
color: #FFF;
|
|
margin-top: 3px;
|
|
margin-left: 3px;
|
|
border: 1px solid transparent;
|
|
text-align: right;
|
|
}
|
|
|
|
|
|
span.sheet-main-skill-span {
|
|
display: inline-block;
|
|
margin-left: 65px;
|
|
margin-top: 10px;
|
|
width: 650px;
|
|
height: 28px;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
span.sheet-red1-skill-span,
|
|
span.sheet-red2-skill-span,
|
|
span.sheet-red3-skill-span,
|
|
span.sheet-green1-skill-span,
|
|
span.sheet-green2-skill-span,
|
|
span.sheet-green3-skill-span,
|
|
span.sheet-blue1-skill-span,
|
|
span.sheet-blue2-skill-span,
|
|
span.sheet-blue3-skill-span {
|
|
display: inline-block;
|
|
margin-top: 20px;
|
|
width: 255px;
|
|
height: 28px;
|
|
color: #FFF;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
span.sheet-main-skill-span {
|
|
background: #282828;
|
|
}
|
|
|
|
span.sheet-blue1-skill-span {
|
|
background: #07005e;
|
|
}
|
|
|
|
span.sheet-blue2-skill-span {
|
|
background: #040038;
|
|
}
|
|
|
|
span.sheet-blue3-skill-span {
|
|
background: #020028;
|
|
}
|
|
|
|
span.sheet-green1-skill-span {
|
|
background: #1f5e00;
|
|
}
|
|
|
|
span.sheet-green2-skill-span {
|
|
background: #123800;
|
|
}
|
|
|
|
span.sheet-green3-skill-span {
|
|
background: #0d2800;
|
|
}
|
|
|
|
span.sheet-red1-skill-span {
|
|
background: #5e0000;
|
|
}
|
|
|
|
span.sheet-red2-skill-span {
|
|
background: #380000;
|
|
}
|
|
|
|
span.sheet-red3-skill-span {
|
|
background: #280000;
|
|
}
|
|
|
|
span.sheet-main-skill-span2 {
|
|
display: inline-block;
|
|
margin-left: 65px;
|
|
width: 650px;
|
|
height: 28px;
|
|
color: #FFF;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
span.sheet-red1-skill-span2,
|
|
span.sheet-red2-skill-span2,
|
|
span.sheet-red3-skill-span2,
|
|
span.sheet-green1-skill-span2,
|
|
span.sheet-green2-skill-span2,
|
|
span.sheet-green3-skill-span2,
|
|
span.sheet-blue1-skill-span2,
|
|
span.sheet-blue2-skill-span2,
|
|
span.sheet-blue3-skill-span2 {
|
|
display: inline-block;
|
|
width: 255px;
|
|
height: 28px;
|
|
color: #FFF;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
span.sheet-main-skill-span2 {
|
|
background: #282828;
|
|
}
|
|
|
|
span.sheet-blue1-skill-span2 {
|
|
background: #07005e;
|
|
}
|
|
|
|
span.sheet-blue2-skill-span2 {
|
|
background: #040038;
|
|
}
|
|
|
|
span.sheet-blue3-skill-span2 {
|
|
background: #020028;
|
|
}
|
|
|
|
span.sheet-green1-skill-span2 {
|
|
background: #1f5e00;
|
|
}
|
|
|
|
span.sheet-green2-skill-span2 {
|
|
background: #123800;
|
|
}
|
|
|
|
span.sheet-green3-skill-span2 {
|
|
background: #0d2800;
|
|
}
|
|
|
|
span.sheet-red1-skill-span2 {
|
|
background: #5e0000;
|
|
}
|
|
|
|
span.sheet-red2-skill-span2 {
|
|
background: #380000;
|
|
}
|
|
|
|
span.sheet-red3-skill-span2 {
|
|
background: #280000;
|
|
}
|
|
|
|
input.sheet-profession-title {
|
|
display: inline-block;
|
|
background: transparent;
|
|
font-size: 18px;
|
|
box-shadow: none;
|
|
border: 0px solid;
|
|
margin-left: 12px;
|
|
margin-top: 5px;
|
|
color: #FFF;
|
|
height: 33px;
|
|
width: 210px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
input.sheet-prof-main-name {
|
|
display: inline-block;
|
|
background: transparent;
|
|
box-shadow: none;
|
|
border: 0px solid;
|
|
margin-left: 10px;
|
|
color: #FFF;
|
|
height: 28px;
|
|
width: 160px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
select.sheet-prof-skill-choice {
|
|
display: inline-block;
|
|
margin-left: -4px;
|
|
color: #FFF;
|
|
background: transparent;
|
|
box-shadow: none;
|
|
border: 0px solid;
|
|
font-size: 13px;
|
|
width: 75px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
textarea.sheet-prof-main-text {
|
|
width: 604px;
|
|
height: 100px;
|
|
padding: 8px;
|
|
font-size: 11px;
|
|
resize: none;
|
|
margin-left: 80px;
|
|
margin-bottom: -5px;
|
|
border: 1px solid #000;
|
|
background-color: #c6c6c6;
|
|
border-radius: 0px;
|
|
box-shadow: inset 0px 0px 6px 1px #232323;
|
|
}
|
|
|
|
textarea.sheet-prof-red1-text,
|
|
textarea.sheet-prof-red2-text,
|
|
textarea.sheet-prof-red3-text,
|
|
textarea.sheet-prof-green1-text,
|
|
textarea.sheet-prof-green2-text,
|
|
textarea.sheet-prof-green3-text,
|
|
textarea.sheet-prof-blue1-text,
|
|
textarea.sheet-prof-blue2-text,
|
|
textarea.sheet-prof-blue3-text {
|
|
width: 212px;
|
|
height: 160px;
|
|
padding: 8px;
|
|
font-size: 11px;
|
|
resize: vertical;
|
|
margin-left: 13px;
|
|
margin-bottom: -5px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
box-shadow: inset 0px 0px 6px 1px #232323;
|
|
}
|
|
|
|
textarea.sheet-prof-red1-text {
|
|
background-color: #edd5d5;
|
|
}
|
|
|
|
textarea.sheet-prof-red2-text {
|
|
background-color: #d8b6b6;
|
|
}
|
|
|
|
textarea.sheet-prof-red3-text {
|
|
background-color: #b78787;
|
|
}
|
|
|
|
textarea.sheet-prof-green1-text {
|
|
background-color: #deedd5;
|
|
}
|
|
|
|
textarea.sheet-prof-green2-text {
|
|
background-color: #c4d8b6;
|
|
}
|
|
|
|
textarea.sheet-prof-green3-text {
|
|
background-color: #9db787;
|
|
}
|
|
|
|
textarea.sheet-prof-blue1-text {
|
|
background-color: #d5d7ed;
|
|
}
|
|
|
|
textarea.sheet-prof-blue2-text {
|
|
background-color: #b6b6d8;
|
|
}
|
|
|
|
textarea.sheet-prof-blue3-text {
|
|
background-color: #8887b7;
|
|
}
|
|
|
|
input.sheet-prof-skill-stat {
|
|
display: inline-block;
|
|
box-shadow: none;
|
|
border: 1px solid #000;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
margin-left: 5px;
|
|
margin-right: 15px;
|
|
height: 25px;
|
|
width: 30px;
|
|
box-shadow: inset 0px 0px 4px 1px #232323;
|
|
}
|
|
|
|
|
|
/* ARMS, GEAR & BAGS */
|
|
|
|
/* Weapon Toggle Button */
|
|
|
|
input[type="checkbox"].sheet-primary-weapon-toggle {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -15px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-primary-weapon-toggle + span::before {
|
|
margin-right: 10px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
content: "▼";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 25px;
|
|
color: #444444;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-primary-weapon-toggle:checked + span::before {
|
|
content: "►";
|
|
color: #444444;
|
|
}
|
|
|
|
input.sheet-primary-weapon-toggle:checked ~ div.sheet-primary-weapon-padding-container {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-secondary-weapon-toggle {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -15px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-secondary-weapon-toggle + span::before {
|
|
margin-right: 10px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
content: "▼";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 25px;
|
|
color: #5e0000;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-secondary-weapon-toggle:checked + span::before {
|
|
content: "►";
|
|
color: #5e0000;
|
|
}
|
|
|
|
input.sheet-secondary-weapon-toggle:checked ~ div.sheet-secondary-weapon-padding-container {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-third-weapon-toggle {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -15px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-third-weapon-toggle + span::before {
|
|
margin-right: 10px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
content: "▼";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 25px;
|
|
color: #444444;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-third-weapon-toggle:checked + span::before {
|
|
content: "►";
|
|
color: #444444;
|
|
}
|
|
|
|
input.sheet-third-weapon-toggle:checked ~ div.sheet-third-weapon-padding-container {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-fourth-weapon-toggle {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -15px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-fourth-weapon-toggle + span::before {
|
|
margin-right: 10px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
content: "▼";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 25px;
|
|
color: #5e0000;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-fourth-weapon-toggle:checked + span::before {
|
|
content: "►";
|
|
color: #5e0000;
|
|
}
|
|
|
|
input.sheet-fourth-weapon-toggle:checked ~ div.sheet-fourth-weapon-padding-container {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-fifth-weapon-toggle {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -15px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-fifth-weapon-toggle + span::before {
|
|
margin-right: 10px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
content: "▼";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 25px;
|
|
color: #444444;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-fifth-weapon-toggle:checked + span::before {
|
|
content: "►";
|
|
color: #444444;
|
|
}
|
|
|
|
input.sheet-fifth-weapon-toggle:checked ~ div.sheet-fifth-weapon-padding-container {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-sixth-weapon-toggle {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -15px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-sixth-weapon-toggle + span::before {
|
|
margin-right: 10px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
content: "▼";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 25px;
|
|
color: #5e0000;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-sixth-weapon-toggle:checked + span::before {
|
|
content: "►";
|
|
color: #5e0000;
|
|
}
|
|
|
|
input.sheet-sixth-weapon-toggle:checked ~ div.sheet-sixth-weapon-padding-container {
|
|
display: none;
|
|
}
|
|
|
|
/* Weapon Boxes */
|
|
|
|
span.sheet-primary-weapon-gradient {
|
|
display: inline-block;
|
|
padding: 5px;
|
|
margin-left: 5px;
|
|
margin-top: 5px;
|
|
background-image: linear-gradient(to right, #444444, transparent);
|
|
}
|
|
|
|
span.sheet-secondary-weapon-gradient {
|
|
display: inline-block;
|
|
padding: 5px;
|
|
margin-left: 5px;
|
|
margin-top: 5px;
|
|
background-image: linear-gradient(to right, #5e0000, transparent);
|
|
}
|
|
|
|
span.sheet-third-weapon-gradient {
|
|
display: inline-block;
|
|
padding: 5px;
|
|
margin-left: 5px;
|
|
margin-top: 5px;
|
|
background-image: linear-gradient(to right, #444444, transparent);
|
|
}
|
|
|
|
span.sheet-fourth-weapon-gradient {
|
|
display: inline-block;
|
|
padding: 5px;
|
|
margin-left: 5px;
|
|
margin-top: 5px;
|
|
background-image: linear-gradient(to right, #5e0000, transparent);
|
|
}
|
|
|
|
span.sheet-fifth-weapon-gradient {
|
|
display: inline-block;
|
|
padding: 5px;
|
|
margin-left: 5px;
|
|
margin-top: 5px;
|
|
background-image: linear-gradient(to right, #444444, transparent);
|
|
}
|
|
|
|
span.sheet-sixth-weapon-gradient {
|
|
display: inline-block;
|
|
padding: 5px;
|
|
margin-left: 5px;
|
|
margin-top: 5px;
|
|
background-image: linear-gradient(to right, #5e0000, transparent);
|
|
}
|
|
|
|
|
|
.sheet-primary-weapon-padding-container,
|
|
.sheet-secondary-weapon-padding-container,
|
|
.sheet-third-weapon-padding-container,
|
|
.sheet-fourth-weapon-padding-container,
|
|
.sheet-fifth-weapon-padding-container,
|
|
.sheet-sixth-weapon-padding-container {
|
|
padding-top: 10px;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
label.sheet-weapon-title {
|
|
display: inline-block;
|
|
width: 490px;
|
|
margin-top: 1px;
|
|
margin-bottom: 10px;
|
|
padding-left: 12px;
|
|
padding-right: 4px;
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
font-weight: 1;
|
|
font-size: 12px;
|
|
color: #FFF;
|
|
margin-bottom: 2px;
|
|
border-radius: 15px;
|
|
background: #444444;
|
|
}
|
|
|
|
label.sheet-weapon-accuracy {
|
|
display: inline-block;
|
|
font-size: 10px;
|
|
text-align: right;
|
|
width: 75px;
|
|
}
|
|
|
|
label.sheet-weapon-range {
|
|
display: inline-block;
|
|
font-size: 10px;
|
|
text-align: right;
|
|
width: 40px;
|
|
}
|
|
|
|
label.sheet-weapon-bonus {
|
|
display: inline-block;
|
|
font-size: 10px;
|
|
text-align: right;
|
|
margin-left: 2px;
|
|
width: 70px;
|
|
}
|
|
|
|
label.sheet-weapon-reliability {
|
|
display: inline-block;
|
|
margin-left: -65px;
|
|
font-size: 10px;
|
|
text-align: right;
|
|
width: 72.5px;
|
|
}
|
|
|
|
label.sheet-weapon-damage {
|
|
display: inline-block;
|
|
font-size: 10px;
|
|
text-align: right;
|
|
width: 50px;
|
|
}
|
|
|
|
label.sheet-weapon-type {
|
|
display: inline-block;
|
|
font-size: 10px;
|
|
text-align: right;
|
|
width: 28px;
|
|
}
|
|
|
|
label.sheet-weapon-effect {
|
|
display: inline-block;
|
|
margin-top: -4px;
|
|
font-size: 10px;
|
|
text-align: right;
|
|
width: 40px;
|
|
}
|
|
|
|
label.sheet-weapon-enhancement {
|
|
display: inline-block;
|
|
font-size: 10px;
|
|
margin-top: -4px;
|
|
text-align: right;
|
|
width: 80px;
|
|
}
|
|
|
|
label.sheet-weapon-conc {
|
|
display: inline-block;
|
|
font-size: 10px;
|
|
text-align: right;
|
|
width: 40px;
|
|
}
|
|
|
|
label.sheet-weapon-weight {
|
|
display: inline-block;
|
|
font-size: 10px;
|
|
text-align: right;
|
|
width: 45px;
|
|
margin-right: -2px;
|
|
}
|
|
|
|
input.sheet-weapon-name {
|
|
width: 285px;
|
|
margin-right: 50px;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
font-size: 14px;
|
|
color: #FFF;
|
|
box-shadow: none;
|
|
background-color: transparent;
|
|
border: 0px solid;
|
|
}
|
|
|
|
select.sheet-weapon-bonus-element {
|
|
font-size: 10px;
|
|
display: inline-block;
|
|
margin-bottom: -1px;
|
|
width: 55px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input[type='number'].sheet-weapon-accuracy-element {
|
|
font-size: 12px;
|
|
margin-bottom: 2px;
|
|
width: 50px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input[type='number'].sheet-weapon-reliability-element {
|
|
font-size: 12px;
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
background-color: #FFF;
|
|
width: 40px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.sheet-weapon-damage-element {
|
|
font-size: 12px;
|
|
display: inline-block;
|
|
width: 60px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.sheet-weapon-range-element {
|
|
font-size: 12px;
|
|
margin-bottom: 2px;
|
|
display: inline-block;
|
|
width: 55px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
select.sheet-weapon-hold-element {
|
|
font-size: 10px;
|
|
margin-bottom: -4px;
|
|
width: 100px;
|
|
margin-right: 5px;
|
|
text-align: center;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
select.sheet-weapon-type-element {
|
|
font-size: 10px;
|
|
margin-bottom: -4px;
|
|
width: 136px;
|
|
text-align: center;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.sheet-weapon-effect-element {
|
|
font-size: 11px;
|
|
display: inline-block;
|
|
width: 458px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.sheet-weapon-enhancement-element {
|
|
font-size: 12px;
|
|
display: inline-block;
|
|
width: 418px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
select.sheet-weapon-conc-element {
|
|
font-size: 10px;
|
|
width: 70px;
|
|
margin-bottom: -4px;
|
|
text-align: center;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.sheet-weapon-weight-element {
|
|
font-size: 12px;
|
|
display: inline-block;
|
|
width: 45px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
/* Total Weight Box */
|
|
|
|
input[type="checkbox"].sheet-armor1-toggle,
|
|
input[type="checkbox"].sheet-armor2-toggle,
|
|
input[type="checkbox"].sheet-armor3-toggle,
|
|
input[type="checkbox"].sheet-armor4-toggle,
|
|
input[type="checkbox"].sheet-armor5-toggle,
|
|
input[type="checkbox"].sheet-armor6-toggle,
|
|
input[type="checkbox"].sheet-armor7-toggle {
|
|
opacity: 0;
|
|
width: 30px;
|
|
height: 25px;
|
|
margin-left: -10px;
|
|
margin-right: -10px;
|
|
position: relative;
|
|
top: 2px;
|
|
left: 15px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-armor1-toggle + span::before,
|
|
input[type="checkbox"].sheet-armor2-toggle + span::before,
|
|
input[type="checkbox"].sheet-armor3-toggle + span::before,
|
|
input[type="checkbox"].sheet-armor4-toggle + span::before,
|
|
input[type="checkbox"].sheet-armor5-toggle + span::before,
|
|
input[type="checkbox"].sheet-armor6-toggle + span::before,
|
|
input[type="checkbox"].sheet-armor7-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: #FFF;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-armor1-toggle:checked + span::before,
|
|
input[type="checkbox"].sheet-armor2-toggle:checked + span::before,
|
|
input[type="checkbox"].sheet-armor3-toggle:checked + span::before,
|
|
input[type="checkbox"].sheet-armor4-toggle:checked + span::before,
|
|
input[type="checkbox"].sheet-armor5-toggle:checked + span::before,
|
|
input[type="checkbox"].sheet-armor6-toggle:checked + span::before,
|
|
input[type="checkbox"].sheet-armor7-toggle:checked + span::before {
|
|
content: "►";
|
|
color: #FFF;
|
|
}
|
|
|
|
input.sheet-armor1-toggle:checked ~ div.sheet-armor-details1-container,
|
|
input.sheet-armor2-toggle:checked ~ div.sheet-armor-details2-container,
|
|
input.sheet-armor3-toggle:checked ~ div.sheet-armor-details3-container,
|
|
input.sheet-armor4-toggle:checked ~ div.sheet-armor-details4-container,
|
|
input.sheet-armor5-toggle:checked ~ div.sheet-armor-details5-container,
|
|
input.sheet-armor6-toggle:checked ~ div.sheet-armor-details6-container,
|
|
input.sheet-armor7-toggle:checked ~ div.sheet-armor-details7-container {
|
|
display: none;
|
|
}
|
|
|
|
|
|
|
|
/* ---- */
|
|
|
|
.sheet-weight-container {
|
|
padding-top: 15px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
padding-bottom: 6px;
|
|
background: #444444;
|
|
width: 235px;
|
|
margin-top: 20px;
|
|
border-radius: 15px;
|
|
box-shadow: inset 0px 0px 30px 3px #1c1c1c;
|
|
}
|
|
|
|
.sheet-armor-container {
|
|
padding-top: 25px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
padding-bottom: 25px;
|
|
background: #5e0000;
|
|
width: 235px;
|
|
margin-top: 10px;
|
|
border-radius: 15px;
|
|
box-shadow: inset 0px 0px 30px 3px #1c1c1c;
|
|
}
|
|
|
|
|
|
label.sheet-weight-title {
|
|
display: inline-block;
|
|
font-weight: 1;
|
|
color: #FFF;
|
|
font-size: 14px;
|
|
text-align: center;
|
|
margin-top: 2px;
|
|
margin-bottom: 2px;
|
|
width: 60px;
|
|
height: 40px;
|
|
}
|
|
|
|
label.sheet-equipped-armor-maintitle {
|
|
font-size: 19px;
|
|
color: #FFF;
|
|
text-align: center;
|
|
font-weight: 1;
|
|
width: 230px;
|
|
}
|
|
|
|
label.sheet-armor-title {
|
|
display: inline-block;
|
|
color: #FFF;
|
|
font-size: 12px;
|
|
text-align: right;
|
|
width: 50px;
|
|
}
|
|
|
|
label.sheet-armor-enhancement {
|
|
display: inline-block;
|
|
font-weight: 1;
|
|
color: #FFF;
|
|
font-size: 10px;
|
|
text-align: right;
|
|
width: 65px;
|
|
}
|
|
|
|
label.sheet-armor-ev {
|
|
display: inline-block;
|
|
font-weight: 1;
|
|
color: #FFF;
|
|
font-size: 10px;
|
|
text-align: right;
|
|
width: 60px;
|
|
}
|
|
|
|
label.sheet-armor-wt {
|
|
display: inline-block;
|
|
font-weight: 1;
|
|
color: #FFF;
|
|
font-size: 10px;
|
|
text-align: right;
|
|
width: 45px;
|
|
}
|
|
|
|
label.sheet-armor-divider {
|
|
display: inline-block;
|
|
font-weight: 1;
|
|
color: #FFF;
|
|
font-size: 14px;
|
|
text-align: right;
|
|
width: 5px;
|
|
margin-right: -5px;
|
|
}
|
|
|
|
span.sheet-total-weight-divider {
|
|
display: inline-block;
|
|
color: #FFF;
|
|
font-weight: 1;
|
|
font-size: 20px;
|
|
text-align: center;
|
|
width: 15px;
|
|
height: 40px;
|
|
}
|
|
|
|
input.sheet-display-enh {
|
|
font-size: 13px;
|
|
height: 25px;
|
|
margin-top: 1px;
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
width: 147px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
box-shadow: inset 0px 0px 6px 1px #232323;
|
|
}
|
|
|
|
input.sheet-display-ev {
|
|
font-size: 13px;
|
|
height: 25px;
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
width: 47px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
box-shadow: inset 0px 0px 6px 1px #232323;
|
|
}
|
|
|
|
input.sheet-display-wt {
|
|
font-size: 13px;
|
|
height: 25px;
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
width: 47px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
box-shadow: inset 0px 0px 6px 1px #232323;
|
|
}
|
|
|
|
textarea.sheet-armor-text {
|
|
width: 210px;
|
|
height: 70px;
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
resize: vertical;
|
|
font-size: 11px;
|
|
margin-bottom: 0px;
|
|
text-align: left;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
box-shadow: inset 0px 0px 6px 1px #232323;
|
|
}
|
|
|
|
input.sheet-display-weight {
|
|
text-align: center;
|
|
margin-top: -20px;
|
|
width: 60px;
|
|
height: 30px;
|
|
font-size: 15px;
|
|
color: #FFF;
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 1px solid #FFF;
|
|
border-radius: 0px;
|
|
color: #FFF;
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
}
|
|
|
|
input[type='number'].sheet-armor1-element,
|
|
input[type='number'].sheet-armor2-element {
|
|
font-size: 13px;
|
|
margin-right: 2px;
|
|
margin-left: 2px;
|
|
margin-top: 1px;
|
|
margin-bottom: -2px;
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
width: 48px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
box-shadow: inset 0px 0px 6px 1px #232323;
|
|
}
|
|
|
|
input.sheet-armor3-element {
|
|
font-size: 12px;
|
|
margin-right: 2px;
|
|
margin-left: 2px;
|
|
margin-top: -2px;
|
|
margin-bottom: -2px;
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
width: 48px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
box-shadow: inset 0px 0px 6px 1px #232323;
|
|
}
|
|
|
|
input[type='number'].sheet-armor1-element {
|
|
background-color: #424242;
|
|
color: #FFF;
|
|
}
|
|
|
|
input[type='number'].sheet-armor2-element {
|
|
background-color: #666666;
|
|
color: #FFF;
|
|
}
|
|
|
|
/* Gear/Equipment repeating field */
|
|
|
|
.sheet-unarmed-container {
|
|
padding-top: 20px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
padding-bottom: 15px;
|
|
background: #444444;
|
|
width: 475px;
|
|
margin-top: 10px;
|
|
border-radius: 15px;
|
|
box-shadow: inset 0px 0px 30px 3px #1c1c1c;
|
|
}
|
|
|
|
label.sheet-unarmed-title {
|
|
display: inline-block;
|
|
text-align: center;
|
|
width: 50px;
|
|
margin-left: 20px;
|
|
font-weight: 1;
|
|
font-size: 14px;
|
|
color: #FFF;
|
|
}
|
|
|
|
input.sheet-unarmed-dmg-element {
|
|
border:1px solid #000;
|
|
display: inline-block;
|
|
border-radius: 0px;
|
|
margin-right: 3px;
|
|
width: 70px;
|
|
color: #FFF;
|
|
text-align: center;
|
|
background-color: #727272;
|
|
box-shadow: inset 0px 0px 7px 1px #232323;
|
|
}
|
|
|
|
input.sheet-unarmed-element {
|
|
border:1px solid #000;
|
|
display: inline-block;
|
|
border-radius: 0px;
|
|
margin-right: 3px;
|
|
width: 35px;
|
|
color: #FFF;
|
|
text-align: center;
|
|
background-color: #727272;
|
|
box-shadow: inset 0px 0px 7px 1px #232323;
|
|
}
|
|
|
|
span.sheet-gear-item-span {
|
|
display: inline-block;
|
|
margin-left: -10px;
|
|
margin-right: 10px;
|
|
padding-left: 10px;
|
|
padding-top: 10px;
|
|
color: #FFF;
|
|
border-radius: 20px;
|
|
background: #444444;
|
|
}
|
|
|
|
label.sheet-gear-item-name {
|
|
display: inline-block;
|
|
text-align: center;
|
|
width: 130px;
|
|
font-weight: 1;
|
|
font-size: 12px;
|
|
color: #FFF;
|
|
}
|
|
|
|
label.sheet-gear-item-quantity {
|
|
display: inline-block;
|
|
text-align: center;
|
|
width: 50px;
|
|
font-weight: 1;
|
|
font-size: 12px;
|
|
color: #FFF;
|
|
}
|
|
|
|
label.sheet-gear-item-notes {
|
|
display: inline-block;
|
|
text-align: center;
|
|
width: 215px;
|
|
font-weight: 1;
|
|
font-size: 12px;
|
|
color: #FFF;
|
|
}
|
|
|
|
label.sheet-gear-item-weight {
|
|
display: inline-block;
|
|
text-align: center;
|
|
width: 50px;
|
|
font-weight: 1;
|
|
font-size: 12px;
|
|
color: #FFF;
|
|
}
|
|
|
|
input.repeating_gear_name,
|
|
input.repeating_gear_quantity,
|
|
input.repeating_gear_notes,
|
|
input.repeating_gear_weight {
|
|
box-shadow: none;
|
|
text-align: center;
|
|
background-color: transparent;
|
|
border-left: 0px solid;
|
|
border-right: 0px solid;
|
|
border-top: 0px solid;
|
|
border-bottom: 1px solid;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.repeating_gear_name {
|
|
width: 135px;
|
|
}
|
|
|
|
input.repeating_gear_notes {
|
|
width: 220px;
|
|
}
|
|
|
|
input.repeating_gear_quantity,
|
|
input.repeating_gear_weight {
|
|
width: 50px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
span.sheet-recipe-span {
|
|
display: inline-block;
|
|
margin-top: 10px;
|
|
margin-left: -10px;
|
|
margin-right: 10px;
|
|
padding-left: 10px;
|
|
padding-top: 10px;
|
|
color: #FFF;
|
|
border-radius: 20px;
|
|
background: #444444;
|
|
}
|
|
|
|
label.sheet-recipe-name {
|
|
display: inline-block;
|
|
text-align: center;
|
|
width: 130px;
|
|
font-weight: 1;
|
|
font-size: 12px;
|
|
color: #FFF;
|
|
}
|
|
|
|
label.sheet-recipe-notes {
|
|
display: inline-block;
|
|
text-align: center;
|
|
width: 220px;
|
|
font-weight: 1;
|
|
font-size: 12px;
|
|
color: #FFF;
|
|
}
|
|
|
|
label.sheet-recipe-status {
|
|
display: inline-block;
|
|
text-align: center;
|
|
width: 110px;
|
|
font-weight: 1;
|
|
font-size: 12px;
|
|
color: #FFF;
|
|
}
|
|
|
|
input.repeating_recipe_name,
|
|
input.repeating_recipe_notes,
|
|
select.repeating_recipe_status {
|
|
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_recipe_name {
|
|
width: 135px;
|
|
}
|
|
|
|
input.repeating_recipe_notes {
|
|
width: 210px;
|
|
}
|
|
|
|
select.repeating_recipe_status {
|
|
width: 130px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* Alchemical Substance inventory */
|
|
|
|
span.sheet-component-span {
|
|
display: inline-block;
|
|
width: 265px;
|
|
margin-left: -10px;
|
|
margin-right: 10px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
padding-top: 10px;
|
|
font-size: 1em;
|
|
color: #FFF;
|
|
border-radius: 20px;
|
|
background: #444444;
|
|
}
|
|
|
|
label.sheet-alchemical-substances {
|
|
display: inline-block;
|
|
text-align: center;
|
|
font-weight: 1;
|
|
margin-top: -5px;
|
|
margin-right: -5px;
|
|
margin-bottom: -5px;
|
|
width: 150px;
|
|
font-size: 11px;
|
|
color: #FFF;
|
|
}
|
|
|
|
label.sheet-alchemical-substances2 {
|
|
display: inline-block;
|
|
text-align: center;
|
|
font-weight: 1;
|
|
margin-top: -5px;
|
|
margin-bottom: -5px;
|
|
width: 155px;
|
|
font-size: 12px;
|
|
color: #FFF;
|
|
}
|
|
|
|
label.sheet-alchemical-quantity {
|
|
display: inline-block;
|
|
text-align: center;
|
|
font-weight: 1;
|
|
width: 35px;
|
|
font-size: 11px;
|
|
color: #FFF;
|
|
}
|
|
|
|
label.sheet-alchemical-weight {
|
|
display: inline-block;
|
|
text-align: center;
|
|
font-weight: 1;
|
|
width: 30px;
|
|
font-size: 11px;
|
|
color: #FFF;
|
|
}
|
|
|
|
label.sheet-alchemical-quantity2 {
|
|
display: inline-block;
|
|
text-align: center;
|
|
font-weight: 1;
|
|
width: 35px;
|
|
font-size: 12px;
|
|
color: #FFF;
|
|
}
|
|
|
|
label.sheet-alchemical-weight2 {
|
|
display: inline-block;
|
|
text-align: center;
|
|
font-weight: 1;
|
|
width: 35px;
|
|
font-size: 12px;
|
|
color: #FFF;
|
|
}
|
|
|
|
label.sheet-substance-type {
|
|
display: inline-block;
|
|
text-align: right;
|
|
margin-left: -20px;
|
|
line-height: 0.65;
|
|
padding: 5px;
|
|
width: 110px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
img.sheet-alchemical-image {
|
|
display:inline-block;
|
|
margin-top: -5px;
|
|
margin-left: 10px;
|
|
margin-right: 15px;
|
|
width: 8%;
|
|
}
|
|
|
|
input.sheet-substance-quantity,
|
|
input.sheet-substance-weight {
|
|
box-shadow: none;
|
|
text-align: center;
|
|
width: 45px;
|
|
font-weight: bold;
|
|
background-color: transparent;
|
|
border-left: 0px solid;
|
|
border-right: 0px solid;
|
|
border-top: 0px solid;
|
|
border-bottom: 1px solid;
|
|
border-radius: 0px;
|
|
outline: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-vitriol-toggle,
|
|
input[type="checkbox"].sheet-rebis-toggle,
|
|
input[type="checkbox"].sheet-aether-toggle,
|
|
input[type="checkbox"].sheet-quebrith-toggle,
|
|
input[type="checkbox"].sheet-hydragenum-toggle,
|
|
input[type="checkbox"].sheet-vermilion-toggle,
|
|
input[type="checkbox"].sheet-sol-toggle,
|
|
input[type="checkbox"].sheet-caelum-toggle,
|
|
input[type="checkbox"].sheet-fulgur-toggle {
|
|
opacity: 0;
|
|
width: 30px;
|
|
height: 25px;
|
|
margin-left: -20px;
|
|
margin-right: -10px;
|
|
position: relative;
|
|
top: 2px;
|
|
left: 15px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-vitriol-toggle + span::before,
|
|
input[type="checkbox"].sheet-rebis-toggle + span::before,
|
|
input[type="checkbox"].sheet-aether-toggle + span::before,
|
|
input[type="checkbox"].sheet-quebrith-toggle + span::before,
|
|
input[type="checkbox"].sheet-hydragenum-toggle + span::before,
|
|
input[type="checkbox"].sheet-vermilion-toggle + span::before,
|
|
input[type="checkbox"].sheet-sol-toggle + span::before,
|
|
input[type="checkbox"].sheet-caelum-toggle + span::before,
|
|
input[type="checkbox"].sheet-fulgur-toggle + span::before {
|
|
margin-right: -20px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
content: "▼";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 25px;
|
|
color: #444444;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-vitriol-toggle:checked + span::before,
|
|
input[type="checkbox"].sheet-rebis-toggle:checked + span::before,
|
|
input[type="checkbox"].sheet-aether-toggle:checked + span::before,
|
|
input[type="checkbox"].sheet-quebrith-toggle:checked + span::before,
|
|
input[type="checkbox"].sheet-hydragenum-toggle:checked + span::before,
|
|
input[type="checkbox"].sheet-vermilion-toggle:checked + span::before,
|
|
input[type="checkbox"].sheet-sol-toggle:checked + span::before,
|
|
input[type="checkbox"].sheet-caelum-toggle:checked + span::before,
|
|
input[type="checkbox"].sheet-fulgur-toggle:checked + span::before {
|
|
content: "►";
|
|
color: #444444;
|
|
}
|
|
|
|
input.sheet-vitriol-toggle:checked ~ div.sheet-vitriol-container,
|
|
input.sheet-rebis-toggle:checked ~ div.sheet-rebis-container,
|
|
input.sheet-aether-toggle:checked ~ div.sheet-aether-container,
|
|
input.sheet-quebrith-toggle:checked ~ div.sheet-quebrith-container,
|
|
input.sheet-hydragenum-toggle:checked ~ div.sheet-hydragenum-container,
|
|
input.sheet-vermilion-toggle:checked ~ div.sheet-vermilion-container,
|
|
input.sheet-sol-toggle:checked ~ div.sheet-sol-container,
|
|
input.sheet-caelum-toggle:checked ~ div.sheet-caelum-container,
|
|
input.sheet-fulgur-toggle:checked ~ div.sheet-fulgur-container {
|
|
display: none;
|
|
}
|
|
|
|
/* Substance repeating field */
|
|
|
|
input.repeating_sub_name,
|
|
input.repeating_sub_quantity,
|
|
input.repeating_sub_weight {
|
|
box-shadow: none;
|
|
text-align: center;
|
|
background-color: transparent;
|
|
border-left: 0px solid;
|
|
border-right: 0px solid;
|
|
border-top: 0px solid;
|
|
border-bottom: 1px solid;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.repeating_sub_name {
|
|
width: 140px;
|
|
margin-left: 2px;
|
|
}
|
|
|
|
input.repeating_sub_quantity,
|
|
input.repeating_sub_weight {
|
|
width: 45px;
|
|
}
|
|
|
|
/* Component repeating field */
|
|
|
|
input.repeating_comp_name,
|
|
input.repeating_comp_quantity,
|
|
input.repeating_comp_weight {
|
|
box-shadow: none;
|
|
text-align: center;
|
|
background-color: transparent;
|
|
border-left: 0px solid;
|
|
border-right: 0px solid;
|
|
border-top: 0px solid;
|
|
border-bottom: 1px solid;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.repeating_comp_name {
|
|
width: 155px;
|
|
}
|
|
|
|
input.repeating_comp_quantity,
|
|
input.repeating_comp_weight {
|
|
width: 45px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* SPELLS & ABILITIES SECTION */
|
|
/* Spell Section Style */
|
|
|
|
label.sheet-vigor-title {
|
|
display: inline-block;
|
|
width: 50px;
|
|
margin-left: 10px;
|
|
margin-top: 10px;
|
|
text-align: right;
|
|
font-weight: 1;
|
|
font-size: 15px;
|
|
color: #FFF;
|
|
|
|
}
|
|
|
|
label.sheet-cur-sta-title {
|
|
display: inline-block;
|
|
width: 35px;
|
|
margin-top: 10px;
|
|
text-align: right;
|
|
font-weight: 1;
|
|
font-size: 15px;
|
|
color: #FFF;
|
|
|
|
}
|
|
|
|
.sheet-vigor-total-container {
|
|
padding-top: 17px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
padding-bottom: 19px;
|
|
background: #444444;
|
|
width: 235px;
|
|
margin-top: 20px;
|
|
border-radius: 15px;
|
|
box-shadow: inset 0px 0px 30px 3px #1c1c1c;
|
|
}
|
|
|
|
.sheet-vigor-focus-container {
|
|
padding: 15px;
|
|
background: #5e0000;
|
|
width: 235px;
|
|
margin-top: 10px;
|
|
border-radius: 15px;
|
|
box-shadow: inset 0px 0px 30px 3px #1c1c1c;
|
|
}
|
|
|
|
label.sheet-spellfocus-title {
|
|
font-size: 12px;
|
|
color: #FFF;
|
|
font-weight: 1;
|
|
display: inline-block;
|
|
text-align: center;
|
|
width: 70px;
|
|
}
|
|
|
|
label.sheet-focus-title {
|
|
font-size: 10px;
|
|
color: #FFF;
|
|
margin-right: -5px;
|
|
margin-left: 5px;
|
|
font-weight: 1;
|
|
display: inline-block;
|
|
text-align: center;
|
|
width: 60px;
|
|
}
|
|
|
|
label.sheet-greaterfocus-title {
|
|
font-size: 10px;
|
|
color: #FFF;
|
|
font-weight: 1;
|
|
margin-right: -10px;
|
|
display: inline-block;
|
|
text-align: center;
|
|
width: 100px;
|
|
}
|
|
|
|
input[type='number'].sheet-vigor-total {
|
|
border: 1px solid #000;
|
|
display: inline-block;
|
|
border-radius: 0px;
|
|
width: 50px;
|
|
height: 35px;
|
|
color: #FFF;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
background-color: #727272;
|
|
box-shadow: inset 0px 0px 7px 1px #232323;
|
|
}
|
|
|
|
input.sheet-spellfocus-element {
|
|
border:1px solid #000;
|
|
display: inline-block;
|
|
border-radius: 0px;
|
|
width: 130px;
|
|
color: #FFF;
|
|
text-align: center;
|
|
background-color: #444444;
|
|
box-shadow: inset 0px 0px 7px 1px #232323;
|
|
}
|
|
|
|
input.sheet-spellfocus-stat {
|
|
border:1px solid #000;
|
|
display: inline-block;
|
|
border-radius: 0px;
|
|
width: 30px;
|
|
height: 25px;
|
|
color: #FFF;
|
|
text-align: center;
|
|
background-color: #727272;
|
|
box-shadow: inset 0px 0px 7px 1px #232323;
|
|
}
|
|
|
|
textarea.sheet-spellfocus-text {
|
|
width: 205px;
|
|
height: 50px;
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
margin-bottom: 2px;
|
|
resize: vertical;
|
|
font-size: 11px;
|
|
margin-top: 0px;
|
|
margin-left: 4px;
|
|
margin-bottom: 0px;
|
|
text-align: left;
|
|
color: #FFF;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
background-color: #727272;
|
|
box-shadow: inset 0px 0px 7px 1px #232323;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-focus1-toggle,
|
|
input[type="checkbox"].sheet-focus2-toggle,
|
|
input[type="checkbox"].sheet-focus3-toggle,
|
|
input[type="checkbox"].sheet-focus4-toggle {
|
|
opacity: 0;
|
|
width: 30px;
|
|
height: 25px;
|
|
margin-left: -20px;
|
|
margin-right: -10px;
|
|
position: relative;
|
|
top: 2px;
|
|
left: 15px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-focus1-toggle + span::before,
|
|
input[type="checkbox"].sheet-focus2-toggle + span::before,
|
|
input[type="checkbox"].sheet-focus3-toggle + span::before,
|
|
input[type="checkbox"].sheet-focus4-toggle + span::before {
|
|
margin-right: -20px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
content: "▼";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 21px;
|
|
color: #FFF;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-focus1-toggle:checked + span::before,
|
|
input[type="checkbox"].sheet-focus2-toggle:checked + span::before,
|
|
input[type="checkbox"].sheet-focus3-toggle:checked + span::before,
|
|
input[type="checkbox"].sheet-focus4-toggle:checked + span::before {
|
|
content: "►";
|
|
color: #FFF;
|
|
}
|
|
|
|
input.sheet-focus1-toggle:checked ~ div.sheet-focus1-container,
|
|
input.sheet-focus2-toggle:checked ~ div.sheet-focus2-container,
|
|
input.sheet-focus3-toggle:checked ~ div.sheet-focus3-container,
|
|
input.sheet-focus4-toggle:checked ~ div.sheet-focus4-container {
|
|
display: none;
|
|
}
|
|
|
|
/* repcontrol boxes */
|
|
|
|
.charsheet .repcontrol_add {
|
|
display: inline-block;
|
|
box-shadow:none;
|
|
font-size: 10px;
|
|
height: 20px;
|
|
margin-top: 8px;
|
|
margin-bottom: 8px;
|
|
color: #FFF;
|
|
background: #444444;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.charsheet .repitem {
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.charsheet .repcontrol_edit {
|
|
display: inline-block;
|
|
box-shadow:none;
|
|
font-size: 10px;
|
|
height: 20px;
|
|
margin-right: 10px;
|
|
margin-top: 8px;
|
|
margin-bottom: 8px;
|
|
color: #FFF;
|
|
background: #444444;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
/* Checkbox Spell Arrow */
|
|
|
|
input[type="checkbox"].repeating_spell_toggle {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -15px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="checkbox"].repeating_spell_toggle + span::before {
|
|
margin-right: 0px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
content: "▼";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 25px;
|
|
color: #9a1e50;
|
|
}
|
|
|
|
input[type="checkbox"].repeating_spell_toggle:checked + span::before {
|
|
content: "►";
|
|
color: #9a1e50;
|
|
}
|
|
|
|
input.repeating_spell_toggle:checked ~ div.repeating_spell_padding_container {
|
|
display: none;
|
|
}
|
|
|
|
/* Checkbox Ritual Arrow */
|
|
|
|
input[type="checkbox"].repeating_ritual_toggle {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -15px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="checkbox"].repeating_ritual_toggle + span::before {
|
|
margin-right: 0px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
content: "▼";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 25px;
|
|
color: #7f682b;
|
|
}
|
|
|
|
input[type="checkbox"].repeating_ritual_toggle:checked + span::before {
|
|
content: "►";
|
|
color: #7f682b;
|
|
}
|
|
|
|
input.repeating_ritual_toggle:checked ~ div.repeating_ritual_padding_container {
|
|
display: none;
|
|
}
|
|
|
|
/* Checkbox Hex Arrow */
|
|
|
|
input[type="checkbox"].repeating_hex_toggle {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -15px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="checkbox"].repeating_hex_toggle + span::before {
|
|
margin-right: 0px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
content: "▼";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 25px;
|
|
color: #748718;
|
|
}
|
|
|
|
input[type="checkbox"].repeating_hex_toggle:checked + span::before {
|
|
content: "►";
|
|
color: #748718;
|
|
}
|
|
|
|
input.repeating_hex_toggle:checked ~ div.repeating_hex_padding_container {
|
|
display: none;
|
|
}
|
|
|
|
/* Spells & Signs*/
|
|
|
|
span.repeating_spell_gradient {
|
|
display: inline-block;
|
|
padding: 5px;
|
|
margin-left: 5px;
|
|
margin-top: 5px;
|
|
background-image: linear-gradient(to right, #9a1e50, transparent);
|
|
}
|
|
|
|
.repeating_spell_padding_container {
|
|
padding: 5px;
|
|
display: grid;
|
|
grid-template-columns: 50% 50%;
|
|
}
|
|
|
|
label.sheet-spell-title {
|
|
display: inline-block;
|
|
width: 490px;
|
|
margin-top: 1px;
|
|
margin-bottom: 8px;
|
|
padding-left: 12px;
|
|
padding-right: 4px;
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
font-weight: 1;
|
|
font-size: 12px;
|
|
color: #FFF;
|
|
margin-bottom: 2px;
|
|
border-radius: 15px;
|
|
background: #444444;
|
|
}
|
|
|
|
label.repeating_spell_type_title {
|
|
font-size: 11px;
|
|
width: 20px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
}
|
|
|
|
label.repeating_spell_defense_title {
|
|
font-size: 11px;
|
|
width: 60px;
|
|
margin-left: 5px;
|
|
margin-right: -5px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
}
|
|
|
|
label.repeating_spell_range_title {
|
|
font-size: 11px;
|
|
width: 35px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
}
|
|
|
|
label.repeating_spell_sta_title {
|
|
font-size: 11px;
|
|
width: 55px;
|
|
margin-left: 3px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
}
|
|
|
|
label.repeating_spell_damage_title {
|
|
font-size: 11px;
|
|
margin-top: -5px;
|
|
margin-left: 5px;
|
|
width: 45px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
}
|
|
|
|
label.repeating_spell_duration_title {
|
|
font-size: 11px;
|
|
margin-left: 0px;
|
|
width: 55px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
}
|
|
|
|
|
|
input.repeating_spell_name {
|
|
width: 280px;
|
|
margin-right: 140px;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
font-size: 14px;
|
|
color: #FFF;
|
|
box-shadow: none;
|
|
background-color: transparent;
|
|
border: 0px solid;
|
|
}
|
|
|
|
select.repeating_spell_type {
|
|
width: 90px;
|
|
margin-bottom: -4px;
|
|
font-size: 11px;
|
|
text-align: center;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
|
|
textarea.repeating_spell_description {
|
|
width: 480px;
|
|
height: 70px;
|
|
resize: vertical;
|
|
font-size: 11px;
|
|
margin-top: -1px;
|
|
margin-left: -2px;
|
|
margin-bottom: 0px;
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
text-align: left;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.repeating_spell_defense {
|
|
width: 175px;
|
|
text-align: center;
|
|
font-size: 11px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.repeating_spell_sta {
|
|
width: 48px;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.repeating_spell_range {
|
|
width: 70px;
|
|
text-align: center;
|
|
font-size: 11px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
select.repeating_spell_damage {
|
|
width: 70px;
|
|
margin-bottom: -4px;
|
|
text-align: center;
|
|
font-size: 11px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input[type='number'].repeating_spell_stat {
|
|
width: 50px;
|
|
text-align: center;
|
|
font-size: 11px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.repeating_spell_duration {
|
|
width: 180px;
|
|
text-align: center;
|
|
margin-top: -2px;
|
|
font-size: 11px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
/* Rituals */
|
|
|
|
span.repeating_ritual_gradient {
|
|
display: inline-block;
|
|
padding: 5px;
|
|
margin-left: 5px;
|
|
margin-top: 5px;
|
|
background-image: linear-gradient(to right, #7f682b, transparent);
|
|
}
|
|
|
|
.repeating_ritual_padding_container {
|
|
padding: 5px;
|
|
}
|
|
|
|
label.sheet-ritual-title {
|
|
display: inline-block;
|
|
width: 260px;
|
|
margin-top: 10px;
|
|
margin-left: -10px;
|
|
margin-bottom: 2px;
|
|
padding-left: 12px;
|
|
padding-right: 1px;
|
|
padding-top: 1px;
|
|
padding-bottom: 1px;
|
|
font-weight: 1;
|
|
font-size: 11px;
|
|
color: #FFF;
|
|
border-radius: 10px;
|
|
background: #444444;
|
|
}
|
|
|
|
label.repeating_ritual_prep_title {
|
|
font-size: 11px;
|
|
width: 30px;
|
|
text-align: left;
|
|
display: inline-block;
|
|
}
|
|
|
|
label.repeating_ritual_defense_title {
|
|
font-size: 11px;
|
|
width: 45px;
|
|
text-align: left;
|
|
display: inline-block;
|
|
}
|
|
|
|
label.repeating_ritual_dc_title {
|
|
font-size: 11px;
|
|
width: 15px;
|
|
text-align: left;
|
|
display: inline-block;
|
|
}
|
|
|
|
label.repeating_ritual_sta_title {
|
|
font-size: 11px;
|
|
width: 55px;
|
|
margin-left: 3px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
}
|
|
|
|
label.repeating_ritual_duration_title {
|
|
font-size: 11px;
|
|
margin-left: 5px;
|
|
width: 55px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
}
|
|
|
|
input.repeating_ritual_name {
|
|
width: 180px;
|
|
margin-right: 10px;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
font-size: 14px;
|
|
color: #FFF;
|
|
box-shadow: none;
|
|
background-color: transparent;
|
|
border: 0px solid;
|
|
}
|
|
|
|
input.repeating_ritual_prep {
|
|
width: 80px;
|
|
text-align: center;
|
|
font-size: 11px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
textarea.repeating_ritual_description {
|
|
width: 225px;
|
|
height: 70px;
|
|
resize: vertical;
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
font-size: 11px;
|
|
margin-bottom: 0px;
|
|
text-align: left;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.repeating_ritual_sta {
|
|
width: 38px;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.repeating_ritual_dc {
|
|
width: 35px;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.repeating_ritual_duration {
|
|
width: 97px;
|
|
text-align: center;
|
|
font-size: 11px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
textarea.repeating_ritual_comp {
|
|
width: 225px;
|
|
height: 70px;
|
|
resize: vertical;
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
font-size: 11px;
|
|
margin-bottom: 0px;
|
|
text-align: left;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
/* Hexes */
|
|
|
|
span.repeating_hex_gradient {
|
|
display: inline-block;
|
|
padding: 5px;
|
|
margin-left: 5px;
|
|
margin-top: 5px;
|
|
background-image: linear-gradient(to right, #748718, transparent);
|
|
}
|
|
|
|
.repeating_hex_padding_container {
|
|
padding: 5px;
|
|
}
|
|
|
|
label.sheet-hex-title {
|
|
display: inline-block;
|
|
width: 260px;
|
|
margin-top: 10px;
|
|
margin-left: -10px;
|
|
margin-bottom: 2px;
|
|
padding-left: 12px;
|
|
padding-right: 1px;
|
|
padding-top: 1px;
|
|
padding-bottom: 1px;
|
|
font-weight: 1;
|
|
font-size: 11px;
|
|
color: #FFF;
|
|
margin-bottom: 2px;
|
|
border-radius: 10px;
|
|
background: #444444;
|
|
}
|
|
|
|
label.repeating_hex_danger_title {
|
|
font-size: 11px;
|
|
width: 40px;
|
|
text-align: left;
|
|
display: inline-block;
|
|
}
|
|
|
|
label.repeating_hex_sta_title {
|
|
font-size: 11px;
|
|
width: 55px;
|
|
margin-left: 3px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
}
|
|
|
|
input.repeating_hex_name {
|
|
width: 180px;
|
|
margin-right: 10px;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
font-size: 14px;
|
|
color: #FFF;
|
|
box-shadow: none;
|
|
background-color: transparent;
|
|
border: 0px solid;
|
|
}
|
|
|
|
select.repeating_hex_danger {
|
|
width: 60px;
|
|
margin-bottom: 8px;
|
|
font-size: 9px;
|
|
text-align: center;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input.repeating_hex_sta {
|
|
width: 45px;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
textarea.repeating_hex_description {
|
|
width: 225px;
|
|
height: 90px;
|
|
resize: none;
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
font-size: 11px;
|
|
margin-bottom: 0px;
|
|
margin-top: -3px;
|
|
text-align: left;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
textarea.repeating_hex_lift {
|
|
width: 225px;
|
|
height: 90px;
|
|
resize: vertical;
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
font-size: 11px;
|
|
margin-bottom: 0px;
|
|
text-align: left;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
/* BACKGROUND */
|
|
|
|
input[type="checkbox"].sheet-life-events-toggle,
|
|
input[type="checkbox"].sheet-friends-toggle {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
left: 15px;
|
|
margin-left: -50px;
|
|
position: relative;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-life-events-toggle + span::before,
|
|
input[type="checkbox"].sheet-friends-toggle + span::before {
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
content: "▼";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 20px;
|
|
color: #FFF;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-life-events-toggle:checked + span::before,
|
|
input[type="checkbox"].sheet-friends-toggle:checked + span::before {
|
|
content: "►";
|
|
color: #FFF;
|
|
}
|
|
|
|
input.sheet-life-events-toggle:checked ~ div.sheet-events-container,
|
|
input.sheet-friends-toggle:checked ~ div.sheet-friends-container {
|
|
display: none;
|
|
}
|
|
|
|
/* ---- */
|
|
|
|
.sheet-witcher-standard,
|
|
.sheet-witcher-switch:checked ~ .sheet-witcher-witch {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-witcher-witch,
|
|
.sheet-witcher-switch:checked ~ .sheet-witcher-standard {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-witcher-switch {
|
|
opacity: 0;
|
|
width: 20px;
|
|
height: 20px;
|
|
position: relative;
|
|
bottom: 5px;
|
|
top: 2px;
|
|
left: 10px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-witcher-switch + span::before {
|
|
margin-right: 4px;
|
|
border: solid 1px #383838;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
border:1px solid #000;
|
|
box-shadow: inset 0px 0px 3px 1px #7c7c7c;
|
|
border-radius: 0px;
|
|
background: #f6f6f6;
|
|
background: radial-gradient(#f6f6f6, #dfdfdf);
|
|
}
|
|
|
|
input[type="checkbox"].sheet-witcher-switch + span::before {
|
|
content: "";
|
|
color: #262626;
|
|
width: 16px;
|
|
height: 16px;
|
|
line-height: 1;
|
|
font-size: 18px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-witcher-switch:checked + span::before {
|
|
content: "✓";
|
|
}
|
|
|
|
|
|
/* Background sections */
|
|
|
|
span.sheet-background-span {
|
|
display: inline-block;
|
|
width: 480px;
|
|
margin-bottom: 5px;
|
|
padding-right: 26px;
|
|
background: #444444;
|
|
height: 26px;
|
|
color: #FFF;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
span.sheet-background2-span {
|
|
display: inline-block;
|
|
width: 405px;
|
|
margin-bottom: 5px;
|
|
padding-right: 100px;
|
|
background: #444444;
|
|
height: 26px;
|
|
color: #FFF;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
label.sheet-style-title {
|
|
display: block;
|
|
width: 238px;
|
|
padding: 2px;
|
|
margin-top: 6px;
|
|
margin-left: 5px;
|
|
margin-bottom: -8px;
|
|
font-weight: 1;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
color: #FFF;
|
|
border-top-left-radius: 15px;
|
|
border-top-right-radius: 15px;
|
|
border-bottom-left-radius: 0px;
|
|
border-bottom-right-radius: 0px;
|
|
}
|
|
|
|
label.sheet-toggle-witcher {
|
|
display: inline-block;
|
|
margin-left: -165px;
|
|
font-size: 11px;
|
|
text-align: right;
|
|
color: #FFF;
|
|
font-weight: 1;
|
|
width: 120px;
|
|
z-index: 1;
|
|
}
|
|
|
|
label.sheet-style2-title {
|
|
display: block;
|
|
width: 498px;
|
|
padding: 2px;
|
|
margin-top: 5px;
|
|
margin-left: 5px;
|
|
margin-bottom: -8px;
|
|
font-weight: 1;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
color: #FFF;
|
|
border-top-left-radius: 15px;
|
|
border-top-right-radius: 15px;
|
|
border-bottom-left-radius: 0px;
|
|
border-bottom-right-radius: 0px;
|
|
}
|
|
|
|
label.sheet-style-title,
|
|
label.sheet-style2-title {
|
|
background: #5e0000;
|
|
}
|
|
|
|
textarea.sheet-style-text {
|
|
width: 220px;
|
|
height: 60px;
|
|
resize: vertical;
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
font-size: 11px;
|
|
margin-left: 5px;
|
|
margin-top: 8px;
|
|
margin-bottom: 0px;
|
|
text-align: left;
|
|
border: 1px solid #000;
|
|
border-top-left-radius: 0px;
|
|
border-top-right-radius: 0px;
|
|
border-bottom-left-radius: 15px;
|
|
border-bottom-right-radius: 15px;
|
|
background-color: #eaeaea;
|
|
box-shadow: inset 0px 0px 5px 1px #232323;
|
|
}
|
|
|
|
textarea.sheet-style2-text {
|
|
width: 480px;
|
|
height: 60px;
|
|
resize: vertical;
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
font-size: 11px;
|
|
margin-left: 5px;
|
|
margin-top: 8px;
|
|
margin-bottom: 5px;
|
|
text-align: left;
|
|
border: 1px solid #000;
|
|
border-top-left-radius: 0px;
|
|
border-top-right-radius: 0px;
|
|
border-bottom-left-radius: 15px;
|
|
border-bottom-right-radius: 15px;
|
|
background-color: #eaeaea;
|
|
box-shadow: inset 0px 0px 5px 1px #232323;
|
|
}
|
|
|
|
label.sheet-style-element {
|
|
display: inline-block;
|
|
width: 400px;
|
|
margin-bottom: 8px;
|
|
padding-left: 12px;
|
|
padding-right: 4px;
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
font-weight: 1;
|
|
font-size: 12px;
|
|
color: #FFF;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
label.sheet-style2-element {
|
|
display: inline-block;
|
|
width: 300px;
|
|
margin-bottom: 8px;
|
|
padding-left: 12px;
|
|
padding-right: 4px;
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
font-weight: 1;
|
|
font-size: 12px;
|
|
color: #FFF;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
span.repeating_relationship_span {
|
|
display: inline-block;
|
|
text-align: center;
|
|
width: 500px;
|
|
height: 40px;
|
|
margin-top: 2px;
|
|
margin-bottom: 8px;
|
|
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;
|
|
}
|
|
|
|
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-bottom: 8px;
|
|
margin-left: 5px;
|
|
border-top: 1px solid transparent;
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
border-radius: 0px;
|
|
border-top-left-radius: 15px;
|
|
border-top-right-radius: 15px;
|
|
border-bottom-left-radius: 15px;
|
|
border-bottom-right-radius: 15px;
|
|
background-color: #5e0000;
|
|
}
|
|
|
|
input.repeating_decade {
|
|
display: inline-block;
|
|
text-align: center;
|
|
width: 80px;
|
|
height: 30px;
|
|
font-weight: 1;
|
|
font-size: 15px;
|
|
margin-top: -75px;
|
|
margin-left: 5px;
|
|
color: #FFF;
|
|
border: 0px;
|
|
background-color: transparent;
|
|
text-transform: uppercase;
|
|
box-shadow: none;
|
|
}
|
|
|
|
input.repeating_relationship_desc {
|
|
box-shadow: none;
|
|
text-align: center;
|
|
font-size: 11px;
|
|
width: 400px;
|
|
height: 27px;
|
|
background-color: transparent;
|
|
border: 1px solid #000;
|
|
border-top-right-radius: 15px;
|
|
border-bottom-right-radius: 15px;
|
|
border-top-left-radius: 0px;
|
|
border-bottom-left-radius: 0px;
|
|
background-color: #eaeaea;
|
|
box-shadow: inset 0px 0px 5px 1px #232323;
|
|
}
|
|
|
|
textarea.repeating_event_desc {
|
|
width: 370px;
|
|
height: 50px;
|
|
resize: none;
|
|
font-size: 11px;
|
|
padding-right: 20px;
|
|
padding-left: 10px;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
margin-top: 3px;
|
|
background-color: transparent;
|
|
border: 1px solid #000;
|
|
border-top-right-radius: 15px;
|
|
border-bottom-right-radius: 15px;
|
|
border-top-left-radius: 0px;
|
|
border-bottom-left-radius: 0px;
|
|
background-color: #eaeaea;
|
|
box-shadow: inset 0px 0px 5px 1px #232323;
|
|
}
|
|
|
|
.sheet-reputation-container {
|
|
padding-top: 20px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
padding-bottom: 20px;
|
|
background: #444444;
|
|
width: 235px;
|
|
margin-top: 10px;
|
|
border-radius: 15px;
|
|
box-shadow: inset 0px 0px 30px 3px #232323;
|
|
}
|
|
|
|
label.sheet-reputation-maintitle {
|
|
font-size: 20px;
|
|
font-weight: 1;
|
|
color: #FFF;
|
|
text-align: center;
|
|
line-height: 1.3;
|
|
width: 230px;
|
|
}
|
|
|
|
label.sheet-reputation-label {
|
|
display: inline-block;
|
|
font-size: 13px;
|
|
font-weight: 1;
|
|
width: 130px;
|
|
color: #FFF;
|
|
text-align: right;
|
|
}
|
|
|
|
input[type='number'].sheet-reputation-level {
|
|
font-size: 14px;
|
|
color: #FFF;
|
|
margin-right: 5px;
|
|
display: inline-block;
|
|
width: 45px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
background-color: #727272;
|
|
box-shadow: inset 0px 0px 7px 1px #232323;
|
|
}
|
|
|
|
textarea.sheet-rep-text {
|
|
width: 215px;
|
|
height: 65px;
|
|
resize: vertical;
|
|
color: #FFF;
|
|
padding: 5px;
|
|
font-size: 11px;
|
|
margin-left: 5px;
|
|
margin-top: 8px;
|
|
margin-bottom: -5px;
|
|
text-align: left;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
background-color: #727272;
|
|
box-shadow: inset 0px 0px 7px 1px #232323;
|
|
}
|
|
|
|
.sheet-wounds-container {
|
|
padding-top: 20px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
padding-bottom: 20px;
|
|
background: #5e0000;
|
|
width: 235px;
|
|
margin-top: 20px;
|
|
border-radius: 15px;
|
|
box-shadow: inset 0px 0px 30px 3px #1c1c1c;
|
|
}
|
|
|
|
label.sheet-wounds-maintitle {
|
|
font-size: 20px;
|
|
font-weight: 1;
|
|
color: #FFF;
|
|
text-align: center;
|
|
margin-bottom: -5px;
|
|
line-height: 1.3;
|
|
width: 230px;
|
|
}
|
|
|
|
label.sheet-wounds-header {
|
|
display: inline-block;
|
|
height: 5px;
|
|
width: 105px;
|
|
margin-left: 4px;
|
|
text-align: right;
|
|
color: #FFF;
|
|
font-size: 11px;
|
|
}
|
|
|
|
label.sheet-st-header {
|
|
display: inline-block;
|
|
height: 5px;
|
|
width: 47px;
|
|
text-align: right;
|
|
color: #FFF;
|
|
font-size: 11px;
|
|
}
|
|
|
|
label.sheet-days-header {
|
|
display: inline-block;
|
|
height: 5px;
|
|
width: 45px;
|
|
text-align: right;
|
|
color: #FFF;
|
|
font-size: 11px;
|
|
}
|
|
|
|
input.sheet-wounds-element {
|
|
font-size: 12px;
|
|
color: #FFF;
|
|
margin-left: 5px;
|
|
display: inline-block;
|
|
width: 125px;
|
|
margin-top: 4px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
background-color: #727272;
|
|
box-shadow: inset 0px 0px 7px 1px #232323;
|
|
}
|
|
|
|
input.sheet-subtreat-element {
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
color: #FFF;
|
|
margin-left: 5px;
|
|
display: inline-block;
|
|
width: 40px;
|
|
margin-top: 4px;
|
|
border: 1px solid #000;
|
|
border-radius: 0px;
|
|
background-color: #727272;
|
|
box-shadow: inset 0px 0px 7px 1px #232323;
|
|
}
|
|
|
|
.sheet-campaign-container {
|
|
padding-top: 20px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
padding-bottom: 20px;
|
|
background: #606060;
|
|
width: 235px;
|
|
margin-top: 10px;
|
|
border-radius: 15px;
|
|
box-shadow: inset 0px 0px 30px 3px #1c1c1c;
|
|
}
|
|
|
|
label.sheet-campaign-maintitle {
|
|
font-size: 20px;
|
|
font-weight: 1;
|
|
color: #FFF;
|
|
text-align: center;
|
|
margin-bottom: -5px;
|
|
line-height: 1.3;
|
|
width: 230px;
|
|
}
|
|
|
|
textarea.sheet-campaign-text {
|
|
width: 205px;
|
|
height: 250px;
|
|
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;
|
|
background-color: #afafaf;
|
|
box-shadow: inset 0px 0px 7px 1px #232323;
|
|
}
|
|
|
|
/* ROLL BUTTONS */
|
|
|
|
/* stats */
|
|
|
|
.charsheet button[type=roll].sheet-stat-roll::before {
|
|
font-family: "dicefontd10";
|
|
content: "0";
|
|
font-size: 16px;
|
|
}
|
|
|
|
button[type=roll].sheet-stat-roll {
|
|
color: #000;
|
|
background-color: #e8e8e8;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
width:18px;
|
|
height:18px;
|
|
border-radius: 100px;
|
|
border-color: #000;
|
|
border: 1px solid;
|
|
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
|
|
}
|
|
|
|
button[type=roll].sheet-stat-roll:hover {
|
|
color: #5e0000;
|
|
border-color: #5e0000;
|
|
border: 1px solid;
|
|
}
|
|
|
|
button[type=roll].sheet-stat-roll:active {
|
|
color: #bc0000;
|
|
border-color: #bc0000;
|
|
border: 1px solid;
|
|
box-shadow: inset 1px 1px 1px 1px #5e0000;
|
|
}
|
|
|
|
.charsheet button[type=roll].sheet-stat-roll2::before {
|
|
font-family: "Pictos Custom";
|
|
content: "t";
|
|
font-size: 16px;
|
|
}
|
|
|
|
button[type=roll].sheet-stat-roll2 {
|
|
color: #000;
|
|
background-color: #e8e8e8;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
width:18px;
|
|
height:18px;
|
|
border-radius: 100px;
|
|
border-color: #000;
|
|
border: 1px solid;
|
|
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
|
|
}
|
|
|
|
button[type=roll].sheet-stat-roll2:hover {
|
|
color: #5e0000;
|
|
border-color: #5e0000;
|
|
border: 1px solid;
|
|
}
|
|
|
|
button[type=roll].sheet-stat-roll2:active {
|
|
color: #bc0000;
|
|
border-color: #bc0000;
|
|
border: 1px solid;
|
|
box-shadow: inset 1px 1px 1px 1px #5e0000;
|
|
}
|
|
|
|
.charsheet button[type=roll].sheet-stat-roll3::before {
|
|
font-family: "Pictos Custom";
|
|
content: "e";
|
|
font-size: 16px;
|
|
}
|
|
|
|
button[type=roll].sheet-stat-roll3 {
|
|
color: #000;
|
|
background-color: #e8e8e8;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
width:18px;
|
|
height:18px;
|
|
border-radius: 100px;
|
|
border-color: #000;
|
|
border: 1px solid;
|
|
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
|
|
}
|
|
|
|
button[type=roll].sheet-stat-roll3:hover {
|
|
color: #5e0000;
|
|
border-color: #5e0000;
|
|
border: 1px solid;
|
|
}
|
|
|
|
button[type=roll].sheet-stat-roll3:active {
|
|
color: #bc0000;
|
|
border-color: #bc0000;
|
|
border: 1px solid;
|
|
box-shadow: inset 1px 1px 1px 1px #5e0000;
|
|
}
|
|
/* death save */
|
|
|
|
.charsheet button[type=roll].sheet-save-roll::before {
|
|
font-family: "pictos";
|
|
content: "Y";
|
|
font-size: 25px;
|
|
}
|
|
|
|
button[type=roll].sheet-save-roll {
|
|
color: #000;
|
|
background-color: #e8e8e8;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
padding-top: 4px;
|
|
margin-top: 2px;
|
|
width:30px;
|
|
height:30px;
|
|
border-radius: 100px;
|
|
border-color: #000;
|
|
border: 1px solid;
|
|
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
|
|
}
|
|
|
|
button[type=roll].sheet-save-roll:hover {
|
|
color: #6d1a02;
|
|
border-color: #6d1a02;
|
|
border: 1px solid;
|
|
}
|
|
|
|
button[type=roll].sheet-save-roll:active {
|
|
color: #ff3700;
|
|
border-color: #ff3700;
|
|
border: 1px solid;
|
|
box-shadow: inset 2px 1px 1px 1px #6d1a02;
|
|
}
|
|
|
|
/* stun save */
|
|
|
|
.charsheet button[type=roll].sheet-stun-roll::before {
|
|
font-family: "pictos";
|
|
content: "S";
|
|
font-size: 25px;
|
|
}
|
|
|
|
button[type=roll].sheet-stun-roll {
|
|
color: #000;
|
|
background-color: #e8e8e8;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
padding-top: 4px;
|
|
margin-top: 2px;
|
|
width:30px;
|
|
height:30px;
|
|
border-radius: 100px;
|
|
border-color: #000;
|
|
border: 1px solid;
|
|
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
|
|
}
|
|
|
|
button[type=roll].sheet-stun-roll:hover {
|
|
color: #6d1a02;
|
|
border-color: #6d1a02;
|
|
border: 1px solid;
|
|
}
|
|
|
|
button[type=roll].sheet-stun-roll:active {
|
|
color: #ff3700;
|
|
border-color: #ff3700;
|
|
border: 1px solid;
|
|
box-shadow: inset 2px 1px 1px 1px #6d1a02;
|
|
}
|
|
|
|
/* Initiative */
|
|
|
|
.charsheet button[type=roll].sheet-initiative-roll::before {
|
|
font-family: "pictos";
|
|
content: "e";
|
|
font-size: 25px;
|
|
}
|
|
|
|
button[type=roll].sheet-initiative-roll {
|
|
color: #000;
|
|
background-color: #e8e8e8;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
padding-top: 4px;
|
|
margin-top: 0px;
|
|
width: 30px;
|
|
height: 30px;
|
|
border-radius: 100px;
|
|
border-color: #000;
|
|
border: 1px solid;
|
|
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
|
|
}
|
|
|
|
button[type=roll].sheet-initiative-roll:hover {
|
|
color: #026d52;
|
|
border-color: #026d52;
|
|
border: 1px solid;
|
|
}
|
|
|
|
button[type=roll].sheet-initiative-roll:active {
|
|
color: #02ffbf;
|
|
border-color: #02ffbf;
|
|
border: 1px solid;
|
|
box-shadow: inset 2px 1px 1px 1px #026d52;
|
|
}
|
|
|
|
/* Critical */
|
|
|
|
.charsheet button[type=roll].sheet-critical-roll::before {
|
|
font-family: "pictos custom";
|
|
content: "t";
|
|
font-size: 23px;
|
|
}
|
|
|
|
button[type=roll].sheet-critical-roll {
|
|
color: #000;
|
|
background-color: #e8e8e8;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
padding-top: 4px;
|
|
margin-top: 2px;
|
|
width: 30px;
|
|
height: 30px;
|
|
border-radius: 100px;
|
|
border-color: #000;
|
|
border: 1px solid;
|
|
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
|
|
}
|
|
|
|
button[type=roll].sheet-critical-roll:hover {
|
|
color: #968754;
|
|
border-color: #968754;
|
|
border: 1px solid;
|
|
}
|
|
|
|
button[type=roll].sheet-critical-roll:active {
|
|
color: #ffe387;
|
|
border-color: #ffe387;
|
|
border: 1px solid;
|
|
box-shadow: inset 2px 1px 1px 1px #968754;
|
|
|
|
}
|
|
|
|
/* Target Location */
|
|
|
|
.charsheet button[type=roll].sheet-target-roll::before {
|
|
font-family: "pictos custom";
|
|
content: "[";
|
|
font-size: 24px;
|
|
}
|
|
|
|
button[type=roll].sheet-target-roll {
|
|
color: #000;
|
|
background-color: #e8e8e8;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
padding-top: 4px;
|
|
margin-top: 2px;
|
|
width: 30px;
|
|
height: 30px;
|
|
border-radius: 100px;
|
|
border-color: #000;
|
|
border: 1px solid;
|
|
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
|
|
}
|
|
|
|
button[type=roll].sheet-target-roll:hover {
|
|
color: #546696;
|
|
border-color: #546696;
|
|
border: 1px solid;
|
|
}
|
|
|
|
button[type=roll].sheet-target-roll:active {
|
|
color: #8eacff;
|
|
border-color: #8eacff;
|
|
border: 1px solid;
|
|
box-shadow: inset 2px 1px 1px 1px #546696;
|
|
|
|
}
|
|
|
|
/* Profession Skill Button */
|
|
|
|
.charsheet button[type=roll].sheet-prof-skill-roll::before {
|
|
font-family: "Helvetica";
|
|
content: "ROLL SKILL";
|
|
font-size: 9px;
|
|
display: block;
|
|
}
|
|
|
|
button[type=roll].sheet-prof-skill-roll {
|
|
color: #000;
|
|
background-color: #e8e8e8;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
padding-bottom: 5px;
|
|
width: 60px;
|
|
height: 14px;
|
|
border-radius: 100px;
|
|
border-color: #000;
|
|
border: 1px solid;
|
|
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
|
|
}
|
|
|
|
button[type=roll].sheet-prof-skill-roll:hover {
|
|
color: #828282;
|
|
border-color: #828282;
|
|
border: 1px solid;
|
|
}
|
|
|
|
button[type=roll].sheet-prof-skill-roll:active {
|
|
color: #afafaf;
|
|
border-color: #afafaf;
|
|
border: 1px solid;
|
|
box-shadow: inset 2px 1px 1px 1px #828282;
|
|
|
|
}
|
|
|
|
/* Weapon Button */
|
|
|
|
.charsheet button[type=roll].sheet-weapon-damage-roll::before {
|
|
content: "";
|
|
font-weight: bold;
|
|
}
|
|
|
|
button[type=roll].sheet-weapon-damage-roll {
|
|
color: #000;
|
|
background-color: #e8e8e8;
|
|
text-align: center;
|
|
width: 25px;
|
|
height: 25px;
|
|
border-radius: 100px;
|
|
border-color: #000;
|
|
border: 1px solid;
|
|
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
|
|
}
|
|
|
|
button[type=roll].sheet-weapon-damage-roll:hover {
|
|
color: #750000;
|
|
border-color: #750000;
|
|
border: 1px solid;
|
|
}
|
|
|
|
button[type=roll].sheet-weapon-damage-roll:active {
|
|
color: #cc0000;
|
|
border-color: #cc0000;
|
|
border: 1px solid;
|
|
box-shadow: inset 1px 1px 1px 1px #750000;
|
|
}
|
|
|
|
.charsheet button[type=roll].sheet-quickweapon-damage1::before {
|
|
content: "1st";
|
|
}
|
|
|
|
.charsheet button[type=roll].sheet-quickweapon-damage2::before {
|
|
content: "2nd";
|
|
}
|
|
|
|
.charsheet button[type=roll].sheet-quickweapon-damage3::before {
|
|
content: "3rd";
|
|
}
|
|
|
|
.charsheet button[type=roll].sheet-quickweapon-damage4::before {
|
|
content: "4th";
|
|
}
|
|
|
|
.charsheet button[type=roll].sheet-quickweapon-damage5::before {
|
|
content: "5th";
|
|
}
|
|
|
|
.charsheet button[type=roll].sheet-quickweapon-damage6::before {
|
|
content: "6th";
|
|
}
|
|
|
|
.charsheet button[type=roll].sheet-quickweapon-damage6::before,
|
|
.charsheet button[type=roll].sheet-quickweapon-damage5::before,
|
|
.charsheet button[type=roll].sheet-quickweapon-damage4::before,
|
|
.charsheet button[type=roll].sheet-quickweapon-damage3::before,
|
|
.charsheet button[type=roll].sheet-quickweapon-damage2::before,
|
|
.charsheet button[type=roll].sheet-quickweapon-damage1::before {
|
|
font-family: "Helvetica";
|
|
font-size: 9px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
button[type=roll].sheet-quickweapon-damage6,
|
|
button[type=roll].sheet-quickweapon-damage5,
|
|
button[type=roll].sheet-quickweapon-damage4,
|
|
button[type=roll].sheet-quickweapon-damage3,
|
|
button[type=roll].sheet-quickweapon-damage2,
|
|
button[type=roll].sheet-quickweapon-damage1 {
|
|
color: #000;
|
|
background-color: #e8e8e8;
|
|
text-align: center;
|
|
margin-top: 3px;
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 100px;
|
|
border-color: #000;
|
|
border: 1px solid;
|
|
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
|
|
}
|
|
|
|
button[type=roll].sheet-quickweapon-damage6:hover,
|
|
button[type=roll].sheet-quickweapon-damage5:hover,
|
|
button[type=roll].sheet-quickweapon-damage4:hover,
|
|
button[type=roll].sheet-quickweapon-damage3:hover,
|
|
button[type=roll].sheet-quickweapon-damage2:hover,
|
|
button[type=roll].sheet-quickweapon-damage1:hover {
|
|
color: #750000;
|
|
border-color: #750000;
|
|
border: 1px solid;
|
|
}
|
|
|
|
button[type=roll].sheet-quickweapon-damage6:active,
|
|
button[type=roll].sheet-quickweapon-damage5:active,
|
|
button[type=roll].sheet-quickweapon-damage4:active,
|
|
button[type=roll].sheet-quickweapon-damage3:active,
|
|
button[type=roll].sheet-quickweapon-damage2:active,
|
|
button[type=roll].sheet-quickweapon-damage1:active {
|
|
color: #cc0000;
|
|
border-color: #cc0000;
|
|
border: 1px solid;
|
|
box-shadow: inset 1px 1px 1px 1px #750000;
|
|
}
|
|
|
|
|
|
/* Spell Roll */
|
|
|
|
.charsheet button[type=roll].repeating_spell_damage_roll::before {
|
|
font-family: "pictos custom";
|
|
content: "r";
|
|
font-size: 18px;
|
|
}
|
|
|
|
button[type=roll].repeating_spell_damage_roll {
|
|
color: #000;
|
|
background-color: #e8e8e8;
|
|
text-align: center;
|
|
width:20px;
|
|
height:20px;
|
|
padding-top: 4px;
|
|
border-radius: 100px;
|
|
border-color: #000;
|
|
border: 1px solid;
|
|
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
|
|
}
|
|
|
|
button[type=roll].repeating_spell_damage_roll:hover {
|
|
color: #9a1e50;
|
|
border-color: #9a1e50;
|
|
border: 1px solid;
|
|
}
|
|
|
|
button[type=roll].repeating_spell_damage_roll:active {
|
|
color: #ff0c6e;
|
|
border-color: #ff0c6e;
|
|
border: 1px solid;
|
|
box-shadow: inset 1px 1px 1px 1px #9a1e50;
|
|
}
|
|
|
|
/* Ritual Roll */
|
|
|
|
.charsheet button[type=roll].repeating_ritual_damage_roll::before {
|
|
font-family: "pictos custom";
|
|
content: "t";
|
|
font-size: 18px;
|
|
}
|
|
|
|
button[type=roll].repeating_ritual_damage_roll {
|
|
color: #000;
|
|
background-color: #e8e8e8;
|
|
text-align: center;
|
|
width: 20px;
|
|
height: 20px;
|
|
padding-top: 4px;
|
|
border-radius: 100px;
|
|
border-color: #000;
|
|
border: 1px solid;
|
|
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
|
|
}
|
|
|
|
button[type=roll].repeating_ritual_damage_roll:hover {
|
|
color: #7f682b;
|
|
border-color: #7f682b;
|
|
border: 1px solid;
|
|
}
|
|
|
|
button[type=roll].repeating_ritual_damage_roll:active {
|
|
color: #ffce49;
|
|
border-color: #ffce49;
|
|
border: 1px solid;
|
|
box-shadow: inset 1px 1px 1px 1px #7f682b;
|
|
}
|
|
|
|
/* Hex Roll */
|
|
|
|
.charsheet button[type=roll].repeating_hex_damage_roll::before {
|
|
font-family: "pictos three";
|
|
content: "i";
|
|
font-size: 18px;
|
|
}
|
|
|
|
button[type=roll].repeating_hex_damage_roll {
|
|
color: #000;
|
|
background-color: #e8e8e8;
|
|
text-align: center;
|
|
width: 20px;
|
|
height: 20px;
|
|
padding-top: 3px;
|
|
border-radius: 100px;
|
|
border-color: #000;
|
|
border: 1px solid;
|
|
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
|
|
}
|
|
|
|
button[type=roll].repeating_hex_damage_roll:hover {
|
|
color: #748718;
|
|
border-color: #748718;
|
|
border: 1px solid;
|
|
}
|
|
|
|
button[type=roll].repeating_hex_damage_roll:active {
|
|
color: #dafc2f;
|
|
border-color: #dafc2f;
|
|
border: 1px solid;
|
|
box-shadow: inset 1px 1px 1px 1px #748718;
|
|
}
|
|
|
|
/* Reputation Roll */
|
|
|
|
.charsheet button[type=roll].sheet-rep-roll::before {
|
|
font-family: "Pictos";
|
|
content: "i";
|
|
font-size: 18px;
|
|
}
|
|
|
|
button[type=roll].sheet-rep-roll {
|
|
color: #000;
|
|
background-color: #e8e8e8;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
width:20px;
|
|
height:20px;
|
|
border-radius: 100px;
|
|
border-color: #000;
|
|
border: 1px solid;
|
|
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
|
|
}
|
|
|
|
button[type=roll].sheet-rep-roll:hover {
|
|
color: #2a72a3;
|
|
border-color: #2a72a3;
|
|
border: 1px solid;
|
|
}
|
|
|
|
button[type=roll].sheet-rep-roll:active {
|
|
color: #42b2ff;
|
|
border-color: #42b2ff;
|
|
border: 1px solid;
|
|
box-shadow: inset 1px 1px 1px 1px #2a72a3;
|
|
}
|
|
|
|
/* NPC Skill */
|
|
|
|
.charsheet button[type=roll].repeating_npc_skill_roll::before {
|
|
font-family: "dicefontd10";
|
|
content: "0";
|
|
font-size: 17px;
|
|
}
|
|
|
|
button[type=roll].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=roll].repeating_npc_skill_roll:hover {
|
|
color: #878787;
|
|
border-color: #878787;
|
|
border: 1px solid;
|
|
}
|
|
|
|
button[type=roll].repeating_npc_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-redskill table,
|
|
.sheet-rolltemplate-greenskill table,
|
|
.sheet-rolltemplate-blueskill table,
|
|
.sheet-rolltemplate-mainskill table,
|
|
.sheet-rolltemplate-statistics3 table,
|
|
.sheet-rolltemplate-statistics2 table,
|
|
.sheet-rolltemplate-statistics table,
|
|
.sheet-rolltemplate-target table,
|
|
.sheet-rolltemplate-crit table,
|
|
.sheet-rolltemplate-save table,
|
|
.sheet-rolltemplate-initiative table {
|
|
width: 95%;
|
|
border: 1px solid;
|
|
color: black;
|
|
font-size: 1em;
|
|
font-family: "Helvetica Neue", Helvetica, sans-serif;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcweapon th,
|
|
.sheet-rolltemplate-reputation th,
|
|
.sheet-rolltemplate-hex th,
|
|
.sheet-rolltemplate-ritual th,
|
|
.sheet-rolltemplate-spell th,
|
|
.sheet-rolltemplate-punchkick th,
|
|
.sheet-rolltemplate-weapon th,
|
|
.sheet-rolltemplate-redskill th,
|
|
.sheet-rolltemplate-greenskill th,
|
|
.sheet-rolltemplate-blueskill th,
|
|
.sheet-rolltemplate-mainskill th,
|
|
.sheet-rolltemplate-statistics3 th,
|
|
.sheet-rolltemplate-statistics2 th,
|
|
.sheet-rolltemplate-statistics th,
|
|
.sheet-rolltemplate-target th,
|
|
.sheet-rolltemplate-crit th,
|
|
.sheet-rolltemplate-save th,
|
|
.sheet-rolltemplate-initiative th {
|
|
color: #ffffff;
|
|
padding: 2px;
|
|
text-align: center;
|
|
border-bottom: 1px solid black;
|
|
line-height: 1.6em;
|
|
font-size: 1.4em;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcweapon .userscript-template-title,
|
|
.sheet-rolltemplate-reputation .userscript-template-title,
|
|
.sheet-rolltemplate-hex .userscript-template-title,
|
|
.sheet-rolltemplate-ritual .userscript-template-title,
|
|
.sheet-rolltemplate-spell .userscript-template-title,
|
|
.sheet-rolltemplate-punchkick .userscript-template-title,
|
|
.sheet-rolltemplate-weapon .userscript-template-title,
|
|
.sheet-rolltemplate-redskill .userscript-template-title,
|
|
.sheet-rolltemplate-greenskill .userscript-template-title,
|
|
.sheet-rolltemplate-blueskill .userscript-template-title,
|
|
.sheet-rolltemplate-mainskill .userscript-template-title,
|
|
.sheet-rolltemplate-statistics3 .userscript-template-title,
|
|
.sheet-rolltemplate-statistics2 .userscript-template-title,
|
|
.sheet-rolltemplate-statistics .userscript-template-title,
|
|
.sheet-rolltemplate-target .userscript-template-title,
|
|
.sheet-rolltemplate-crit .userscript-template-title,
|
|
.sheet-rolltemplate-save .userscript-template-title,
|
|
.sheet-rolltemplate-initiative .userscript-template-title {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcweapon td,
|
|
.sheet-rolltemplate-reputation td,
|
|
.sheet-rolltemplate-hex td,
|
|
.sheet-rolltemplate-ritual td,
|
|
.sheet-rolltemplate-spell td,
|
|
.sheet-rolltemplate-punchkick td,
|
|
.sheet-rolltemplate-weapon td,
|
|
.sheet-rolltemplate-redskill td,
|
|
.sheet-rolltemplate-greenskill td,
|
|
.sheet-rolltemplate-blueskill td,
|
|
.sheet-rolltemplate-mainskill td,
|
|
.sheet-rolltemplate-statistics3 td,
|
|
.sheet-rolltemplate-statistics2 td,
|
|
.sheet-rolltemplate-statistics td,
|
|
.sheet-rolltemplate-target td,
|
|
.sheet-rolltemplate-crit td,
|
|
.sheet-rolltemplate-save td,
|
|
.sheet-rolltemplate-initiative td {
|
|
padding: 8px;
|
|
border-bottom: 1px solid black;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcweapon .inlinerollresult,
|
|
.sheet-rolltemplate-reputation .inlinerollresult,
|
|
.sheet-rolltemplate-hex .inlinerollresult,
|
|
.sheet-rolltemplate-ritual .inlinerollresult,
|
|
.sheet-rolltemplate-spell .inlinerollresult,
|
|
.sheet-rolltemplate-punchkick .inlinerollresult,
|
|
.sheet-rolltemplate-weapon .inlinerollresult,
|
|
.sheet-rolltemplate-redskill .inlinerollresult,
|
|
.sheet-rolltemplate-greenskill .inlinerollresult,
|
|
.sheet-rolltemplate-blueskill .inlinerollresult,
|
|
.sheet-rolltemplate-mainskill .inlinerollresult,
|
|
.sheet-rolltemplate-statistics3 .inlinerollresult,
|
|
.sheet-rolltemplate-statistics2 .inlinerollresult,
|
|
.sheet-rolltemplate-statistics .inlinerollresult,
|
|
.sheet-rolltemplate-target .inlinerollresult,
|
|
.sheet-rolltemplate-crit .inlinerollresult,
|
|
.sheet-rolltemplate-save .inlinerollresult,
|
|
.sheet-rolltemplate-initiative .inlinerollresult {
|
|
display: inline-block;
|
|
min-width: 1.5em;
|
|
text-align: center;
|
|
font-size: 1.2em;
|
|
padding: 2px;
|
|
border: 2px solid #000;
|
|
}
|
|
|
|
/* Initiative */
|
|
|
|
.sheet-rolltemplate-initiative th {
|
|
background-color: #026d52;
|
|
}
|
|
|
|
.sheet-rolltemplate-initiative tr:nth-child(odd) {
|
|
background-color: #b1d8d0;
|
|
}
|
|
|
|
.sheet-rolltemplate-initiative tr:nth-child(even) {
|
|
background-color: #e0e0e0;
|
|
}
|
|
|
|
/* Save */
|
|
|
|
.sheet-rolltemplate-save th {
|
|
background-color: #5e0000;
|
|
}
|
|
|
|
.sheet-rolltemplate-save tr:nth-child(odd) {
|
|
background-color: #d8b1b1;
|
|
}
|
|
|
|
.sheet-rolltemplate-save tr:nth-child(even) {
|
|
background-color: #e0e0e0;
|
|
}
|
|
|
|
/* Crit/Fumble */
|
|
|
|
.sheet-rolltemplate-crit th {
|
|
background-color: #968754;
|
|
}
|
|
|
|
.sheet-rolltemplate-crit tr:nth-child(odd) {
|
|
background-color: #d8d0b1;
|
|
}
|
|
|
|
.sheet-rolltemplate-crit tr:nth-child(even) {
|
|
background-color: #e0e0e0;
|
|
}
|
|
|
|
/* Target */
|
|
|
|
.sheet-rolltemplate-target th {
|
|
background-color: #546696;
|
|
}
|
|
|
|
.sheet-rolltemplate-target tr:nth-child(odd) {
|
|
background-color: #b1b4d8;
|
|
}
|
|
|
|
.sheet-rolltemplate-target tr:nth-child(even) {
|
|
background-color: #e0e0e0;
|
|
}
|
|
|
|
/* Statistics */
|
|
|
|
.sheet-rolltemplate-statistics th {
|
|
background-color: #5e0000;
|
|
}
|
|
|
|
.sheet-rolltemplate-statistics tr:nth-child(odd) {
|
|
background-color: #d8b1b1;
|
|
}
|
|
|
|
.sheet-rolltemplate-statistics tr:nth-child(even) {
|
|
background-color: #e0e0e0;
|
|
}
|
|
|
|
/* Statistics2 */
|
|
|
|
.sheet-rolltemplate-statistics2 th {
|
|
background-color: #595959;
|
|
}
|
|
|
|
.sheet-rolltemplate-statistics2 tr:nth-child(odd) {
|
|
background-color: #b7b7b7;
|
|
}
|
|
|
|
.sheet-rolltemplate-statistics2 tr:nth-child(even) {
|
|
background-color: #e0e0e0;
|
|
}
|
|
|
|
/* Statistics3 */
|
|
|
|
.sheet-rolltemplate-statistics3 th {
|
|
background-color: #595959;
|
|
}
|
|
|
|
.sheet-rolltemplate-statistics3 tr:nth-child(odd) {
|
|
background-color: #b7b7b7;
|
|
}
|
|
|
|
.sheet-rolltemplate-statistics3 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 {
|
|
background-color: #5e0000;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcweapon tr:nth-child(odd),
|
|
.sheet-rolltemplate-punchkick tr:nth-child(odd),
|
|
.sheet-rolltemplate-weapon 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) {
|
|
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;
|
|
}
|