mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
1927 lines
52 KiB
CSS
1927 lines
52 KiB
CSS
.charsheet div[class^="sheet-sectiontab"] {
|
|
display: none;
|
|
}
|
|
|
|
.charsheet input.sheet-tab8:checked ~ div.sheet-sectiontab-configroll {
|
|
display: block;
|
|
}
|
|
|
|
|
|
|
|
input.sheet-condition-display[value="0"] ~ span.sheet-body {
|
|
display: none;
|
|
}
|
|
|
|
|
|
|
|
input.sheet-condition-display:not([value="0"]) ~ span.sheet-body {
|
|
float: left;
|
|
}
|
|
|
|
button[type=roll].sheet-new-roll {
|
|
color: #18650D;
|
|
background-color: #ffffff;
|
|
font-weight: bold;
|
|
text-align:center;
|
|
width: 20px;
|
|
height: 20px;
|
|
margin: 0.0;
|
|
padding: 0.0em;
|
|
border: 1px solid black;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
div,
|
|
button,
|
|
textarea,
|
|
span,
|
|
input,
|
|
select,
|
|
img,
|
|
label{
|
|
box-sizing: border-box;
|
|
}
|
|
div{
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
img{
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
/* ==== CLASSES ==== */
|
|
.sheet-help {cursor: help;}
|
|
.sheet-debug{
|
|
border: 1px solid red;
|
|
}
|
|
.sheet-underlined{
|
|
border-bottom: 1px solid black;
|
|
}
|
|
.sheet-bordered{
|
|
border: 1px solid black;
|
|
margin-bottom: 4px;
|
|
}
|
|
.sheet-titled{
|
|
margin-top: -13px;
|
|
padding-top: 15px;
|
|
}
|
|
.sheet-block{display: block;}
|
|
.sheet-inbox{
|
|
padding-left:2px;
|
|
padding-bottom: 2px;
|
|
text-align: left;
|
|
}
|
|
.sheet-inboxright{
|
|
padding-right: 2px;
|
|
padding-bottom: 2px;
|
|
text-align: right;
|
|
}
|
|
.sheet-indent{
|
|
text-indent: 10px;
|
|
}
|
|
.sheet-padindent{
|
|
padding-left: 10px;
|
|
}
|
|
.sheet-margindent {
|
|
margin-left: 10px;
|
|
}
|
|
.sheet-bold{
|
|
font-weight: bold;
|
|
}
|
|
.sheet-center{
|
|
text-align: center;
|
|
}
|
|
.sheet-upper {
|
|
text-transform: uppercase;
|
|
}
|
|
.sheet-labline {
|
|
line-height: 1em;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet-labline.sheet-right {
|
|
text-align: right;
|
|
}
|
|
.sheet-labline.sheet-top {
|
|
margin-top: 2px;
|
|
}
|
|
.sheet-labline.sheet-bottom {
|
|
margin-bottom: 2px;
|
|
}
|
|
.sheet-invisible {
|
|
opacity: 0;
|
|
}
|
|
.sheet-greybg{
|
|
background-color: #DDD;
|
|
}
|
|
.sheet-grtopbrd{
|
|
border-top: 1px solid #DDD;
|
|
margin-top: 2px;
|
|
}
|
|
.sheet-grbotbrd{
|
|
border-bottom: 1px solid #DDD;
|
|
}
|
|
.sheet-w100{
|
|
width: 100px;
|
|
}
|
|
.sheet-w50{
|
|
width: 50px;
|
|
}
|
|
.sheet-whitebgrd{
|
|
background: white;
|
|
}
|
|
.sheet-invisible {
|
|
opacity: 0;
|
|
transition: opacity 0.5s ease-in-out;
|
|
}
|
|
.sheet-invisible:hover {
|
|
opacity: 1;
|
|
}
|
|
/* ==== DIVS ==== */
|
|
div.sheet-statblock {
|
|
display: none;
|
|
vertical-align: top;
|
|
text-align: left;
|
|
width: 600px;
|
|
max-width: 600px;
|
|
background-color: white;
|
|
font-family: sans-serif;
|
|
color: black;
|
|
font-size: 1.0em;
|
|
}
|
|
div.sheet-fullpc{
|
|
display: block;
|
|
position: relative;
|
|
vertical-align: top;
|
|
text-align: left;
|
|
width: 850px;
|
|
max-width: 850px;
|
|
background-color: white;
|
|
font-family: 'Times New Roman';
|
|
color: black;
|
|
}
|
|
.sheet-npc_toggle:checked ~ .sheet-statblock {
|
|
display: block;
|
|
}
|
|
.sheet-npc_toggle:checked ~ .sheet-fullpc {
|
|
display: none;
|
|
}
|
|
div.sheet-myrow{
|
|
width: 100%;
|
|
text-align: left;
|
|
}
|
|
div.sheet-myrow.sheet-right{
|
|
text-align: right;
|
|
}
|
|
div.sheet-myrow.sheet-center{
|
|
text-align: center;
|
|
}
|
|
.sheet-npc-display div.sheet-myrow {
|
|
margin-top: 2px;
|
|
margin-bottom: 2px;
|
|
}
|
|
.sheet-topspace {margin-top: 6px;}
|
|
div.sheet-abilities{
|
|
width: 500px;
|
|
max-width: 500px;
|
|
}
|
|
div.sheet-ability {
|
|
margin-bottom: 1px;
|
|
}
|
|
div.sheet-colhalf{
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 49.8%;
|
|
text-align: left;
|
|
}
|
|
div.sheet-col1third{
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 276px;
|
|
max-width: 276px;
|
|
margin: 1px;
|
|
text-align: center;
|
|
}
|
|
.sheet-spells div.sheet-col1third {
|
|
width: 275px;
|
|
max-width: 275px;
|
|
text-align: left;
|
|
}
|
|
div.sheet-col2third{
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 560px;
|
|
max-width: 560px;
|
|
}
|
|
.sheet-blacklabel{
|
|
display: inline-flex;
|
|
align-items: center;
|
|
background-color: black;
|
|
color: white;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
height: 24px;
|
|
text-transform: uppercase;
|
|
border: none;
|
|
}
|
|
.sheet-blacklabel.sheet-pnty {
|
|
flex-flow: row nowrap;
|
|
justify-content: space-between;
|
|
}
|
|
.sheet-blacklabel.sheet-sqr {
|
|
flex-flow: column wrap;
|
|
justify-content: center;
|
|
}
|
|
.sheet-blacklabel.sheet-right {
|
|
flex-flow: row nowrap;
|
|
justify-content: flex-end;
|
|
}
|
|
.sheet-blacklabel .sheet-big {
|
|
display: inline-block;
|
|
font-size: 1.3em;
|
|
line-height: 1.0em;
|
|
font-weight: bold;
|
|
}
|
|
.sheet-blacklabel .sheet-big.sheet-only {
|
|
flex-grow: 2;
|
|
}
|
|
.sheet-blacklabel .sheet-med {
|
|
display: block;
|
|
font-size: 0.80em;
|
|
line-height: 0.85em;
|
|
}
|
|
.sheet-blacklabel .sheet-med.sheet-only {
|
|
align-self: flex-end;
|
|
margin-bottom: 3px;
|
|
}
|
|
.sheet-blacklabel .sheet-sml {
|
|
display: block;
|
|
font-size: 0.65em;
|
|
line-height: 0.65em;
|
|
font-family: sans-serif;
|
|
}
|
|
img.sheet-brdleft,
|
|
img.sheet-brdright {
|
|
display: inline-block;
|
|
height: inherit;
|
|
}
|
|
img.sheet-brdleft {margin-right: 4px;}
|
|
img.sheet-brdright {margin-left: 4px;}
|
|
div.sheet-identity{
|
|
display: inline-block;
|
|
margin-left: 4px;
|
|
}
|
|
/*
|
|
MARK02
|
|
*/
|
|
div.sheet-boxed {
|
|
display: inline-block;
|
|
border: 1px solid black;
|
|
width: 30px;
|
|
height: 24px;
|
|
vertical-align: top;
|
|
text-align: center;
|
|
background-color: white;
|
|
}
|
|
div.sheet-boxed.sheet-greybg {background-color: #DDD;}
|
|
input.sheet-redbrd:not([value="0"]) + div.sheet-boxed.sheet-redbrd,
|
|
.sheet-acvalues input.sheet-redbrd:not([value="0"]) ~ div.sheet-boxed.sheet-redbrd,
|
|
.sheet-hpvalues input.sheet-redbrd:not([value="0"]) ~ div.sheet-boxed.sheet-redbrd {
|
|
border-color: #BE202E;
|
|
}
|
|
input.sheet-redbrd:not([value="0"]) + div.sheet-boxed.sheet-redbrd span.sheet-pseudoattr,
|
|
.sheet-acvalues input.sheet-redbrd:not([value="0"]) ~ div.sheet-boxed.sheet-redbrd span.sheet-pseudoattr,
|
|
.sheet-hpvalues input.sheet-redbrd:not([value="0"]) ~ div.sheet-boxed.sheet-redbrd input[type="number"].sheet-hp {
|
|
color: #BE202E;
|
|
}
|
|
|
|
div.sheet-ability,
|
|
div.sheet-acvalues,
|
|
div.sheet-initiative,
|
|
div.sheet-acitem,
|
|
div.sheet-saves,
|
|
div.sheet-babs,
|
|
div.sheet-attackmods,
|
|
div.sheet-defenses,
|
|
div.sheet-attack,
|
|
div.sheet-skill,
|
|
div.sheet-concentration,
|
|
div.sheet-spell,
|
|
div.sheet-statblock,
|
|
div.sheet-encumbrance,
|
|
div.sheet-speeds,
|
|
div.sheet-gearitem,
|
|
div.sheet-skills,
|
|
div.sheet-attacks {
|
|
position: relative;
|
|
}
|
|
div.sheet-abilities,
|
|
div.sheet-subcol {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
div.sheet-subcol.sheet-hpinit {
|
|
width: 170px;
|
|
max-width: 170px;
|
|
}
|
|
div.sheet-initiative {display: block;}
|
|
.sheet-identity span{
|
|
display: block;
|
|
margin-left: 2px;
|
|
text-transform: capitalize;
|
|
font-size: 1.03em;
|
|
color: black;
|
|
}
|
|
.sheet-identity input[type=text].sheet-medium {width: 139px;}
|
|
.sheet-identity input[type=text].sheet-small {width: 46px;}
|
|
.sheet-abilities .sheet-blacklabel {width: 80px;}
|
|
.sheet-abilities div.sheet-boxed{
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
}
|
|
.sheet-initiative .sheet-blacklabel {width: 70px;}
|
|
|
|
.sheet-initiative div.sheet-boxed {margin-left: 5px;}
|
|
|
|
.sheet-acvalues .sheet-blacklabel.sheet-ac {width: 40px;}
|
|
.sheet-acvalues .sheet-blacklabel.sheet-touch {width: 72px;}
|
|
.sheet-acvalues .sheet-blacklabel.sheet-flatfooted {width: 131px;}
|
|
.sheet-acvalues .sheet-labline .sheet-lab.sheet-margindent {margin-left: 13px;}
|
|
|
|
div.sheet-save {display: inline-block;}
|
|
div.sheet-saves div.sheet-boxed {width: 35px;}
|
|
div.sheet-saves div.sheet-boxed span.sheet-pseudoattr {width: 31px;}
|
|
.sheet-fortitude .sheet-blacklabel,
|
|
.sheet-reflex .sheet-blacklabel,
|
|
.sheet-will .sheet-blacklabel {width: 62px;}
|
|
|
|
.sheet-babs .sheet-blacklabel.sheet-bab {width: 215px;}
|
|
.sheet-babs .sheet-blacklabel.sheet-cmb {width: 75px;}
|
|
|
|
.sheet-attackmods .sheet-blacklabel.sheet-melee,
|
|
.sheet-attackmods .sheet-blacklabel.sheet-ranged {width: 123px;}
|
|
|
|
.sheet-defenses .sheet-blacklabel.sheet-cmd {width: 84px;}
|
|
.sheet-defenses .sheet-blacklabel.sheet-sr {width: 205px;}
|
|
|
|
.sheet-speeds .sheet-blacklabel.sheet-land {width: 70px;}
|
|
|
|
.sheet-acitems {
|
|
width: 584px;
|
|
max-width: 584px;
|
|
}
|
|
.sheet-acitems .sheet-item {width: 190px;}
|
|
.sheet-acitems .sheet-equipped {width: 16px;}
|
|
.sheet-acitems .sheet-ac,
|
|
.sheet-acitems .sheet-flat,
|
|
.sheet-acitems .sheet-touch,
|
|
.sheet-acitems .sheet-natural,
|
|
.sheet-acitems .sheet-deflection,
|
|
.sheet-acitems .sheet-dodge,
|
|
.sheet-acitems .sheet-check,
|
|
.sheet-acitems .sheet-max,
|
|
.sheet-acitems .sheet-spellfailure {width: 32px;}
|
|
.sheet-acitems .sheet-spacer.sheet-type,
|
|
.sheet-acitems .sheet-type {width: 50px;}
|
|
.sheet-acitems .sheet-lab.sheet-totals {width: 90px;}
|
|
.sheet-acitems .sheet-lab.sheet-shield,
|
|
.sheet-acitems .sheet-lab.sheet-armor {width: 50px;}
|
|
.sheet-acitem div.sheet-myrow {padding-left: 16px;}
|
|
.sheet-acitem .sheet-speed {width: 50px;}
|
|
.sheet-acitems .sheet-labline .sheet-lab {width: 28px;}
|
|
.sheet-acitems .sheet-labline .sheet-speed {margin-left: 144px;}
|
|
.sheet-acitem .sheet-name {width: 209px;}
|
|
|
|
.sheet-attacks {text-align: right;}
|
|
.sheet-attacks div.sheet-padindent {padding-left: 22px;}
|
|
.sheet-attacks .sheet-dmgbase {width: 120px;}
|
|
.sheet-attacks .sheet-dmgtype {width: 120px;}
|
|
.sheet-attacks span.sheet-lbl.sheet-atk {
|
|
width: 55px;
|
|
vertical-align: bottom;
|
|
}
|
|
.sheet-attacks .sheet-blacklabel .sheet-weapon-title {width: 195px;}
|
|
.sheet-attacks .sheet-blacklabel .sheet-atk-title {width: 105px;}
|
|
.sheet-attacks .sheet-blacklabel .sheet-damage-title {width: 50px;}
|
|
.sheet-attacks .sheet-blacklabel .sheet-ammo-title {width: 40px;}
|
|
div.sheet-attack {margin-bottom: 2px;}
|
|
.sheet-attack .sheet-weapon {
|
|
display: inline-block;
|
|
width: 208px;
|
|
text-align: left;
|
|
font-size: 1.1em;
|
|
padding-left: 2px;
|
|
vertical-align: top;
|
|
}
|
|
.sheet-attack .sheet-weapon .sheet-vs {
|
|
width: auto;
|
|
text-align: right;
|
|
font-family: sans-serif;
|
|
font-size: 0.8em;
|
|
white-space: pre;
|
|
vertical-align: top;
|
|
}
|
|
.sheet-attacks .sheet-atk {
|
|
display: inline-block;
|
|
width: 105px;
|
|
vertical-align: top;
|
|
}
|
|
.sheet-attacks .sheet-damage {
|
|
display: inline-block;
|
|
width: 50px;
|
|
vertical-align: top;
|
|
}
|
|
.sheet-attacks .sheet-atk .sheet-pseudoattr,
|
|
.sheet-attacks .sheet-damage .sheet-pseudoattr {
|
|
text-align: center;
|
|
font-family: sans-serif;
|
|
font-size: 0.95em;
|
|
}
|
|
.sheet-attacks .sheet-ammo {width: 40px;}
|
|
.sheet-attacks select.sheet-type {width: 55px;}
|
|
.sheet-attacks select.sheet-vs {width: 90px;}
|
|
.sheet-attacks select.sheet-dmg {width: 70px;}
|
|
|
|
.sheet-skills .sheet-blacklabel {width: 85%;}
|
|
.sheet-skills .sheet-blacklabel.sheet-totalranks {
|
|
width: 165px;
|
|
margin-left: 133px;
|
|
}
|
|
.sheet-skills .sheet-name {width: 180px;}
|
|
.sheet-skill .sheet-number,
|
|
.sheet-spellcasting .sheet-number,
|
|
.sheet-spells .sheet-number {
|
|
width: 30px;
|
|
text-align: center;
|
|
}
|
|
.sheet-skill span.sheet-perform,
|
|
.sheet-skill span.sheet-craft,
|
|
.sheet-skill span.sheet-knowledge,
|
|
.sheet-skill span.sheet-profession,
|
|
.sheet-skill span.sheet-custom {width: 60px;}
|
|
.sheet-skill span.sheet-custom.sheet-only {width: 180px;}
|
|
.sheet-skill input[type="text"].sheet-craft,
|
|
.sheet-skill input[type="text"].sheet-knowledge,
|
|
.sheet-skill input[type="text"].sheet-perform,
|
|
.sheet-skill input[type="text"].sheet-profession,
|
|
.sheet-skill input[type="text"].sheet-custom {width: 117px;}
|
|
|
|
.sheet-spellcasting .sheet-perlevel {margin-bottom: 1px;}
|
|
.sheet-spellcasting .sheet-perlevel .sheet-lab,
|
|
.sheet-spellcasting .sheet-perlevel .sheet-level {
|
|
width: 40px;
|
|
margin: 0px 1px 0px 1px;
|
|
}
|
|
.sheet-spellcasting .sheet-perlevel .sheet-boxed {margin: 0px 1px 0px 1px;}
|
|
.sheet-spells .sheet-blacklabel {width: 60%;}
|
|
div.sheet-spell {margin-top: 2px;}
|
|
.sheet-spell .sheet-lab {text-align: left;}
|
|
span.sheet-std {width: 80px;}
|
|
input[type="text"].sheet-std {
|
|
font-size: 1.2em;
|
|
line-height: 1.2em;
|
|
}
|
|
.sheet-spell input[type="text"].sheet-std {width: 180px;}
|
|
.sheet-fullpc .sheet-feat input[type="text"].sheet-std,
|
|
.sheet-fullpc .sheet-ability input[type="text"].sheet-std {width: 320px;}
|
|
.sheet-statblock .sheet-feat input[type="text"].sheet-std {width: 210px;}
|
|
.sheet-autoex.sheet-std {
|
|
display: inline-block;
|
|
vertical-align: bottom;
|
|
}
|
|
.sheet-spell .sheet-autoex.sheet-std {
|
|
width: 180px;
|
|
max-width: 180px;
|
|
}
|
|
.sheet-fullpc .sheet-feat .sheet-autoex.sheet-std {
|
|
width: 320px;
|
|
max-width: 320px;
|
|
}
|
|
.sheet-statblock .sheet-feat .sheet-autoex.sheet-std {
|
|
width: 210px;
|
|
max-width: 210px;
|
|
}
|
|
.sheet-spell span.sheet-med {width: 95px;}
|
|
.sheet-spell input[type="text"].sheet-med {
|
|
width: 150px;
|
|
font-size: 1.2em;
|
|
line-height: 1.2em;
|
|
}
|
|
.sheet-spell .sheet-atk {width: 50px;}
|
|
.sheet-spell .sheet-damage {width: 80px;}
|
|
.sheet-spell .sheet-dmgbase {width: 75px;}
|
|
.sheet-spell .sheet-dmgtype {width: 75px;}
|
|
.sheet-spell span.sheet-lbl.sheet-atk {width: 55px;}
|
|
.sheet-spell span.sheet-lbl.sheet-typ {width: 35px;}
|
|
.sheet-spell .sheet-spelldsp {
|
|
width: 185px;
|
|
text-align: left;
|
|
font-size: 1.2em;
|
|
padding-left: 2px;
|
|
}
|
|
.sheet-statblock .sheet-npcatk .sheet-attack {
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
.sheet-spells .sheet-pseudoattr.sheet-sml {width: 25px;}
|
|
.sheet-fullpc .sheet-money .sheet-blacklabel,
|
|
.sheet-fullpc .sheet-feats .sheet-blacklabel,
|
|
.sheet-fullpc .sheet-traits .sheet-blacklabel,
|
|
.sheet-fullpc .sheet-gear .sheet-blacklabel.sheet-title {width: 95%;}
|
|
.sheet-fullpc .sheet-gear .sheet-blacklabel.sheet-total {
|
|
width: calc(100% + 2px);
|
|
padding-right: 2px;
|
|
margin-top: 2px;
|
|
margin-right: -2px;
|
|
margin-bottom: -2px;
|
|
}
|
|
.sheet-gear .sheet-qty {width: 50px;}
|
|
.sheet-gear .sheet-total {width: 35px;}
|
|
.sheet-gear .sheet-weight {width: 75px;}
|
|
.sheet-gear .sheet-wtotal {
|
|
width: 45px;
|
|
color: black;
|
|
}
|
|
.sheet-gearitem input.sheet-item {width: 275px;}
|
|
.sheet-gear span.sheet-overload {color: white;}
|
|
.sheet-gear input.sheet-overload[value="over"] + span.sheet-overload {
|
|
font-weight: bold;
|
|
color: #BE202E;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.sheet-encumbrance .sheet-lab.sheet-std {width: 75px;}
|
|
|
|
.sheet-conditions-container {
|
|
|
|
position: absolute;
|
|
text-align:left;
|
|
left: 0px;
|
|
top: 74px;
|
|
vertical-align: top;
|
|
}
|
|
.sheet-conditions-container .sheet-lab {
|
|
vertical-align: top;
|
|
font-size: 0.95em;
|
|
}
|
|
.sheet-conditions-container .sheet-lab.sheet-conditions-display {
|
|
width: 295px;
|
|
white-space: normal;
|
|
color: #BE202E;
|
|
text-align: left;
|
|
}
|
|
.sheet-options.sheet-conditions {
|
|
position: absolute;
|
|
background: white;
|
|
top: 18px;
|
|
left: 1px;
|
|
z-index: 4;
|
|
border: 1px solid black;
|
|
box-shadow: 3px 3px rgba(128,128,128,0.5);
|
|
padding: 2px;
|
|
white-space: nowrap;
|
|
width: auto;
|
|
}
|
|
.sheet-options.sheet-conditions input[type="checkbox"].sheet-labelcheck:checked + span.sheet-lbl,
|
|
.sheet-options.sheet-conditions input[type="hidden"]:not([value="0"]) + span.sheet-lbl {
|
|
color: #BE202E;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* ===== SPANS ===== */
|
|
span {display: inline-block;}
|
|
span.sheet-roundblack {
|
|
background-color: black;
|
|
border-radius: 50%;
|
|
font-family: sans-serif;
|
|
font-weight: bold;
|
|
color: white;
|
|
font-size: 0.8em;
|
|
height: 12px;
|
|
width: 12px;
|
|
line-height: 12px;
|
|
vertical-align: bottom;
|
|
text-align: center;
|
|
}
|
|
span.sheet-spacer{
|
|
min-width: 10px;
|
|
text-align: center;
|
|
}
|
|
span.sheet-lab {
|
|
text-align: center;
|
|
vertical-align: bottom;
|
|
font-family: sans-serif;
|
|
font-size: 0.84em;
|
|
line-height: 1.1em;
|
|
text-transform: capitalize;
|
|
white-space: pre;
|
|
color: black;
|
|
}
|
|
.sheet-lab.sheet-right{text-align: right;}
|
|
.sheet-abilities .sheet-lab:first-child {width: 80px;}
|
|
|
|
/*
|
|
.sheet-lab
|
|
*/
|
|
.sheet-abilities .sheet-lab {width: 40px;}
|
|
.sheet-hpvalues .sheet-lab {width: 40px;}
|
|
.sheet-initiative .sheet-lab {width: 45px;}
|
|
.sheet-acvalues .sheet-lab,
|
|
.sheet-babs .sheet-lab,
|
|
.sheet-attackmods .sheet-lab,
|
|
.sheet-defenses .sheet-lab,
|
|
.sheet-speeds .sheet-lab {width: 40px;}
|
|
.sheet-saves .sheet-lab {width: 35px;}
|
|
|
|
.sheet-lbl {
|
|
text-align: left;
|
|
vertical-align: bottom;
|
|
font-family: sans-serif;
|
|
font-size: 0.95em;
|
|
line-height: 1.2em;
|
|
text-transform: capitalize;
|
|
white-space: pre;
|
|
}
|
|
.sheet-lbl.sheet-right {text-align: right;}
|
|
.sheet-lbl.sheet-upper {text-transform: uppercase;}
|
|
|
|
span.sheet-pseudoattr {
|
|
font-family: 'Patrick Hand';
|
|
font-size: 1.2em;
|
|
line-height: 16px;
|
|
height: 18px;
|
|
vertical-align: bottom;
|
|
white-space: pre-line;
|
|
overflow: hidden;
|
|
color: #211;
|
|
}
|
|
.sheet-pseudoattr.sheet-redtxt {color: #BE202E;}
|
|
div.sheet-boxed span.sheet-pseudoattr {
|
|
min-width: 36px;
|
|
margin-top: 3px;
|
|
}
|
|
.sheet-acitems div.sheet-boxed {width: 28px;}
|
|
.sheet-acitems div.sheet-boxed span.sheet-pseudoattr {
|
|
min-width: 26px;
|
|
width: 26px;
|
|
}
|
|
|
|
.sheet-skills .sheet-lab.sheet-class {width: 20px;}
|
|
.sheet-skills .sheet-lab.sheet-name {
|
|
width: 176px;
|
|
text-align: left;
|
|
}
|
|
.sheet-skills .sheet-lab.sheet-total,
|
|
.sheet-skills .sheet-lab.sheet-ability,
|
|
.sheet-skills .sheet-lab.sheet-ranks,
|
|
.sheet-skills .sheet-lab.sheet-misc {width: 39px;}
|
|
.sheet-skills .sheet-lab.sheet-temp {width: 37px;}
|
|
.sheet-skill div.sheet-skillability {display: none;}
|
|
.sheet-skill input.sheet-skillability[value="strength"] + div.sheet-skillability,
|
|
.sheet-skill input.sheet-skillability[value="dexterity"] + div.sheet-skillability {display: inline-block;}
|
|
|
|
.sheet-fullpc .sheet-feat,
|
|
.sheet-fullpc .sheet-ability {margin-top: 2px;}
|
|
|
|
.sheet-statblock .sheet-senses {width: 350px;}
|
|
.sheet-statblock .sheet-type {width: 325px;}
|
|
.sheet-statblock .sheet-aura {width: 458px;}
|
|
.sheet-statblock .sheet-skill {
|
|
width: 115px;
|
|
text-align: right;
|
|
}
|
|
span.sheet-npc-section {
|
|
display: block;
|
|
width: 100%;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
text-transform: uppercase;
|
|
font-family: sans-serif;
|
|
font-size: 1.15em;
|
|
margin-top: 10px;
|
|
padding-left: 2px;
|
|
}
|
|
|
|
.sheet-multiclass {
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet-multiclass .sheet-lab {
|
|
width: 30px;
|
|
font-weight: bold;
|
|
}
|
|
.sheet-labline.sheet-multiclass.sheet-bord {border-bottom: 1px dotted #CCC;}
|
|
.sheet-multiclass .sheet-lab.sheet-spellcasting {
|
|
width: 176px;
|
|
text-transform: uppercase;
|
|
text-align: left;
|
|
}
|
|
.sheet-multiclass .sheet-lab.sheet-class {width: 140px;}
|
|
.sheet-multiclass .sheet-lab.sheet-fav {width: 15px;}
|
|
.sheet-multiclass .sheet-lab.sheet-hd {width: 24px;}
|
|
.sheet-multiclass .sheet-lab.sheet-spell,
|
|
.sheet-multiclass .sheet-spell {
|
|
width: 20px;
|
|
text-align: center;
|
|
}
|
|
.sheet-multiclass .sheet-ability {width: 70px;}
|
|
.sheet-multiclass .sheet-lab.sheet-fail {
|
|
width: 20px;
|
|
text-align: left;
|
|
}
|
|
.sheet-multiclass .sheet-boxed {width: 30px;}
|
|
|
|
/* ===== INPUTS ===== */
|
|
input, textarea{
|
|
background-color: transparent;
|
|
display: inline-block;
|
|
padding: 0px 0px 0px 0px;
|
|
margin: 0px 0px 0px 0px;
|
|
font-family: 'Patrick Hand';
|
|
font-size: 1.2em;
|
|
color: #211;
|
|
border: none;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
resize:none;
|
|
}
|
|
input:focus, input:hover, textarea:focus, textarea:hover, select:hover, select:focus{
|
|
background-color: rgba(230,221,148,0.3);
|
|
outline: none;
|
|
}
|
|
|
|
input[type="text"].sheet-right {text-align: right;}
|
|
input[type="text"].sheet-spsml {width: 20px;}
|
|
input[type="text"].sheet-sml {width: 30px;}
|
|
input[type="text"].sheet-small {width: 45px;}
|
|
input[type="text"].sheet-smlmed {width: 80px;}
|
|
input[type="text"].sheet-medium {width: 140px;}
|
|
|
|
input[type="number"]{
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
input[type="number"].sheet-nospin::-webkit-inner-spin-button,
|
|
input[type="number"].sheet-nospin::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
}
|
|
input[type=number].sheet-nospin {
|
|
-moz-appearance:textfield;
|
|
}
|
|
input[type="number"].sheet-spsml {width: 20px;}
|
|
.sheet-npc-display input[type="number"].sheet-spsml {vertical-align: top;}
|
|
input[type="number"].sheet-sml {width: 30px;}
|
|
div.sheet-boxed input[type="number"]{
|
|
width: 30px;
|
|
height: 18px;
|
|
margin-top: 2px;
|
|
}
|
|
.sheet-identity input[type="number"],
|
|
.sheet-attacks input[type="number"],
|
|
.sheet-spells input[type="number"],
|
|
.sheet-statblock input[type="number"].sheet-medium {width: 35px;}
|
|
.sheet-acitem input[type="number"] {width: 28px;}
|
|
.sheet-spells input[type="number"].sheet-sml {width: 25px;}
|
|
.sheet-skill input[type="number"],
|
|
.sheet-spellcasting input[type="number"] {width: 30px;}
|
|
|
|
select {
|
|
width: auto;
|
|
height: 1.3em;
|
|
line-height: 1.0em;
|
|
cursor: pointer;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
text-transform: capitalize;
|
|
vertical-align: bottom;
|
|
padding: 0px 0px 0px 0px;
|
|
margin: 0px 0px 0px 0px;
|
|
font-size: 1.0em;
|
|
font-family: sans-serif;
|
|
border: none;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
resize: none;
|
|
background: transparent;
|
|
color: #211;
|
|
}
|
|
select.sheet-alignment {width: 110px;}
|
|
select.sheet-size {width: 80px;}
|
|
.sheet-acitem select{width: 50px;}
|
|
|
|
/* ===== ABILITIES ===== */
|
|
.sheet-baseattr {
|
|
opacity: 0;
|
|
height: 0px;
|
|
width: 0px;
|
|
pointer-events: none;
|
|
display: inline;
|
|
position: absolute;
|
|
}
|
|
.sheet-finalattr {
|
|
display: inline-block;
|
|
}
|
|
.sheet-boxed:hover .sheet-baseattr,
|
|
.sheet-boxed .sheet-baseattr:focus {
|
|
opacity: 1;
|
|
width: 36px;
|
|
height: 18px;
|
|
pointer-events: auto;
|
|
position: static;
|
|
}
|
|
.sheet-boxed:hover .sheet-finalattr,
|
|
.sheet-boxed .sheet-baseattr:focus ~ .sheet-finalattr {display: none;}
|
|
/* ===== FLAGS ===== */
|
|
.sheet-boxed .sheet-attr-flag:not([value="0"]) + span,
|
|
.sheet-spellcasting .sheet-attr-flag:not([value="0"]) + span,
|
|
.sheet-spells .sheet-attr-flag:not([value="0"]) + span.sheet-prepared {color: #501414;}
|
|
.sheet-boxed .sheet-attr-flag:not([value="0"]) + span:after,
|
|
.sheet-spellcasting .sheet-attr-flag:not([value="0"]) + span:after,
|
|
.sheet-spells .sheet-attr-flag:not([value="0"]) + span.sheet-prepared:after {
|
|
content: "e";
|
|
font-family: "Pictos";
|
|
font-size: 0.8em;
|
|
font-weight: bold;
|
|
position: absolute;
|
|
margin-left: 1px;
|
|
}
|
|
.sheet-boxed .sheet-attr-flag:not([value="0"]) + .sheet-finalattr{color: #501414;}
|
|
.sheet-boxed .sheet-attr-flag:not([value="0"]) + .sheet-finalattr:after{
|
|
content: "e";
|
|
font-family: "Pictos";
|
|
font-size: 0.8em;
|
|
font-weight: bold;
|
|
position: absolute;
|
|
margin-left: 1px;
|
|
}
|
|
.sheet-skill .sheet-attr-flag:not([value="0"]) + span {color: #501414;}
|
|
.sheet-skill .sheet-attr-flag:not([value="0"]) + span:after{
|
|
font-family: "Pictos";
|
|
font-size: 0.8em;
|
|
font-weight: bold;
|
|
margin-left: 1px;
|
|
}
|
|
.sheet-skill .sheet-attr-flag[value="1"] + span:after {
|
|
content: "U";
|
|
}
|
|
.sheet-skill .sheet-attr-flag[value="2"] + span:after {
|
|
content: "e";
|
|
}
|
|
.sheet-skill .sheet-attr-flag[value="3"] + span:after {
|
|
content: "Ue";
|
|
}
|
|
.sheet-spell .sheet-attr-flag + span{
|
|
position: absolute;
|
|
right: 75px;
|
|
}
|
|
.sheet-spell .sheet-attr-flag:not([value="0"]) + span:after{
|
|
font-family: "Pictos Three";
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
color: #BE202E;
|
|
background: #DDD;
|
|
content: "g";
|
|
}
|
|
.sheet-spell .sheet-domain-flag + span {
|
|
margin-left: 2px;
|
|
}
|
|
.sheet-spell .sheet-domain-flag:not([value="0"]) + span:after {
|
|
font-family: "Times New Roman";
|
|
font-size: 0.60em;
|
|
font-weight: normal;
|
|
color: black;
|
|
background: transparent;
|
|
content: "D";
|
|
vertical-align: super;
|
|
line-height: 0.9em;
|
|
}
|
|
|
|
.sheet-picto {
|
|
font-family: "Pictos";
|
|
font-size: 16px;
|
|
}
|
|
/* === FLAG CONDITION === */
|
|
.sheet-abilities div.sheet-ability div.sheet-blacklabel span.sheet-picto,
|
|
.sheet-topspace.sheet-initiative span.sheet-picto,
|
|
.sheet-saves .sheet-picto,
|
|
.sheet-cmb span.sheet-picto,
|
|
.sheet-attackmods .sheet-melee span.sheet-picto,
|
|
.sheet-attackmods .sheet-ranged span.sheet-picto,
|
|
.sheet-attacks .sheet-picto,
|
|
.sheet-skills .sheet-picto {
|
|
position: absolute;
|
|
top: 2px;
|
|
color: #ffbac0;
|
|
display: none;
|
|
}
|
|
.sheet-abilities div.sheet-ability div.sheet-blacklabel span.sheet-picto {left: 63px;}
|
|
.sheet-topspace.sheet-initiative span.sheet-picto {left: 53px;}
|
|
.sheet-cmb span.sheet-picto {left: 276px;}
|
|
.sheet-attackmods .sheet-melee span.sheet-picto {left: 16px;}
|
|
.sheet-attackmods .sheet-ranged span.sheet-picto {left: 229px;}
|
|
.sheet-saves .sheet-fortitude .sheet-picto {left: 48px;}
|
|
.sheet-saves .sheet-reflex .sheet-picto {left: 190px;}
|
|
.sheet-saves .sheet-will .sheet-picto {left: 333px;}
|
|
.sheet-attacks .sheet-picto {left: 26px;}
|
|
.sheet-skills .sheet-picto {left: 50px;}
|
|
.sheet-abilities input.sheet-condition-flag:not([value="0"]) ~ div.sheet-ability div.sheet-blacklabel span.sheet-picto,
|
|
.sheet-topspace.sheet-initiative input.sheet-condition-flag:not([value="0"]) + span.sheet-picto,
|
|
.sheet-tabmain input.sheet-condition-flag.sheet-attacks:not([value="0"]) ~ div span.sheet-picto.sheet-attacks,
|
|
|
|
.sheet-saves input.sheet-condition-flag:not([value="0"]) ~ .sheet-save span.sheet-picto,
|
|
.sheet-skills input.sheet-condition-flag:not([value="0"]) + .sheet-picto
|
|
{display: inline-block;}
|
|
|
|
/* ===== BUTTONS ===== */
|
|
button[type="compendium"].sheet-myrol,
|
|
button[type="roll"].sheet-myrol {
|
|
text-align: center;
|
|
text-decoration: none;
|
|
background:none;
|
|
background-image:none;
|
|
border: none;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
padding: inherit;
|
|
margin: inherit;
|
|
color: inherit;
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
text-transform: inherit;
|
|
text-align: inherit;
|
|
vertical-align: inherit;
|
|
border-radius: none;
|
|
}
|
|
button[type="compendium"].sheet-myrol:hover,
|
|
button[type="roll"].sheet-myrol:hover,
|
|
button[type="roll"].sheet-myrol:hover span,
|
|
button[type="roll"].sheet-myrol:hover span.sheet-pseudoattr {
|
|
color: #BE202E;
|
|
}
|
|
button[type="roll"].sheet-myrol:before{
|
|
content: none;
|
|
}
|
|
.sheet-blacklabel button[type="roll"].sheet-myrol.sheet-big {
|
|
padding: 0px 0px 0px 0px;
|
|
margin: 0px 0px 0px 0px;
|
|
font-size: 1.3em;
|
|
line-height: 1.0em;
|
|
}
|
|
.sheet-blacklabel button[type="roll"].sheet-myrol.sheet-big.sheet-only {
|
|
flex-grow: 2;
|
|
}
|
|
button[type="roll"].sheet-myrol.sheet-margindent {margin-left: 14px;}
|
|
.sheet-statblock button[type="roll"].sheet-myrol{margin: 0px 0px 0px 0px;}
|
|
button[type="roll"].sheet-myrol.sheet-underl {
|
|
margin-left: 14px;
|
|
border-bottom: 1px dotted #999;
|
|
}
|
|
.sheet-spells .sheet-spell button[type="roll"].sheet-myrol.sheet-underl,
|
|
.sheet-spelllike .sheet-spell button[type="roll"].sheet-myrol.sheet-underl {font-style: italic;}
|
|
.sheet-spells .sheet-spell button[type="roll"].sheet-myrol.sheet-underl {
|
|
margin-right: 2px;
|
|
border-bottom: 1px dotted transparent;
|
|
}
|
|
button[type="roll"].sheet-myrol.sheet-underl:hover,
|
|
.sheet-spells .sheet-spell button[type="roll"].sheet-myrol.sheet-underl:hover {border-bottom: 1px dotted #BE202E;}
|
|
|
|
.sheet-statblock .sheet-attack .sheet-lbl.sheet-atk {width: 55px;}
|
|
.sheet-statblock .sheet-prep {
|
|
width: 55px;
|
|
text-align: center;
|
|
}
|
|
|
|
button[type="compendium"].sheet-myrol {
|
|
display: none;
|
|
}
|
|
.sheet-fromcompendium:not([value=""]) + button[type="compendium"].sheet-myrol {
|
|
display: inline-block;
|
|
}
|
|
|
|
/* ===== PSEUDO CHECKS and RADIOS ===== */
|
|
input[type="checkbox"].sheet-pseudocheck,
|
|
input[type="radio"].sheet-pseudocheck {
|
|
opacity: 0;
|
|
width: 13px;
|
|
cursor: pointer;
|
|
z-index: 10;
|
|
margin-top: 3px;
|
|
line-height: 13px;
|
|
}
|
|
input[type="checkbox"].sheet-pseudocheck + span,
|
|
input[type="radio"].sheet-pseudocheck + span {
|
|
font-size: 13px;
|
|
line-height: 13px;
|
|
white-space: nowrap;
|
|
display: inline-block;
|
|
margin-left: -13px;
|
|
}
|
|
input[type="checkbox"].sheet-pseudocheck + span::before,
|
|
input[type="radio"].sheet-pseudocheck + span::before {
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
background: transparent;
|
|
margin-right: 1px;
|
|
}
|
|
input[type="checkbox"].sheet-pseudocheck + span::before {
|
|
content: "☐";
|
|
line-height: 18px;
|
|
font-size: 18px;
|
|
}
|
|
input[type="checkbox"].sheet-pseudocheck:checked + span::before {
|
|
content: "☑";
|
|
}
|
|
input[type="radio"].sheet-pseudocheck + span {
|
|
border: 1px solid black;
|
|
border-radius: 50%;
|
|
width: 13px;
|
|
height: 13px;
|
|
vertical-align: bottom;
|
|
}
|
|
input[type="radio"].sheet-pseudocheck + span::before {
|
|
content: "";
|
|
margin-top: -4px;
|
|
}
|
|
input[type="radio"].sheet-pseudocheck:checked + span::before {
|
|
content: "✔";
|
|
}
|
|
input[type="checkbox"].sheet-labelcheck,
|
|
input[type="checkbox"].sheet-pictocheck {
|
|
opacity: 0;
|
|
width: 85px;
|
|
cursor: pointer;
|
|
z-index: 10;
|
|
margin-top: -2px;
|
|
height: 15px;
|
|
}
|
|
input[type="checkbox"].sheet-labelcheck + span,
|
|
input[type="checkbox"].sheet-pictocheck + span {
|
|
margin-left: -85px;
|
|
min-width: 85px;
|
|
text-align: top;
|
|
}
|
|
input[type="checkbox"].sheet-labelcheck + span::before,
|
|
input[type="checkbox"].sheet-pictocheck + span::before {
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
background: transparent;
|
|
margin-right: 1px;
|
|
}
|
|
input[type="checkbox"].sheet-labelcheck + span::before {
|
|
content: "☐";
|
|
line-height: 18px;
|
|
font-size: 18px;
|
|
}
|
|
input[type="checkbox"].sheet-labelcheck:hover + span::before {font-weight: normal;}
|
|
input[type="checkbox"].sheet-labelcheck:checked + span::before {
|
|
content: "☑";
|
|
font-weight: normal;
|
|
}
|
|
input[type="checkbox"].sheet-pictocheck + span::before {
|
|
font-family: "Pictos";
|
|
font-size: 1.2em;
|
|
}
|
|
input[type="checkbox"].sheet-pictocheck + span.sheet-reset::before {content: "1";}
|
|
input[type="checkbox"].sheet-pictocheck + span.sheet-condcheck::before {content: "Y";}
|
|
input[type="checkbox"].sheet-labelcheck:hover + span,
|
|
input[type="checkbox"].sheet-pictocheck:hover + span,
|
|
input[type="checkbox"].sheet-labelcheck:checked + span,
|
|
input[type="checkbox"].sheet-pictocheck:checked + span {
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* ==== LEFT FILLED RADIO ==== */
|
|
.sheet-dots {
|
|
display: inline-block;
|
|
position: relative;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet-spell div.sheet-dots {
|
|
width: 70px;
|
|
text-align: left;
|
|
vertical-align: top;
|
|
}
|
|
.sheet-dots input[type="radio"] {
|
|
position: absolute;
|
|
opacity: 0;
|
|
z-index: 1;
|
|
}
|
|
.sheet-dots input[type="radio"],
|
|
.sheet-dots input[type="radio"] + span {
|
|
display: inline-block;
|
|
width: 13px;
|
|
height: 13px;
|
|
margin: 3px -1px 0px -1px;
|
|
}
|
|
.sheet-dots input[type="radio"] + span {
|
|
vertical-align: top;
|
|
position: relative;
|
|
background: transparent;
|
|
}
|
|
.sheet-dots input[type="radio"]:not([value="0"]) + span {
|
|
border: 1px solid black;
|
|
border-radius: 50%;
|
|
}
|
|
.sheet-dots input[type="radio"]:not([value="0"]) + span::before {
|
|
content: "✔";
|
|
position: absolute;
|
|
top: -3px;
|
|
left: 0px;
|
|
}
|
|
.sheet-dots input[type="radio"]:checked ~ input[type="radio"] + span::before {
|
|
content: " ";
|
|
}
|
|
.sheet-dots input[type="radio"][value="0"] + span:before {
|
|
content: "✗";
|
|
font-family: sans-serif;
|
|
font-size: 1.2em;
|
|
line-height: 0.9em;
|
|
position: relative;
|
|
}
|
|
.sheet-dots input[type="radio"][value="0"]:hover + span:before {
|
|
font-weight: bold;
|
|
color: #BE202E;
|
|
}
|
|
/* ===== PSEUDO TABS ===== */
|
|
/* ===== PSEUDO TABS ===== */
|
|
div.sheet-tabmain,
|
|
div.sheet-tabadd,
|
|
div.sheet-tabspell,
|
|
div.sheet-tabconf {
|
|
display: none;
|
|
text-align: center;
|
|
width: 100%;
|
|
border-top: 1px solid black;
|
|
padding-top: 4px;
|
|
}
|
|
input.sheet-tabmain:checked ~ div.sheet-tabmain{
|
|
display: block;
|
|
}
|
|
input.sheet-tabadd:checked ~ div.sheet-tabadd{
|
|
display: block;
|
|
}
|
|
input.sheet-tabspell:checked ~ div.sheet-tabspell{
|
|
display: block;
|
|
}
|
|
input.sheet-tabconf:checked ~ div.sheet-tabconf{
|
|
display: block;
|
|
}
|
|
input.sheet-tabmain,
|
|
input.sheet-tabadd,
|
|
input.sheet-tabspell,
|
|
input.sheet-tabconf{
|
|
margin: 0;
|
|
margin-top: -4px;
|
|
margin-bottom: -4px;
|
|
padding: 0;
|
|
display: inline-block;
|
|
opacity: 0;
|
|
width: 110px;
|
|
height: 20px;
|
|
z-index: 2;
|
|
}
|
|
input.sheet-tabmain + span,
|
|
input.sheet-tabadd + span,
|
|
input.sheet-tabspell + span,
|
|
input.sheet-tabconf + span{
|
|
color: #666666;
|
|
background-color: #BBBBBB;
|
|
font-size: 0.85em;
|
|
text-align:center;
|
|
display: inline-block;
|
|
width: 110px;
|
|
height: 20px;
|
|
margin: 0;
|
|
margin-left: -110px;
|
|
margin-right: -5px;
|
|
padding:0;
|
|
margin-bottom: -1px;
|
|
text-transform: uppercase;
|
|
border: 1px solid #666666;
|
|
border-bottom-color: black;
|
|
z-index: 1;
|
|
}
|
|
input.sheet-tabmain:checked + span,
|
|
input.sheet-tabadd:checked + span,
|
|
input.sheet-tabspell:checked + span,
|
|
input.sheet-tabconf:checked + span{
|
|
font-weight: bold;
|
|
color: black;
|
|
background-color: white;
|
|
border-left-color: black;
|
|
border-top-color: black;
|
|
border-right-color: black;
|
|
border-bottom-color: white;
|
|
}
|
|
/* ===== OPTIONS ===== */
|
|
.sheet-options-flag {
|
|
opacity: 0;
|
|
position: absolute;
|
|
width: 16px;
|
|
min-height: 16px;
|
|
z-index: 2;
|
|
}
|
|
.sheet-options-flag + span {
|
|
position: absolute;
|
|
white-space: nowrap;
|
|
width: 16px;
|
|
height: 16px;
|
|
font-size: 16px;
|
|
font-family: pictos;
|
|
color: #BBBBBB;
|
|
cursor: pointer;
|
|
margin-top: 0px;
|
|
display: none;
|
|
}
|
|
.sheet-options-flag:hover + span,
|
|
.sheet-options-flag:checked + span {
|
|
color: #C3996B;
|
|
display: block;
|
|
}
|
|
.sheet-abilities .sheet-options-flag,
|
|
.sheet-abilities .sheet-options-flag + span,
|
|
.sheet-acvalues .sheet-options-flag,
|
|
.sheet-acvalues .sheet-options-flag + span,
|
|
.sheet-initiative .sheet-options-flag,
|
|
.sheet-initiative .sheet-options-flag + span,
|
|
.sheet-saves .sheet-options-flag.sheet-fortitude,
|
|
.sheet-saves .sheet-options-flag.sheet-fortitude + span,
|
|
.sheet-babs .sheet-options-flag.sheet-bab,
|
|
.sheet-babs .sheet-options-flag.sheet-bab + span,
|
|
.sheet-attackmods .sheet-options-flag.sheet-melee,
|
|
.sheet-attackmods .sheet-options-flag.sheet-melee + span,
|
|
.sheet-defenses .sheet-options-flag.sheet-cmd,
|
|
.sheet-defenses .sheet-options-flag.sheet-cmd + span,
|
|
.sheet-attacks .sheet-options-flag,
|
|
.sheet-attacks .sheet-options-flag + span,
|
|
.sheet-skill .sheet-options-flag,
|
|
.sheet-skill .sheet-options-flag + span,
|
|
.sheet-concentration .sheet-options-flag,
|
|
.sheet-concentration .sheet-options-flag + span,
|
|
.sheet-spell .sheet-options-flag,
|
|
.sheet-spell .sheet-options-flag + span,
|
|
.sheet-speeds .sheet-options-flag,
|
|
.sheet-speeds .sheet-options-flag + span,
|
|
.sheet-gearitem .sheet-options-flag,
|
|
.sheet-gearitem .sheet-options-flag + span,
|
|
.sheet-conditions-container .sheet-options-flag + span {
|
|
top: -2px;
|
|
left: 0px;
|
|
}
|
|
.sheet-saves .sheet-options-flag.sheet-reflex,
|
|
.sheet-saves .sheet-options-flag.sheet-reflex + span {
|
|
top: -2px;
|
|
left: 141px;
|
|
}
|
|
.sheet-saves .sheet-options-flag.sheet-will,
|
|
.sheet-saves .sheet-options-flag.sheet-will + span {
|
|
top: -2px;
|
|
left: 283px;
|
|
}
|
|
.sheet-babs .sheet-options-flag.sheet-cmb,
|
|
.sheet-babs .sheet-options-flag.sheet-cmb + span {
|
|
top: -2px;
|
|
left: 262px;
|
|
}
|
|
.sheet-attackmods .sheet-options-flag.sheet-ranged,
|
|
.sheet-attackmods .sheet-options-flag.sheet-ranged + span {
|
|
top: -2px;
|
|
left: 215px;
|
|
}
|
|
.sheet-defenses .sheet-options-flag.sheet-sr,
|
|
.sheet-defenses .sheet-options-flag.sheet-sr + span {
|
|
top: -2px;
|
|
left: 174px;
|
|
}
|
|
.sheet-abilities .sheet-ability:hover .sheet-options-flag + span,
|
|
.sheet-acvalues:hover .sheet-options-flag + span,
|
|
.sheet-initiative:hover .sheet-options-flag + span,
|
|
.sheet-acitem:hover .sheet-options-flag + span,
|
|
.sheet-saves:hover .sheet-options-flag + span,
|
|
.sheet-babs:hover .sheet-options-flag + span,
|
|
.sheet-attackmods:hover .sheet-options-flag + span,
|
|
.sheet-defenses:hover .sheet-options-flag + span,
|
|
.sheet-attack:hover .sheet-options-flag + span,
|
|
.sheet-skill:hover .sheet-options-flag + span,
|
|
.sheet-concentration:hover .sheet-options-flag + span,
|
|
.sheet-spell:hover .sheet-options-flag + span,
|
|
.sheet-statblock .sheet-head-info:hover .sheet-options-flag + span,
|
|
.sheet-statblock .sheet-npcatk .sheet-attack:hover .sheet-options-flag + span,
|
|
.sheet-feat:hover .sheet-options-flag + span,
|
|
.sheet-ability:hover .sheet-options-flag + span,
|
|
.sheet-metamagic:hover .sheet-options-flag + span,
|
|
.sheet-encumbrance:hover .sheet-options-flag + span,
|
|
.sheet-speeds:hover .sheet-options-flag + span,
|
|
.sheet-gearitem:hover .sheet-options-flag + span,
|
|
.sheet-conditions-container:hover .sheet-options-flag + span {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-options,
|
|
.sheet-options-fortitude,
|
|
.sheet-options-reflex,
|
|
.sheet-options-will,
|
|
.sheet-options-bab,
|
|
.sheet-options-cmb,
|
|
.sheet-options-melee,
|
|
.sheet-options-ranged,
|
|
.sheet-options-cmd,
|
|
.sheet-options-sr {
|
|
display: none;
|
|
margin-top: 2px;
|
|
border-top: 1px dotted rgba(195,153,107,0.2);
|
|
border-bottom: 2px dotted #C3996B;
|
|
}
|
|
.sheet-fullpc .sheet-options,
|
|
.sheet-options-fortitude,
|
|
.sheet-options-reflex,
|
|
.sheet-options-will,
|
|
.sheet-options-bab,
|
|
.sheet-options-cmb,
|
|
.sheet-options-melee,
|
|
.sheet-options-ranged,
|
|
.sheet-options-cmd,
|
|
.sheet-options-sr {
|
|
background-color: rgb(250,250,250);
|
|
}
|
|
.sheet-spelllike .sheet-options,
|
|
.sheet-npcatk .sheet-options {
|
|
background-color: rgb(250,250,250);
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-options-flag:checked ~ .sheet-options,
|
|
.sheet-pictocheck.sheet-option:checked ~ .sheet-options,
|
|
.sheet-options-flag.sheet-fortitude:checked ~ .sheet-options-fortitude,
|
|
.sheet-options-flag.sheet-reflex:checked ~ .sheet-options-reflex,
|
|
.sheet-options-flag.sheet-will:checked ~ .sheet-options-will,
|
|
.sheet-options-flag.sheet-bab:checked ~ .sheet-options-bab,
|
|
.sheet-options-flag.sheet-cmb:checked ~ .sheet-options-cmb,
|
|
.sheet-options-flag.sheet-melee:checked ~ .sheet-options-melee,
|
|
.sheet-options-flag.sheet-ranged:checked ~ .sheet-options-ranged,
|
|
.sheet-options-flag.sheet-cmd:checked ~ .sheet-options-cmd,
|
|
.sheet-options-flag.sheet-sr:checked ~ .sheet-options-sr {
|
|
display: inherit;
|
|
}
|
|
|
|
.sheet-optional-flag,
|
|
.sheet-optional-flag0 {display: none;}
|
|
.sheet-optional,
|
|
.sheet-tabspell.sheet-optional.sheet-inl,
|
|
.sheet-tabspell.sheet-optional.sheet-inl + span.sheet-optional.sheet-inl,
|
|
.sheet-spells .sheet-col1third.sheet-optional.sheet-inl {display: none;}
|
|
.sheet-optional-flag:not([value=""]) + .sheet-optional.sheet-blk,
|
|
.sheet-optional-flag0:not([value="0"]) + .sheet-optional.sheet-blk {display: block;}
|
|
.sheet-optional-flag:not([value=""]) + .sheet-optional.sheet-inl,
|
|
.sheet-optional-flag0:not([value="0"]) + .sheet-optional.sheet-inl,
|
|
.sheet-optional-flag0:not([value="0"]) + .sheet-tabspell.sheet-optional.sheet-inl,
|
|
.sheet-optional-flag0:not([value="0"]) + .sheet-tabspell.sheet-optional.sheet-inl + span.sheet-optional.sheet-inl,
|
|
.sheet-spells .sheet-optional-flag0:not([value="0"]) + .sheet-col1third.sheet-optional.sheet-inl {display: inline-block;}
|
|
|
|
/* ===== AUTO EXPAND TEXTAREA ===== */
|
|
.sheet-autoex {
|
|
position: relative;
|
|
cursor: text;
|
|
font-family: 'Patrick Hand';
|
|
font-size: 1.2em;
|
|
line-height: 1.4em;
|
|
min-height: 1.4em;
|
|
text-align: left;
|
|
}
|
|
.sheet-autoex span {
|
|
visibility: hidden;
|
|
display: block;
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
white-space: pre-wrap;
|
|
text-align: inherit;
|
|
min-height: inherit;
|
|
}
|
|
.sheet-autoex textarea {
|
|
display: block;
|
|
z-index: 1;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
white-space: pre-wrap;
|
|
text-align: inherit;
|
|
min-height: inherit;
|
|
}
|
|
.sheet-hpvalues.sheet-autoex {
|
|
font-size: 1.15em;
|
|
line-height: 1.15em;
|
|
}
|
|
/* ===== REPEATING SECTIONS CTRL ===== */
|
|
.sheet-fullpc .repcontrol {
|
|
margin-top: 2px;
|
|
min-height: 27px;
|
|
width: 90%;
|
|
text-align: center;
|
|
}
|
|
.repcontrol .btn {
|
|
border: none;
|
|
color: white !important;
|
|
background: none;
|
|
box-shadow: none;
|
|
font-size: 0;
|
|
}
|
|
.sheet-fullpc .repcontrol .btn {padding: 0px 0px 0px 0px;}
|
|
.sheet-statblock .repcontrol .btn {
|
|
padding: 0px 0px 0px 0px;
|
|
margin-left: 10px;
|
|
display: inline-block;
|
|
width: 25px;
|
|
font-size: 0px;
|
|
}
|
|
|
|
.repcontrol .btn:focus {outline: 0;}
|
|
.repcontrol .repcontrol_add:before {
|
|
content: '&';
|
|
font-family: pictos;
|
|
color: black;
|
|
display: inline-block;
|
|
}
|
|
.sheet-fullpc .repcontrol .repcontrol_add:before,
|
|
.sheet-fullpc .repcontrol .repcontrol_edit:after {
|
|
border: 1px solid black;
|
|
border-radius: 50%;
|
|
font-size: 13px;
|
|
padding: 3px;
|
|
height: 12px;
|
|
width: 12px;
|
|
line-height: 12px;
|
|
}
|
|
.sheet-statblock .repcontrol .repcontrol_add:before,
|
|
.sheet-statblock .repcontrol .repcontrol_edit:after {
|
|
font-size: 12px;
|
|
padding: 2px;
|
|
height: 10px;
|
|
width: 10px;
|
|
line-height: 10px;
|
|
}
|
|
|
|
.repcontrol .repcontrol_edit:after {
|
|
content: '(';
|
|
font-family: pictos;
|
|
color: black;
|
|
display: inline-block;
|
|
}
|
|
.editmode ~ .repcontrol .repcontrol_edit:after {
|
|
content: ')';
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.repcontrol .repcontrol_edit:hover:after,
|
|
.repcontrol .repcontrol_add:hover:before {
|
|
color: #C3996B;
|
|
border-color: #C3996B;
|
|
}
|
|
.repcontainer .repitem .itemcontrol {z-index: 10;}
|
|
.repcontainer .repitem .itemcontrol .repcontrol_del {
|
|
float: right;
|
|
font-size: 10px;
|
|
padding: 0px;
|
|
height: 18px;
|
|
width: 18px;
|
|
}
|
|
.repcontainer .repitem .itemcontrol .repcontrol_move {
|
|
cursor: move;
|
|
float: left;
|
|
font-size: 10px;
|
|
padding: 0px;
|
|
height: 18px;
|
|
width: 18px;
|
|
}
|
|
.sheet-statblock .sheet-npcatk .repitem,
|
|
.sheet-statblock .sheet-npcatk .repcontrol,
|
|
.sheet-statblock .sheet-npcatk .repcontainer {vertical-align: top;}
|
|
.sheet-statblock .sheet-npcatk .repitem {display: inline-block;}
|
|
.sheet-statblock .sheet-npcatk .repcontrol {display: inline-block;}
|
|
.sheet-statblock .sheet-npcatk .repcontainer {display: inline;}
|
|
.sheet-statblock .sheet-npcatk.sheet-melee .repcontainer,
|
|
.sheet-statblock .sheet-npcatk.sheet-feats .repcontainer {max-width: 560px;}
|
|
.sheet-statblock .sheet-npcatk.sheet-ranged .repcontainer {max-width: 545px;}
|
|
.sheet-statblock .sheet-npcatk.sheet-special .repcontainer {max-width: 500px;}
|
|
.sheet-statblock .sheet-npcatk.sheet-spells .repcontainer {max-width: 540px;}
|
|
|
|
/* ===== ROLL TEMPLATES ===== */
|
|
.sheet-rolltemplate-pc,
|
|
.sheet-rolltemplate-npc {font-family: sans-serif;}
|
|
|
|
/* API buttons */
|
|
.sheet-rolltemplate-pc a[href^="~"] {
|
|
background-color: transparent;
|
|
padding: 0px 0px 0px 0px;
|
|
color: #182C4A;
|
|
display: inline-block;
|
|
border: none;
|
|
text-align: left;
|
|
font-family: sans-serif;
|
|
font-size: 0.95em;
|
|
line-height: 1em;
|
|
text-transform: capitalize;
|
|
white-space: pre;
|
|
font-weight: bold;
|
|
}
|
|
.sheet-rolltemplate-pc a:hover {color: #BE202E;}
|
|
|
|
/* Rolls */
|
|
.sheet-rolltemplate-pc .inlinerollresult,
|
|
.sheet-rolltemplate-npc .inlinerollresult {
|
|
background-color: transparent;
|
|
border: none;
|
|
padding: 0px 0px;
|
|
font-weight: bold;
|
|
cursor: help;
|
|
font-size: 1.25em;
|
|
padding: 2px;
|
|
}
|
|
.sheet-rolltemplate-pc .inlinerollresult {color: #182C4A;}
|
|
.sheet-rolltemplate-npc .inlinerollresult {color: #222;}
|
|
|
|
.sheet-rolltemplate-pc .sheet-resright .inlinerollresult,
|
|
.sheet-rolltemplate-npc .sheet-bigres .inlinerollresult {
|
|
font-size: 1.6em;
|
|
line-height: 1.45em;
|
|
}
|
|
.sheet-rolltemplate-pc .sheet-success,
|
|
.sheet-rolltemplate-npc .sheet-success {
|
|
color: #247305;
|
|
}
|
|
.sheet-rolltemplate-pc .sheet-failure,
|
|
.sheet-rolltemplate-npc .sheet-failure {
|
|
color: #BE202E;
|
|
}
|
|
.sheet-rolltemplate-pc .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-npc .inlinerollresult.fullcrit {
|
|
border: none;
|
|
color: #247305;
|
|
}
|
|
.sheet-rolltemplate-pc .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-npc .inlinerollresult.importantroll {
|
|
border: none;
|
|
color: #4A57ED;
|
|
}
|
|
.sheet-rolltemplate-pc .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-npc .inlinerollresult.fullfail {
|
|
border: none;
|
|
color: #BE202E;
|
|
}
|
|
|
|
/* flex */
|
|
.sheet-rolltemplate-pc .sheet-flexatk,
|
|
.sheet-rolltemplate-npc .sheet-flexatk {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.sheet-rolltemplate-pc .sheet-flexatk {border-top: 1px dotted #182C4A;}
|
|
.sheet-rolltemplate-npc .sheet-flexatk {border-top: 1px dotted #3C2517;}
|
|
|
|
.sheet-rolltemplate-pc .sheet-spacer,
|
|
.sheet-rolltemplate-npc .sheet-spacer {flex-grow: 2;}
|
|
.sheet-rolltemplate-pc .sheet-flexdmg,
|
|
.sheet-rolltemplate-npc .sheet-flexdmg {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
/* classes */
|
|
.sheet-rolltemplate-pc div,
|
|
.sheet-rolltemplate-pc span,
|
|
.sheet-rolltemplate-pc img,
|
|
.sheet-rolltemplate-npc div,
|
|
.sheet-rolltemplate-npc span,
|
|
.sheet-rolltemplate-npc img {
|
|
box-sizing: border-box;
|
|
}
|
|
.sheet-rolltemplate-pc div,
|
|
.sheet-rolltemplate-npc div {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-rolltemplate-pc img,
|
|
.sheet-rolltemplate-npc img {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-rolltemplate-pc .sheet-center,
|
|
.sheet-rolltemplate-npc .sheet-center {text-align: center;}
|
|
.sheet-rolltemplate-pc .sheet-right,
|
|
.sheet-rolltemplate-npc .sheet-right {text-align: right;}
|
|
.sheet-rolltemplate-pc .sheet-ital,
|
|
.sheet-rolltemplate-npc .sheet-ital {font-style: italic;}
|
|
.sheet-rolltemplate-pc .sheet-inl,
|
|
.sheet-rolltemplate-npc .sheet-inl {display: inline;}
|
|
.sheet-rolltemplate-pc .sheet-bold,
|
|
.sheet-rolltemplate-npc .sheet-bold {font-weight: bold;}
|
|
.sheet-rolltemplate-pc .sheet-vtop,
|
|
.sheet-rolltemplate-npc .sheet-vtop {vertical-align: top;}
|
|
|
|
.sheet-rolltemplate-pc .sheet-myrow,
|
|
.sheet-rolltemplate-npc .sheet-myrow {
|
|
padding: 0px 1px 0px 2px;
|
|
}
|
|
.sheet-rolltemplate-pc .sheet-bordered .sheet-myrow:nth-child(odd) {background: linear-gradient(to left,white,#D8DBE6);}
|
|
.sheet-rolltemplate-npc .sheet-bordered .sheet-myrow:nth-child(even) {background: linear-gradient(to left,#c3996b7a,white);}
|
|
|
|
.sheet-rolltemplate-pc div.sheet-charname {
|
|
border-style: solid;
|
|
border-width: 1px 1px 0px 1px;
|
|
padding: 1px 1px 1px 2px;
|
|
background-color: white;
|
|
border-color: #182C4A;
|
|
}
|
|
.sheet-rolltemplate-npc div.sheet-charname {
|
|
padding: 4px 0px 1px 0px;
|
|
background-color: transparent;
|
|
margin-left: -14px;
|
|
text-shadow: 1px 1px #FDFDFD;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-rolltemplate-pc div.sheet-notes,
|
|
.sheet-rolltemplate-npc div.sheet-notes {
|
|
max-height: 220px;
|
|
overflow-y: auto;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
margin-top: 2px;
|
|
padding: 1px 1px 1px 2px;
|
|
background-color: #DDD;
|
|
border-color: #BBB;
|
|
}
|
|
|
|
.sheet-rolltemplate-pc div.sheet-desc,
|
|
.sheet-rolltemplate-npc div.sheet-desc {
|
|
max-height: 220px;
|
|
overflow-y: auto;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
margin-top: 2px;
|
|
padding: 1px 1px 1px 2px;
|
|
}
|
|
.sheet-rolltemplate-pc div.sheet-desc {
|
|
background-color: white;
|
|
border-color: #182C4A;
|
|
}
|
|
.sheet-rolltemplate-npc div.sheet-desc {
|
|
border-color: #3C2517;
|
|
background-color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-pc span.sheet-notes,
|
|
.sheet-rolltemplate-npc span.sheet-notes {
|
|
font-family: sans-serif;
|
|
font-size: 0.9em;
|
|
color: black;
|
|
}
|
|
.sheet-rolltemplate-pc span.sheet-notes.sheet-conditions {color: #BE202E;}
|
|
|
|
.sheet-rolltemplate-pc .sheet-lbl,
|
|
.sheet-rolltemplate-npc .sheet-lbl {
|
|
text-align: left;
|
|
font-family: sans-serif;
|
|
font-size: 0.95em;
|
|
line-height: 1em;
|
|
text-transform: capitalize;
|
|
white-space: pre;
|
|
}
|
|
.sheet-rolltemplate-pc .sheet-lbl {color: #182C4A;}
|
|
.sheet-rolltemplate-npc .sheet-lbl {color: #3C2517;}
|
|
|
|
.sheet-rolltemplate-pc .sheet-bordered,
|
|
.sheet-rolltemplate-npc .sheet-bordered {
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
text-align: left;
|
|
vertical-align: top;
|
|
position: relative;
|
|
}
|
|
|
|
/* ICONS */
|
|
.sheet-rolltemplate-pc .sheet-icon,
|
|
.sheet-rolltemplate-npc .sheet-icon {
|
|
position: absolute;
|
|
top: 6px;
|
|
left: -40px;
|
|
width: 40px;
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-pc .sheet-icon::after,
|
|
.sheet-rolltemplate-npc .sheet-icon::after {font-size: 1.55em;}
|
|
.sheet-rolltemplate-pc .sheet-icon::after {color: #182C4A;}
|
|
.sheet-rolltemplate-npc .sheet-icon::after {color: #3C2517;}
|
|
.sheet-rolltemplate-pc .sheet-icon.sheet-initiative::after,
|
|
.sheet-rolltemplate-npc .sheet-icon.sheet-initiative::after {
|
|
font-family: "Pictos";
|
|
content: 'g';
|
|
font-size: 2em;
|
|
}
|
|
.sheet-rolltemplate-pc .sheet-icon.sheet-skill::after,
|
|
.sheet-rolltemplate-npc .sheet-icon.sheet-skill::after {
|
|
font-family: "Pictos";
|
|
content: 'x';
|
|
}
|
|
.sheet-rolltemplate-pc .sheet-icon.sheet-hp::after,
|
|
.sheet-rolltemplate-npc .sheet-icon.sheet-hp::after {
|
|
font-family: "Pictos";
|
|
content: 'k';
|
|
}
|
|
.sheet-rolltemplate-pc .sheet-icon.sheet-save::after,
|
|
.sheet-rolltemplate-npc .sheet-icon.sheet-save::after {
|
|
font-family: "Pictos Custom";
|
|
content: 'e';
|
|
}
|
|
.sheet-rolltemplate-pc .sheet-icon.sheet-attackdamage::after,
|
|
.sheet-rolltemplate-npc .sheet-icon.sheet-attackdamage::after {
|
|
font-family: "Pictos Custom";
|
|
font-weight: bold;
|
|
content: '⚔t';
|
|
}
|
|
.sheet-rolltemplate-pc .sheet-icon.sheet-attack::after,
|
|
.sheet-rolltemplate-npc .sheet-icon.sheet-attack::after {
|
|
font-family: "Pictos Custom";
|
|
font-weight: bold;
|
|
content: '⚔';
|
|
}
|
|
.sheet-rolltemplate-pc .sheet-icon.sheet-damage::after,
|
|
.sheet-rolltemplate-npc .sheet-icon.sheet-damage::after {
|
|
font-family: "Pictos Custom";
|
|
font-weight: bold;
|
|
content: 't';
|
|
}
|
|
.sheet-rolltemplate-pc .sheet-icon.sheet-ability::after,
|
|
.sheet-rolltemplate-npc .sheet-icon.sheet-ability::after {
|
|
font-family: "Pictos";
|
|
content: 'U';
|
|
}
|
|
.sheet-rolltemplate-pc .sheet-icon.sheet-feat::after,
|
|
.sheet-rolltemplate-npc .sheet-icon.sheet-feat::after {
|
|
font-family: "Pictos";
|
|
content: 'E';
|
|
}
|
|
.sheet-rolltemplate-pc .sheet-icon.sheet-spell::after,
|
|
.sheet-rolltemplate-npc .sheet-icon.sheet-spell::after {
|
|
font-family: "Pictos Three";
|
|
content: 'j';
|
|
font-size: 2em;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-pc .sheet-bordered {
|
|
background-color: white;
|
|
border-color: #182C4A;
|
|
}
|
|
.sheet-rolltemplate-npc .sheet-bordered {
|
|
background-color: white;
|
|
border-color: #3C2517;
|
|
}
|
|
|
|
.sheet-rolltemplate-pc .sheet-symbol,
|
|
.sheet-rolltemplate-npc .sheet-symbol {
|
|
font-family: "Pictos Custom";
|
|
font-size: 1.3em;
|
|
font-weight: bold;
|
|
line-height: 1em;
|
|
}
|
|
.sheet-rolltemplate-pc .sheet-smallname,
|
|
.sheet-rolltemplate-npc .sheet-smallname {
|
|
font-family: sans-serif;
|
|
font-size: 0.9em;
|
|
}
|
|
.sheet-rolltemplate-pc .sheet-smallname {color: #182C4A;}
|
|
.sheet-rolltemplate-npc .sheet-smallname {color: #3C2517;}
|
|
|
|
/* top bands */
|
|
.sheet-rolltemplate-pc img.sheet-brdright,
|
|
.sheet-rolltemplate-pc img.sheet-brdleft {
|
|
display: inline-block;
|
|
position: absolute;
|
|
vertical-align: top;
|
|
top: 0px;
|
|
}
|
|
.sheet-rolltemplate-pc img.sheet-brdleft {left: 0px;}
|
|
.sheet-rolltemplate-pc img.sheet-brdright {right: 0px;}
|
|
|
|
.sheet-rolltemplate-pc .sheet-blacklabel,
|
|
.sheet-rolltemplate-npc .sheet-blacklabel {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
border: none;
|
|
position: relative;
|
|
font-size: 0.9em;
|
|
}
|
|
.sheet-rolltemplate-pc .sheet-blacklabel {
|
|
background-color: #182C4A;
|
|
color: white;
|
|
}
|
|
.sheet-rolltemplate-npc .sheet-blacklabel {
|
|
background-color: transparent;
|
|
color: #3C2517;
|
|
font-weight: bold;
|
|
}
|
|
/* top */
|
|
.sheet-rolltemplate-pc .sheet-blacklabel.sheet-top {
|
|
height: 36px;
|
|
width: 85%;
|
|
max-width: 85%;
|
|
vertical-align: top;
|
|
padding-right: 27px;
|
|
}
|
|
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-top {
|
|
height: 36px;
|
|
width: 78%;
|
|
max-width: 78%;
|
|
vertical-align: top;
|
|
padding-right: 27px;
|
|
}
|
|
|
|
.sheet-rolltemplate-pc .sheet-blacklabel.sheet-top img.sheet-brdright,
|
|
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-top img.sheet-brdright {
|
|
width: 26px;
|
|
height: 36px;
|
|
}
|
|
/* med */
|
|
.sheet-rolltemplate-pc span.sheet-med {
|
|
font-weight: normal;
|
|
font-size: 0.9em;
|
|
}
|
|
.sheet-rolltemplate-npc span.sheet-med {
|
|
font-style: italic;
|
|
color: #3C2517;
|
|
font-size: 0.9em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-pc .sheet-blacklabel.sheet-med,
|
|
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med {
|
|
height: 20px;
|
|
vertical-align: top;
|
|
white-space: nowrap;
|
|
line-height: 1.5em;
|
|
font-weight: bold;
|
|
}
|
|
.sheet-rolltemplate-pc .sheet-blacklabel.sheet-med {
|
|
min-width: 75px;
|
|
padding: 0px 20px 0px 2px;
|
|
}
|
|
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med {
|
|
min-width: 70px;
|
|
padding: 0px 2px 0px 2px;
|
|
background: linear-gradient(to right,#c3996b7a,white);
|
|
}
|
|
.sheet-rolltemplate-pc .sheet-blacklabel.sheet-med.sheet-right {
|
|
padding: 0px 2px 0px 20px;
|
|
text-align: right;
|
|
}
|
|
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med.sheet-right {
|
|
text-align: right;
|
|
background: linear-gradient(to left,#c3996b7a,white);
|
|
}
|
|
.sheet-rolltemplate-pc .sheet-blacklabel.sheet-med.sheet-yellow {
|
|
color: #E6DD94;
|
|
font-weight: normal;
|
|
}
|
|
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med.sheet-yellow {
|
|
color: #501414;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-pc .sheet-blacklabel.sheet-med img.sheet-brdleft,
|
|
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med img.sheet-brdleft,
|
|
.sheet-rolltemplate-pc .sheet-blacklabel.sheet-med img.sheet-brdright,
|
|
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med img.sheet-brdright {
|
|
height: 20px;
|
|
}
|
|
|
|
.sheet-rolltemplate-pc .sheet-blacklabel .sheet-big,
|
|
.sheet-rolltemplate-npc .sheet-big {
|
|
display: inline;
|
|
font-family: sans-serif;
|
|
font-size: 1.0em;
|
|
line-height: 1.0em;
|
|
padding-left: 1px;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
}
|
|
.sheet-rolltemplate-npc .sheet-big {color: #3C2517;}
|
|
|
|
.sheet-rolltemplate-pc .sheet-resright,
|
|
.sheet-rolltemplate-npc .sheet-resright {
|
|
display: inline;
|
|
float: right;
|
|
margin-right: 3px;
|
|
clear: both;
|
|
} |