mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
fredhicks
012d757a21
Reminder messages on rolls of 12+ or of 6- did not display correctly in Chrome. Fixed.
1592 lines
53 KiB
CSS
1592 lines
53 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-rolltemplate-motw-moveshare,
|
|
.sheet-rolltemplate-motw-dieroll,
|
|
:root {
|
|
--motw-red: #990000;
|
|
--motw-dieroll-red: #990000;
|
|
--motw-border: black;
|
|
--motw-bg: white;
|
|
--motw-fg: black;
|
|
--motw-fade: rgba(0,0,0,0.5);
|
|
}
|
|
|
|
.sheet-rolltemplate-motw-moveshare.sheet-rolltemplate-darkmode,
|
|
.sheet-rolltemplate-motw-dieroll.sheet-rolltemplate-darkmode,
|
|
.sheet-darkmode .tab-content .charsheet {
|
|
--motw-red: #ff4848;
|
|
--motw-dieroll-red: #990000;
|
|
--motw-bg: #1f1f1f;
|
|
--motw-fg: #fff;
|
|
--motw-border: #999;
|
|
--motw-fade: rgba(255,255,255,0.5);
|
|
}
|
|
|
|
.sheet-rolltemplate-motw-dieroll {
|
|
box-shadow: 3px 3px 5px black;
|
|
}
|
|
|
|
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-reminder,
|
|
.sheet-rolltemplate-motw-dieroll.sheet-rolltemplate-darkmode .sheet-dieroll-reminder {
|
|
color: white;
|
|
background-color: black;
|
|
padding: 6px;
|
|
}
|
|
|
|
.sheet-move ul {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.sheet-nowrap {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.sheet-darkmode .tab-content .charsheet .btn,
|
|
.sheet-darkmode .tab-content .charsheet .btn:hover,
|
|
.sheet-darkmode .tab-content .charsheet button,
|
|
.sheet-darkmode .tab-content .charsheet input,
|
|
.sheet-darkmode .tab-content .charsheet select,
|
|
.sheet-darkmode .tab-content .charsheet textarea,
|
|
.sheet-darkmode .tab-content .charsheet
|
|
{
|
|
background-color: var(--motw-bg);
|
|
color: var(--motw-fg);
|
|
}
|
|
|
|
.sheet-DarkPast-Dead,
|
|
.sheet-DarkPast-Outcast,
|
|
.sheet-DarkPast-Tragedy,
|
|
.sheet-DarkPast-Curse,
|
|
.sheet-Setting-Default,
|
|
.sheet-Setting-Gothic,
|
|
.sheet-Setting-Dreaming,
|
|
.sheet-Setting-Marches,
|
|
.sheet-Setting-Bone,
|
|
.sheet-Atonement,
|
|
.sheet-Survival,
|
|
.sheet-StandardMystery,
|
|
.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-Villain,
|
|
.sheet-KItem-Type-Text,
|
|
div.sheet-Keeper,
|
|
div.sheet-Teams,
|
|
div.sheet-Community,
|
|
.sheet-SkinCheck[value="-3"] ~ div.sheet-NoCommunity,
|
|
.sheet-SkinCheck[value="-2"] ~ div.sheet-NoTeams,
|
|
.sheet-SkinCheck[value="-1"] ~ div.sheet-NoKeep,
|
|
.sheet-SkinCheck[value="0"] ~ div div.sheet-NoNull,
|
|
.sheet-TeamCheck[value="0"] ~ div div.sheet-NoNull,
|
|
.sheet-TeamCheck[value="0"] ~ 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-CurseEater, div.sheet-CurseEater,
|
|
span.sheet-Survivor, div.sheet-Survivor,
|
|
span.sheet-Celebrity, div.sheet-Celebrity,
|
|
span.sheet-Changeling, div.sheet-Changeling,
|
|
span.sheet-Covenant, div.sheet-Covenant,
|
|
span.sheet-Envoy, div.sheet-Envoy,
|
|
span.sheet-Forged, div.sheet-Forged,
|
|
span.sheet-Host, div.sheet-Host,
|
|
span.sheet-Interface, div.sheet-Interface,
|
|
span.sheet-Visitor, div.sheet-Visitor,
|
|
span.sheet-Abandoned, div.sheet-Abandoned,
|
|
span.sheet-Elemental, div.sheet-Elemental,
|
|
span.sheet-ActionScientistSSK, div.sheet-ActionScientistSSK,
|
|
span.sheet-TeamPick, div.sheet-TeamPick,
|
|
span.sheet-Agents, div.sheet-Agents,
|
|
span.sheet-Road, div.sheet-Road,
|
|
span.sheet-Entourage, div.sheet-Entourage,
|
|
span.sheet-Guardians, div.sheet-Guardians,
|
|
span.sheet-IMPS, div.sheet-IMPS,
|
|
span.sheet-Crisis, div.sheet-Crisis,
|
|
span.sheet-Survivors, div.sheet-Survivors,
|
|
span.sheet-League, div.sheet-League,
|
|
span.sheet-Mercenaries, div.sheet-Mercenaries,
|
|
span.sheet-MysteryClub, div.sheet-MysteryClub,
|
|
span.sheet-NightShift, div.sheet-NightShift,
|
|
span.sheet-SuburbanWatch, div.sheet-SuburbanWatch,
|
|
span.sheet-Band, div.sheet-Band,
|
|
span.sheet-Whistleblowers, div.sheet-Whistleblowers,
|
|
span.sheet-Fugitives, div.sheet-Fugitives,
|
|
span.sheet-Hauntbusters, div.sheet-Hauntbusters,
|
|
span.sheet-PassingTheTorch, div.sheet-PassingTheTorch,
|
|
span.sheet-ArmyOfOne, div.sheet-ArmyOfOne,
|
|
span.sheet-SquareOne, div.sheet-SquareOne,
|
|
span.sheet-DoomedWorld, div.sheet-DoomedWorld,
|
|
span.sheet-MonsterRevs, div.sheet-MonsterRevs,
|
|
span.sheet-Lineage, div.sheet-Lineage,
|
|
span.sheet-ThrillSeekers, div.sheet-ThrillSeekers,
|
|
span.sheet-CustomTeam, div.sheet-CustomTeam,
|
|
span.sheet-ArtifactCollectors, div.sheet-ArtifactCollectors,
|
|
span.sheet-Coven, div.sheet-Coven,
|
|
span.sheet-EscapedExperiments, div.sheet-EscapedExperiments,
|
|
span.sheet-GoodMonsters, div.sheet-GoodMonsters,
|
|
span.sheet-MedicalTeam, div.sheet-MedicalTeam,
|
|
span.sheet-MundaneMonstrosities, div.sheet-MundaneMonstrosities,
|
|
span.sheet-RadioStation, div.sheet-RadioStation,
|
|
span.sheet-ResearchLab, div.sheet-ResearchLab,
|
|
span.sheet-SwipeToSlay, div.sheet-SwipeToSlay,
|
|
span.sheet-Custom, div.sheet-Custom
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.sheet-SkinCheck[value="30"] ~ div.sheet-NoSurvivor,
|
|
.sheet-SkinCheck[value="30"] ~ div > span > span.sheet-NoSurvivor,
|
|
.sheet-SkinCheck[value="30"] ~ div > span.sheet-NoSurvivor {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-SkinCheck[value="41"] ~ div.sheet-NoElemental,
|
|
.sheet-SkinCheck[value="41"] ~ div > span > span.sheet-NoElemental,
|
|
.sheet-SkinCheck[value="41"] ~ div > span.sheet-NoElemental {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-StandardMystery-Hider[value=""] ~ .sheet-kflex span.sheet-StandardMystery,
|
|
.sheet-StandardMystery-Hider[value=""] ~ span.sheet-StandardMystery,
|
|
.sheet-StandardMystery-Hider[value="0"] ~ .sheet-kflex span.sheet-StandardMystery,
|
|
.sheet-StandardMystery-Hider[value="0"] ~ span.sheet-StandardMystery,
|
|
.sheet-Atonement-Hider[value="1"] ~ .sheet-kflex span.sheet-Atonement,
|
|
.sheet-Atonement-Hider[value="1"] ~ span.sheet-Atonement,
|
|
.sheet-Survival-Hider[value="2"] ~ .sheet-kflex span.sheet-Survival,
|
|
.sheet-Survival-Hider[value="2"] ~ span.sheet-Survival,
|
|
.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,
|
|
.sheet-KTyper[value="8"] ~ span.sheet-KItem-Type-Villain
|
|
{
|
|
display: inline;
|
|
}
|
|
|
|
.sheet-StandardMystery-Hider[value=""] ~ .sheet-kflex div.sheet-StandardMystery,
|
|
.sheet-StandardMystery-Hider[value=""] ~ div.sheet-StandardMystery,
|
|
.sheet-StandardMystery-Hider[value="0"] ~ .sheet-kflex div.sheet-StandardMystery,
|
|
.sheet-StandardMystery-Hider[value="0"] ~ div.sheet-StandardMystery,
|
|
.sheet-Atonement-Hider[value="1"] ~ .sheet-kflex div.sheet-Atonement,
|
|
.sheet-Atonement-Hider[value="1"] ~ div.sheet-Atonement,
|
|
.sheet-Survival-Hider[value="2"] ~ .sheet-kflex div.sheet-Survival,
|
|
.sheet-Survival-Hider[value="2"] ~ div.sheet-Survival,
|
|
.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,
|
|
.sheet-KTyper[value="8"] ~ div.sheet-KItem-Type-Villain
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-SettingCheck[value="bone"] ~ .repcontainer div.sheet-Setting-Bone,
|
|
.sheet-SettingCheck[value="gothic"] ~ .repcontainer div.sheet-Setting-Gothic,
|
|
.sheet-SettingCheck[value="marches"] ~ .repcontainer div.sheet-Setting-Marches,
|
|
.sheet-SettingCheck[value="dreaming"] ~ .repcontainer div.sheet-Setting-Dreaming,
|
|
.sheet-SettingCheck[value="0"] ~ .repcontainer div.sheet-Setting-Default,
|
|
.sheet-SettingCheck[value=""] ~ .repcontainer div.sheet-Setting-Default,
|
|
.sheet-DarkPastCheck[value="dead"] ~ div.sheet-DarkPast-Dead,
|
|
.sheet-DarkPastCheck[value="outcast"] ~ div.sheet-DarkPast-Outcast,
|
|
.sheet-DarkPastCheck[value="tragedy"] ~ div.sheet-DarkPast-Tragedy,
|
|
.sheet-DarkPastCheck[value="curse"] ~ div.sheet-DarkPast-Curse,
|
|
.sheet-SettingCheck[value="gothic"] ~ div.sheet-Setting-Gothic,
|
|
.sheet-SettingCheck[value="bone"] ~ div.sheet-Setting-Bone,
|
|
.sheet-SettingCheck[value="marches"] ~ div.sheet-Setting-Marches,
|
|
.sheet-SettingCheck[value="dreaming"] ~ div.sheet-Setting-Dreaming,
|
|
.sheet-SettingCheck[value="0"] ~ div.sheet-Setting-Default,
|
|
.sheet-SettingCheck[value=""] ~ div.sheet-Setting-Default
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-SettingCheck[value="bone"] ~ .repcontainer span.sheet-Setting-Bone,
|
|
.sheet-SettingCheck[value="gothic"] ~ .repcontainer span.sheet-Setting-Gothic,
|
|
.sheet-SettingCheck[value="marches"] ~ .repcontainer span.sheet-Setting-Marches,
|
|
.sheet-SettingCheck[value="dreaming"] ~ .repcontainer span.sheet-Setting-Dreaming,
|
|
.sheet-SettingCheck[value="0"] ~ .repcontainer span.sheet-Setting-Default,
|
|
.sheet-SettingCheck[value=""] ~ .repcontainer span.sheet-Setting-Default,
|
|
.sheet-DarkPastCheck[value="dead"] ~ span.sheet-DarkPast-Dead,
|
|
.sheet-DarkPastCheck[value="outcast"] ~ span.sheet-DarkPast-Outcast,
|
|
.sheet-DarkPastCheck[value="tragedy"] ~ span.sheet-DarkPast-Tragedy,
|
|
.sheet-DarkPastCheck[value="curse"] ~ span.sheet-DarkPast-Curse,
|
|
.sheet-SettingCheck[value="gothic"] ~ span.sheet-Setting-Gothic,
|
|
.sheet-SettingCheck[value="bone"] ~ span.sheet-Setting-Bone,
|
|
.sheet-SettingCheck[value="marches"] ~ span.sheet-Setting-Marches,
|
|
.sheet-SettingCheck[value="dreaming"] ~ span.sheet-Setting-Dreaming,
|
|
.sheet-SettingCheck[value="0"] ~ span.sheet-Setting-Default,
|
|
.sheet-SettingCheck[value=""] ~ span.sheet-Setting-Default
|
|
{
|
|
display: inline;
|
|
}
|
|
|
|
.sheet-TeamCheck[value="0"] ~ div.sheet-TeamPick,
|
|
.sheet-TeamCheck[value="1"] ~ div.sheet-Agents,
|
|
.sheet-TeamCheck[value="2"] ~ div.sheet-Road,
|
|
.sheet-TeamCheck[value="3"] ~ div.sheet-Entourage,
|
|
.sheet-TeamCheck[value="4"] ~ div.sheet-Guardians,
|
|
.sheet-TeamCheck[value="5"] ~ div.sheet-IMPS,
|
|
.sheet-TeamCheck[value="6"] ~ div.sheet-Crisis,
|
|
.sheet-TeamCheck[value="7"] ~ div.sheet-Survivors,
|
|
.sheet-TeamCheck[value="8"] ~ div.sheet-League,
|
|
.sheet-TeamCheck[value="9"] ~ div.sheet-Mercenaries,
|
|
.sheet-TeamCheck[value="10"] ~ div.sheet-MysteryClub,
|
|
.sheet-TeamCheck[value="11"] ~ div.sheet-NightShift,
|
|
.sheet-TeamCheck[value="12"] ~ div.sheet-SuburbanWatch,
|
|
.sheet-TeamCheck[value="13"] ~ div.sheet-Band,
|
|
.sheet-TeamCheck[value="14"] ~ div.sheet-Whistleblowers,
|
|
.sheet-TeamCheck[value="15"] ~ div.sheet-Fugitives,
|
|
.sheet-TeamCheck[value="16"] ~ div.sheet-Hauntbusters,
|
|
.sheet-TeamCheck[value="17"] ~ div.sheet-ArmyOfOne,
|
|
.sheet-TeamCheck[value="18"] ~ div.sheet-SquareOne,
|
|
.sheet-TeamCheck[value="19"] ~ div.sheet-DoomedWorld,
|
|
.sheet-TeamCheck[value="20"] ~ div.sheet-MonsterRevs,
|
|
.sheet-TeamCheck[value="21"] ~ div.sheet-Lineage,
|
|
.sheet-TeamCheck[value="22"] ~ div.sheet-ThrillSeekers,
|
|
.sheet-TeamCheck[value="23"] ~ div.sheet-ArtifactCollectors,
|
|
.sheet-TeamCheck[value="24"] ~ div.sheet-Coven,
|
|
.sheet-TeamCheck[value="25"] ~ div.sheet-EscapedExperiments,
|
|
.sheet-TeamCheck[value="26"] ~ div.sheet-GoodMonsters,
|
|
.sheet-TeamCheck[value="27"] ~ div.sheet-MedicalTeam,
|
|
.sheet-TeamCheck[value="28"] ~ div.sheet-MundaneMonstrosities,
|
|
.sheet-TeamCheck[value="29"] ~ div.sheet-RadioStation,
|
|
.sheet-TeamCheck[value="30"] ~ div.sheet-ResearchLab,
|
|
.sheet-TeamCheck[value="31"] ~ div.sheet-SwipeToSlay,
|
|
.sheet-TeamCheck[value="32"] ~ div.sheet-PassingTheTorch,
|
|
.sheet-TeamCheck[value="99"] ~ div.sheet-CustomTeam
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
/* SkinCheck value 28 is unallocated; keep in mind for future playbooks */
|
|
|
|
.sheet-SkinCheck[value="-3"] ~ div.sheet-Community,
|
|
.sheet-SkinCheck[value="-2"] ~ div.sheet-Teams,
|
|
.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="28"] ~ div.sheet-CurseEater,
|
|
.sheet-SkinCheck[value="29"] ~ div.sheet-Spooktacular,
|
|
.sheet-SkinCheck[value="30"] ~ div.sheet-Survivor,
|
|
.sheet-SkinCheck[value="31"] ~ div.sheet-Celebrity,
|
|
.sheet-SkinCheck[value="32"] ~ div.sheet-Changeling,
|
|
.sheet-SkinCheck[value="33"] ~ div.sheet-Covenant,
|
|
.sheet-SkinCheck[value="34"] ~ div.sheet-Envoy,
|
|
.sheet-SkinCheck[value="35"] ~ div.sheet-Forged,
|
|
.sheet-SkinCheck[value="36"] ~ div.sheet-Host,
|
|
.sheet-SkinCheck[value="37"] ~ div.sheet-Interface,
|
|
.sheet-SkinCheck[value="38"] ~ div.sheet-Visitor,
|
|
.sheet-SkinCheck[value="39"] ~ div.sheet-ActionScientistSSK,
|
|
.sheet-SkinCheck[value="40"] ~ div.sheet-Abandoned,
|
|
.sheet-SkinCheck[value="41"] ~ div.sheet-Elemental,
|
|
.sheet-SkinCheck[value="99"] ~ div.sheet-Custom
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-TeamCheck[value="0"] ~ div > span > span.sheet-TeamPick,
|
|
.sheet-TeamCheck[value="0"] ~ div > span.sheet-TeamPick,
|
|
.sheet-SkinCheck[value="-3"] ~ div > span > span.sheet-Community,
|
|
.sheet-SkinCheck[value="-3"] ~ div > span.sheet-Community,
|
|
.sheet-SkinCheck[value="-2"] ~ div > span > span.sheet-Teams,
|
|
.sheet-SkinCheck[value="-2"] ~ div > span.sheet-Teams,
|
|
.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="28"] ~ div > span > span.sheet-CurseEater,
|
|
.sheet-SkinCheck[value="28"] ~ div > span.sheet-CurseEater,
|
|
.sheet-SkinCheck[value="29"] ~ div > span > span.sheet-Spooktacular,
|
|
.sheet-SkinCheck[value="29"] ~ div > span.sheet-Spooktacular,
|
|
.sheet-SkinCheck[value="30"] ~ div > span > span.sheet-Survivor,
|
|
.sheet-SkinCheck[value="30"] ~ div > span.sheet-Survivor,
|
|
.sheet-SkinCheck[value="31"] ~ div > span > span.sheet-Celebrity,
|
|
.sheet-SkinCheck[value="31"] ~ div > span.sheet-Celebrity,
|
|
.sheet-SkinCheck[value="32"] ~ div > span > span.sheet-Changeling,
|
|
.sheet-SkinCheck[value="32"] ~ div > span.sheet-Changeling,
|
|
.sheet-SkinCheck[value="33"] ~ div > span > span.sheet-Covenant,
|
|
.sheet-SkinCheck[value="33"] ~ div > span.sheet-Covenant,
|
|
.sheet-SkinCheck[value="34"] ~ div > span > span.sheet-Envoy,
|
|
.sheet-SkinCheck[value="34"] ~ div > span.sheet-Envoy,
|
|
.sheet-SkinCheck[value="35"] ~ div > span > span.sheet-Forged,
|
|
.sheet-SkinCheck[value="35"] ~ div > span.sheet-Forged,
|
|
.sheet-SkinCheck[value="36"] ~ div > span > span.sheet-Host,
|
|
.sheet-SkinCheck[value="36"] ~ div > span.sheet-Host,
|
|
.sheet-SkinCheck[value="37"] ~ div > span > span.sheet-Interface,
|
|
.sheet-SkinCheck[value="37"] ~ div > span.sheet-Interface,
|
|
.sheet-SkinCheck[value="38"] ~ div > span > span.sheet-Visitor,
|
|
.sheet-SkinCheck[value="38"] ~ div > span.sheet-Visitor,
|
|
.sheet-SkinCheck[value="39"] ~ div > span > span.sheet-ActionScientistSSK,
|
|
.sheet-SkinCheck[value="39"] ~ div > span.sheet-ActionScientistSSK,
|
|
.sheet-SkinCheck[value="40"] ~ div > span > span.sheet-Abandoned,
|
|
.sheet-SkinCheck[value="40"] ~ div > span.sheet-Abandoned,
|
|
.sheet-SkinCheck[value="41"] ~ div > span > span.sheet-Elemental,
|
|
.sheet-SkinCheck[value="41"] ~ div > span.sheet-Elemental,
|
|
.sheet-SkinCheck[value="99"] ~ div > span > span.sheet-Custom,
|
|
.sheet-SkinCheck[value="99"] ~ div > span.sheet-Custom
|
|
{
|
|
display: inline;
|
|
}
|
|
|
|
.sheet-TeamCheck[value="1"] ~ div > span > span.sheet-Agents,
|
|
.sheet-TeamCheck[value="1"] ~ div > span.sheet-Agents,
|
|
.sheet-TeamCheck[value="2"] ~ div > span > span.sheet-Road,
|
|
.sheet-TeamCheck[value="2"] ~ div > span.sheet-Road,
|
|
.sheet-TeamCheck[value="3"] ~ div > span > span.sheet-Entourage,
|
|
.sheet-TeamCheck[value="3"] ~ div > span.sheet-Entourage,
|
|
.sheet-TeamCheck[value="4"] ~ div > span > span.sheet-Guardians,
|
|
.sheet-TeamCheck[value="4"] ~ div > span.sheet-Guardians,
|
|
.sheet-TeamCheck[value="5"] ~ div > span > span.sheet-IMPS,
|
|
.sheet-TeamCheck[value="5"] ~ div > span.sheet-IMPS,
|
|
.sheet-TeamCheck[value="6"] ~ div > span > span.sheet-Crisis,
|
|
.sheet-TeamCheck[value="6"] ~ div > span.sheet-Crisis,
|
|
.sheet-TeamCheck[value="7"] ~ div > span > span.sheet-Survivors,
|
|
.sheet-TeamCheck[value="7"] ~ div > span.sheet-Survivors,
|
|
.sheet-TeamCheck[value="8"] ~ div > span > span.sheet-League,
|
|
.sheet-TeamCheck[value="8"] ~ div > span.sheet-League,
|
|
.sheet-TeamCheck[value="9"] ~ div > span > span.sheet-Mercenaries,
|
|
.sheet-TeamCheck[value="9"] ~ div > span.sheet-Mercenaries,
|
|
.sheet-TeamCheck[value="10"] ~ div > span > span.sheet-MysteryClub,
|
|
.sheet-TeamCheck[value="10"] ~ div > span.sheet-MysteryClub,
|
|
.sheet-TeamCheck[value="11"] ~ div > span > span.sheet-NightShift,
|
|
.sheet-TeamCheck[value="11"] ~ div > span.sheet-NightShift,
|
|
.sheet-TeamCheck[value="12"] ~ div > span > span.sheet-SuburbanWatch,
|
|
.sheet-TeamCheck[value="12"] ~ div > span.sheet-SuburbanWatch,
|
|
.sheet-TeamCheck[value="13"] ~ div > span > span.sheet-Band,
|
|
.sheet-TeamCheck[value="13"] ~ div > span.sheet-Band,
|
|
.sheet-TeamCheck[value="14"] ~ div > span > span.sheet-Whistleblowers,
|
|
.sheet-TeamCheck[value="14"] ~ div > span.sheet-Whistleblowers,
|
|
.sheet-TeamCheck[value="15"] ~ div > span > span.sheet-Fugitives,
|
|
.sheet-TeamCheck[value="15"] ~ div > span.sheet-Fugitives,
|
|
.sheet-TeamCheck[value="16"] ~ div > span > span.sheet-Hauntbusters,
|
|
.sheet-TeamCheck[value="16"] ~ div > span.sheet-Hauntbusters,
|
|
.sheet-TeamCheck[value="17"] ~ div > span > span.sheet-ArmyOfOne,
|
|
.sheet-TeamCheck[value="17"] ~ div > span.sheet-ArmyOfOne,
|
|
.sheet-TeamCheck[value="18"] ~ div > span > span.sheet-SquareOne,
|
|
.sheet-TeamCheck[value="18"] ~ div > span.sheet-SquareOne,
|
|
.sheet-TeamCheck[value="19"] ~ div > span > span.sheet-DoomedWorld,
|
|
.sheet-TeamCheck[value="19"] ~ div > span.sheet-DoomedWorld,
|
|
.sheet-TeamCheck[value="20"] ~ div > span > span.sheet-MonsterRevs,
|
|
.sheet-TeamCheck[value="20"] ~ div > span.sheet-MonsterRevs,
|
|
.sheet-TeamCheck[value="21"] ~ div > span > span.sheet-Lineage,
|
|
.sheet-TeamCheck[value="21"] ~ div > span.sheet-Lineage,
|
|
.sheet-TeamCheck[value="22"] ~ div > span > span.sheet-ThrillSeekers,
|
|
.sheet-TeamCheck[value="22"] ~ div > span.sheet-ThrillSeekers,
|
|
.sheet-TeamCheck[value="23"] ~ div > span > span.sheet-ArtifactCollectors,
|
|
.sheet-TeamCheck[value="23"] ~ div > span.sheet-ArtifactCollectors,
|
|
.sheet-TeamCheck[value="24"] ~ div > span > span.sheet-Coven,
|
|
.sheet-TeamCheck[value="24"] ~ div > span.sheet-Coven,
|
|
.sheet-TeamCheck[value="25"] ~ div > span > span.sheet-EscapedExperiments,
|
|
.sheet-TeamCheck[value="25"] ~ div > span.sheet-EscapedExperiments,
|
|
.sheet-TeamCheck[value="26"] ~ div > span > span.sheet-GoodMonsters,
|
|
.sheet-TeamCheck[value="26"] ~ div > span.sheet-GoodMonsters,
|
|
.sheet-TeamCheck[value="27"] ~ div > span > span.sheet-MedicalTeam,
|
|
.sheet-TeamCheck[value="27"] ~ div > span.sheet-MedicalTeam,
|
|
.sheet-TeamCheck[value="28"] ~ div > span > span.sheet-MundaneMonstrosities,
|
|
.sheet-TeamCheck[value="28"] ~ div > span.sheet-MundaneMonstrosities,
|
|
.sheet-TeamCheck[value="29"] ~ div > span > span.sheet-RadioStation,
|
|
.sheet-TeamCheck[value="29"] ~ div > span.sheet-RadioStation,
|
|
.sheet-TeamCheck[value="30"] ~ div > span > span.sheet-ResearchLab,
|
|
.sheet-TeamCheck[value="30"] ~ div > span.sheet-ResearchLab,
|
|
.sheet-TeamCheck[value="31"] ~ div > span > span.sheet-SwipeToSlay,
|
|
.sheet-TeamCheck[value="31"] ~ div > span.sheet-SwipeToSlay,
|
|
.sheet-TeamCheck[value="32"] ~ div > span > span.sheet-PassingTheTorch,
|
|
.sheet-TeamCheck[value="32"] ~ div > span.sheet-PassingTheTorch,
|
|
.sheet-TeamCheck[value="99"] ~ div > span > span.sheet-CustomTeam,
|
|
.sheet-TeamCheck[value="99"] ~ div > span.sheet-CustomTeam
|
|
{
|
|
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;
|
|
}
|
|
|
|
textarea.sheet-compact {
|
|
height: 30px;
|
|
}
|
|
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-SubSubsection, .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;
|
|
}
|
|
|
|
/* Needs darkmode */
|
|
|
|
.sheet-statelabel
|
|
{
|
|
font-weight: bold;
|
|
font-size: 80%;
|
|
text-transform: uppercase;
|
|
color: var(--motw-red);
|
|
}
|
|
|
|
.sheet-darkmode .tab-content .charsheet .sheet-statelabel {
|
|
color: var(--motw-red);
|
|
}
|
|
|
|
.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 var(--motw-border);
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-SubSubsection
|
|
{
|
|
font-size: 110%;
|
|
border-bottom: 0.5px solid var(--motw-border);
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-StatLabel {
|
|
display: block;
|
|
font-size: 175%;
|
|
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: var(--motw-bg);
|
|
color: var(--motw-fg)
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.sheet-rolltemplate-motw-dieroll .sheet-template-container
|
|
{
|
|
background-color: white;
|
|
border: 1px solid var(--motw-dieroll-red);
|
|
}
|
|
|
|
.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: var(--motw-dieroll-red);
|
|
}
|
|
|
|
.sheet-rolltemplate-motw-moveshare .sheet-moveshare-content,
|
|
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content
|
|
{
|
|
background-color: var(--motw-bg);
|
|
padding: 3px;
|
|
color: var(--motw-fg);
|
|
}
|
|
|
|
.sheet-rolltemplate-motw-moveshare .sheet-template-container div b,
|
|
.sheet-rolltemplate-motw-moveshare .sheet-template-container div i {
|
|
color: var(--motw-red);
|
|
}
|
|
|
|
.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: black;
|
|
}
|
|
|
|
.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: black;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
|
|
.charsheet button[type=roll].sheet-2d6-button::before {
|
|
content: 'Fa';
|
|
font-family: 'dicefontd6';
|
|
font-size: 116%;
|
|
}
|
|
|
|
.charsheet button[type=roll].sheet-broadcast-button::before {
|
|
content: 'R';
|
|
font-family: 'Pictos';
|
|
}
|
|
|
|
/* Strip off all the unwanted bells and whistles Roll20 saddles us with */
|
|
|
|
.btn {
|
|
background-image: none;
|
|
text-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.sheet-darkmode .tab-content .charsheet button.btn:hover::before {
|
|
color: var(--motw-fg);
|
|
}
|
|
|
|
button[type=roll].sheet-broadcast-button,
|
|
button[type=roll].sheet-2d6-button {
|
|
border: 0px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
margin-right: 6px;
|
|
background-color: var(--motw-bg);
|
|
color: var(--motw-red);
|
|
}
|
|
|
|
.sheet-darkmode .tab-content .charsheet button[type=roll].sheet-broadcast-button,
|
|
.sheet-darkmode .tab-content .charsheet button[type=roll].sheet-2d6-button {
|
|
background-color: var(--motw-bg);
|
|
color: var(--motw-red);
|
|
background-position: 0 0;
|
|
}
|
|
|
|
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: var(--motw-red);
|
|
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: var(--motw-fade);
|
|
vertical-align: text-top;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-ExpOPBToggle:hover + span.sheet-anglebox + span.sheet-ExpHeader,
|
|
input[type="checkbox"].sheet-ExpToggle:hover + span.sheet-anglebox + span.sheet-ExpHeader,
|
|
input[type="checkbox"].sheet-OPBToggle:hover + span.sheet-anglebox + span.sheet-ExpHeader
|
|
{
|
|
color: var(--motw-fg)
|
|
}
|
|
|
|
input[type="checkbox"].sheet-ExpOPBToggle:active + span.sheet-anglebox + span.sheet-ExpHeader,
|
|
input[type="checkbox"].sheet-ExpToggle:active + span.sheet-anglebox + span.sheet-ExpHeader,
|
|
input[type="checkbox"].sheet-OPBToggle:active + span.sheet-anglebox + span.sheet-ExpHeader
|
|
{
|
|
color: var(--motw-red)
|
|
}
|
|
|
|
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: var(--motw-fade);
|
|
}
|
|
|
|
input[type="checkbox"].sheet-checkbox:checked ~ span.sheet-grayable,
|
|
input[type="radio"].sheet-radio:checked ~ span.sheet-grayable
|
|
{
|
|
color: var(--motw-fg);
|
|
}
|
|
|
|
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: var(--motw-red);
|
|
}
|
|
|
|
.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-checkbox + .sheet-mainbox + .sheet-extrabox,
|
|
.sheet-ExpToggle[value="1"]:checked ~ .sheet-move > .sheet-checkbox + .sheet-mainbox + .sheet-extrabox + .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-checkbox + .sheet-mainbox + .sheet-extrabox,
|
|
.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-checkbox + .sheet-mainbox + .sheet-extrabox + .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-checkbox:checked + .sheet-mainbox + .sheet-extrabox,
|
|
.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-checkbox:checked + .sheet-mainbox + .sheet-extrabox + .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;
|
|
}
|
|
|
|
/* This is for making sure the unused hide/show works inside of fieldsets */
|
|
|
|
.sheet-ExpToggle[value="1"]:checked ~ .repcontainer .repitem .sheet-move > .sheet-checkbox,
|
|
.sheet-ExpToggle[value="1"]:checked ~ .repcontainer .repitem .sheet-move > .sheet-checkbox + .sheet-mainbox,
|
|
.sheet-ExpToggle[value="1"]:checked ~ .repcontainer .repitem .sheet-move > .sheet-checkbox + .sheet-mainbox + .sheet-grayable,
|
|
.sheet-ExpToggle[value="1"]:checked ~ .repcontainer .repitem .sheet-move > .sheet-checkbox + .sheet-mainbox + .sheet-extrabox,
|
|
.sheet-ExpToggle[value="1"]:checked ~ .repcontainer .repitem .sheet-move > .sheet-checkbox + .sheet-mainbox + .sheet-extrabox + .sheet-grayable,
|
|
.sheet-ExpToggle[value="1"] ~ .repcontainer .repitem .sheet-move > .sheet-checkbox:checked,
|
|
.sheet-ExpToggle[value="1"] ~ .repcontainer .repitem .sheet-move > .sheet-checkbox:checked + .sheet-mainbox,
|
|
.sheet-ExpToggle[value="1"] ~ .repcontainer .repitem .sheet-move > .sheet-checkbox:checked + .sheet-mainbox + .sheet-grayable,
|
|
.sheet-ExpToggle[value="1"] ~ .repcontainer .repitem .sheet-move > .sheet-checkbox:checked + .sheet-mainbox + .sheet-extrabox,
|
|
.sheet-ExpToggle[value="1"] ~ .repcontainer .repitem .sheet-move > .sheet-checkbox:checked + .sheet-mainbox + .sheet-extrabox + .sheet-grayable
|
|
{
|
|
display: inline
|
|
}
|
|
|
|
.sheet-ExpToggle[value="1"] ~ .repcontainer .repitem .sheet-move > .sheet-checkbox,
|
|
.sheet-ExpToggle[value="1"] ~ .repcontainer .repitem .sheet-move > .sheet-checkbox + .sheet-mainbox,
|
|
.sheet-ExpToggle[value="1"] ~ .repcontainer .repitem .sheet-move > .sheet-checkbox + .sheet-mainbox + .sheet-grayable,
|
|
.sheet-ExpToggle[value="1"] ~ .repcontainer .repitem .sheet-move > .sheet-checkbox + .sheet-mainbox + .sheet-extrabox,
|
|
.sheet-ExpToggle[value="1"] ~ .repcontainer .repitem .sheet-move > .sheet-checkbox + .sheet-mainbox + .sheet-extrabox + .sheet-grayable
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
/**/
|
|
|
|
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-AgencyRevealer:checked ~ div.sheet-Agency-Professional,
|
|
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 + input[type="checkbox"].sheet-triggerbox + div.sheet-triggerframe,
|
|
input[type="checkbox"].sheet-triggerbox:checked + input[type="checkbox"].sheet-triggerbox + input[type="checkbox"].sheet-triggerbox + div.sheet-triggerframe,
|
|
input[type="checkbox"].sheet-triggerbox:checked + div.sheet-triggerframe
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-AllyRevealer:checked ~ .sheet-Ally,
|
|
.sheet-AgencyRevealer:checked ~ .sheet-Agency-Professional,
|
|
.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: var(--motw-red);
|
|
}
|
|
|
|
.sheet-darkmode .tab-content .charsheet .sheet-highlights > b,
|
|
.sheet-darkmode .tab-content .charsheet .sheet-highlights > i,
|
|
.sheet-darkmode .tab-content .charsheet .sheet-redtext
|
|
{
|
|
color: var(--motw-red);
|
|
}
|
|
|
|
.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-hide-controls + fieldset + .repcontainer + .repcontrol,
|
|
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-darkmode .tab-content .charsheet .sheet-CountEvent {
|
|
color: var(--motw-darkmode-fg);
|
|
}
|
|
|
|
.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 var(--motw-red);
|
|
background-color: #EEEEEE;
|
|
padding: 6px;
|
|
}
|
|
|
|
.sheet-darkmode .tab-content .charsheet .sheet-EditControls {
|
|
background-color: #333;
|
|
}
|
|
|
|
div.sheet-KItem-Subtype > div {
|
|
font-style: italic;
|
|
}
|
|
|
|
.sheet-othermove b
|
|
{
|
|
color: var(--motw-red);
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.sheet-space-below {
|
|
padding-bottom: 6px;
|
|
}
|
|
|
|
.sheet-hanging-indent {
|
|
padding-left: 1em;
|
|
text-indent: -1em;
|
|
}
|
|
|
|
.sheet-two-thirds {
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
|
|
.sheet-two-thirds .sheet-col {
|
|
width: calc(33% - 21px);
|
|
margin-right: 30px;
|
|
}
|
|
|
|
.sheet-col-wider {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sheet-two-thirds .sheet-col-wider {
|
|
width: calc(66% - 21px);
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.sheet-supportboxes {
|
|
width: 50px;
|
|
display: inline-block;
|
|
text-align: right;
|
|
}
|
|
|
|
table.sheet-Bone-Materials th, td {
|
|
padding: 6px;
|
|
}
|
|
|
|
table.sheet-Bone-Materials th {
|
|
font-weight: bold;
|
|
color: white;
|
|
background-color: var(--motw-red);
|
|
border: 1px solid var(--motw-red);
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
table.sheet-Bone-Materials td {
|
|
border: 1px solid black;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sheet-darkmode .tab-content .charsheet table.sheet-Bone-Materials td {
|
|
border: 1px solid var(--motw-red);
|
|
}
|
|
|
|
input.sheet-UpToSeven ~ span {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-UpToSeven[value="7"] + span,
|
|
input.sheet-UpToSeven[value="7"] + span + span,
|
|
input.sheet-UpToSeven[value="7"] + span + span + span,
|
|
input.sheet-UpToSeven[value="7"] + span + span + span + span,
|
|
input.sheet-UpToSeven[value="7"] + span + span + span + span + span,
|
|
input.sheet-UpToSeven[value="7"] + span + span + span + span + span + span,
|
|
input.sheet-UpToSeven[value="7"] + span + span + span + span + span + span + span,
|
|
input.sheet-UpToSeven[value="6"] + span + span,
|
|
input.sheet-UpToSeven[value="6"] + span + span + span,
|
|
input.sheet-UpToSeven[value="6"] + span + span + span + span,
|
|
input.sheet-UpToSeven[value="6"] + span + span + span + span + span,
|
|
input.sheet-UpToSeven[value="6"] + span + span + span + span + span + span,
|
|
input.sheet-UpToSeven[value="6"] + span + span + span + span + span + span + span,
|
|
input.sheet-UpToSeven[value="5"] + span + span + span,
|
|
input.sheet-UpToSeven[value="5"] + span + span + span + span,
|
|
input.sheet-UpToSeven[value="5"] + span + span + span + span + span,
|
|
input.sheet-UpToSeven[value="5"] + span + span + span + span + span + span,
|
|
input.sheet-UpToSeven[value="5"] + span + span + span + span + span + span + span,
|
|
input.sheet-UpToSeven[value="4"] + span + span + span + span,
|
|
input.sheet-UpToSeven[value="4"] + span + span + span + span + span,
|
|
input.sheet-UpToSeven[value="4"] + span + span + span + span + span + span,
|
|
input.sheet-UpToSeven[value="4"] + span + span + span + span + span + span + span,
|
|
input.sheet-UpToSeven[value="3"] + span + span + span + span + span,
|
|
input.sheet-UpToSeven[value="3"] + span + span + span + span + span + span,
|
|
input.sheet-UpToSeven[value="3"] + span + span + span + span + span + span + span,
|
|
input.sheet-UpToSeven[value="2"] + span + span + span + span + span + span,
|
|
input.sheet-UpToSeven[value="2"] + span + span + span + span + span + span + span,
|
|
input.sheet-UpToSeven[value="1"] + span + span + span + span + span + span + span
|
|
{
|
|
display: initial;
|
|
}
|
|
|
|
.sheet-Hunter-Story-EntryPoints, .sheet-Hunter-Story-Choices, .sheet-Hunter-Story-Beats, .sheet-Hunter-Story-Resolutions
|
|
{
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.sheet-Hunter-Story-Prompt
|
|
{
|
|
margin-top: 6px;
|
|
}
|
|
|
|
.ui-dialog .charsheet .sheet-Basics .sheet-Look input[type="text"] {
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-Display-Only-Narrow {
|
|
display: none;
|
|
}
|
|
|
|
/* Default character sheet width is 900px */
|
|
|
|
@media only screen and (max-width: 720px) {
|
|
|
|
.sheet-Display-Only-Narrow {
|
|
display: initial;
|
|
}
|
|
|
|
.sheet-Display-Only-Wide {
|
|
display: none;
|
|
}
|
|
|
|
/* Temporary, lets me know I'm at the operant width */
|
|
|
|
.sheet-Wrapper {
|
|
/* color: green; */
|
|
}
|
|
|
|
/* That right margin and width setting gets ridiculous fast at smaller widths */
|
|
|
|
.ui-dialog .charsheet .sheet-3colrow .sheet-col {
|
|
margin-right: unset;
|
|
width: 100%;
|
|
}
|
|
|
|
/* Sheet-Hunter — The Hunter Sheet Container */
|
|
|
|
.ui-dialog .charsheet .sheet-TeamSections {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
justify-items: stretch;
|
|
}
|
|
|
|
.ui-dialog .charsheet .sheet-TeamSections .sheet-setup-notes {
|
|
grid-row: 3;
|
|
}
|
|
|
|
.ui-dialog .charsheet .sheet-TeamSections .sheet-moves-assets {
|
|
grid-row: 1;
|
|
}
|
|
|
|
.ui-dialog .charsheet .sheet-TeamSections .sheet-improvement-etc {
|
|
grid-row: 2;
|
|
}
|
|
|
|
.ui-dialog .charsheet .sheet-TeamSections select,
|
|
.ui-dialog .charsheet .sheet-TeamSections input[type="text"] {
|
|
width: 100%;
|
|
}
|
|
|
|
/* Sheet-Hunter — The Hunter Sheet Container */
|
|
|
|
.ui-dialog .charsheet .sheet-Hunter {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
justify-items: stretch;
|
|
}
|
|
|
|
.ui-dialog .charsheet .sheet-Hunter .sheet-Stats {
|
|
grid-row: 1;
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
|
|
column-gap: 10px;
|
|
width: 100%;
|
|
justify-items: stretch;
|
|
}
|
|
|
|
.ui-dialog .charsheet .sheet-Hunter .sheet-Stats .sheet-Stat {
|
|
width: 100%;
|
|
}
|
|
|
|
.ui-dialog .charsheet .sheet-Hunter .sheet-Stats .sheet-Stat input[type="number"] {
|
|
text-align: center;
|
|
}
|
|
|
|
.ui-dialog .charsheet .sheet-Hunter .sheet-Stats .sheet-StartingStatsSidebar {
|
|
width: 100%;
|
|
grid-column: 1 / span 5;
|
|
}
|
|
|
|
.ui-dialog .charsheet .sheet-Hunter .sheet-Specifics {
|
|
grid-column: 1;
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
justify-items: stretch;
|
|
}
|
|
|
|
.ui-dialog .charsheet .sheet-Hunter .sheet-Specifics .sheet-HunterTracks {
|
|
grid-column: 1;
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
justify-items: stretch;
|
|
}
|
|
|
|
.ui-dialog .charsheet .sheet-Hunter .sheet-Specifics .sheet-HunterTracks .sheet-Track-Luck {
|
|
grid-row: 3;
|
|
}
|
|
.ui-dialog .charsheet .sheet-Hunter .sheet-Specifics .sheet-HunterTracks .sheet-Track-Harm {
|
|
grid-row: 2;
|
|
}
|
|
.ui-dialog .charsheet .sheet-Hunter .sheet-Specifics .sheet-HunterTracks .sheet-Track-XP {
|
|
grid-row: 1;
|
|
}
|
|
|
|
.ui-dialog .charsheet .sheet-Hunter .sheet-Specifics select,
|
|
.ui-dialog .charsheet .sheet-Hunter .sheet-Specifics input[type="text"] {
|
|
width: 100%;
|
|
}
|
|
|
|
.ui-dialog .charsheet .sheet-Hunter .sheet-Specifics .sheet-playbooks .sheet-3colrow {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
justify-items: stretch;
|
|
}
|
|
.ui-dialog .charsheet .sheet-Hunter .sheet-Specifics .sheet-playbooks .sheet-3colrow .sheet-playbooks-specials {
|
|
grid-row: 3;
|
|
}
|
|
.ui-dialog .charsheet .sheet-Hunter .sheet-Specifics .sheet-playbooks .sheet-3colrow .sheet-playbooks-moves {
|
|
grid-row: 1;
|
|
}
|
|
.ui-dialog .charsheet .sheet-Hunter .sheet-Specifics .sheet-playbooks .sheet-3colrow .sheet-playbooks-gear-imp {
|
|
grid-row: 2;
|
|
}
|
|
|
|
/* Sheet-Basics — Stuff at the top */
|
|
|
|
.ui-dialog .charsheet .sheet-Basics .sheet-3colrow {
|
|
display: grid;
|
|
grid-template-columns: 2fr 1fr;
|
|
row-gap: 6px;
|
|
column-gap: 30px;
|
|
justify-items: stretch;
|
|
}
|
|
|
|
.ui-dialog .charsheet .sheet-Basics .sheet-CharacterName {
|
|
grid-row: 1;
|
|
grid-column: 1 / span 2;
|
|
width: 100%;
|
|
}
|
|
|
|
.ui-dialog .charsheet .sheet-Basics .sheet-Pronouns {
|
|
grid-row: 2;
|
|
grid-column: 2;
|
|
width: 100%;
|
|
}
|
|
|
|
.ui-dialog .charsheet .sheet-Basics .sheet-SheetSelection {
|
|
grid-row: 2;
|
|
grid-column: 1;
|
|
width: 100%;
|
|
}
|
|
|
|
.ui-dialog .charsheet .sheet-Basics .sheet-Look {
|
|
width: 100%;
|
|
}
|
|
|
|
.ui-dialog .charsheet .sheet-Basics .sheet-SheetSelection select,
|
|
.ui-dialog .charsheet .sheet-Basics .sheet-Look input[type="text"],
|
|
.ui-dialog .charsheet .sheet-Basics .sheet-Pronouns input[type="text"],
|
|
.ui-dialog .charsheet .sheet-Basics .sheet-CharacterName input[type="text"] {
|
|
width: 100%;
|
|
}
|
|
|
|
/* Keeper's Mystery Sheet */
|
|
.sheet-kflex > .repcontainer {
|
|
flex-flow: column;
|
|
}
|
|
|
|
/* Community Sheet */
|
|
|
|
.ui-dialog .charsheet .sheet-Community .sheet-two-thirds {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
justify-items: stretch;
|
|
}
|
|
|
|
.ui-dialog .charsheet .sheet-Community .sheet-two-thirds .sheet-col {
|
|
width: 100%;
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.ui-dialog .charsheet .sheet-Community .sheet-two-thirds .sheet-col-wider {
|
|
width: 100%;
|
|
margin-right: 0px;
|
|
}
|
|
|
|
|
|
} |