* New feature: Temporary bonus and buff ability for Spell Resistance * New feature: Distinct temporary bonuses and buff abilities for Melee and Ranged damage (on top of general temp damage bonus) * New feature: Critical confirmation bonus
2830 lines
82 KiB
CSS
2830 lines
82 KiB
CSS
div,
|
|
button,
|
|
textarea,
|
|
span,
|
|
input,
|
|
select,
|
|
img,
|
|
label{
|
|
box-sizing: border-box;
|
|
}
|
|
div{
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
label {
|
|
font-size: 1em;
|
|
font-weight: normal;
|
|
width: auto;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
cursor: pointer;
|
|
}
|
|
/* === Logos and images === */
|
|
img{
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-npc-icons {
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
align-items: center;
|
|
margin-right: 6px;
|
|
}
|
|
.sheet-npc-icons span.sheet-npctype,
|
|
.sheet-npc-icons span.sheet-npcterrain,
|
|
.sheet-npc-icons span.sheet-npcclimate {
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.sheet-npc-icons input.sheet-npctype:not([value=""]) + span.sheet-npctype,
|
|
.sheet-npc-icons input.sheet-npcterrain:not([value=""]) + span.sheet-npcterrain,
|
|
.sheet-npc-icons input.sheet-npcclimate:not([value=""]) + span.sheet-npcclimate {
|
|
background-size: 70px 70px;
|
|
height: 70px;
|
|
width: 70px;
|
|
margin: -15px -10px 0px -10px;
|
|
}
|
|
.sheet-npc-icons input.sheet-npctype[value="aberration"] + span.sheet-npctype {background-image: url("https://s3.amazonaws.com/files.d20.io/images/62548538/r3Rsbc7uIJz-O7pf8XxeGA/med.png");}
|
|
.sheet-npc-icons input.sheet-npctype[value="animal"] + span.sheet-npctype {background-image: url("https://s3.amazonaws.com/files.d20.io/images/62548559/Slmy0KlzDt0iNXkbVQROjw/med.png");}
|
|
.sheet-npc-icons input.sheet-npctype[value="construct"] + span.sheet-npctype {background-image: url("https://s3.amazonaws.com/files.d20.io/images/62548540/_i5Y1uKgt2cSDW7kHRlTpw/med.png");}
|
|
.sheet-npc-icons input.sheet-npctype[value="dragon"] + span.sheet-npctype {background-image: url("https://s3.amazonaws.com/files.d20.io/images/62548645/gDMjZqAb6ykBb6yiWx_aKw/med.png");}
|
|
.sheet-npc-icons input.sheet-npctype[value="fey"] + span.sheet-npctype {background-image: url("https://s3.amazonaws.com/files.d20.io/images/62548694/zlS-SGzbPhUDLx-oSsLEIQ/med.png");}
|
|
.sheet-npc-icons input.sheet-npctype[value="humanoid"] + span.sheet-npctype {background-image: url("https://s3.amazonaws.com/files.d20.io/images/62548737/DGyt11RQJzAes-sC932Hdw/med.png");}
|
|
.sheet-npc-icons input.sheet-npctype[value="monstrous humanoid"] + span.sheet-npctype {background-image: url("https://s3.amazonaws.com/files.d20.io/images/62548873/ZvNmcaFOG56_ZjGPgIeRGA/med.png");}
|
|
.sheet-npc-icons input.sheet-npctype[value="magical beast"] + span.sheet-npctype {background-image: url("https://s3.amazonaws.com/files.d20.io/images/62548954/QQXsWVOsgQjxw3Hn2vW0FQ/med.png");}
|
|
.sheet-npc-icons input.sheet-npctype[value="ooze"] + span.sheet-npctype {background-image: url("https://s3.amazonaws.com/files.d20.io/images/62548966/R4cNA8XUWboy6xXWBxW1IQ/med.png");}
|
|
.sheet-npc-icons input.sheet-npctype[value="outsider"] + span.sheet-npctype {background-image: url("https://s3.amazonaws.com/files.d20.io/images/62548977/KnTWZnXIM4XrJsl_qtjd3Q/med.png");}
|
|
.sheet-npc-icons input.sheet-npctype[value="plant"] + span.sheet-npctype {background-image: url("https://s3.amazonaws.com/files.d20.io/images/62549433/EdCGXBMMJFC7XvVAcXSiKw/med.png");}
|
|
.sheet-npc-icons input.sheet-npctype[value="undead"] + span.sheet-npctype {background-image: url("https://s3.amazonaws.com/files.d20.io/images/62549900/8mKziv92YzttbONAEry5fw/med.png");}
|
|
.sheet-npc-icons input.sheet-npctype[value="vermin"] + span.sheet-npctype {background-image: url("https://s3.amazonaws.com/files.d20.io/images/62550067/b69paJDk_FfyloamwKEleg/med.png");}
|
|
|
|
.sheet-npc-icons input.sheet-npcterrain[value="desert"] + span.sheet-npcterrain {background-image: url("https://s3.amazonaws.com/files.d20.io/images/62548539/TcFgRD-zleqwp3YjdopPZw/med.png");}
|
|
.sheet-npc-icons input.sheet-npcterrain[value="forest"] + span.sheet-npcterrain {background-image: url("https://s3.amazonaws.com/files.d20.io/images/62548700/RW6MawNZcnYDVUooKhp3NQ/med.png");}
|
|
.sheet-npc-icons input.sheet-npcterrain[value="jungle"] + span.sheet-npcterrain {background-image: url("https://s3.amazonaws.com/files.d20.io/images/62548700/RW6MawNZcnYDVUooKhp3NQ/med.png");}
|
|
.sheet-npc-icons input.sheet-npcterrain[value="hill"] + span.sheet-npcterrain {background-image: url("https://s3.amazonaws.com/files.d20.io/images/62548745/gWQYP1lgyDsopDtKWiQCxw/med.png");}
|
|
.sheet-npc-icons input.sheet-npcterrain[value="mountain"] + span.sheet-npcterrain {background-image: url("https://s3.amazonaws.com/files.d20.io/images/62548959/TqWCzneN_lj2to1Tw59vJA/med.png");}
|
|
.sheet-npc-icons input.sheet-npcterrain[value="plain"] + span.sheet-npcterrain {background-image: url("https://s3.amazonaws.com/files.d20.io/images/62548984/WV3iUV7iFAdHpaHvSDuzSg/med.png");}
|
|
.sheet-npc-icons input.sheet-npcterrain[value="ruins"] + span.sheet-npcterrain {background-image: url("https://s3.amazonaws.com/files.d20.io/images/62549436/w0ykODBInBjOrypAyTHUAg/med.png");}
|
|
.sheet-npc-icons input.sheet-npcterrain[value="dungeon"] + span.sheet-npcterrain {background-image: url("https://s3.amazonaws.com/files.d20.io/images/62549436/w0ykODBInBjOrypAyTHUAg/med.png");}
|
|
.sheet-npc-icons input.sheet-npcterrain[value="sky"] + span.sheet-npcterrain {background-image: url("https://s3.amazonaws.com/files.d20.io/images/62549524/4Gl6m7XQaGiF2SchQgxB1w/med.png");}
|
|
.sheet-npc-icons input.sheet-npcterrain[value="swamp"] + span.sheet-npcterrain {background-image: url("https://s3.amazonaws.com/files.d20.io/images/62549696/TJK9ax-AFp_n559AbF6wIw/med.png");}
|
|
.sheet-npc-icons input.sheet-npcterrain[value="underground"] + span.sheet-npcterrain {background-image: url("https://s3.amazonaws.com/files.d20.io/images/62549906/sNMPSyiybFjeno0v2cLTfg/med.png");}
|
|
.sheet-npc-icons input.sheet-npcterrain[value="urban"] + span.sheet-npcterrain {background-image: url("https://s3.amazonaws.com/files.d20.io/images/62550040/-CB6pti3YcUu2V0aGxE7Kw/med.png");}
|
|
.sheet-npc-icons input.sheet-npcterrain[value="water"] + span.sheet-npcterrain {background-image: url("https://s3.amazonaws.com/files.d20.io/images/62550078/RxZT55sijPZh0gV-56aHoQ/med.png");}
|
|
|
|
.sheet-npc-icons input.sheet-npcclimate[value="cold"] + span.sheet-npcclimate {background-image: url("https://s3.amazonaws.com/files.d20.io/images/62548565/XPEA3006C2Mm4X-rWo2_FA/med.png");}
|
|
.sheet-npc-icons input.sheet-npcclimate[value="extraplanar"] + span.sheet-npcclimate {background-image: url("https://s3.amazonaws.com/files.d20.io/images/62548648/Agoyfi00_KZhmVCpQ_WL3A/med.png");}
|
|
.sheet-npc-icons input.sheet-npcclimate[value="temperate"] + span.sheet-npcclimate {background-image: url("https://s3.amazonaws.com/files.d20.io/images/62549791/fm4DFa9HAslcLVGW-oa6ZQ/med.png");}
|
|
.sheet-npc-icons input.sheet-npcclimate[value="tropical"] + span.sheet-npcclimate {background-image: url("https://s3.amazonaws.com/files.d20.io/images/62549799/NmQRtg53WtVmU47EdsWnpA/med.png");}
|
|
|
|
/* ==== 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 !important;
|
|
}
|
|
.sheet-margindent {
|
|
margin-left: 10px !important;
|
|
}
|
|
.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-invisible {
|
|
opacity: 0;
|
|
}
|
|
.sheet-greybg{
|
|
background-color: #DDD;
|
|
}
|
|
.sheet-grtopbrd{
|
|
border-top: 1px dashed #BBB;
|
|
margin-top: 6px;
|
|
}
|
|
.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;
|
|
position: relative;
|
|
}
|
|
div.sheet-fullpc{
|
|
display: block;
|
|
position: relative;
|
|
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-flexrow {
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content: space-between;
|
|
}
|
|
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: 250px;
|
|
max-width: 250px;
|
|
}
|
|
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-npc_expansion[value="8"] + .sheet-blacklabel.sheet-pnty {
|
|
background-color: #003a25;
|
|
color: #ddd6ab;
|
|
}
|
|
.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;
|
|
}
|
|
|
|
div.sheet-boxed {
|
|
display: inline-block;
|
|
position: relative;
|
|
border: 1px solid black;
|
|
width: 40px;
|
|
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[value="1"] ~ 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[value="1"] ~ div.sheet-boxed.sheet-redbrd * {
|
|
color: #BE202E;
|
|
}
|
|
.sheet-hpvalues input.sheet-redbrd[value="2"] ~ div.sheet-boxed.sheet-redbrd {
|
|
border-color: #501414;
|
|
}
|
|
.sheet-hpvalues input.sheet-redbrd[value="2"] ~ div.sheet-boxed.sheet-redbrd * {
|
|
color: #501414;
|
|
}
|
|
.sheet-hpvalues input.sheet-redbrd:not([value="0"]) ~ div.sheet-boxed.sheet-redbrd span:after {
|
|
position: absolute;
|
|
content: "e";
|
|
font-family: "Pictos";
|
|
font-size: 1.6rem;
|
|
font-weight: normal;
|
|
margin-left: 1px;
|
|
text-transform: lowercase;
|
|
text-decoration: none;
|
|
}
|
|
|
|
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;}
|
|
|
|
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-labunder .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-labunder .sheet-lab {width: 28px;}
|
|
.sheet-acitem .sheet-name {width: 209px;}
|
|
|
|
.sheet-attacks {text-align: right;}
|
|
.sheet-attacks div.sheet-padindent {padding-left: 22px;}
|
|
.sheet-attacks .sheet-dmgbase {width: 115px;}
|
|
.sheet-attacks .sheet-dmgtype {width: 115px;}
|
|
.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;
|
|
overflow-x: hidden;
|
|
}
|
|
.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,
|
|
.sheet-fullpc .sheet-gear .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: 145px;
|
|
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-dcmod {width: 160px;}
|
|
.sheet-spell .sheet-dmgtype {width: 70px;}
|
|
.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: 260px;}
|
|
.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;
|
|
vertical-align: top;
|
|
}
|
|
.sheet-conditions-container {
|
|
top: 74px;
|
|
z-index: 4;
|
|
}
|
|
.sheet-conditions-container .sheet-lab {
|
|
vertical-align: top;
|
|
font-size: 0.95em;
|
|
}
|
|
.sheet-conditions-container .sheet-lab.sheet-conditions-display {
|
|
width: 190px;
|
|
min-height: 13px;
|
|
padding: 1px;
|
|
border: 1px solid transparent;
|
|
white-space: nowrap;
|
|
text-align: left;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
position: absolute;
|
|
z-index: inherit;
|
|
}
|
|
.sheet-conditions-container .sheet-lab.sheet-conditions-display.sheet-conds {
|
|
color: #BE202E;
|
|
background: white;
|
|
}
|
|
.sheet-conditions-container .sheet-lab.sheet-conditions-display.sheet-buffs {
|
|
color: #501414;
|
|
}
|
|
.sheet-conditions-container .sheet-lab.sheet-conditions-display:hover {
|
|
background: white;
|
|
border: 1px solid black;
|
|
box-shadow: 3px 3px rgba(128,128,128,0.5);
|
|
white-space: normal;
|
|
z-index: +1;
|
|
}
|
|
.sheet-options.sheet-conditions {
|
|
position: absolute;
|
|
background: white;
|
|
top: -2px;
|
|
left: 86px;
|
|
border: 1px solid black;
|
|
box-shadow: 3px 3px rgba(128,128,128,0.5);
|
|
padding: 2px;
|
|
min-width: 450px;
|
|
}
|
|
.sheet-buffs .sheet-buff .sheet-options {
|
|
width: 420px;
|
|
margin-top: 0px;
|
|
margin-left: 10px;
|
|
margin-bottom: 4px;
|
|
background: white;
|
|
padding: 5px;
|
|
border: 2px dotted #C3996B;
|
|
}
|
|
.sheet-building {
|
|
position: absolute;
|
|
background: linear-gradient(white, #DDD, white);
|
|
top: 10%;
|
|
left: 5%;
|
|
z-index: 10;
|
|
border: 2px solid black;
|
|
box-shadow: 3px 3px rgba(128,128,128,0.5);
|
|
width: 530px;
|
|
height: 500px;
|
|
}
|
|
.sheet-buildingtext {
|
|
font-weight: bold;
|
|
font-size: 1.8em;
|
|
position: relative;
|
|
color: #BE202E;
|
|
background: transparent;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-flow: column wrap;
|
|
justify-content: space-evenly;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-static {
|
|
font-style: italic;
|
|
/* background: #ddd; */
|
|
border: 1px dotted #444;
|
|
padding: 2px;
|
|
border-radius: 3px;
|
|
color: #444;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
/* ===== SPANS ===== */
|
|
span {display: inline-block;}
|
|
span.sheet-inline {display: inline;}
|
|
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;
|
|
}
|
|
span.sheet-lab::before{
|
|
text-transform: none;
|
|
}
|
|
.sheet-lab.sheet-right{text-align: right;}
|
|
.sheet-abilities .sheet-lab:first-child {width: 80px;}
|
|
.sheet-abilities .sheet-lab {width: 50px;}
|
|
.sheet-hpvalues .sheet-lab {width: 40px;}
|
|
.sheet-initiative .sheet-lab {width: 40px;}
|
|
.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-lab.sheet-under {
|
|
position: absolute;
|
|
top: 2.4rem;
|
|
left: 0;
|
|
}
|
|
.sheet-labunder {
|
|
margin-bottom:1.8rem;
|
|
}
|
|
.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 {
|
|
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 {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
text-align: left;
|
|
flex-wrap: nowrap;
|
|
}
|
|
.sheet-multiclass-a {
|
|
min-width: 190px;
|
|
}
|
|
.sheet-multiclass-b {
|
|
min-width: 200px;
|
|
}
|
|
.sheet-multiclass-c {
|
|
min-width: 215px;
|
|
}
|
|
.sheet-multiclass-d {
|
|
min-width: 180px;
|
|
}
|
|
.sheet-multiclass-a,
|
|
.sheet-multiclass-b,
|
|
.sheet-multiclass-c,
|
|
.sheet-multiclass-d {
|
|
text-align: right;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet-multiclass .sheet-lab {
|
|
width: 30px;
|
|
font-weight: bold;
|
|
}
|
|
.sheet-multiclass.sheet-labline.sheet-bord {border-bottom: 1px dotted #CCC;}
|
|
.sheet-multiclass .sheet-lab.sheet-spellcasting {
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
width: auto;
|
|
}
|
|
.sheet-multiclass .sheet-lab.sheet-class {width: 120px;}
|
|
.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: 18px;
|
|
text-align: center;
|
|
}
|
|
.sheet-multiclass .sheet-boxed {width: 30px;}
|
|
|
|
.sheet-npc-display span {
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
/* ===== 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="text"].sheet-medium2 {width: 120px;}
|
|
|
|
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"],
|
|
div.sheet-boxed input[type="text"].sheet-expbuff {
|
|
width: 36px;
|
|
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"]
|
|
, .sheet-acitem input[type="text"].sheet-nbr {
|
|
width: 28px;
|
|
text-align: center;
|
|
}
|
|
.sheet-spells input[type="number"].sheet-sml
|
|
, .sheet-attacks 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;
|
|
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"]) + .sheet-finalattr,
|
|
.sheet-boxed .sheet-attr-flag:not([value="0"]) + span,
|
|
.sheet-spellcasting .sheet-attr-flag:not([value="0"]) + span,
|
|
.sheet-skill .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"]) + .sheet-finalattr:after,
|
|
.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,
|
|
.sheet-attacks .sheet-attr-flag:not([value="0"]) + span:after {
|
|
position: absolute;
|
|
content: "e";
|
|
font-family: "Pictos";
|
|
font-size: 1.6rem;
|
|
font-weight: normal;
|
|
margin-left: 1px;
|
|
text-transform: lowercase;
|
|
text-decoration: none;
|
|
}
|
|
.sheet-skill .sheet-attr-flag:not([value="0"]) + span:before,
|
|
.sheet-skill .sheet-attr-flag:not([value="0"]) + span:after {
|
|
font-family: "Pictos";
|
|
font-size: 1.6rem;
|
|
font-weight: normal;
|
|
text-transform: none;
|
|
text-decoration: none;
|
|
position: absolute;
|
|
}
|
|
.sheet-skill .sheet-attr-flag[value="1"] + span:before,
|
|
.sheet-skill .sheet-attr-flag[value="3"] + span:before {
|
|
content: "U";
|
|
margin-left: -1.7rem;
|
|
}
|
|
.sheet-skill .sheet-attr-flag[value="2"] + span:after,
|
|
.sheet-skill .sheet-attr-flag[value="3"] + span:after {
|
|
content: "e";
|
|
margin-left: 1px;
|
|
}
|
|
.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,
|
|
button[type="action"].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="action"].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;
|
|
}
|
|
button[type="compendium"].sheet-myrol:focus,
|
|
button[type="roll"].sheet-myrol:focus,
|
|
button[type="action"].sheet-myrol:focus {
|
|
outline:0;
|
|
}
|
|
.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 !important;}
|
|
.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;
|
|
}
|
|
|
|
button[type="action"].sheet-myrol.sheet-border {
|
|
border: 1px dotted transparent;
|
|
border-radius: 10%;
|
|
}
|
|
button[type="action"].sheet-myrol.sheet-border:hover {
|
|
border-color: #BE202E;
|
|
}
|
|
|
|
/* ===== 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: "✔";
|
|
}
|
|
|
|
.sheet-labelcheck {
|
|
min-width: 85px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
.sheet-statblock .sheet-labelcheck {display: inline-block;}
|
|
.sheet-labelcheck input[type="checkbox"],
|
|
.sheet-labelcheck input[type="radio"] {
|
|
opacity: 0;
|
|
z-index: +1;
|
|
position: absolute;
|
|
}
|
|
.sheet-labelcheck input[type="checkbox"] + span,
|
|
.sheet-labelcheck input[type="radio"] + span {
|
|
margin-left: 0px;
|
|
}
|
|
.sheet-labelcheck input[type="checkbox"] + span::before,
|
|
.sheet-labelcheck input[type="radio"] + span::before {
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
background: transparent;
|
|
margin-right: 1px;
|
|
}
|
|
.sheet-labelcheck input[type="checkbox"] + span::before,
|
|
.sheet-labelcheck input[type="radio"] + span::before {
|
|
content: "☐";
|
|
line-height: 18px;
|
|
font-size: 18px;
|
|
}
|
|
.sheet-labelcheck input[type="checkbox"]:checked + span::before,
|
|
.sheet-labelcheck input[type="radio"]:checked + span::before {
|
|
content: "☑";
|
|
text-shadow: none;
|
|
}
|
|
.sheet-labelcheck:hover input[type="checkbox"] + span::before,
|
|
.sheet-labelcheck:hover input[type="radio"] + span::before {
|
|
text-shadow: none;
|
|
}
|
|
.sheet-labelcheck:hover input[type="checkbox"] + span,
|
|
.sheet-labelcheck input[type="checkbox"]:checked + span,
|
|
.sheet-labelcheck input[type="radio"]:checked + span {
|
|
text-shadow: 0px 0px 1px currentColor;
|
|
}
|
|
.sheet-options.sheet-conditions .sheet-conds .sheet-labelcheck input[type="checkbox"]:checked + span,
|
|
.sheet-options.sheet-conditions .sheet-conds .sheet-labelcheck input[type="hidden"]:not([value="0"]) + span {
|
|
color: #BE202E;
|
|
text-shadow: 0px 0px 1px #BE202E;
|
|
}
|
|
.sheet-options.sheet-conditions .sheet-buffs .sheet-labelcheck input[type="checkbox"]:checked + span {
|
|
color: #501414;
|
|
text-shadow: 0px 0px 1px #501414;
|
|
}
|
|
|
|
.sheet-pictocheck input[type="checkbox"] {
|
|
display: none;
|
|
}
|
|
.sheet-pictocheck span {
|
|
background: transparent;
|
|
}
|
|
.sheet-pictocheck span::before {
|
|
font-family: "Pictos";
|
|
font-size: 1.3em;
|
|
margin-right: 2px;
|
|
font-weight: bold;
|
|
color: #888;
|
|
}
|
|
.sheet-pictocheck span.sheet-reset::before {content: "1";}
|
|
.sheet-pictocheck span.sheet-condcheck::before {content: "Y";}
|
|
.sheet-pictocheck span.sheet-close::before {content: "*";}
|
|
.sheet-pictocheck span.sheet-buffcheck::before {content: "e";}
|
|
.sheet-pictocheck:hover span {
|
|
text-shadow: 0px 0px 1px currentColor;
|
|
}
|
|
.sheet-pictocheck:hover span::before {
|
|
color: black;
|
|
text-shadow: none;
|
|
}
|
|
.sheet-pictocheck:hover span.sheet-condcheck::before,
|
|
.sheet-pictocheck:hover span.sheet-reset.sheet-conds::before {
|
|
color: #BE202E;
|
|
}
|
|
.sheet-pictocheck:hover span.sheet-buffcheck::before,
|
|
.sheet-pictocheck:hover span.sheet-reset.sheet-buffs::before {
|
|
color: #501414;
|
|
}
|
|
|
|
/* ==== 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 ===== */
|
|
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: #2E2E2E;
|
|
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-buff: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;
|
|
margin-bottom: 2px;
|
|
padding: 3px;
|
|
border: 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-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,
|
|
.sheet-buffs .repitem,
|
|
.sheet-buffs .repcontrol,
|
|
.sheet-buffs .repcontainer {
|
|
vertical-align: top;
|
|
}
|
|
.sheet-statblock .sheet-npcatk .repitem,
|
|
.sheet-statblock .sheet-npcatk .repcontrol,
|
|
.sheet-buffs .repitem,
|
|
.sheet-buffs .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,
|
|
.sheet-rolltemplate-mancerroll .inlinerollresult {
|
|
background-color: transparent;
|
|
border: none;
|
|
padding: 0px 0px;
|
|
font-weight: bold;
|
|
cursor: help;
|
|
font-size: 1.25em;
|
|
padding: 2px;
|
|
}
|
|
.sheet-rolltemplate-pc .inlinerollresult,
|
|
.sheet-rolltemplate-mancerroll .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-mancerroll .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-npc .inlinerollresult.fullcrit {
|
|
border: none;
|
|
color: #247305;
|
|
}
|
|
.sheet-rolltemplate-pc .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-mancerroll .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-npc .inlinerollresult.importantroll {
|
|
border: none;
|
|
color: #4A57ED;
|
|
}
|
|
.sheet-rolltemplate-pc .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-mancerroll .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-npc .inlinerollresult.fullfail {
|
|
border: none;
|
|
color: #BE202E;
|
|
}
|
|
|
|
/* flex */
|
|
.sheet-rolltemplate-pc .sheet-flexatk,
|
|
.sheet-rolltemplate-mancerroll .sheet-flexatk,
|
|
.sheet-rolltemplate-npc .sheet-flexatk {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.sheet-rolltemplate-pc .sheet-flexatk,
|
|
.sheet-rolltemplate-mancerroll .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-mancerroll div,
|
|
.sheet-rolltemplate-mancerroll span,
|
|
.sheet-rolltemplate-mancerroll img,
|
|
.sheet-rolltemplate-npc div,
|
|
.sheet-rolltemplate-npc span,
|
|
.sheet-rolltemplate-npc img {
|
|
box-sizing: border-box;
|
|
}
|
|
.sheet-rolltemplate-pc div,
|
|
.sheet-rolltemplate-mancerroll div,
|
|
.sheet-rolltemplate-npc div {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-rolltemplate-pc img,
|
|
.sheet-rolltemplate-mancerroll 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-mancerroll .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 div.sheet-charname,
|
|
.sheet-rolltemplate-mancerroll 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-mancerroll .sheet-bordered,
|
|
.sheet-rolltemplate-npc .sheet-bordered {
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
text-align: left;
|
|
vertical-align: top;
|
|
position: relative;
|
|
}
|
|
.sheet-rolltemplate-pc .sheet-bordered .sheet-myrow:nth-child(odd),
|
|
.sheet-rolltemplate-mancerroll .sheet-bordered .sheet-myrow:nth-child(odd) {
|
|
background: linear-gradient(to left,white,#D8DBE6);
|
|
}
|
|
.sheet-rolltemplate-npc .sheet-bordered .sheet-myrow:nth-child(even),
|
|
.sheet-rolltemplate-mancerroll .sheet-bordered .sheet-myrow:nth-child(even) {
|
|
background: linear-gradient(to left,#c3996b7a,white);
|
|
}
|
|
|
|
/* 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,
|
|
.sheet-rolltemplate-mancerroll .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-mancerroll .sheet-smallname,
|
|
.sheet-rolltemplate-npc .sheet-smallname {
|
|
font-family: sans-serif;
|
|
font-size: 0.9em;
|
|
}
|
|
.sheet-rolltemplate-pc .sheet-smallname,
|
|
.sheet-rolltemplate-mancerroll .sheet-smallname {
|
|
color: #182C4A;
|
|
}
|
|
.sheet-rolltemplate-npc .sheet-smallname {color: #3C2517;}
|
|
|
|
/* top bands */
|
|
.sheet-rolltemplate-pc img.sheet-brdright,
|
|
.sheet-rolltemplate-mancerroll img.sheet-brdright,
|
|
.sheet-rolltemplate-pc img.sheet-brdleft {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
.sheet-rolltemplate-pc img.sheet-brdright,
|
|
.sheet-rolltemplate-pc img.sheet-brdleft {
|
|
position: absolute;
|
|
top: 0px;
|
|
}
|
|
.sheet-rolltemplate-pc img.sheet-brdleft,
|
|
.sheet-rolltemplate-mancerroll img.sheet-brdleft {
|
|
left: 0px;
|
|
}
|
|
.sheet-rolltemplate-pc img.sheet-brdright {right: 0px;}
|
|
|
|
.sheet-rolltemplate-pc .sheet-blacklabel,
|
|
.sheet-rolltemplate-npc .sheet-blacklabel {
|
|
vertical-align: top;
|
|
border: none;
|
|
position: relative;
|
|
font-size: 0.9em;
|
|
}
|
|
.sheet-rolltemplate-pc .sheet-blacklabel,
|
|
.sheet-rolltemplate-npc .sheet-blacklabel {
|
|
display: inline-block;
|
|
}
|
|
.sheet-rolltemplate-mancerroll .sheet-blacklabel {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
justify-content: space-between;
|
|
}
|
|
.sheet-rolltemplate-pc .sheet-blacklabel,
|
|
.sheet-rolltemplate-mancerroll .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: 84%;
|
|
max-width: 84%;
|
|
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-mancerroll .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-mancerroll .sheet-blacklabel.sheet-med {
|
|
min-width: 110px;
|
|
padding: 0px 0px 0px 4px;
|
|
}
|
|
.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-mancerroll .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-mancerroll .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;
|
|
margin-right: 3px;
|
|
clear: both;
|
|
}
|
|
|
|
/* ===== CONFIRMATIONS ===== */
|
|
.sheet-mancer_confirm,
|
|
.sheet-npc_confirm,
|
|
.sheet-initialize_character,
|
|
.sheet-compendium_warning {
|
|
display: none;
|
|
}
|
|
.sheet-mancer_confirm,
|
|
.sheet-npc_confirm,
|
|
.sheet-initialize_character {
|
|
background: white;
|
|
}
|
|
.sheet-compendium_warning {
|
|
background: rgba(230,221,148,0.8);
|
|
}
|
|
.sheet-fullpc.active-drop-target.dropping,
|
|
.sheet-mancer_confirm_flag[value="1"] ~ .sheet-fullpc,
|
|
.sheet-npc_confirm_flag[value="1"] ~ .sheet-fullpc,
|
|
.sheet-initialize_character_flag[value="1"] ~ .sheet-fullpc,
|
|
.sheet-initialize_character_flag[value="1"] ~ .sheet-statblock {
|
|
opacity: 0.5;
|
|
transition: opacity .15s ease-in-out;
|
|
-moz-transition: opacity .15s ease-in-out;
|
|
-webkit-transition: opacity .15s ease-in-out;
|
|
background-color: transparent;
|
|
}
|
|
.sheet-fullpc.active-drop-target.dropping ~ .sheet-compendium_warning,
|
|
.sheet-mancer_confirm_flag[value="1"] ~ .sheet-mancer_confirm,
|
|
.sheet-npc_confirm_flag[value="1"] ~ .sheet-npc_confirm,
|
|
.sheet-initialize_character_flag[value="1"] ~ .sheet-initialize_character {
|
|
display: flex;
|
|
flex-flow: column wrap;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
align-content: center;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 25%;
|
|
z-index: 100;
|
|
border: 2px solid black;
|
|
text-align: center;
|
|
width: 500px;
|
|
height: 220px;
|
|
box-shadow: 6px 6px 6px rgba(128,128,128,0.5);
|
|
}
|
|
.sheet-mancer_confirm button[type="action"].sheet-myrol,
|
|
.sheet-npc_confirm button[type="action"].sheet-myrol {
|
|
width: 370px;
|
|
text-align: center;
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
justify-content: center;
|
|
align-items: center;
|
|
align-content: center;
|
|
height: 32px;
|
|
background: black;
|
|
color: white;
|
|
text-transform: uppercase;
|
|
font-family: 'Times New Roman', Times, serif;
|
|
font-size: 1.1em;
|
|
font-weight: bold;
|
|
}
|
|
.sheet-mancer_confirm button[type="action"].sheet-myrol:hover,
|
|
.sheet-npc_confirm button[type="action"].sheet-myrol:hover {
|
|
color: #BE202E;
|
|
}
|
|
|
|
/* ===== MANCER ===== */
|
|
.sheet-charmancer {
|
|
padding: 0px;
|
|
}
|
|
|
|
.sheet-charmancer .sheet-flexrow {
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.sheet-charmancer select {
|
|
font-family: "Patrick Hand";
|
|
font-size: 1.25em;
|
|
}
|
|
|
|
.sheet-charmancer label {
|
|
margin: 0px;
|
|
}
|
|
.sheet-charmancer label.sheet-inl {
|
|
display: inline;
|
|
margin-right: 4px;
|
|
}
|
|
.sheet-charmancer .sheet-subrow {
|
|
border-top: 1px dashed #999;
|
|
margin-top: 2px;
|
|
}
|
|
.sheet-charmancer.sheet-container {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
flex-basis: 1 1 100%;
|
|
background: white;
|
|
}
|
|
.sheet-charmancer .sheet-choices {
|
|
flex: 50%;
|
|
max-width: 50%;
|
|
padding-right: 1em;
|
|
}
|
|
.sheet-charmancer .sheet-info {
|
|
flex: 50%;
|
|
max-width: calc(50% - 2px);
|
|
}
|
|
.sheet-charmancer .sheet-compendium-page {
|
|
height: 100%;
|
|
}
|
|
.sheet-charmancer iframe {
|
|
height: 100%;
|
|
min-height: 50vh;
|
|
contain: paint;
|
|
}
|
|
.sheet-charmancer .sheet-choice-showing option:disabled {
|
|
background-color: #eee;
|
|
}
|
|
.sheet-charmancer select span.sheet-initials {
|
|
font-size: 6px;
|
|
}
|
|
.sheet-charmancer .sheet-topbar {
|
|
flex: 100%;
|
|
margin-bottom: 10px;
|
|
flex: 100%;
|
|
margin-bottom: 10px;
|
|
flex-direction: row;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
.sheet-charmancer .sheet-topbar div {
|
|
display: inline-block;
|
|
width: auto;
|
|
text-align: center;
|
|
margin: auto;
|
|
}
|
|
.sheet-charmancer .sheet-topbar div span {
|
|
font-size: 1em;
|
|
line-height: 1em;
|
|
font-weight: bold;
|
|
}
|
|
.sheet-charmancer .sheet-steps {
|
|
flex: 100%;
|
|
margin: 0 0 1em;
|
|
display: flex;
|
|
flex-flow: row;
|
|
justify-content: space-between;
|
|
border-top: 1px dotted rgb(140, 140, 140);
|
|
border-left: 1px dotted rgb(140, 140, 140);
|
|
box-shadow: 2px 2px 4px rgb(140, 140, 140);
|
|
}
|
|
.sheet-charmancer .sheet-steps.sheet-center {
|
|
justify-content: center;
|
|
}
|
|
.sheet-charmancer .sheet-steps.sheet-center .sheet-step.sheet-here span {
|
|
padding-left:80px;
|
|
padding-right:80px;
|
|
}
|
|
.sheet-charmancer .sheet-bottombar,
|
|
.sheet-charmancer .sheet-controls {
|
|
flex: 100%;
|
|
margin-bottom: 1em;
|
|
}
|
|
.sheet-charmancer .sheet-bottombar {
|
|
margin-top: 1em;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-flow: row;
|
|
position: sticky;
|
|
bottom: 2px;
|
|
left: calc(50% - 125px);
|
|
max-width: 250px;
|
|
background: white;
|
|
opacity: 0.4;
|
|
}
|
|
.sheet-charmancer .sheet-bottombar:hover{
|
|
opacity: 1;
|
|
}
|
|
.sheet-charmancer .sheet-step,
|
|
.sheet-charmancer .sheet-nav {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 0px 12px 0px 12px;
|
|
color: rgb(140, 140, 140);
|
|
height: 26px;
|
|
max-height: 26px;
|
|
text-align: center;
|
|
font-family: "Times New Roman";
|
|
font-size: 1.15em;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
}
|
|
.sheet-charmancer .sheet-summary .sheet-step {
|
|
display: inline-block;
|
|
color: black;
|
|
font-size: 1em;
|
|
}
|
|
.sheet-charmancer .sheet-step.sheet-cancel,
|
|
.sheet-charmancer .sheet-nav.sheet-cancel {
|
|
color: #BE202E;
|
|
}
|
|
.sheet-charmancer .sheet-bottombar .sheet-nav.sheet-cancel {
|
|
border: 1px solid black;
|
|
background: white;
|
|
}
|
|
.sheet-charmancer .sheet-step:hover,
|
|
.sheet-charmancer .sheet-step.sheet-here:hover,
|
|
.sheet-charmancer .sheet-step.sheet-next:hover,
|
|
.sheet-charmancer .sheet-step.sheet-prev:hover,
|
|
.sheet-charmancer .sheet-step.sheet-done:hover,
|
|
.sheet-charmancer .sheet-nav.sheet-back:hover,
|
|
.sheet-charmancer .sheet-nav.sheet-next:hover {
|
|
color: #BE202E;
|
|
}
|
|
.sheet-charmancer .sheet-step.sheet-cancel:hover,
|
|
.sheet-charmancer .sheet-nav.sheet-cancel:hover {
|
|
color: black;
|
|
}
|
|
.sheet-charmancer .sheet-step.sheet-next {
|
|
background: -webkit-radial-gradient(0 0, circle, transparent 14px, rgb(221, 221, 221) 15px), -webkit-radial-gradient(0 100%, circle, transparent 14px, rgb(221, 221, 221) 15px), -webkit-radial-gradient(100% 0, circle, rgb(221, 221, 221), rgb(221, 221, 221)), -webkit-radial-gradient(100% 100%, circle, rgb(221, 221, 221), rgb(221, 221, 221));
|
|
background-position: top left, bottom left, top right, bottom right;
|
|
background-size: 55% 55%;
|
|
background-repeat: no-repeat;
|
|
color: black;
|
|
padding: 0px 2px 0px 12px;
|
|
}
|
|
.sheet-charmancer .sheet-step.sheet-prev {
|
|
background: -webkit-radial-gradient(0 0, circle, rgb(221, 221, 221), rgb(221, 221, 221)), -webkit-radial-gradient(0 100%, circle, rgb(221, 221, 221), rgb(221, 221, 221)), -webkit-radial-gradient(100% 0, circle, transparent 14px, rgb(221, 221, 221) 15px), -webkit-radial-gradient(100% 100%, circle, transparent 14px, rgb(221, 221, 221) 15px);
|
|
background-position: top left, bottom left, top right, bottom right;
|
|
background-size: 55% 55%;
|
|
background-repeat: no-repeat;
|
|
color: black;
|
|
padding: 0px 12px 0px 2px;
|
|
}
|
|
|
|
.sheet-charmancer .sheet-step.sheet-done {
|
|
background: -webkit-radial-gradient(0 0, circle, transparent 14px, rgb(221, 221, 221) 15px), -webkit-radial-gradient(0 100%, circle, transparent 14px, rgb(221, 221, 221) 15px), -webkit-radial-gradient(100% 0, circle, transparent 14px, rgb(221, 221, 221) 15px), -webkit-radial-gradient(100% 100%, circle, transparent 14px, rgb(221, 221, 221) 15px);
|
|
background-position: top left, bottom left, top right, bottom right;
|
|
background-size: 55% 55%;
|
|
background-repeat: no-repeat;
|
|
color: black;
|
|
padding: 0px 12px 0px 12px;
|
|
}
|
|
.sheet-charmancer .sheet-step.sheet-here {
|
|
background: -webkit-radial-gradient(0 0, circle, transparent 14px, black 15px), -webkit-radial-gradient(0 100%, circle, transparent 14px, black 15px), -webkit-radial-gradient(100% 0, circle, transparent 14px, black 15px), -webkit-radial-gradient(100% 100%, circle, transparent 14px, black 15px);
|
|
background-position: top left, bottom left, top right, bottom right;
|
|
background-size: 55% 55%;
|
|
background-repeat: no-repeat;
|
|
color: white;
|
|
}
|
|
.sheet-charmancer .sheet-nav.sheet-back {
|
|
background: -webkit-radial-gradient(0 0, circle, transparent 14px, black 15px), -webkit-radial-gradient(0 100%, circle, transparent 14px, black 15px), -webkit-radial-gradient(100% 0, circle, black, black), -webkit-radial-gradient(100% 100%, circle, black, black);
|
|
background-position: top left, bottom left, top right, bottom right;
|
|
background-size: 55% 55%;
|
|
background-repeat: no-repeat;
|
|
color: white;
|
|
padding: 0px 2px 0px 12px;
|
|
}
|
|
.sheet-charmancer div.sheet-nav.sheet-next {
|
|
background: -webkit-radial-gradient(0 0, circle, black, black), -webkit-radial-gradient(0 100%, circle, black, black), -webkit-radial-gradient(100% 0, circle, transparent 14px, black 15px), -webkit-radial-gradient(100% 100%, circle, transparent 14px, black 15px);
|
|
background-position: top left, bottom left, top right, bottom right;
|
|
background-size: 55% 55%;
|
|
background-repeat: no-repeat;
|
|
color: white;
|
|
padding: 0px 12px 0px 2px;
|
|
}
|
|
.sheet-charmancer button {
|
|
display: inline-block;
|
|
text-align: center;
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
font-weight: inherit;
|
|
background-color: transparent;
|
|
border: none;
|
|
text-transform: inherit;
|
|
color: inherit;
|
|
}
|
|
.sheet-charmancer button:hover {
|
|
color: #BE202E;
|
|
}
|
|
.sheet-charmancer button:focus {
|
|
outline:0;
|
|
}
|
|
.sheet-charmancer .sheet-row {
|
|
border: 1px solid black;
|
|
border-width: 1px 1px 0px 1px;
|
|
/* margin: 0 -1em 0 -.5em; */
|
|
padding: 2px;
|
|
}
|
|
.sheet-charmancer .sheet-row.sheet-last {
|
|
border-width: 0px 1px 1px 1px;
|
|
}
|
|
|
|
.sheet-charmancer .sheet-race_traits,
|
|
.sheet-charmancer .sheet-class_traits,
|
|
.sheet-charmancer .sheet-subclass1_traits,
|
|
.sheet-charmancer .sheet-subclass1_powers,
|
|
.sheet-charmancer .sheet-subclass2_traits,
|
|
.sheet-charmancer .sheet-subclass2_powers {
|
|
color: #404040;
|
|
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
font-size: 13px;
|
|
}
|
|
.sheet-charmancer .sheet-race_traits b,
|
|
.sheet-charmancer .sheet-class_traits b,
|
|
.sheet-charmancer .sheet-subclass1_traits b,
|
|
.sheet-charmancer .sheet-subclass1_powers b,
|
|
.sheet-charmancer .sheet-subclass2_traits b,
|
|
.sheet-charmancer .sheet-subclass2_powers b {
|
|
display: block;
|
|
}
|
|
/* .sheet-charmancer .sheet-race_traits b + b {
|
|
margin-top: .5em;
|
|
} */
|
|
.sheet-charmancer select {
|
|
margin-bottom: 0;
|
|
}
|
|
.sheet-charmancer label p,
|
|
.sheet-charmancer label span {
|
|
font-weight: normal;
|
|
font-family: sans-serif;
|
|
font-size: 1em;
|
|
color: black;
|
|
}
|
|
.sheet-charmancer label span.sheet-title {
|
|
font-weight: bold;
|
|
font-size: inherit;
|
|
color: inherit;
|
|
font-family: sans-serif;
|
|
}
|
|
.sheet-charmancer .sheet-subrow span.sheet-title {
|
|
font-weight: bold;
|
|
font-size: inherit;
|
|
color: #999;
|
|
font-family: sans-serif;
|
|
}
|
|
.sheet-charmancer label,
|
|
.sheet-charmancer .sheet-label {
|
|
font-size: 1.1em;
|
|
padding: 0px;
|
|
}
|
|
.sheet-charmancer .sheet-label {
|
|
display: block;
|
|
font-weight: bold;
|
|
}
|
|
.sheet-charmancer select + select {
|
|
margin-top: .5em;
|
|
}
|
|
.sheet-charmancer label.sheet-compendium-opt,
|
|
.sheet-charmancer label.sheet-compendium-opt > *,
|
|
.sheet-charmancer label.sheet-abilities_attribute {
|
|
display: inline;
|
|
vertical-align: unset;
|
|
}
|
|
.sheet-charmancer .sheet-cancel-prompt {
|
|
position: absolute;
|
|
background: white;
|
|
border: 2px solid black;
|
|
width: 500px;
|
|
left: 25%;
|
|
text-align: center;
|
|
padding: 40px 50px 30px 50px;
|
|
top: 150px;
|
|
box-shadow: 6px 6px 6px rgba(128,128,128,0.5);
|
|
}
|
|
/* .sheet-charmancer *[required] {} */
|
|
.sheet-charmancer .sheet-hilite::after {
|
|
content: '* required';
|
|
font-style: italic;
|
|
font-weight: normal;
|
|
display: block;
|
|
font-size: 0.9em;
|
|
/* font-variant: titling-caps; */
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet-charmancer .sheet-abilities_custom .sheet-hilite::after {
|
|
display: inline-block;
|
|
margin-left: 4px;
|
|
}
|
|
.sheet-charmancer .sheet-abilities_custom span.sheet-title,
|
|
.sheet-charmancer .sheet-custom_race.sheet-race_abilities label span.sheet-title {
|
|
width: 100px;
|
|
}
|
|
.sheet-charmancer .sheet-warning {
|
|
color: #BE202E;
|
|
font-style: italic;
|
|
margin-top: 1em;
|
|
}
|
|
.sheet-charmancer .sheet-hilite {
|
|
color: #BE202E;
|
|
/* background: rgb(221,221,221); */
|
|
/* border-radius: .5em; */
|
|
box-sizing: border-box;
|
|
/* padding: 2px; */
|
|
}
|
|
.sheet-manver .sheet-yes_spells {
|
|
display: flex;
|
|
}
|
|
.sheet-charmancer button.sheet-mancer {
|
|
border-radius: 4px;
|
|
font-family: "Times New Roman";
|
|
background: black;
|
|
color: white;
|
|
font-weight: bold;
|
|
padding: 0px 2px 0px 2px;
|
|
font-size: 1.1em;
|
|
}
|
|
.sheet-charmancer button.sheet-mancer.sheet-d6:before {
|
|
font-family: "dicefontd6";
|
|
content: "f";
|
|
font-size: 1.3em;
|
|
line-height: 1.0em;
|
|
margin: 0px 2px 0px 2px;
|
|
font-weight: normal;
|
|
}
|
|
.sheet-charmancer button.sheet-mancer.sheet-clear:before {
|
|
font-family: "Pictos";
|
|
content: "1";
|
|
font-size: 1.2em;
|
|
line-height: 1.0em;
|
|
margin: 0px 2px 0px 2px;
|
|
font-weight: normal;
|
|
}
|
|
.sheet-charmancer button.sheet-mancer_info {
|
|
font-family: pictos;
|
|
font-size: 1.2em;
|
|
display: inline;
|
|
border: none;
|
|
background: none;
|
|
color: black;
|
|
}
|
|
.sheet-charmancer button.sheet-mancer_info:hover {
|
|
color: black;
|
|
background: none;
|
|
}
|
|
|
|
.sheet-charmancer .sheet-skillitem {
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
/* border-bottom: 1px dotted #BBB; */
|
|
}
|
|
.sheet-charmancer .sheet-skillitem:nth-child(even) {
|
|
background: #DDD;
|
|
}
|
|
.sheet-charmancer .sheet-skillitem:first-child{
|
|
margin-top: 10px;
|
|
}
|
|
.sheet-charmancer .sheet-skillitem .sheet-lab {
|
|
font-weight: bold;
|
|
}
|
|
.sheet-charmancer .sheet-skillitem .sheet-name_skill {
|
|
width: 190px;
|
|
}
|
|
.sheet-charmancer .sheet-skillitem .sheet-class_skill {
|
|
width: 30px;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
.sheet-charmancer .sheet-skillitem .sheet-bonus_skill {
|
|
width: 35px;
|
|
text-align: right;
|
|
}
|
|
.sheet-charmancer .sheet-skillitem .sheet-total_skill {
|
|
width: 30px;
|
|
text-align: right;
|
|
font-weight: bold;
|
|
padding-right: 3px;
|
|
}
|
|
|
|
.sheet-charmancer .sheet-abilities_radio_strength,
|
|
.sheet-charmancer .sheet-abilities_radio_dexterity,
|
|
.sheet-charmancer .sheet-abilities_radio_constitution,
|
|
.sheet-charmancer .sheet-abilities_radio_intelligence,
|
|
.sheet-charmancer .sheet-abilities_radio_wisdom,
|
|
.sheet-charmancer .sheet-abilities_radio_charisma,
|
|
.sheet-charmancer .sheet-abilities_radio_strengthd6,
|
|
.sheet-charmancer .sheet-abilities_radio_dexterityd6,
|
|
.sheet-charmancer .sheet-abilities_radio_constitutiond6,
|
|
.sheet-charmancer .sheet-abilities_radio_intelligenced6,
|
|
.sheet-charmancer .sheet-abilities_radio_wisdomd6,
|
|
.sheet-charmancer .sheet-abilities_radio_charismad6 {
|
|
padding: 0px 10px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.sheet-charmancer span label.sheet-compendium-opt {
|
|
position: relative;
|
|
}
|
|
.sheet-charmancer span label.sheet-compendium-opt > span {
|
|
border: 1px solid black;
|
|
/* border-radius: 5px; */
|
|
display: inline-block;
|
|
min-width: 1.618em;
|
|
background-color: #DDD;
|
|
color: black;
|
|
text-align: center;
|
|
font-weight: normal;
|
|
cursor: pointer;
|
|
font-family: 'Patrick Hand';
|
|
font-size: 1.25em;
|
|
padding: 2px;
|
|
}
|
|
.sheet-charmancer span label.sheet-compendium-opt > input[type=radio]:disabled + span {
|
|
color: #ddd;
|
|
background-color: white;
|
|
border-color: #ddd;
|
|
cursor: not-allowed;
|
|
}
|
|
.sheet-charmancer span label.sheet-compendium-opt > input[type=radio]:checked + span {
|
|
color: white;
|
|
background-color: black;
|
|
border: 3px solid #BE202E;
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
}
|
|
.sheet-charmancer span .sheet-compendium-opt > input[type=radio] {
|
|
opacity: 0;
|
|
width: 0;
|
|
cursor: none;
|
|
}
|
|
.sheet-charmancer h4 {
|
|
font-family: sans-serif;
|
|
font-size: 1.15em;
|
|
text-transform: capitalize;
|
|
padding: 2px 6px 2px 6px;
|
|
line-height: 18px;
|
|
margin: 0;
|
|
font-weight: normal;
|
|
color: white;
|
|
text-rendering: optimizelegibility;
|
|
/* font-family: "Times New Roman"; */
|
|
background: black;
|
|
}
|
|
|
|
.sheet-charmancer .sheet-logos {
|
|
height: 75px;
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.sheet-charmancer .sheet-logo {
|
|
margin: auto;
|
|
}
|
|
.sheet-charmancer .sheet-logo.sheet-pf {
|
|
width: 235px;
|
|
}
|
|
.sheet-charmancer .sheet-logo.sheet-cm {
|
|
width: 300px;
|
|
}
|
|
.sheet-charmancer .sheet-logo.sheet-r20 {
|
|
width: 200px;
|
|
}
|
|
.sheet-charmancer .sheet-boxed.sheet-greybg {
|
|
min-width: 35px;
|
|
display: flex;
|
|
}
|
|
.sheet-charmancer .sheet-boxed.sheet-greybg span {
|
|
font-family: "Patrick Hand";
|
|
font-size: 1.2em;
|
|
margin: auto;
|
|
color: black;
|
|
}
|
|
.sheet-charmancer .sheet-separator:after {
|
|
content: "●";
|
|
color: black;
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
.sheet-charmancer .sheet-summary_text {
|
|
margin: 5px 0px 5px 30px;
|
|
font-weight: normal;
|
|
font-size: 1em;
|
|
}
|
|
.sheet-charmancer .sheet-summary_text.sheet-red {
|
|
color: #BE202E;
|
|
}
|
|
.sheet-charmancer .sheet-summary_text.sheet-red.sheet-req {
|
|
font-weight: bold;
|
|
}
|
|
.sheet-charmancer .sheet-summary_text.sheet-red.sheet-req::before {
|
|
font-family: "Pictos";
|
|
content: "!";
|
|
font-weight: normal;
|
|
font-size: 1.3em;
|
|
}
|
|
|
|
.sheet-charmancer .sheet-mancer_progress {
|
|
width: 100%;
|
|
/* border: 2px solid black; */
|
|
border-top: 1px dotted rgb(140, 140, 140);
|
|
border-left: 1px dotted rgb(140, 140, 140);
|
|
box-shadow: 2px 2px 4px rgb(140, 140, 140);
|
|
height: 20px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.sheet-charmancer .sheet-mancer_progress div {
|
|
/* background-color: #BE202E; */
|
|
background-image: linear-gradient(to right, white, #BE202E);
|
|
height: 100%;
|
|
}
|
|
|
|
.sheet-charmancer button.sheet-apply {
|
|
display: none;
|
|
}
|
|
.sheet-charmancer button.sheet-apply.sheet-not {
|
|
display: block;
|
|
}
|
|
.sheet-charmancer input.sheet-apply:not([value="0"]) ~ button.sheet-apply {
|
|
display: block;
|
|
}
|
|
.sheet-charmancer input.sheet-apply:not([value="0"]) ~ button.sheet-apply.sheet-not {
|
|
display: none;
|
|
}
|
|
.sheet-charmancer button.sheet-apply.sheet-not:hover {
|
|
color: #DDD;
|
|
cursor: not-allowed;
|
|
} |