Files
roll20-character-sheets-tester/Masks - A New Generation/masks.css
T
Anistuffs 075dd78838 Major Addition, Revision and Improvement
Improved layout.
Added new playbooks.
Added Extras for all playbooks.
Added Team Moves and Moment of Truths for all playbooks.
Added more clarification for all playbooks.
Improvement of layout.
Minor fixes.
Etc.
2020-05-31 12:46:26 +05:30

1237 lines
40 KiB
CSS

p {
font-family: Arial, Helvetica, sans-serif; !important;
}
.charsheet .sheet-maindiv label {
display: inline-block;
width: auto;
margin-left: 5px;
}
/* horizontal dividing line */
hr {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
}
/* cityscape banner */
.charsheet .sheet-maindiv .sheet-section-header {
background: url('http://i.imgur.com/VzFYeyS.png') repeat-x left center transparent;
height: 45px;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
/* entire column sizing & background */
.charsheet .sheet-maindiv .sheet-col.sheet-odd{
background: #d3e5f5 url('http://i.imgur.com/b61mWlr.png') repeat left top;
margin: 0px;
width: 235px;
}
.charsheet .sheet-maindiv .sheet-col.sheet-even{
background: #d3e5f5 url('http://i.imgur.com/b61mWlr.png') repeat left top;
margin-left: 25px;
margin-right: 25px;
width: calc(99% - 520px);
}
/* Danger, Freak etc titles */
.charsheet .sheet-maindiv label.sheet-name {
width: 105px;
font-weight: bold;
font-size: 1.5em;
line-height: 0.1em;
}
/* Reject Influence rolls */
.charsheet .sheet-maindiv label.sheet-reject {
width: 180px;
font-weight: bold;
font-size: 1.5em;
line-height: 0.1em;
}
/* Conditions roll title */
.charsheet .sheet-maindiv label.sheet-nameconditions {
width: 122px;
font-size: 1.5em;
line-height: 0.1em;
}
/* Sum of Labels title */
.sheet-attr-box .sheet-netlabels {
font-size: 1.2em;
font-style: italic;
font-weight: bold;
margin-left: 10px;
margin-right: 16px;
}
.sheet-roll-box .sheet-netlabeltaglines{
max-width: 100%;
margin: 0;
padding-top: 0px;
padding-left: 10px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-attr-box .sheet-locked{
display: none;
}
.sheet-attr-box .sheet-statline{
display: inline-block;
}
/* for locking Labels */
.sheet-labellock:checked ~ .sheet-statline{
display: none;
}
.sheet-labellock:checked ~ .sheet-locked{
display: inline-block;
}
/* Conditions column labels */
.charsheet .sheet-maindiv label.sheet-conditionname {
width: 115px;
padding-left: 10px;
font-size: 1.5em;
line-height: 0.7em;
}
/* section title blocks */
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-labels,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-potential,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-advancements,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-activemoves,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-passivemoves,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-teammoves,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-momentoftruth,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-conditions,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-influence,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-beacondrives,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-bullheart,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-doomeddoom,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-doomeddoomsigns,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-doomednemesis,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-doomedsanctuary,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-specialmove,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-janussecretidentity,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-legacyextra,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-novaburnflare,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-protegementor,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-reformedcontacts,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-newbornablankslate,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-innocentfutureself,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-staraudience,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-joinedbonds,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-joineddistinctions,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-joinedotherhalf,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-brainshame,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-soldierhighercalling,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-harbingerconnectingdots,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-nomadroots,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-scionlineage,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-scionrespect,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-advancedspecial{
height: 57px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-labels{
background: url('https://i.imgur.com/n0domF7.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-potential {
background: url('https://i.imgur.com/K4xOP1h.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-advancements {
background: url('https://i.imgur.com/0iBvXsv.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-activemoves {
background: url('https://i.imgur.com/yIID9bn.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-passivemoves {
background: url('https://i.imgur.com/GMklQFO.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-teammoves {
background: url('https://i.imgur.com/OZCDnC7.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-momentoftruth {
background: url('https://i.imgur.com/XW0pEo2.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-conditions {
background: url('https://i.imgur.com/uAFMp2g.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-influence {
background: url('https://i.imgur.com/VwJBYyc.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-beacondrives {
background: url('https://i.imgur.com/nrYzypM.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-bullheart {
background: url('https://i.imgur.com/FCC4WTD.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-doomeddoom {
background: url('https://i.imgur.com/tYgKeev.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-doomeddoomsigns {
background: url('https://i.imgur.com/QVOvObP.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-doomednemesis {
background: url('https://i.imgur.com/jDJc2IB.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-doomedsanctuary {
background: url('https://i.imgur.com/huNirE8.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-specialmove {
background: url('https://i.imgur.com/hTNQvyi.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-janussecretidentity {
background: url('https://i.imgur.com/FAtW6cL.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-legacyextra {
background: url('https://i.imgur.com/xRtmrjJ.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-novaburnflare {
background: url('https://i.imgur.com/3bXwD4U.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-protegementor {
background: url('https://i.imgur.com/wUyKTAv.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-reformedcontacts {
background: url('https://i.imgur.com/vSTmlo9.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-newbornablankslate {
background: url('https://i.imgur.com/zoj6H8q.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-innocentfutureself {
background: url('https://i.imgur.com/7jvDky0.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-staraudience {
background: url('https://i.imgur.com/YCJkyUk.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-joinedbonds {
background: url('https://i.imgur.com/zicupOV.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-joineddistinctions {
background: url('https://i.imgur.com/KcmBoUy.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-joinedotherhalf {
background: url('https://i.imgur.com/1YZ7gEg.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-brainshame {
background: url('https://i.imgur.com/ZmrJFnu.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-soldierhighercalling {
background: url('https://i.imgur.com/1M0KJG7.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-harbingerconnectingdots {
background: url('https://i.imgur.com/VRhpxmh.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-nomadroots {
background: url('https://i.imgur.com/nboe9S0.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-scionlineage {
background: url('https://i.imgur.com/ixm7DRk.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-scionrespect {
background: url('https://i.imgur.com/BztZpKC.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-advancedspecial {
background: url('https://i.imgur.com/vSPLByy.png') no-repeat left top, url('https://i.imgur.com/KopBCCz.png') repeat-x left top; }
/* french images */
.charsheet.lang-fr .sheet-maindiv .sheet-col .sheet-section-title-labels{
background: url('http://masques.jdrlab.fr/labels.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet.lang-fr .sheet-maindiv .sheet-col .sheet-section-title-potential {
background: url('http://masques.jdrlab.fr/potential.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet.lang-fr .sheet-maindiv .sheet-col .sheet-section-title-advancements {
background: url('http://masques.jdrlab.fr/advancements.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet.lang-fr .sheet-maindiv .sheet-col .sheet-section-title-activemoves {
background: url('http://masques.jdrlab.fr/activemoves.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet.lang-fr .sheet-maindiv .sheet-col .sheet-section-title-passivemoves {
background: url('http://masques.jdrlab.fr/passivemoves.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet.lang-fr .sheet-maindiv .sheet-col .sheet-section-title-conditions {
background: url('http://masques.jdrlab.fr/conditions.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet.lang-fr .sheet-maindiv .sheet-col .sheet-section-title-influence {
background: url('http://masques.jdrlab.fr/influence.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet.lang-fr .sheet-maindiv .sheet-col .sheet-section-title-beacondrives {
background: url('http://masques.jdrlab.fr/drives.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet.lang-fr .sheet-maindiv .sheet-col .sheet-section-title-bullheart {
background: url('http://masques.jdrlab.fr/heart.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet.lang-fr .sheet-maindiv .sheet-col .sheet-section-title-doomeddoom {
background: url('http://masques.jdrlab.fr/doomtrack.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet.lang-fr .sheet-maindiv .sheet-col .sheet-section-title-novaburnflare {
background: url('http://masques.jdrlab.fr/burn.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet.lang-fr .sheet-maindiv .sheet-col .sheet-section-title-protegementor {
background: url('http://masques.jdrlab.fr/mentor.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet.lang-fr .sheet-maindiv .sheet-col .sheet-section-title-newbornablankslate {
background: url('http://masques.jdrlab.fr/lessons.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet.lang-fr .sheet-maindiv .sheet-col .sheet-section-title-reformedcontacts {
background: url('http://masques.jdrlab.fr/contacts.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
/* END french images */
/* gap between column edge and interior elements */
.charsheet .sheet-attr-box {
padding-left: 5px;
}
/* number inputs ie. Label values */
.charsheet .sheet-attr-box input[type=number]{
margin-right: 5px;
width: 50px;
text-align: center;
font-size: 1em;
font-weight: bold;
}
.charsheet .sheet-roll-box input[type=checkbox]{
margin-left: 10px;
}
.ui-dialog .charsheet button[type=roll]{
float: right;
}
label.sheet-attr {
font-size: 1.5em;
display: inline-block;
}
.repcontainer div.repitem {
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
}
/* Move: */
div.repitem .sheet-movenametext {
width: 50px;
box-sizing: border-box;
}
/* Label: */
div.repitem .sheet-movenametextlabel {
margin-left: 37px;
width: 50px;
box-sizing: border-box;
}
/* default text input */
div.repitem input[type=text]{
width: 100%;
padding-left: 8px;
box-sizing: border-box;
font-size: 0.9em;
}
/* move name text inputs */
.sheet-activemoves div.repitem input[type=text]{
width: 184px;
padding-left: 8px;
font-weight: bold;
font-size: 1em;
box-sizing: border-box;
}
.sheet-passivemoves div.repitem input[type=text]{
width: 215px;
padding-left: 8px;
font-weight: bold;
font-size: 1em;
box-sizing: border-box;
}
/* space around Add, Modify buttons etc */
.repcontrol {
margin-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
}
/* active move drop-down box */
.repcontainer div.repitem select {
width: 184px;
margin: 0;
}
div.repitem .sheet-desc, div.repitem .sheet-passivedesc {
box-sizing: border-box;
}
.repitem textarea,.sheet-box textarea {
width: 100%;
height: 61px;
resize: vertical;
font-size: 0.9em;
box-sizing: border-box;
}
/* collapse moves */
.sheet-activemoveshowhide:checked ~ .sheet-activemovecontent{
display: none;
}
.sheet-activehide {
padding-left: 66px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-activeshowhide:checked ~ .sheet-activehidecontent{
display: none;
}
.sheet-passivemoveshowhide:checked ~ .sheet-passivemovecontent{
display: none;
}
.sheet-passivehide {
padding-left: 62px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-passiveshowhide:checked ~ .sheet-passivehidecontent{
display: none;
}
/* italic descriptors */
.sheet-roll-box label.sheet-taglines,
.sheet-roll-box label.sheet-conditiontaglines{
max-width: 100%;
margin: 0;
padding-top: 0px;
padding-left: 37px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-roll-box .sheet-clearconditions{
font-size: 1.1em;
font-weight: bold;
font-style: italic;
}
.sheet-roll-box .sheet-cleartaglines{
font-size: 0.9em;
font-weight: normal;
font-style: italic;
display: inline;
}
.sheet-damagedshow:not(:checked) ~ .sheet-damagedcontent{
display: none;
}
.sheet-roll-box .sheet-damagetaglines{
font-size: 0.9em;
font-weight: normal;
font-style: italic;
display: inline;
}
.sheet-col label.sheet-influencetaglines{
max-width: 100%;
margin: 0;
padding-top: 0px;
padding-bottom: 5px;
padding-left: 7px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
/* all the playbook selection wizardry */
.sheet-beacon,
.sheet-bull,
.sheet-delinquent,
.sheet-doomed,
.sheet-janus,
.sheet-legacy,
.sheet-nova,
.sheet-outsider,
.sheet-protege,
.sheet-transformed,
.sheet-reformed,
.sheet-newborn,
.sheet-innocent,
.sheet-star,
.sheet-joined,
.sheet-brain,
.sheet-soldier,
.sheet-harbinger,
.sheet-nomad,
.sheet-scion,
.sheet-something
{
display: none;
}
.sheet-playbookSelected {
display: none;
}
.sheet-lock:checked ~ .sheet-playbook,
.sheet-lock:checked ~ .sheet-playbook + label {
display: none;
}
.sheet-lock:checked ~ .sheet-playbook:checked,
.sheet-lock:checked ~ .sheet-playbook:checked + label,
.sheet-lock:checked ~ .sheet-playbookSelected {
display: inline-block;
}
.sheet-lock:not(:checked) ~ .sheet-playbook,
.sheet-lock:not(:checked) ~ .sheet-playbook + label {
display: inline-block;
}
.sheet-lock:checked ~ .sheet-classcol {
display: none;
}
.sheet-classcol > .sheet-playbook:checked,
.sheet-classcol > .sheet-playbook:checked + label {
display: inline-block;
}
input.sheet-showhide:checked ~ .sheet-subbox {display: none;}
.sheet-isbeacon:checked ~ .sheet-beacon,
.sheet-isbull:checked ~ .sheet-bull,
.sheet-isdelinquent:checked ~ .sheet-delinquent,
.sheet-isdoomed:checked ~ .sheet-doomed,
.sheet-isjanus:checked ~ .sheet-janus,
.sheet-islegacy:checked ~ .sheet-legacy,
.sheet-isnova:checked ~ .sheet-nova,
.sheet-isoutsider:checked ~ .sheet-outsider,
.sheet-isprotege:checked ~ .sheet-protege,
.sheet-istransformed:checked ~ .sheet-transformed,
.sheet-isreformed:checked ~ .sheet-reformed,
.sheet-isnewborn:checked ~ .sheet-newborn,
.sheet-isinnocent:checked ~ .sheet-innocent,
.sheet-isstar:checked ~ .sheet-star,
.sheet-isjoined:checked ~ .sheet-joined,
.sheet-isbrain:checked ~ .sheet-brain,
.sheet-issoldier:checked ~ .sheet-soldier,
.sheet-isharbinger:checked ~ .sheet-harbinger,
.sheet-isnomad:checked ~ .sheet-nomad,
.sheet-isscion:checked ~ .sheet-scion,
.sheet-issomething:checked ~ .sheet-something
{
display: block;
}
.sheet-playbookSelected .sheet-playbook {
font-weight: bold;
font-size: 1.5em;
}
.sheet-subbox .sheet-movenametext {
padding-left: 5px;
width: 60px;
line-height: 1.3em;
text-align: left;
box-sizing: border-box;
}
.sheet-teammovehide {
padding-left: 66px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-teammove {
padding-left: 5px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-teammoveshowhide:checked ~ .sheet-teammovecontent{
display: none;
}
.sheet-momentunlock {
padding-left: 50px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-moment {
padding-left: 5px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-momentshow:not(:checked) ~ .sheet-momentcontent{
display: none;
}
.sheet-advspecview {
padding-left: 0px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-advspecshow:not(:checked) ~ .sheet-advspeccontent{
display: none;
}
.sheet-subbox .sheet-something textarea {
margin-left: 5px;
width: 294px;
height: 50px;
resize: vertical;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
box-sizing: border-box;
}
.sheet-notetagline{
padding-left: 30px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
/* The Beacon */
.sheet-beacon div.repitem input[type=text]{
width: 198px;
padding-left: 8px;
}
.sheet-beacon div.repitem input[type=checkbox]{
margin-left: 5px;
margin-right: 5px;
}
.sheet-beacon div.repitem .sheet-showhide{
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-beacon .sheet-beacondrivehide:checked ~ .sheet-beacondriveseries{
display: none;
}
.sheet-beacon .sheet-beacondrivecompleted:checked + .sheet-beacondrive{
text-decoration: line-through;
}
.sheet-beacon .sheet-drivetagline{
padding-left: 5px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
/* The Bull */
.sheet-bull .sheet-bullheart label{
margin-left: 10px;
width: 46px;
}
.sheet-bull input[type=text]{
width: 155px;
padding-left: 8px;
margin-right: 5px;
box-sizing: border-box;
}
.sheet-bull .sheet-hearttagline{
padding-left: 5px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-bull .sheet-bullheartrole{
margin-left: 10px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
/* The Doomed */
.sheet-doomed .sheet-doomtagline{
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-doomed .sheet-doomsign{
margin-left: 10px;
font-size: 1em;
font-weight: normal;
font-style: normal;
}
.sheet-doomed input[type=text]{
width: 225px;
padding-left: 8px;
margin-left: 5px;
box-sizing: border-box;
}
.sheet-doomed textarea {
margin-left: 5px;
width: 225px;
height: 50px;
resize: vertical;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
box-sizing: border-box;
}
.sheet-doomed .sheet-sanctuaryreq{
margin-left: 10px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
/* The Janus */
.sheet-janus .sheet-themask {
padding-left: 5px;
font-size: 1em;
font-weight: normal;
font-style: normal;
}
.sheet-janus textarea {
margin-left: 5px;
width: 293px;
height: 50px;
resize: vertical;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
box-sizing: border-box;
}
/* The Legacy */
.sheet-legacy .sheet-legacytagline{
padding-left: 5px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-legacy input[type=text]{
width: 125px;
padding-left: 5px;
margin-left: 5px;
box-sizing: border-box;
}
/* The Nova */
.sheet-nova .sheet-novaburnflare{
padding-left: 5px;
font-size: 1em;
font-weight: normal;
font-style: normal;
}
.sheet-nova .sheet-burntagline{
padding-left: 5px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-flares div.repitem input[type=text]{
width: 215px;
padding-left: 8px;
font-weight: bold;
font-size: 1em;
box-sizing: border-box;
}
.sheet-flareshowhide:checked ~ .sheet-flarecontent{
display: none;
}
/* The Protege */
.sheet-protege .sheet-protegementor {
margin-left: 5px;
margin-bottom: 7px;
}
.sheet-protege .sheet-mentortitle {
width: 74px;
}
.sheet-protege select {
width: 95px;
margin-bottom: 0px;
}
.sheet-protege .sheet-mentortagline{
padding-left: 5px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-protege .sheet-mentorrestitle {
padding-left: 5px;
}
.sheet-protege input[type=text]{
width: 225px;
padding-left: 8px;
margin-left: 5px;
box-sizing: border-box;
}
.sheet-protege textarea {
margin-left: 5px;
width: 225px;
height: 50px;
resize: vertical;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
box-sizing: border-box;
}
/* The Reformed */
.sheet-reformed .sheet-reformedtagline{
padding-left: 5px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-reformed .sheet-reformedobligtagline{
padding-left: 30px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-reformed input[type=text]{
width: 225px;
padding-left: 8px;
margin-left: 5px;
box-sizing: border-box;
}
/* The Newborn */
.sheet-newborn .sheet-newborntagline{
padding-left: 5px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-isnewborn:checked ~ .sheet-normal-conditions{
display: none;
}
.sheet-isnewborn:not(:checked) ~ .sheet-damaged-conditions{
display: none;
}
/* The Star */
.sheet-star .sheet-startagline{
padding-left: 5px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-star .sheet-staraudiencelist{
margin-left: 10px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
/* The Innocent */
.sheet-innocent .sheet-futureself {
padding-left: 5px;
font-size: 1em;
font-weight: normal;
font-style: normal;
}
.sheet-innocent .sheet-futurepath{
margin-left: 10px;
font-size: 1em;
font-weight: normal;
font-style: normal;
}
.sheet-innocent .sheet-futurestep {
padding-left: 5px;
font-size: 1em;
font-weight: normal;
font-style: normal;
}
.sheet-innocent .sheet-futurestepmarked:checked ~ .sheet-futurestep{
font-weight: bold;
}
.sheet-innocent .sheet-futurepathstruck:checked ~ .sheet-futurestep{
text-decoration: line-through;
}
/* The Joined */
.sheet-joined .sheet-bondsdistinctions {
padding-left: 5px;
font-size: 1em;
font-weight: normal;
font-style: normal;
}
.sheet-joined .sheet-bondsdistinct{
margin-left: 10px;
font-size: 1em;
font-weight: normal;
font-style: normal;
}
.sheet-joined .sheet-joinedtagline{
padding-left: 5px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-joined .sheet-joinedotherhalflist{
margin-left: 7px;
padding-left: 5px;
font-size: 0.9em;
font-weight: normal;
font-style: normal;
}
.sheet-joined textarea {
margin-left: 5px;
width: 225px;
height: 70px;
resize: vertical;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
box-sizing: border-box;
}
/* The Brain */
.sheet-brain .sheet-braintagline{
padding-left: 5px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-brain .sheet-brainshamelist{
margin-left: 7px;
padding-left: 5px;
font-size: 0.9em;
font-weight: normal;
font-style: normal;
}
/* The Soldier */
.sheet-soldier .sheet-beforewegetstarted {
padding-left: 5px;
font-size: 1em;
font-weight: normal;
font-style: normal;
}
.sheet-soldier .sheet-soldiertagline{
padding-left: 5px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-issoldier:checked ~ .sheet-normal-sumoflabels{
display: none;
}
.sheet-issoldier:not(:checked) ~ .sheet-soldier-sumoflabels{
display: none;
}
/* The Harbinger */
.sheet-harbinger .sheet-connectdots {
padding-left: 5px;
font-size: 1em;
font-weight: normal;
font-style: normal;
}
.sheet-memories{
padding-left: 62px;
}
.sheet-memories .sheet-statline{
display: inline-block;
}
/* The Nomad */
.sheet-nomad .sheet-nomadtagline{
padding-left: 5px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-isnomad:checked ~ .sheet-normal-influence,
.sheet-isnomad:checked ~ .sheet-normal-reject{
display: none;
}
.sheet-isnomad:not(:checked) ~ .sheet-nomadic-influence,
.sheet-isnomad:not(:checked) ~ .sheet-nomadic-reject{
display: none;
}
.sheet-nomad .sheet-nomadtitle{
padding-left: 5px;
margin-bottom: 5px;
font-size: 1.1em;
font-weight: bold;
font-style: normal;
display: inline;
box-decoration-break: clone;
}
.sheet-nomad .sheet-nomadrootoption1:checked ~ .sheet-nomadoption2,
.sheet-nomad .sheet-nomadrootoption1:checked ~ .sheet-nomadoption3,
.sheet-nomad .sheet-nomadrootoption1:checked ~ .sheet-nomadoption4,
.sheet-nomad .sheet-nomadrootoption1:checked ~ .sheet-nomadoption5,
.sheet-nomad .sheet-nomadrootoption1:checked ~ .sheet-nomadoption6{display: none;}
.sheet-nomad .sheet-nomadrootoption2:checked ~ .sheet-nomadoption1,
.sheet-nomad .sheet-nomadrootoption2:checked ~ .sheet-nomadoption3,
.sheet-nomad .sheet-nomadrootoption2:checked ~ .sheet-nomadoption4,
.sheet-nomad .sheet-nomadrootoption2:checked ~ .sheet-nomadoption5,
.sheet-nomad .sheet-nomadrootoption2:checked ~ .sheet-nomadoption6{display: none;}
.sheet-nomad .sheet-nomadrootoption3:checked ~ .sheet-nomadoption1,
.sheet-nomad .sheet-nomadrootoption3:checked ~ .sheet-nomadoption4,
.sheet-nomad .sheet-nomadrootoption3:checked ~ .sheet-nomadoption5,
.sheet-nomad .sheet-nomadrootoption3:checked ~ .sheet-nomadoption6{display: none;}
.sheet-nomad .sheet-nomadrootoption4:checked ~ .sheet-nomadoption1,
.sheet-nomad .sheet-nomadrootoption4:checked ~ .sheet-nomadoption5,
.sheet-nomad .sheet-nomadrootoption4:checked ~ .sheet-nomadoption6{display: none;}
.sheet-nomad .sheet-nomadrootoption5:checked ~ .sheet-nomadoption1,
.sheet-nomad .sheet-nomadrootoption5:checked ~ .sheet-nomadoption6{display: none;}
.sheet-nomad .sheet-nomadrootoption6:checked ~ .sheet-nomadoption1{display: none;}
/* The Scion */
.sheet-scion .sheet-sciontagline{
padding-left: 5px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-scion input[type=text]{
width: 225px;
padding-left: 8px;
margin-left: 5px;
margin-bottom: 5px;
box-sizing: border-box;
}
.sheet-scion textarea {
margin-left: 5px;
width: 225px;
height: 50px;
resize: vertical;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
box-sizing: border-box;
}
/* Advanced Specials */
.sheet-advspeccontent .sheet-advspectagline{
padding-left: 5px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-advspeccontent .sheet-advflares input[type=text]{
width: 214px;
padding-left: 8px;
font-weight: bold;
font-size: 1em;
box-sizing: border-box;
}
.sheet-advspeccontent .sheet-advbigtitle {
padding-left: 10px;
width: 45px;
box-sizing: border-box;
}
.sheet-advspeccontent .sheet-advflareshowhide1:checked ~ .sheet-advflarecontent1{
display: none;
}
.sheet-advspeccontent .sheet-advflareshowhide2:checked ~ .sheet-advflarecontent2{
display: none;
}
.sheet-advspeccontent .sheet-advflareshowhide3:checked ~ .sheet-advflarecontent3{
display: none;
}
.sheet-advspeccontent textarea {
margin-left: 5px;
width: 293px;
height: 50px;
resize: vertical;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
box-sizing: border-box;
}
.sheet-advspeccontent div.repitem input[type=text]{
width: 250px;
padding-left: 8px;
}
.sheet-advspeccontent div.repitem input[type=checkbox]{
margin-left: 5px;
margin-right: 5px;
}
.sheet-advspeccontent div.repitem .sheet-showhide{
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-advspeccontent .sheet-beacondrivehide:checked ~ .sheet-beacondriveseries{
display: none;
}
.sheet-advspeccontent .sheet-beacondrivecompleted:checked + .sheet-beacondrive{
text-decoration: line-through;
}
.sheet-advspeccontent .sheet-advcheckbox{
margin-left: 10px;
padding-left: 5px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-advspeccontent .sheet-advbullheart input[type=text]{
width: 230px;
padding-left: 8px;
margin-left: 5px;
font-weight: bold;
font-size: 1em;
box-sizing: border-box;
}
.sheet-advspeccontent .sheet-advspecdoomtagline{
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-advspeccontent .sheet-advspecmentor input[type=text]{
width: 293px;
padding-left: 8px;
margin-left: 5px;
font-weight: bold;
font-size: 1em;
box-sizing: border-box;
}
.sheet-advspeccontent select {
width: 150px;
margin-left: 15px;
margin-bottom: 0px;
}
.sheet-advspeccontent .sheet-advspecprotegementor {
margin-left: 2px;
margin-bottom: 7px;
}
.sheet-advspeccontent .sheet-advmentortitle {
box-sizing: border-box;
width: 74px;
}
.sheet-advspeccontent .sheet-advmentorrestitle {
padding-left: 5px;
}
.sheet-advspeccontent .sheet-advspeclegacy input[type=text]{
width: 160px;
padding-left: 5px;
margin-left: 5px;
box-sizing: border-box;
}
/* because Brain gets 2 different advanced specials*/
.sheet-advspecbraintext1 {
padding-left: 60px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-advspecbraintext2 {
padding-left: 70px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-advspecbrain1:not(:checked) + .sheet-advspeccontent{
display: none;
}
.sheet-advspecbrain2:not(:checked) + .sheet-advspeccontent{
display: none;
}
/**
* http://nicolasgallagher.com/micro-clearfix-hack/
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* contenteditable attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that are clearfixed.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.sheet-cf:before,
.sheet-cf:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.sheet-cf:after {
clear: both;
}
/* roll template */
.sheet-rolltemplate-aw table {
width: 189px;
height: 189px;
padding: 2px;
background: url(http://i.imgur.com/EkH4alD.png) top left;
background-size: 189px 189px;
background-repeat: no-repeat;
border-spacing: 0;
}
/* hero name + roll name */
.sheet-rolltemplate-aw th {
color: #333333;
padding-top: 20px;
padding-right: 12px;
padding-left: 10px;
line-height: 1.2em;
font-family: "comic sans", cursive, sans-serif;
font-size: 1.1em;
vertical-align: center;
border-spacing: 0;
}
/* big number dice result */
.sheet-rolltemplate-aw .sheet-result {
font-family: "comic sans", cursive, sans-serif;
font-size: 2em;
padding-top: 0px;
padding-right: 0px;
padding-left: 11px;
vertical-align: top;
text-decoration: none;
text-align: center;
}
/* Hit, Miss, YEAH! etc */
.sheet-rolltemplate-aw td {
color: #333333;
height: 78px;
width: 153px;
padding-top: 0px;
padding-right: 30px;
font-family: "comic sans", cursive, sans-serif;
font-size: 1.3em;
font-weight: bold;
vertical-align: top;
text-align: center;
}
/* roll name adjustment */
.sheet-rolltemplate-aw .rolledmovename {
font-weight: bold;
font-style: italic;
font-size: 1.2em;
}
/* 10+ colour */
.sheet-rolltemplate-aw .sheet-success .inlinerollresult,
.sheet-rolltemplate-aw .sheet-success .inlinerollresult.fullcrit,
.sheet-rolltemplate-aw .sheet-success .inlinerollresult.fullfail,
.sheet-rolltemplate-aw .sheet-success .inlinerollresult.importantroll{
background-color: transparent;
color: #22AA22;
border: none;
}
/* 7-9 colour */
.sheet-rolltemplate-aw .inlinerollresult,
.sheet-rolltemplate-aw .inlinerollresult.fullcrit,
.sheet-rolltemplate-aw .inlinerollresult.fullfail,
.sheet-rolltemplate-aw .inlinerollresult.importantroll{
background-color: transparent;
color: #000080;
border: none;
}
/* 6- colour */
.sheet-rolltemplate-aw .sheet-failure .inlinerollresult,
.sheet-rolltemplate-aw .sheet-failure .inlinerollresult.fullcrit,
.sheet-rolltemplate-aw .sheet-failure .inlinerollresult.fullfail,
.sheet-rolltemplate-aw .sheet-failure .inlinerollresult.importantroll{
background-color: transparent;
color: #B31515;
border: none;
}