[Monster of the Week Official] New Evil Hat Official Version (#6785)
* Monster of the Week Official Sheet Based on the prior work of Katie Bennie (LethalKitten) and Anistuffs, this is a major revision and interface improvement for the Monster of the Week system. * Create MotWPreview.jpg * Proper options Most <options> weren't implemented properly vis a vis data-i18n due to how the inherited legacy one was implemented. Fixed what I found. * Update MotWHTML.html * Update MotWHTML.html 'Enabled' showed up next to IAM flex alt when it was not the flex alt that was advanced, fixed * Changes to crooked-move1 strings Preparation for checkboxing the options * Update translation.json Lots of surplus spaces. I know it's cosmetic, but I wanted to tighten it up. * Update MotWHTML.html Crooked playbook feature adds * Expert tweak Expert tweak * Update MotWHTML.html Monstrous adjustments * Spellslinger tweaks * Update MotWHTML.html Wronged tweak * Gumshoe tweaks * Hex modifications * Pararomantic tweaks * Searcher adjustments * Update MotWHTML.html Exile tweak * Update MotWHTML.html Hardcase * hardcase, sidekick * Summoned tweaks * Update MotWHTML.html Traveler tweaks * Update MotWHTML.html Preparation for rearchitecture — moving sheet workers and roll templates to the top * Update translation.json Turns out the Chosen's fate list never had translation tags. * Big rearchitecture There were a lot of inefficiencies and repeated code in the prior version. This new version does the same work with about 10,000 fewer lines of HTML, and unlocks a few new features. * Bugs and Action Science Fixed some bugs, added the Action Scientist playbook * Improvements to Mystery Sheet * Update translation.json * Update MotWHTML.html Added in some dynamic bullet points to go with the Hook. * Update MotWHTML.html Accidentally got the attribute name wrong on this one * Update MotWHTML.html Added in a header * Update MotWHTML.html Fixed some issues with Keeper sheet * Update .gitignore * Update MotWCSS.css Spooktacular CSS support
This commit is contained in:
Fred Hicks
@@ -0,0 +1,828 @@
|
||||
@import url("https://fonts.googleapis.com/css?family=Special+Elite&display=swap&family=SpecialElite");
|
||||
|
||||
.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-Biggamehunter, div.sheet-Biggamehunter,
|
||||
span.sheet-Constructed, div.sheet-Constructed,
|
||||
span.sheet-Madscientist, div.sheet-Madscientist,
|
||||
span.sheet-Spooktacular, div.sheet-Spooktacular,
|
||||
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;
|
||||
}
|
||||
|
||||
.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-Biggamehunter, /* Not implemented, not likely */
|
||||
.sheet-SkinCheck[value="27"] ~ div.sheet-Constructed, /* Not implemented */
|
||||
.sheet-SkinCheck[value="28"] ~ div.sheet-Madscientist, /* Not implemented, not likely */
|
||||
.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-Biggamehunter,
|
||||
.sheet-SkinCheck[value="26"] ~ div > span.sheet-Biggamehunter,
|
||||
.sheet-SkinCheck[value="27"] ~ div > span > span.sheet-Constructed,
|
||||
.sheet-SkinCheck[value="27"] ~ div > span.sheet-Constructed,
|
||||
.sheet-SkinCheck[value="28"] ~ div > span > span.sheet-Madscientist,
|
||||
.sheet-SkinCheck[value="28"] ~ div > span.sheet-Madscientist,
|
||||
.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: 66%;
|
||||
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/fredhicks/ehp-roll20/master/Monster%20of%20the%20Week/pics/result-failure.png");
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-success
|
||||
{
|
||||
background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Monster%20of%20the%20Week/pics/result-success.png");
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-advsuccess
|
||||
{
|
||||
background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Monster%20of%20the%20Week/pics/result-advanced-success.png");
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-mixed
|
||||
{
|
||||
background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Monster%20of%20the%20Week/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/fredhicks/ehp-roll20/master/Monster%20of%20the%20Week/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/fredhicks/ehp-roll20/master/Monster%20of%20the%20Week/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/fredhicks/ehp-roll20/master/Monster%20of%20the%20Week/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/fredhicks/ehp-roll20/master/Monster%20of%20the%20Week/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/fredhicks/ehp-roll20/master/Monster%20of%20the%20Week/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/fredhicks/ehp-roll20/master/Monster%20of%20the%20Week/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/fredhicks/ehp-roll20/master/Monster%20of%20the%20Week/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/fredhicks/ehp-roll20/master/Monster%20of%20the%20Week/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-OPBToggle[value="1"]:checked ~ .sheet-OPB
|
||||
{
|
||||
display: block;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.sheet-OPBHead {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.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-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-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-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/fredhicks/ehp-roll20/master/Monster%20of%20the%20Week/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;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 614 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 146 B |
Binary file not shown.
|
After Width: | Height: | Size: 156 B |
Binary file not shown.
|
After Width: | Height: | Size: 135 B |
Binary file not shown.
|
After Width: | Height: | Size: 341 B |
Binary file not shown.
|
After Width: | Height: | Size: 429 B |
Binary file not shown.
|
After Width: | Height: | Size: 298 B |
Binary file not shown.
|
After Width: | Height: | Size: 140 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 121 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 166 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 178 KiB |
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"html": "MotWHTML.html",
|
||||
"css": "MotWCSS.css",
|
||||
"authors": "Katie Bennie (LethalKitten), Anistuffs, Fred Hicks (Evil Hat Productions)",
|
||||
"roll20userid": "1609908 (LethalKitten), 1665985 (Anistuffs), 3844812 (Evil Hat Productions)",
|
||||
"preview": "MotWPreview.jpg",
|
||||
"instructions": "Choose a Playbook from the dropdown menu to get started. If you run into any issues, have suggestions, or anything else, please reach out to Evil Hat at feedback@evilhat.com."
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user