mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-09-12 10:02:34 +00:00
Fred Hicks
7181c3be6e
* Update MotWHTML.html Added Harm-TotalCapacity, Harm-Remaining, and Harm-Taken calculated summary attributes for easy checking on the health status of characters. (To indicate health on a token, Harm-TotalCapacity is the maximum Harm the character can take, and Harm-Remaining is the number of unchecked harm boxes.) * Gender relabeled as Pronouns Relabeled the "Gender" field as "Pronouns" to match coming changes to the PDF playbooks * Spooktacular Updates Text updates to bring the Spooktacular playbook into alignment with the published version. * Exile updated to 2020 version * Meddling kid update Updated Meddling Kid playbook to match 2020 revisions; mostly rewording for clarity and consistency, added two new moves (Best Bud! and Hard Head!), a few new gear options. * Sidekick updates Cosmetic rewordings, starting stat options changes, 9mm g ear option replaced by stun gun * Snoop update Cosmetic/clarity/consistency rewordings, starting stat options changes. Various gear renamed: tarot deck, smartphone, and baseball bat added; .32 revolver removed replaced by stun gun. * Summoned update Summoned update: Cosmetic/clarity/consistency rewordings, added a new advanced improvement option, updated some tags on gear. Added hobby section. * Hardcase 2020 Implementation Hardcase 2020 playbook added separately, because it's essentially a new playbook in its revised form. Original Hardcase playbook retained and marked as such. Placeholder added for Constructed 2020, which has similar new-playbookness. * Update MotWHTML.html Correction of starting stats for Sidekick * Constructed tweaks Minor constructed tweaks. The only version we provide on the sheet is already the 2020 version, this brings it more into line with the released text.
843 lines
24 KiB
CSS
843 lines
24 KiB
CSS
@import url("https://fonts.googleapis.com/css?family=Special+Elite&display=swap&family=SpecialElite");
|
|
|
|
.feff-bug {
|
|
display: inherit;
|
|
}
|
|
|
|
/* The above style is in place to "absorb" the consequences of a hidden character that appears to show up in roll20 production environment */
|
|
|
|
.sheet-nowrap {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.sheet-KItem-Type-New,
|
|
.sheet-KItem-Type-Countdown,
|
|
.sheet-KItem-Type-Monster,
|
|
.sheet-KItem-Type-Minion,
|
|
.sheet-KItem-Type-Bystander,
|
|
.sheet-KItem-Type-Location,
|
|
.sheet-KItem-Type-Phenomenon,
|
|
.sheet-KItem-Type-Text,
|
|
div.sheet-Keeper,
|
|
.sheet-SkinCheck[value="-1"] ~ div.sheet-NoKeep,
|
|
.sheet-SkinCheck[value="0"] ~ div div.sheet-NoNull,
|
|
div.sheet-Reference,
|
|
div.sheet-Expander
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
span.sheet-Null, div.sheet-Null,
|
|
span.sheet-Chosen, div.sheet-Chosen,
|
|
span.sheet-Crooked, div.sheet-Crooked,
|
|
span.sheet-Divine, div.sheet-Divine,
|
|
span.sheet-Expert, div.sheet-Expert,
|
|
span.sheet-Flake, div.sheet-Flake,
|
|
span.sheet-Initiate, div.sheet-Initiate,
|
|
span.sheet-Monstrous, div.sheet-Monstrous,
|
|
span.sheet-Mundane, div.sheet-Mundane,
|
|
span.sheet-Professional, div.sheet-Professional,
|
|
span.sheet-Spellslinger, div.sheet-Spellslinger,
|
|
span.sheet-Spooky, div.sheet-Spooky,
|
|
span.sheet-Wronged, div.sheet-Wronged,
|
|
span.sheet-Gumshoe, div.sheet-Gumshoe,
|
|
span.sheet-Hex, div.sheet-Hex,
|
|
span.sheet-Pararomantic, div.sheet-Pararomantic,
|
|
span.sheet-Searcher, div.sheet-Searcher,
|
|
span.sheet-Exile, div.sheet-Exile,
|
|
span.sheet-Hardcase, div.sheet-Hardcase,
|
|
span.sheet-Luchador, div.sheet-Luchador,
|
|
span.sheet-Meddlingkid, div.sheet-Meddlingkid,
|
|
span.sheet-Sidekick, div.sheet-Sidekick,
|
|
span.sheet-Snoop, div.sheet-Snoop,
|
|
span.sheet-Summoned, div.sheet-Summoned,
|
|
span.sheet-Traveler, div.sheet-Traveler,
|
|
span.sheet-Actionscientist, div.sheet-Actionscientist,
|
|
span.sheet-Constructed, div.sheet-Constructed,
|
|
span.sheet-Spooktacular, div.sheet-Spooktacular,
|
|
span.sheet-Hardcase2020, div.sheet-Hardcase2020,
|
|
span.sheet-Custom, div.sheet-Custom
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.sheet-KTyper[value="0"] ~ span.sheet-KItem-Type-New,
|
|
.sheet-KTyper[value="7"] ~ span.sheet-KItem-Type-Text,
|
|
.sheet-KTyper[value="1"] ~ span.sheet-KItem-Type-Countdown,
|
|
.sheet-KTyper[value="2"] ~ span.sheet-KItem-Type-Monster,
|
|
.sheet-KTyper[value="3"] ~ span.sheet-KItem-Type-Minion,
|
|
.sheet-KTyper[value="4"] ~ span.sheet-KItem-Type-Bystander,
|
|
.sheet-KTyper[value="5"] ~ span.sheet-KItem-Type-Location,
|
|
.sheet-KTyper[value="6"] ~ span.sheet-KItem-Type-Phenomenon
|
|
{
|
|
display: inline;
|
|
}
|
|
|
|
.sheet-KTyper[value="0"] ~ div.sheet-KItem-Type-New,
|
|
.sheet-KTyper[value="7"] ~ div.sheet-KItem-Type-Text,
|
|
.sheet-KTyper[value="1"] ~ div.sheet-KItem-Type-Countdown,
|
|
.sheet-KTyper[value="2"] ~ div.sheet-KItem-Type-Monster,
|
|
.sheet-KTyper[value="3"] ~ div.sheet-KItem-Type-Minion,
|
|
.sheet-KTyper[value="4"] ~ div.sheet-KItem-Type-Bystander,
|
|
.sheet-KTyper[value="5"] ~ div.sheet-KItem-Type-Location,
|
|
.sheet-KTyper[value="6"] ~ div.sheet-KItem-Type-Phenomenon
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
/* SkinCheck value 28 is unallocated; keep in mind for future playbooks */
|
|
|
|
.sheet-SkinCheck[value="-1"] ~ div.sheet-Keeper,
|
|
.sheet-SkinCheck[value="0"] ~ div.sheet-Null,
|
|
.sheet-SkinCheck[value="1"] ~ div.sheet-Chosen,
|
|
.sheet-SkinCheck[value="2"] ~ div.sheet-Crooked,
|
|
.sheet-SkinCheck[value="3"] ~ div.sheet-Divine,
|
|
.sheet-SkinCheck[value="4"] ~ div.sheet-Expert,
|
|
.sheet-SkinCheck[value="5"] ~ div.sheet-Flake,
|
|
.sheet-SkinCheck[value="6"] ~ div.sheet-Initiate,
|
|
.sheet-SkinCheck[value="7"] ~ div.sheet-Monstrous,
|
|
.sheet-SkinCheck[value="8"] ~ div.sheet-Mundane,
|
|
.sheet-SkinCheck[value="9"] ~ div.sheet-Professional,
|
|
.sheet-SkinCheck[value="10"] ~ div.sheet-Spellslinger,
|
|
.sheet-SkinCheck[value="11"] ~ div.sheet-Spooky,
|
|
.sheet-SkinCheck[value="12"] ~ div.sheet-Wronged,
|
|
.sheet-SkinCheck[value="13"] ~ div.sheet-Gumshoe,
|
|
.sheet-SkinCheck[value="14"] ~ div.sheet-Hex,
|
|
.sheet-SkinCheck[value="15"] ~ div.sheet-Pararomantic,
|
|
.sheet-SkinCheck[value="16"] ~ div.sheet-Searcher,
|
|
.sheet-SkinCheck[value="17"] ~ div.sheet-Exile,
|
|
.sheet-SkinCheck[value="18"] ~ div.sheet-Hardcase,
|
|
.sheet-SkinCheck[value="19"] ~ div.sheet-Luchador,
|
|
.sheet-SkinCheck[value="20"] ~ div.sheet-Meddlingkid,
|
|
.sheet-SkinCheck[value="21"] ~ div.sheet-Sidekick,
|
|
.sheet-SkinCheck[value="22"] ~ div.sheet-Snoop,
|
|
.sheet-SkinCheck[value="23"] ~ div.sheet-Summoned,
|
|
.sheet-SkinCheck[value="24"] ~ div.sheet-Traveler,
|
|
.sheet-SkinCheck[value="25"] ~ div.sheet-Actionscientist,
|
|
.sheet-SkinCheck[value="26"] ~ div.sheet-Hardcase2020,
|
|
.sheet-SkinCheck[value="27"] ~ div.sheet-Constructed,
|
|
.sheet-SkinCheck[value="29"] ~ div.sheet-Spooktacular,
|
|
.sheet-SkinCheck[value="99"] ~ div.sheet-Custom
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-SkinCheck[value="-1"] ~ div > span > span.sheet-Keeper,
|
|
.sheet-SkinCheck[value="-1"] ~ div > span.sheet-Keeper,
|
|
.sheet-SkinCheck[value="0"] ~ div > span > span.sheet-Null,
|
|
.sheet-SkinCheck[value="0"] ~ div > span.sheet-Null,
|
|
.sheet-SkinCheck[value="1"] ~ div > span > span.sheet-Chosen,
|
|
.sheet-SkinCheck[value="1"] ~ div > span.sheet-Chosen,
|
|
.sheet-SkinCheck[value="2"] ~ div > span > span.sheet-Crooked,
|
|
.sheet-SkinCheck[value="2"] ~ div > span.sheet-Crooked,
|
|
.sheet-SkinCheck[value="3"] ~ div > span > span.sheet-Divine,
|
|
.sheet-SkinCheck[value="3"] ~ div > span.sheet-Divine,
|
|
.sheet-SkinCheck[value="4"] ~ div > span > span.sheet-Expert,
|
|
.sheet-SkinCheck[value="4"] ~ div > span.sheet-Expert,
|
|
.sheet-SkinCheck[value="5"] ~ div > span > span.sheet-Flake,
|
|
.sheet-SkinCheck[value="5"] ~ div > span.sheet-Flake,
|
|
.sheet-SkinCheck[value="6"] ~ div > span > span.sheet-Initiate,
|
|
.sheet-SkinCheck[value="6"] ~ div > span.sheet-Initiate,
|
|
.sheet-SkinCheck[value="7"] ~ div > span > span.sheet-Monstrous,
|
|
.sheet-SkinCheck[value="7"] ~ div > span.sheet-Monstrous,
|
|
.sheet-SkinCheck[value="8"] ~ div > span > span.sheet-Mundane,
|
|
.sheet-SkinCheck[value="8"] ~ div > span.sheet-Mundane,
|
|
.sheet-SkinCheck[value="9"] ~ div > span > span.sheet-Professional,
|
|
.sheet-SkinCheck[value="9"] ~ div > span.sheet-Professional,
|
|
.sheet-SkinCheck[value="10"] ~ div > span > span.sheet-Spellslinger,
|
|
.sheet-SkinCheck[value="10"] ~ div > span.sheet-Spellslinger,
|
|
.sheet-SkinCheck[value="11"] ~ div > span > span.sheet-Spooky,
|
|
.sheet-SkinCheck[value="11"] ~ div > span.sheet-Spooky,
|
|
.sheet-SkinCheck[value="12"] ~ div > span > span.sheet-Wronged,
|
|
.sheet-SkinCheck[value="12"] ~ div > span.sheet-Wronged,
|
|
.sheet-SkinCheck[value="13"] ~ div > span > span.sheet-Gumshoe,
|
|
.sheet-SkinCheck[value="13"] ~ div > span.sheet-Gumshoe,
|
|
.sheet-SkinCheck[value="14"] ~ div > span > span.sheet-Hex,
|
|
.sheet-SkinCheck[value="14"] ~ div > span.sheet-Hex,
|
|
.sheet-SkinCheck[value="15"] ~ div > span > span.sheet-Pararomantic,
|
|
.sheet-SkinCheck[value="15"] ~ div > span.sheet-Pararomantic,
|
|
.sheet-SkinCheck[value="16"] ~ div > span > span.sheet-Searcher,
|
|
.sheet-SkinCheck[value="16"] ~ div > span.sheet-Searcher,
|
|
.sheet-SkinCheck[value="17"] ~ div > span > span.sheet-Exile,
|
|
.sheet-SkinCheck[value="17"] ~ div > span.sheet-Exile,
|
|
.sheet-SkinCheck[value="18"] ~ div > span > span.sheet-Hardcase,
|
|
.sheet-SkinCheck[value="18"] ~ div > span.sheet-Hardcase,
|
|
.sheet-SkinCheck[value="19"] ~ div > span > span.sheet-Luchador,
|
|
.sheet-SkinCheck[value="19"] ~ div > span.sheet-Luchador,
|
|
.sheet-SkinCheck[value="20"] ~ div > span > span.sheet-Meddlingkid,
|
|
.sheet-SkinCheck[value="20"] ~ div > span.sheet-Meddlingkid,
|
|
.sheet-SkinCheck[value="21"] ~ div > span > span.sheet-Sidekick,
|
|
.sheet-SkinCheck[value="21"] ~ div > span.sheet-Sidekick,
|
|
.sheet-SkinCheck[value="22"] ~ div > span > span.sheet-Snoop,
|
|
.sheet-SkinCheck[value="22"] ~ div > span.sheet-Snoop,
|
|
.sheet-SkinCheck[value="23"] ~ div > span > span.sheet-Summoned,
|
|
.sheet-SkinCheck[value="23"] ~ div > span.sheet-Summoned,
|
|
.sheet-SkinCheck[value="24"] ~ div > span > span.sheet-Traveler,
|
|
.sheet-SkinCheck[value="24"] ~ div > span.sheet-Traveler,
|
|
.sheet-SkinCheck[value="25"] ~ div > span > span.sheet-Actionscientist,
|
|
.sheet-SkinCheck[value="25"] ~ div > span.sheet-Actionscientist,
|
|
.sheet-SkinCheck[value="26"] ~ div > span > span.sheet-Hardcase2020,
|
|
.sheet-SkinCheck[value="26"] ~ div > span.sheet-Hardcase2020,
|
|
.sheet-SkinCheck[value="27"] ~ div > span > span.sheet-Constructed,
|
|
.sheet-SkinCheck[value="27"] ~ div > span.sheet-Constructed,
|
|
.sheet-SkinCheck[value="29"] ~ div > span > span.sheet-Spooktacular,
|
|
.sheet-SkinCheck[value="29"] ~ div > span.sheet-Spooktacular,
|
|
.sheet-SkinCheck[value="99"] ~ div > span > span.sheet-Custom,
|
|
.sheet-SkinCheck[value="99"] ~ div > span.sheet-Custom
|
|
{
|
|
display: inline;
|
|
}
|
|
|
|
.sheet-RefToggle[value="1"]:checked ~ div.sheet-Reference,
|
|
.sheet-ExpToggle[value="1"]:checked ~ div.sheet-Expander
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-Reference
|
|
{
|
|
padding-left: 12px;
|
|
}
|
|
|
|
textarea
|
|
{
|
|
height: auto;
|
|
}
|
|
|
|
select.sheet-SkinSelect
|
|
{
|
|
position: relative;
|
|
}
|
|
|
|
/* I'm not sure why the original implementation wanted the selected playbook to be un-displayed. Was there a fear it would overwrite? */
|
|
/*
|
|
option.sheet-SkinSelect:checked
|
|
{
|
|
display: none;
|
|
}
|
|
*/
|
|
|
|
.sheet-Subsection, .sheet-Label, .sheet-StatLabel
|
|
{
|
|
font-family: 'Special Elite';
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-MinorHead
|
|
{
|
|
font-family: 'Special Elite';
|
|
text-transform: uppercase;
|
|
font-size: 100%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-statelabel
|
|
{
|
|
font-weight: bold;
|
|
font-size: 80%;
|
|
text-transform: uppercase;
|
|
color: #990000;
|
|
}
|
|
|
|
.sheet-Stats, .sheet-Subsection {
|
|
margin-top: 12px;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.sheet-Stat {
|
|
text-align: center;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.sheet-Subsection
|
|
{
|
|
font-size: 120%;
|
|
border-bottom: 1px solid black;
|
|
}
|
|
|
|
.sheet-StatLabel {
|
|
display: block;
|
|
font-size: 200%;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-SheetGrid {
|
|
display: grid;
|
|
grid-template-columns: 100px 1fr;
|
|
grid-auto-flow: column;
|
|
column-gap: 20px;
|
|
align-content: stretch;
|
|
}
|
|
|
|
.sheet-Stats {
|
|
grid-column: 1;
|
|
}
|
|
|
|
.sheet-Specifics {
|
|
grid-column: 2
|
|
}
|
|
|
|
.sheet-move {
|
|
text-indent: -15px;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.sheet-move {
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-move ul li {
|
|
text-indent: 0px;
|
|
margin-left: 0px;
|
|
}
|
|
|
|
.sheet-motw-moveshare .sheet-move,
|
|
.sheet-rolltemplate-motw-dieroll .sheet-move
|
|
{
|
|
text-indent: -12px;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.sheet-rolltemplate-motw-moveshare .sheet-template-container
|
|
{
|
|
background-color: white;
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.sheet-rolltemplate-motw-dieroll .sheet-template-container
|
|
{
|
|
background-color: white;
|
|
border: 1px solid #990000;
|
|
}
|
|
|
|
.sheet-rolltemplate-motw-moveshare .sheet-moveshare-title,
|
|
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-title
|
|
{
|
|
background-color: black;
|
|
color: white;
|
|
font-family: 'Special Elite';
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
padding-top: 3px;
|
|
padding-left: 3px;
|
|
padding-right: 3px;
|
|
}
|
|
|
|
.sheet-rolltemplate-motw-moveshare .sheet-moveshare-title
|
|
{
|
|
background-color: black;
|
|
}
|
|
|
|
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-title
|
|
{
|
|
background-color: #990000;
|
|
}
|
|
|
|
.sheet-rolltemplate-motw-moveshare .sheet-moveshare-content,
|
|
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content
|
|
{
|
|
background-color: white;
|
|
padding: 3px;
|
|
color: black;
|
|
}
|
|
|
|
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content
|
|
{
|
|
padding-top: 6px;
|
|
}
|
|
|
|
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-failure,
|
|
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-success,
|
|
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-advsuccess,
|
|
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-mixed
|
|
{
|
|
padding-top: 60px;
|
|
padding-left: 30px;
|
|
padding-bottom: 60px;
|
|
background-repeat: no-repeat;
|
|
background-size: 299px auto;
|
|
}
|
|
|
|
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-failure
|
|
{
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Monster%20of%20the%20Week%20Official/pics/result-failure.png");
|
|
background-color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-success
|
|
{
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Monster%20of%20the%20Week%20Official/pics/result-success.png");
|
|
background-color: black;
|
|
}
|
|
|
|
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-advsuccess
|
|
{
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Monster%20of%20the%20Week%20Official/pics/result-advanced-success.png");
|
|
background-color: black;
|
|
}
|
|
|
|
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-mixed
|
|
{
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Monster%20of%20the%20Week%20Official/pics/result-mixed.png");
|
|
background-color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-roll .inlinerollresult,
|
|
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-advsuccess .sheet-dieroll-roll .inlinerollresult,
|
|
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-success .sheet-dieroll-roll .inlinerollresult,
|
|
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-failure .sheet-dieroll-roll .inlinerollresult,
|
|
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-mixed .sheet-dieroll-roll .inlinerollresult
|
|
{
|
|
font-family: 'Special Elite';
|
|
color: white;
|
|
border: none !important;
|
|
background-color: transparent;
|
|
font-weight: bold;
|
|
padding: 0 3px 0 0;
|
|
font-size: 40px;
|
|
}
|
|
|
|
|
|
button[type=roll].sheet-2d6-button::before {
|
|
content: 'Fa';
|
|
font-family: 'dicefontd6';
|
|
font-size: 116%;
|
|
}
|
|
|
|
button[type=roll].sheet-broadcast-button::before {
|
|
content: 'R';
|
|
font-family: 'Pictos';
|
|
}
|
|
|
|
button[type=roll].sheet-broadcast-button,
|
|
button[type=roll].sheet-2d6-button {
|
|
border: 0px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
margin-right: 6px;
|
|
background-color: white;
|
|
color: #990000;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-checkbox {
|
|
opacity: 0.0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: -3px;
|
|
left: 9px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-checkbox + span.sheet-altbox::before {
|
|
margin-right: 0px;
|
|
margin-left: 3px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Monster%20of%20the%20Week%20Official/pics/checkbox-unchecked.png);
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-checkbox:checked + span.sheet-altbox::before {
|
|
content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Monster%20of%20the%20Week%20Official/pics/checkbox-checked-red.png);
|
|
}
|
|
|
|
input[type="checkbox"].sheet-checkbox + span.sheet-mainbox::before {
|
|
margin-right: -7px;
|
|
margin-left: 10px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Monster%20of%20the%20Week%20Official/pics/checkbox-unchecked.png);
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-checkbox:checked + span.sheet-mainbox::before {
|
|
content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Monster%20of%20the%20Week%20Official/pics/checkbox-checked-red.png);
|
|
}
|
|
|
|
.sheet-move .sheet-isolator {
|
|
text-indent: 0px;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-checkbox + span.sheet-anglebox::before {
|
|
margin-right: 0px;
|
|
margin-left: 3px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
content: "►";
|
|
color: #990000;
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-checkbox:checked + span.sheet-anglebox::before {
|
|
content: "▼";
|
|
}
|
|
|
|
span.sheet-ExpHeader {
|
|
font-weight: bold;
|
|
font-size: 75%;
|
|
text-transform: uppercase;
|
|
color: #999999;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-ExpOPBToggle + span.sheet-anglebox + span.sheet-ExpHeader::before,
|
|
input[type="checkbox"].sheet-ExpToggle + span.sheet-anglebox + span.sheet-ExpHeader::before {
|
|
content: "Show "; /* I'd love to internationalize this but I don't think CSS allows it */
|
|
}
|
|
|
|
input[type="checkbox"].sheet-OPBToggle:checked + span.sheet-anglebox + span.sheet-ExpHeader::before,
|
|
input[type="checkbox"].sheet-ExpToggle:checked + span.sheet-anglebox + span.sheet-ExpHeader::before {
|
|
content: "Hide "; /* I'd love to internationalize this but I don't think CSS allows it */
|
|
}
|
|
|
|
input[type="radio"].sheet-radio {
|
|
opacity: 0.0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: -3px;
|
|
left: 9px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="radio"].sheet-radio + span.sheet-mainbox::before {
|
|
margin-right: -7px;
|
|
margin-left: 10px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Monster%20of%20the%20Week%20Official/pics/radio-unchecked.png);
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
input[type="radio"].sheet-radio:checked + span.sheet-mainbox::before {
|
|
content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Monster%20of%20the%20Week%20Official/pics/radio-checked-red.png);
|
|
}
|
|
|
|
input[type="radio"].sheet-radio + span.sheet-altbox::before {
|
|
margin-right: 0px;
|
|
margin-left: 3px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Monster%20of%20the%20Week%20Official/pics/radio-unchecked.png);
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
input[type="radio"].sheet-radio:checked + span.sheet-altbox::before {
|
|
content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Monster%20of%20the%20Week%20Official/pics/radio-checked-red.png);
|
|
}
|
|
|
|
.sheet-grayable {
|
|
color: #999999;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-checkbox:checked ~ span.sheet-grayable,
|
|
input[type="radio"].sheet-radio:checked ~ span.sheet-grayable
|
|
{
|
|
color: #000000;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-checkbox:checked ~ span.sheet-grayable b,
|
|
input[type="radio"].sheet-radio:checked ~ span.sheet-grayable b,
|
|
input[type="checkbox"].sheet-checkbox:checked ~ span.sheet-grayable i,
|
|
input[type="radio"].sheet-radio:checked ~ span.sheet-grayable i
|
|
{
|
|
color: #990000;
|
|
}
|
|
|
|
.sheet-OPBHead {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-UnusedToggle[value="1"]:checked ~ .sheet-OPBToggle[value="1"]:checked ~ .sheet-OPBHead,
|
|
.sheet-OPBToggle[value="1"]:checked ~ .sheet-OPB
|
|
{
|
|
display: block;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.sheet-ExpToggle[value="1"]:checked ~ .sheet-move > .sheet-checkbox,
|
|
.sheet-ExpToggle[value="1"]:checked ~ .sheet-move > .sheet-checkbox + .sheet-mainbox,
|
|
.sheet-ExpToggle[value="1"]:checked ~ .sheet-move > .sheet-checkbox + .sheet-mainbox + .sheet-grayable,
|
|
.sheet-ExpToggle[value="1"]:checked ~ .sheet-move > .sheet-radio,
|
|
.sheet-ExpToggle[value="1"]:checked ~ .sheet-move > .sheet-radio + .sheet-mainbox,
|
|
.sheet-ExpToggle[value="1"]:checked ~ .sheet-move > .sheet-radio + .sheet-mainbox + .sheet-grayable
|
|
{
|
|
display: inline;
|
|
}
|
|
|
|
.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-checkbox,
|
|
.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-checkbox + .sheet-mainbox,
|
|
.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-checkbox + .sheet-mainbox + .sheet-grayable,
|
|
.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-radio,
|
|
.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-radio + .sheet-mainbox,
|
|
.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-radio + .sheet-mainbox + .sheet-grayable
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-checkbox:checked,
|
|
.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-checkbox:checked + .sheet-mainbox,
|
|
.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-checkbox:checked + .sheet-mainbox + .sheet-grayable,
|
|
.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-radio:checked,
|
|
.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-radio:checked + .sheet-mainbox,
|
|
.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-radio:checked + .sheet-mainbox + .sheet-grayable
|
|
{
|
|
display: inline;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-inverted-triggerbox,
|
|
input[type="checkbox"].sheet-inverted-triggerbox:checked,
|
|
input[type="checkbox"].sheet-inverted-triggerbox:checked + div.sheet-triggerframe,
|
|
input[type="checkbox"].sheet-inverted-triggerbox:checked + span.sheet-triggertext,
|
|
input[type="checkbox"].sheet-AllyRevealer ~ div.sheet-Ally,
|
|
input[type="checkbox"].sheet-triggerbox + input[type="checkbox"].sheet-checkbox + span.sheet-altbox,
|
|
input[type="checkbox"].sheet-triggerbox,
|
|
input[type="checkbox"].sheet-triggerbox:checked,
|
|
input[type="checkbox"].sheet-triggerbox + div.sheet-triggerframe,
|
|
input[type="checkbox"].sheet-triggerbox + span.sheet-triggertext
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-inverted-triggerbox + span.sheet-triggertext,
|
|
input[type="checkbox"].sheet-triggerbox:checked + input[type="checkbox"].sheet-checkbox + span.sheet-altbox,
|
|
input[type="checkbox"].sheet-triggerbox:checked + span.sheet-triggertext
|
|
{
|
|
display: inline;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-AllyRevealer:checked ~ div.sheet-Ally,
|
|
input[type="checkbox"].sheet-HavenRevealer:checked + div.sheet-Haven,
|
|
input[type="checkbox"].sheet-SectRevealer:checked + div.sheet-Sect,
|
|
input[type="checkbox"].sheet-inverted-triggerbox + div.sheet-triggerframe,
|
|
input[type="checkbox"].sheet-triggerbox:checked + div.sheet-triggerframe
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-AllyRevealer:checked ~ .sheet-Ally,
|
|
.sheet-HavenRevealer:checked ~ .sheet-Haven,
|
|
.sheet-SectRevealer:checked ~ .sheet-Sect
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-advmoves {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.sheet-highlights > b,
|
|
.sheet-highlights > i,
|
|
.sheet-redtext
|
|
{
|
|
color: #990000;
|
|
}
|
|
|
|
.sheet-kflex {
|
|
display: flex;
|
|
flex-flow: column-reverse;
|
|
align-items: left;
|
|
}
|
|
|
|
.sheet-kflex > .repcontainer {
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
justify-content: space-between;
|
|
align-items: stretch;
|
|
align-content: flex-start;
|
|
}
|
|
|
|
.sheet-kflex > .repcontrol {
|
|
display: inline-block;
|
|
width: 150px;
|
|
}
|
|
|
|
.sheet-kflex > .repcontainer > .repitem {
|
|
margin-right: 20px;
|
|
padding-bottom: 10px;
|
|
min-width: 20em;
|
|
min-height: 10px;
|
|
flex: 1 1 25em;
|
|
}
|
|
|
|
.sheet-KInstructions {
|
|
align-self: left;
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-KItem-input {
|
|
margin-bottom: 6px;
|
|
margin-left: 6px;
|
|
width: 90%;
|
|
}
|
|
|
|
input.sheet-null-hider[value=""] + *,
|
|
input.sheet-null-hider[value="0"] + *,
|
|
input.sheet-99-hider[value="99"] + *
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.sheet-KIndented {
|
|
margin-left: 1em;
|
|
padding-bottom: 6px;
|
|
}
|
|
|
|
.sheet-CountRow {
|
|
border-top: 1px solid black;
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
justify-content: flex-start;
|
|
align-items: stretch;
|
|
align-content: stretch;
|
|
/* flex: 1 1 25em; */
|
|
}
|
|
|
|
.sheet-CountRow:last-of-type {
|
|
border-bottom: 1px solid black;
|
|
}
|
|
|
|
.sheet-CountRow .sheet-CountEvent
|
|
{
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.sheet-CountBox {
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.sheet-CountRow .sheet-CountEvent {
|
|
width: calc(100% - 10em);
|
|
}
|
|
|
|
.sheet-CountRow .sheet-Day,
|
|
.sheet-CountRow .sheet-Shadows,
|
|
.sheet-CountRow .sheet-Sunset,
|
|
.sheet-CountRow .sheet-Dusk,
|
|
.sheet-CountRow .sheet-Nightfall,
|
|
.sheet-CountRow .sheet-Midnight
|
|
{
|
|
width: 8em;
|
|
}
|
|
|
|
.sheet-Day,
|
|
.sheet-Shadows,
|
|
.sheet-Sunset,
|
|
.sheet-Dusk,
|
|
.sheet-Nightfall,
|
|
.sheet-Midnight,
|
|
.sheet-CountEvent
|
|
{
|
|
color: #000000;
|
|
padding: 6px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-Day {
|
|
background-color: #EEEEEE;
|
|
color: #000000;
|
|
}
|
|
|
|
.sheet-Shadows {
|
|
background-color: #CCCCCC;
|
|
color: #111111;
|
|
}
|
|
|
|
.sheet-Sunset {
|
|
background-color: #AAAAAA;
|
|
color: #222222;
|
|
}
|
|
|
|
.sheet-Dusk {
|
|
color: #DDDDDD;
|
|
background-color: #888888;
|
|
}
|
|
|
|
.sheet-Nightfall {
|
|
color: #EEEEEE;
|
|
background-color: #666666;
|
|
}
|
|
|
|
.sheet-Midnight {
|
|
color: #FFFFFF;
|
|
background-color: #444444;
|
|
}
|
|
|
|
.sheet-EditControls {
|
|
border: 1px solid #990000;
|
|
background-color: #EEEEEE;
|
|
padding: 6px;
|
|
}
|
|
|
|
div.sheet-KItem-Subtype > div {
|
|
font-style: italic;
|
|
}
|
|
|
|
.sheet-othermove b
|
|
{
|
|
color: #990000;
|
|
}
|
|
|
|
.sheet-othermovename {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-othermovename::before {
|
|
padding-right: 2px;
|
|
vertical-align: top;
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Monster%20of%20the%20Week%20Official/pics/checkbox-checked-black.png);
|
|
}
|
|
|
|
.sheet-othermovename::after {
|
|
content: ": ";
|
|
}
|
|
|
|
.sheet-EditControls textarea,
|
|
.sheet-EditControls input[type="text"],
|
|
{
|
|
width: calc(100% - 10px);
|
|
}
|
|
|
|
.sheet-StartingStats {
|
|
width: 100%;
|
|
}
|
|
|
|
/* If I want to use this for a display-only fieldset in the future, this will help hide the add/modify controls */
|
|
|
|
.sheet-fset-display-only > .repcontrol {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-space-above {
|
|
padding-top: 6px;
|
|
} |