Files
mac 6044318556 Update ShinobiGami.css
reduce teatarea font size
2024-01-08 21:58:12 +09:00

1743 lines
50 KiB
CSS

select,
div,
button,
textarea,
span,
input,
img,
label{
box-sizing: border-box;
}
div{
margin: 0px;
padding: 0px;
}
img{
margin: 0px;
padding: 0px;
}
table, th, td {
max-width:850px;
border: 1px solid black;
text-align:center;
font-size: 1.00em;
}
/* ==== CLASSES ==== */
.sheet-skill-table {
/* Center the table */
width: 98%;
margin-right: auto;
margin-left: auto;
}
.sheet-skill-table th,
/* The select needs to be styled explicitly */
.sheet-skill-table th select {
background-color: black;
color: white;
}
.sheet-skill-checkbox-input {
width: 1em;
}
.sheet-skill-target-input {
width: 1.3em;
}
.sheet-skill-roll-button {
font-weight: bold;
width: 100%;
max-width: 6em;
overflow-x: hidden;
}
.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-invisible {
opacity: 0;
}
/* ==== DIVS ==== */
div.sheet-fullpc{
display: block;
vertical-align: top;
text-align: left;
width: 850px;
max-width: 850px;
background-color: white;
font-family: 'Times New Roman';
color: black;
}
div.sheet-myrow{
width: 100%;
text-align: left;
}
div.sheet-myrow.sheet-right{
text-align: right;
}
div.sheet-myrow.sheet-center{
text-align: center;
}
div.sheet-colhalf{
display: inline-block;
vertical-align: top;
width: 99.6%;
text-align: left;
}
div.sheet-col1third{
display: inline-block;
vertical-align: top;
width: 276px;
max-width: 25%;
margin: 1px;
text-align: center;
}
div.sheet-col2third{
display: inline-block;
vertical-align: top;
width: 560px;
max-width: 37%;
}
.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;
}
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.sheet-greybg{
background-color: #DDD;
}
div.sheet-subcol {
display: inline-block;
vertical-align: top;
}
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: 100px;}
.sheet-identity input[type=text].sheet-small {width: 46px;}
.sheet-initiative .sheet-blacklabel {width: 70px;}
.sheet-initiative div.sheet-boxed {margin-left: 5px;}
.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: 63px;}
.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-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: 180px;}
.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;
}
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;
}
.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-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: 85px;}
.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;}
/* ===== 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-abilities .sheet-lab {width: 50px;}
.sheet-hpvalues .sheet-lab {width: 40px;}
.sheet-initiative .sheet-lab {width: 45px;}
.sheet-acvalues .sheet-lab,
.sheet-saves .sheet-lab,
.sheet-babs .sheet-lab,
.sheet-attackmods .sheet-lab,
.sheet-defenses .sheet-lab,
.sheet-speeds .sheet-lab {width: 40px;}
.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;
}
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;
text-align:center;
display: inline-block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-family: '';
font-size: 1.0em;
color: rgb(85, 85, 85);
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: 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"] {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;
text-align: center;
text-align-last:center;
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;
}
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;
}
/* ===== 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{
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: middle;
display: inline-block;
vertical-align: middle;
background: transparent;
}
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: "✔";
}
/* ==== 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: #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-background .sheet-options-flag,
.sheet-background .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 {
top: -2px;
left: 0px;
}
.sheet-saves .sheet-options-flag.sheet-reflex,
.sheet-saves .sheet-options-flag.sheet-reflex + span {
top: -2px;
left: 148px;
}
.sheet-saves .sheet-options-flag.sheet-will,
.sheet-saves .sheet-options-flag.sheet-will + span {
top: -2px;
left: 281px;
}
.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 {
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-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: 1em;
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-Ninpo,
.sheet-rolltemplate-npc {font-family: sans-serif;}
/* API buttons */
.sheet-rolltemplate-Ninpo 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-Ninpo a:hover {color: #BE202E;}
/* Rolls */
.sheet-rolltemplate-Ninpo .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-Ninpo .inlinerollresult {color: #182C4A;}
.sheet-rolltemplate-npc .inlinerollresult {color: #222;}
.sheet-rolltemplate-Ninpo .sheet-resright .inlinerollresult,
.sheet-rolltemplate-npc .sheet-bigres .inlinerollresult {
font-size: 1.6em;
line-height: 1.45em;
}
.sheet-rolltemplate-Ninpo .sheet-success,
.sheet-rolltemplate-npc .sheet-success {
color: #247305;
}
.sheet-rolltemplate-Ninpo .sheet-failure,
.sheet-rolltemplate-npc .sheet-failure {
color: #BE202E;
}
.sheet-rolltemplate-Ninpo .inlinerollresult.fullcrit,
.sheet-rolltemplate-npc .inlinerollresult.fullcrit {
border: none;
color: #247305;
}
.sheet-rolltemplate-Ninpo .inlinerollresult.importantroll,
.sheet-rolltemplate-npc .inlinerollresult.importantroll {
border: none;
color: #4A57ED;
}
.sheet-rolltemplate-Ninpo .inlinerollresult.fullfail,
.sheet-rolltemplate-npc .inlinerollresult.fullfail {
border: none;
color: #BE202E;
}
/* flex */
.sheet-rolltemplate-Ninpo .sheet-flexatk,
.sheet-rolltemplate-npc .sheet-flexatk {
display: flex;
justify-content: space-between;
align-items: center;
}
.sheet-rolltemplate-Ninpo .sheet-flexatk {border-top: 1px dotted #182C4A;}
.sheet-rolltemplate-npc .sheet-flexatk {border-top: 1px dotted #3C2517;}
.sheet-rolltemplate-Ninpo .sheet-spacer,
.sheet-rolltemplate-npc .sheet-spacer {flex-grow: 2;}
.sheet-rolltemplate-Ninpo .sheet-flexdmg,
.sheet-rolltemplate-npc .sheet-flexdmg {
display: flex;
align-items: center;
}
/* classes */
.sheet-rolltemplate-Ninpo div,
.sheet-rolltemplate-Ninpo span,
.sheet-rolltemplate-Ninpo img,
.sheet-rolltemplate-npc div,
.sheet-rolltemplate-npc span,
.sheet-rolltemplate-npc img {
box-sizing: border-box;
}
.sheet-rolltemplate-Ninpo div,
.sheet-rolltemplate-npc div {
margin: 0px;
padding: 0px;
}
.sheet-rolltemplate-Ninpo img,
.sheet-rolltemplate-npc img {
margin: 0px;
padding: 0px;
}
.sheet-rolltemplate-Ninpo .sheet-center,
.sheet-rolltemplate-npc .sheet-center {text-align: center;}
.sheet-rolltemplate-Ninpo .sheet-right,
.sheet-rolltemplate-npc .sheet-right {text-align: right;}
.sheet-rolltemplate-Ninpo .sheet-ital,
.sheet-rolltemplate-npc .sheet-ital {font-style: italic;}
.sheet-rolltemplate-Ninpo .sheet-inl,
.sheet-rolltemplate-npc .sheet-inl {display: inline;}
.sheet-rolltemplate-Ninpo .sheet-bold,
.sheet-rolltemplate-npc .sheet-bold {font-weight: bold;}
.sheet-rolltemplate-Ninpo .sheet-vtop,
.sheet-rolltemplate-npc .sheet-vtop {vertical-align: top;}
.sheet-rolltemplate-Ninpo .sheet-myrow,
.sheet-rolltemplate-npc .sheet-myrow {
padding: 0px 1px 0px 2px;
}
.sheet-rolltemplate-Ninpo .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-Ninpo 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-Ninpo 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-Ninpo 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-Ninpo div.sheet-desc {
background-color: white;
border-color: #182C4A;
}
.sheet-rolltemplate-npc div.sheet-desc {
border-color: #3C2517;
background-color: white;
}
.sheet-rolltemplate-Ninpo span.sheet-notes,
.sheet-rolltemplate-npc span.sheet-notes {
font-family: sans-serif;
font-size: 0.9em;
color: black;
}
.sheet-rolltemplate-Ninpo .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-Ninpo .sheet-lbl {color: #182C4A;}
.sheet-rolltemplate-npc .sheet-lbl {color: #3C2517;}
.sheet-rolltemplate-Ninpo .sheet-bordered,
.sheet-rolltemplate-npc .sheet-bordered {
border-style: solid;
border-width: 1px;
text-align: left;
vertical-align: top;
position: relative;
}
/* ICONS */
.sheet-rolltemplate-Ninpo .sheet-icon,
.sheet-rolltemplate-npc .sheet-icon {
position: absolute;
top: 6px;
left: -40px;
width: 40px;
text-align: center;
}
.sheet-rolltemplate-Ninpo .sheet-icon::after,
.sheet-rolltemplate-npc .sheet-icon::after {font-size: 1.55em;}
.sheet-rolltemplate-Ninpo .sheet-icon::after {color: #182C4A;}
.sheet-rolltemplate-npc .sheet-icon::after {color: #3C2517;}
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-initiative::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-initiative::after {
font-family: "Pictos";
content: 'g';
font-size: 2em;
}
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-skill::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-skill::after {
font-family: "Pictos";
content: 'x';
}
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-hp::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-hp::after {
font-family: "Pictos";
content: 'k';
}
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-save::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-save::after {
font-family: "Pictos Custom";
content: 'e';
}
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-attackdamage::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-attackdamage::after {
font-family: "Pictos Custom";
font-weight: bold;
content: '⚔t';
}
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-attack::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-attack::after {
font-family: "Pictos Custom";
font-weight: bold;
content: '⚔';
}
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-damage::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-damage::after {
font-family: "Pictos Custom";
font-weight: bold;
content: 't';
}
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-ability::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-ability::after {
font-family: "Pictos";
content: 'U';
}
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-feat::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-feat::after {
font-family: "Pictos";
content: 'E';
}
.sheet-rolltemplate-Ninpo .sheet-icon.sheet-spell::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-spell::after {
font-family: "Pictos Three";
content: 'j';
font-size: 2em;
}
.sheet-rolltemplate-Ninpo .sheet-bordered {
background-color: white;
border-color: #182C4A;
}
.sheet-rolltemplate-npc .sheet-bordered {
background-color: white;
border-color: #3C2517;
}
.sheet-rolltemplate-Ninpo .sheet-symbol,
.sheet-rolltemplate-npc .sheet-symbol {
font-family: "Pictos Custom";
font-size: 1.3em;
font-weight: bold;
line-height: 1em;
}
.sheet-rolltemplate-Ninpo .sheet-smallname,
.sheet-rolltemplate-npc .sheet-smallname {
font-family: sans-serif;
font-size: 0.9em;
}
.sheet-rolltemplate-Ninpo .sheet-smallname {color: #182C4A;}
.sheet-rolltemplate-npc .sheet-smallname {color: #3C2517;}
/* top bands */
.sheet-rolltemplate-Ninpo img.sheet-brdright,
.sheet-rolltemplate-Ninpo img.sheet-brdleft {
display: inline-block;
position: absolute;
vertical-align: top;
top: 0px;
}
.sheet-rolltemplate-Ninpo img.sheet-brdleft {left: 0px;}
.sheet-rolltemplate-Ninpo img.sheet-brdright {right: 0px;}
.sheet-rolltemplate-Ninpo .sheet-blacklabel,
.sheet-rolltemplate-npc .sheet-blacklabel {
display: inline-block;
vertical-align: top;
border: none;
position: relative;
font-size: 0.9em;
}
.sheet-rolltemplate-Ninpo .sheet-blacklabel {
background-color: #182C4A;
color: white;
}
.sheet-rolltemplate-npc .sheet-blacklabel {
background-color: transparent;
color: #3C2517;
font-weight: bold;
}
/* top */
.sheet-rolltemplate-Ninpo .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-Ninpo .sheet-blacklabel.sheet-top img.sheet-brdright,
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-top img.sheet-brdright {
width: 26px;
height: 36px;
}
/* med */
.sheet-rolltemplate-Ninpo 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-Ninpo .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-Ninpo .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-Ninpo .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-Ninpo .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-Ninpo .sheet-blacklabel.sheet-med img.sheet-brdleft,
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med img.sheet-brdleft,
.sheet-rolltemplate-Ninpo .sheet-blacklabel.sheet-med img.sheet-brdright,
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med img.sheet-brdright {
height: 20px;
}
.sheet-element-to-determine-style-A2[value='1'] ~ div .sheet-element-to-style-A2,
.sheet-element-to-determine-style-B2[value='1'] ~ div .sheet-element-to-style-B2,
.sheet-element-to-determine-style-C2[value='1'] ~ div .sheet-element-to-style-C2,
.sheet-element-to-determine-style-D2[value='1'] ~ div .sheet-element-to-style-D2,
.sheet-element-to-determine-style-E2[value='1'] ~ div .sheet-element-to-style-E2,
.sheet-element-to-determine-style-F2[value='1'] ~ div .sheet-element-to-style-F2,
.sheet-element-to-determine-style-A3[value='1'] ~ div .sheet-element-to-style-A3,
.sheet-element-to-determine-style-B3[value='1'] ~ div .sheet-element-to-style-B3,
.sheet-element-to-determine-style-C3[value='1'] ~ div .sheet-element-to-style-C3,
.sheet-element-to-determine-style-D3[value='1'] ~ div .sheet-element-to-style-D3,
.sheet-element-to-determine-style-E3[value='1'] ~ div .sheet-element-to-style-E3,
.sheet-element-to-determine-style-F3[value='1'] ~ div .sheet-element-to-style-F3,
.sheet-element-to-determine-style-A4[value='1'] ~ div .sheet-element-to-style-A4,
.sheet-element-to-determine-style-B4[value='1'] ~ div .sheet-element-to-style-B4,
.sheet-element-to-determine-style-C4[value='1'] ~ div .sheet-element-to-style-C4,
.sheet-element-to-determine-style-D4[value='1'] ~ div .sheet-element-to-style-D4,
.sheet-element-to-determine-style-E4[value='1'] ~ div .sheet-element-to-style-E4,
.sheet-element-to-determine-style-F4[value='1'] ~ div .sheet-element-to-style-F4,
.sheet-element-to-determine-style-A5[value='1'] ~ div .sheet-element-to-style-A5,
.sheet-element-to-determine-style-B5[value='1'] ~ div .sheet-element-to-style-B5,
.sheet-element-to-determine-style-C5[value='1'] ~ div .sheet-element-to-style-C5,
.sheet-element-to-determine-style-D5[value='1'] ~ div .sheet-element-to-style-D5,
.sheet-element-to-determine-style-E5[value='1'] ~ div .sheet-element-to-style-E5,
.sheet-element-to-determine-style-F5[value='1'] ~ div .sheet-element-to-style-F5,
.sheet-element-to-determine-style-A6[value='1'] ~ div .sheet-element-to-style-A6,
.sheet-element-to-determine-style-B6[value='1'] ~ div .sheet-element-to-style-B6,
.sheet-element-to-determine-style-C6[value='1'] ~ div .sheet-element-to-style-C6,
.sheet-element-to-determine-style-D6[value='1'] ~ div .sheet-element-to-style-D6,
.sheet-element-to-determine-style-E6[value='1'] ~ div .sheet-element-to-style-E6,
.sheet-element-to-determine-style-F6[value='1'] ~ div .sheet-element-to-style-F6,
.sheet-element-to-determine-style-A7[value='1'] ~ div .sheet-element-to-style-A7,
.sheet-element-to-determine-style-B7[value='1'] ~ div .sheet-element-to-style-B7,
.sheet-element-to-determine-style-C7[value='1'] ~ div .sheet-element-to-style-C7,
.sheet-element-to-determine-style-D7[value='1'] ~ div .sheet-element-to-style-D7,
.sheet-element-to-determine-style-E7[value='1'] ~ div .sheet-element-to-style-E7,
.sheet-element-to-determine-style-F7[value='1'] ~ div .sheet-element-to-style-F7,
.sheet-element-to-determine-style-A8[value='1'] ~ div .sheet-element-to-style-A8,
.sheet-element-to-determine-style-B8[value='1'] ~ div .sheet-element-to-style-B8,
.sheet-element-to-determine-style-C8[value='1'] ~ div .sheet-element-to-style-C8,
.sheet-element-to-determine-style-D8[value='1'] ~ div .sheet-element-to-style-D8,
.sheet-element-to-determine-style-E8[value='1'] ~ div .sheet-element-to-style-E8,
.sheet-element-to-determine-style-F8[value='1'] ~ div .sheet-element-to-style-F8,
.sheet-element-to-determine-style-A9[value='1'] ~ div .sheet-element-to-style-A9,
.sheet-element-to-determine-style-B9[value='1'] ~ div .sheet-element-to-style-B9,
.sheet-element-to-determine-style-C9[value='1'] ~ div .sheet-element-to-style-C9,
.sheet-element-to-determine-style-D9[value='1'] ~ div .sheet-element-to-style-D9,
.sheet-element-to-determine-style-E9[value='1'] ~ div .sheet-element-to-style-E9,
.sheet-element-to-determine-style-F9[value='1'] ~ div .sheet-element-to-style-F9,
.sheet-element-to-determine-style-A10[value='1'] ~ div .sheet-element-to-style-A10,
.sheet-element-to-determine-style-B10[value='1'] ~ div .sheet-element-to-style-B10,
.sheet-element-to-determine-style-C10[value='1'] ~ div .sheet-element-to-style-C10,
.sheet-element-to-determine-style-D10[value='1'] ~ div .sheet-element-to-style-D10,
.sheet-element-to-determine-style-E10[value='1'] ~ div .sheet-element-to-style-E10,
.sheet-element-to-determine-style-F10[value='1'] ~ div .sheet-element-to-style-F10,
.sheet-element-to-determine-style-A11[value='1'] ~ div .sheet-element-to-style-A11,
.sheet-element-to-determine-style-B11[value='1'] ~ div .sheet-element-to-style-B11,
.sheet-element-to-determine-style-C11[value='1'] ~ div .sheet-element-to-style-C11,
.sheet-element-to-determine-style-D11[value='1'] ~ div .sheet-element-to-style-D11,
.sheet-element-to-determine-style-E11[value='1'] ~ div .sheet-element-to-style-E11,
.sheet-element-to-determine-style-F11[value='1'] ~ div .sheet-element-to-style-F11,
.sheet-element-to-determine-style-A12[value='1'] ~ div .sheet-element-to-style-A12,
.sheet-element-to-determine-style-B12[value='1'] ~ div .sheet-element-to-style-B12,
.sheet-element-to-determine-style-C12[value='1'] ~ div .sheet-element-to-style-C12,
.sheet-element-to-determine-style-D12[value='1'] ~ div .sheet-element-to-style-D12,
.sheet-element-to-determine-style-E12[value='1'] ~ div .sheet-element-to-style-E12,
.sheet-element-to-determine-style-F12[value='1'] ~ div .sheet-element-to-style-F12,
.sheet-element-to-determine-style-MuLian[value='1'] ~ div .sheet-element-to-style-MuLian,
.sheet-element-to-determine-style-MuoChie[value='1'] ~ div .sheet-element-to-style-MuoChie{
background-color: red;
}
.sheet-element-to-determine-style-A[value='1'] ~ div .sheet-element-to-style-A,
.sheet-element-to-determine-style-B[value='1'] ~ div .sheet-element-to-style-B,
.sheet-element-to-determine-style-C[value='1'] ~ div .sheet-element-to-style-C,
.sheet-element-to-determine-style-D[value='1'] ~ div .sheet-element-to-style-D,
.sheet-element-to-determine-style-E[value='1'] ~ div .sheet-element-to-style-E,
.sheet-element-to-determine-style-Z[value='1'] ~ div .sheet-element-to-style-Z{
background-color: black;
}
.sheet-rolltemplate-Ninpo .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-Ninpo .sheet-resright,
.sheet-rolltemplate-npc .sheet-resright {
display: inline;
float: right;
margin-right: 3px;
clear: both;
font-size: 1.3em;
text-transform: uppercase;
line-height: 1.0em;
}
button[type=roll].sheet-old-roll {
color: #BEBEBE;
background-color: #BEBEBE;
font-weight: bold;
text-align:center;
width: 20px;
height: 20px;
margin: 0.0;
padding: 0.0em;
border: 1px solid black;
border-radius: 5px;
}