mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
962 lines
23 KiB
CSS
962 lines
23 KiB
CSS
@import url('https://fonts.googleapis.com/css2?family=Bilbo&family=Special+Elite&family=Pangolin&display=swap');
|
|
|
|
|
|
.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 */
|
|
|
|
|
|
img.logo{
|
|
min-width: 515px;
|
|
display: block;
|
|
}
|
|
|
|
.sheet-nowrap {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.sheet-KItem-Type-New,
|
|
.sheet-KItem-Type-Countdown,
|
|
.sheet-KItem-Type-Monster,
|
|
.sheet-KItem-Type-Minion,
|
|
.sheet-KItem-Type-Bystander,
|
|
.sheet-KItem-Type-Location,
|
|
.sheet-KItem-Type-Phenomenon,
|
|
.sheet-KItem-Type-Text,
|
|
div.sheet-Keeper,
|
|
.sheet-SkinCheck[value="-1"] ~ div.sheet-NoKeep,
|
|
.sheet-SkinCheck[value="0"] ~ div div.sheet-NoNull,
|
|
div.sheet-Reference,
|
|
div.sheet-Expander
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
span.sheet-Null, div.sheet-Null,
|
|
span.sheet-the-bold, div.sheet-the-bold,
|
|
span.sheet-the-guardian, div.sheet-the-guardian,
|
|
span.sheet-the-hammer, div.sheet-the-hammer,
|
|
span.sheet-the-icon, div.sheet-the-icon,
|
|
span.sheet-the-idealist, div.sheet-the-idealist,
|
|
span.sheet-the-successor, div.sheet-the-successor,
|
|
span.sheet-Custom, div.sheet-Custom
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.sheet-KTyper[value="0"] ~ span.sheet-KItem-Type-New,
|
|
.sheet-KTyper[value="7"] ~ span.sheet-KItem-Type-Text,
|
|
.sheet-KTyper[value="1"] ~ span.sheet-KItem-Type-Countdown,
|
|
.sheet-KTyper[value="2"] ~ span.sheet-KItem-Type-Monster,
|
|
.sheet-KTyper[value="3"] ~ span.sheet-KItem-Type-Minion,
|
|
.sheet-KTyper[value="4"] ~ span.sheet-KItem-Type-Bystander,
|
|
.sheet-KTyper[value="5"] ~ span.sheet-KItem-Type-Location,
|
|
.sheet-KTyper[value="6"] ~ span.sheet-KItem-Type-Phenomenon
|
|
{
|
|
display: inline;
|
|
}
|
|
|
|
.sheet-KTyper[value="0"] ~ div.sheet-KItem-Type-New,
|
|
.sheet-KTyper[value="7"] ~ div.sheet-KItem-Type-Text,
|
|
.sheet-KTyper[value="1"] ~ div.sheet-KItem-Type-Countdown,
|
|
.sheet-KTyper[value="2"] ~ div.sheet-KItem-Type-Monster,
|
|
.sheet-KTyper[value="3"] ~ div.sheet-KItem-Type-Minion,
|
|
.sheet-KTyper[value="4"] ~ div.sheet-KItem-Type-Bystander,
|
|
.sheet-KTyper[value="5"] ~ div.sheet-KItem-Type-Location,
|
|
.sheet-KTyper[value="6"] ~ div.sheet-KItem-Type-Phenomenon
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
/* SkinCheck value 28 is unallocated; keep in mind for future playbooks */
|
|
|
|
.sheet-SkinCheck[value="-1"] ~ div.sheet-Keeper,
|
|
.sheet-SkinCheck[value="0"] ~ div.sheet-Null,
|
|
.sheet-SkinCheck[value="30"] ~ div.sheet-the-bold,
|
|
.sheet-SkinCheck[value="31"] ~ div.sheet-the-guardian,
|
|
.sheet-SkinCheck[value="32"] ~ div.sheet-the-hammer,
|
|
.sheet-SkinCheck[value="33"] ~ div.sheet-the-icon,
|
|
.sheet-SkinCheck[value="34"] ~ div.sheet-the-idealist,
|
|
.sheet-SkinCheck[value="35"] ~ div.sheet-the-successor,
|
|
.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="30"] ~ div > span > span.sheet-the-bold,
|
|
.sheet-SkinCheck[value="30"] ~ div > span.sheet-the-bold,
|
|
.sheet-SkinCheck[value="31"] ~ div > span > span.sheet-the-guardian,
|
|
.sheet-SkinCheck[value="31"] ~ div > span.sheet-the-guardian,
|
|
.sheet-SkinCheck[value="32"] ~ div > span > span.sheet-the-hammer,
|
|
.sheet-SkinCheck[value="32"] ~ div > span.sheet-the-hamer,
|
|
.sheet-SkinCheck[value="33"] ~ div > span > span.sheet-the-icon,
|
|
.sheet-SkinCheck[value="33"] ~ div > span.sheet-the-icon,
|
|
.sheet-SkinCheck[value="34"] ~ div > span > span.sheet-the-idealist,
|
|
.sheet-SkinCheck[value="34"] ~ div > span.sheet-the-idealist,
|
|
.sheet-SkinCheck[value="35"] ~ div > span > span.sheet-the-successor,
|
|
.sheet-SkinCheck[value="35"] ~ div > span.sheet-the-successor,
|
|
.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-RefToggle1[value="1"]:checked ~ div.sheet-Reference,
|
|
.sheet-RefToggle2[value="1"]:checked ~ div.sheet-Reference,
|
|
.sheet-RefToggle3[value="1"]:checked ~ div.sheet-Reference,
|
|
.sheet-RefToggle4[value="1"]:checked ~ div.sheet-Reference,
|
|
.sheet-RefToggle5[value="1"]:checked ~ div.sheet-Reference,
|
|
.sheet-RefToggle6[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-Label
|
|
{
|
|
font-family: 'Pangolin';
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-StatLabel, .sheet-StatLabelC, .sheet-StatLabelP, .sheet-StatLabelH
|
|
{
|
|
font-family: 'Pangolin';
|
|
text-transform: uppercase;
|
|
font-weight: italic;
|
|
}
|
|
|
|
.sheet-MinorHead, .sheet-Subsection
|
|
{
|
|
font-family: 'Pangolin';
|
|
text-transform: uppercase;
|
|
font-size: 100%;
|
|
font-weight: bold;
|
|
padding: 3px;
|
|
}
|
|
|
|
.sheet-LineSpacer
|
|
{
|
|
font-family: 'Special Elite';
|
|
text-transform: uppercase;
|
|
font-size: 100%;
|
|
font-weight: bold;
|
|
margin-top: 4px;
|
|
margin-bottom: 4px;
|
|
border-bottom: 1px solid black;
|
|
}
|
|
|
|
.sheet-statelabel
|
|
{
|
|
font-weight: bold;
|
|
font-size: 80%;
|
|
text-transform: uppercase;
|
|
color: #990000;
|
|
}
|
|
|
|
.sheet-statelabel2
|
|
{
|
|
font-weight: bold;
|
|
font-size: 80%;
|
|
text-transform: uppercase;
|
|
margin-right:5px;
|
|
color: #990000;
|
|
}
|
|
|
|
.sheet-statelabel3
|
|
{
|
|
font-weight: bold;
|
|
font-size: 80%;
|
|
text-transform: uppercase;
|
|
margin-right:13px;
|
|
color: #990000;
|
|
}
|
|
|
|
.sheet-statelabel4
|
|
{
|
|
font-size: 90%;
|
|
color: #000000;
|
|
}
|
|
|
|
.sheet-spacelabel
|
|
{
|
|
font-weight: bold;
|
|
font-size: 80%;
|
|
text-transform: uppercase;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.sheet-balancelabel
|
|
{
|
|
font-weight: bold;
|
|
font-size: 100%;
|
|
text-transform: uppercase;
|
|
color: #000000;
|
|
}
|
|
|
|
.sheet-balancelabel2
|
|
{
|
|
font-weight: bold;
|
|
font-size: 100%;
|
|
text-transform: uppercase;
|
|
margin-left: 55px;
|
|
color: #000000;
|
|
}
|
|
|
|
.sheet-Stats {
|
|
margin-top: 12px;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.sheet-Subsection {
|
|
margin-top: 12px;
|
|
margin-bottom: 4px;
|
|
background-color:#D6CCA9;
|
|
}
|
|
|
|
.sheet-Stat {
|
|
text-align: center;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.sheet-Subsection
|
|
{
|
|
font-size: 120%;
|
|
border-bottom: 1px solid black;
|
|
}
|
|
|
|
.sheet-StatLabelP {
|
|
display: block;
|
|
font-size: 200%;
|
|
text-align: left;
|
|
margin-left: -8px;
|
|
}
|
|
|
|
.sheet-StatLabelH {
|
|
display: block;
|
|
font-size: 200%;
|
|
text-align: left;
|
|
margin-left: -10px;
|
|
}
|
|
|
|
.sheet-StatLabelC {
|
|
display: block;
|
|
font-size: 200%;
|
|
text-align: left;
|
|
margin-left: -15px;
|
|
}
|
|
|
|
.sheet-StatLabel {
|
|
display: block;
|
|
font-size: 200%;
|
|
text-align: left;
|
|
}
|
|
|
|
.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: black;
|
|
font-family: 'Century Gothic';
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
font-size: 15px;
|
|
padding-top: 10px;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-motw-moveshare .sheet-moveshare-title
|
|
{
|
|
background-color: #D6CCA9;
|
|
}
|
|
|
|
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-title
|
|
{
|
|
background-color: #D6CCA9;
|
|
}
|
|
|
|
.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://i.imgur.com/DRWAYoL.png"); */
|
|
background-position: right;
|
|
background-color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-success
|
|
{
|
|
/* background-image: url("https://i.imgur.com/DRWAYoL.png"); */
|
|
background-position: right;
|
|
background-color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-advsuccess
|
|
{
|
|
/* background-image: url("https://i.imgur.com/DRWAYoL.png"); */
|
|
background-position: right;
|
|
background-color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-mixed
|
|
{
|
|
/* background-image: url("https://i.imgur.com/DRWAYoL.png"); */
|
|
background-position: right;
|
|
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: 'Century Gothic';
|
|
color: black;
|
|
border: none !important;
|
|
background-color: transparent;
|
|
font-weight: bold;
|
|
padding: 5px 5px 5px 0px;
|
|
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-centercheckbox {
|
|
opacity: 0.0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: -3px;
|
|
left: 9px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
background-color: black;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-checkbox + span.sheet-altbox::before {
|
|
margin-right: 0px;
|
|
margin-left: 3px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Monster%20of%20the%20Week%20Official/pics/checkbox-unchecked.png);
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-checkbox:checked + span.sheet-altbox::before {
|
|
content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Monster%20of%20the%20Week%20Official/pics/checkbox-checked-red.png);
|
|
}
|
|
|
|
input[type="checkbox"].sheet-checkbox + span.sheet-mainbox::before {
|
|
margin-right: -7px;
|
|
margin-left: 10px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Monster%20of%20the%20Week%20Official/pics/checkbox-unchecked.png);
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-checkbox:checked + span.sheet-mainbox::before {
|
|
content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Monster%20of%20the%20Week%20Official/pics/checkbox-checked-red.png);
|
|
}
|
|
|
|
.sheet-move .sheet-isolator {
|
|
text-indent: 0px;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-checkbox + span.sheet-anglebox::before {
|
|
margin-right: 0px;
|
|
margin-left: 3px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
content: "►";
|
|
color: #990000;
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-checkbox:checked + span.sheet-anglebox::before {
|
|
content: "▼";
|
|
}
|
|
|
|
span.sheet-ExpHeader {
|
|
font-weight: bold;
|
|
font-size: 75%;
|
|
text-transform: uppercase;
|
|
color: #999999;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-ExpOPBToggle + span.sheet-anglebox + span.sheet-ExpHeader::before,
|
|
input[type="checkbox"].sheet-ExpToggle + span.sheet-anglebox + span.sheet-ExpHeader::before {
|
|
content: "Show "; /* I'd love to internationalize this but I don't think CSS allows it */
|
|
}
|
|
|
|
input[type="checkbox"].sheet-OPBToggle:checked + span.sheet-anglebox + span.sheet-ExpHeader::before,
|
|
input[type="checkbox"].sheet-ExpToggle:checked + span.sheet-anglebox + span.sheet-ExpHeader::before {
|
|
content: "Hide "; /* I'd love to internationalize this but I don't think CSS allows it */
|
|
}
|
|
|
|
input[type="radio"].sheet-radio {
|
|
opacity: 0.0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: -3px;
|
|
left: 9px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="radio"].sheet-radio + span.sheet-mainbox::before {
|
|
margin-right: -7px;
|
|
margin-left: 10px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Monster%20of%20the%20Week%20Official/pics/radio-unchecked.png);
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
input[type="radio"].sheet-radio:checked + span.sheet-mainbox::before {
|
|
content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Monster%20of%20the%20Week%20Official/pics/radio-checked-red.png);
|
|
}
|
|
|
|
input[type="radio"].sheet-radio + span.sheet-altbox::before {
|
|
margin-right: 0px;
|
|
margin-left: 3px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Monster%20of%20the%20Week%20Official/pics/radio-unchecked.png);
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
input[type="radio"].sheet-radio:checked + span.sheet-altbox::before {
|
|
content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Monster%20of%20the%20Week%20Official/pics/radio-checked-red.png);
|
|
}
|
|
|
|
.sheet-grayable {
|
|
color: #999999;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-checkbox:checked ~ span.sheet-grayable,
|
|
input[type="radio"].sheet-radio:checked ~ span.sheet-grayable
|
|
{
|
|
color: #000000;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-checkbox:checked ~ span.sheet-grayable b,
|
|
input[type="radio"].sheet-radio:checked ~ span.sheet-grayable b,
|
|
input[type="checkbox"].sheet-checkbox:checked ~ span.sheet-grayable i,
|
|
input[type="radio"].sheet-radio:checked ~ span.sheet-grayable i
|
|
{
|
|
color: #990000;
|
|
}
|
|
|
|
.sheet-OPBHead {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-UnusedToggle[value="1"]:checked ~ .sheet-OPBToggle[value="1"]:checked ~ .sheet-OPBHead,
|
|
.sheet-OPBToggle[value="1"]:checked ~ .sheet-OPB
|
|
{
|
|
display: block;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.sheet-ExpToggle[value="1"]:checked ~ .sheet-move > .sheet-checkbox,
|
|
.sheet-ExpToggle[value="1"]:checked ~ .sheet-move > .sheet-checkbox + .sheet-mainbox,
|
|
.sheet-ExpToggle[value="1"]:checked ~ .sheet-move > .sheet-checkbox + .sheet-mainbox + .sheet-grayable,
|
|
.sheet-ExpToggle[value="1"]:checked ~ .flex-container + .flex-child > .sheet-checkbox,
|
|
.sheet-ExpToggle[value="1"]:checked ~ .flex-container + .flex-child > .sheet-checkbox + .sheet-mainbox,
|
|
.sheet-ExpToggle[value="1"]:checked ~ .flex-container + .flex-child > .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"] ~ .flex-container + .flex-child > .sheet-checkbox,
|
|
.sheet-ExpToggle[value="1"] ~ .flex-container + .flex-child > .sheet-checkbox + .sheet-mainbox,
|
|
.sheet-ExpToggle[value="1"] ~ .flex-container + .flex-child > .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"] ~ .flex-container + .flex-child > .sheet-checkbox:checked,
|
|
.sheet-ExpToggle[value="1"] ~ .flex-container + .flex-child > .sheet-checkbox:checked + .sheet-mainbox,
|
|
.sheet-ExpToggle[value="1"] ~ .flex-container + .flex-child > .sheet-checkbox:checked + .sheet-mainbox + .sheet-grayable,
|
|
.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-radio:checked,
|
|
.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-radio:checked + .sheet-mainbox,
|
|
.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-radio:checked + .sheet-mainbox + .sheet-grayable
|
|
{
|
|
display: inline;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-inverted-triggerbox,
|
|
input[type="checkbox"].sheet-inverted-triggerbox:checked,
|
|
input[type="checkbox"].sheet-inverted-triggerbox:checked + div.sheet-triggerframe,
|
|
input[type="checkbox"].sheet-inverted-triggerbox:checked + span.sheet-triggertext,
|
|
input[type="checkbox"].sheet-AllyRevealer ~ div.sheet-Ally,
|
|
input[type="checkbox"].sheet-triggerbox + input[type="checkbox"].sheet-checkbox + span.sheet-altbox,
|
|
input[type="checkbox"].sheet-triggerbox,
|
|
input[type="checkbox"].sheet-triggerbox:checked,
|
|
input[type="checkbox"].sheet-triggerbox + div.sheet-triggerframe,
|
|
input[type="checkbox"].sheet-triggerbox + span.sheet-triggertext
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-inverted-triggerbox + span.sheet-triggertext,
|
|
input[type="checkbox"].sheet-triggerbox:checked + input[type="checkbox"].sheet-checkbox + span.sheet-altbox,
|
|
input[type="checkbox"].sheet-triggerbox:checked + span.sheet-triggertext
|
|
{
|
|
display: inline;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-AllyRevealer:checked ~ div.sheet-Ally,
|
|
input[type="checkbox"].sheet-HavenRevealer:checked + div.sheet-Haven,
|
|
input[type="checkbox"].sheet-SectRevealer:checked + div.sheet-Sect,
|
|
input[type="checkbox"].sheet-inverted-triggerbox + div.sheet-triggerframe,
|
|
input[type="checkbox"].sheet-triggerbox:checked + div.sheet-triggerframe
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-AllyRevealer:checked ~ .sheet-Ally,
|
|
.sheet-HavenRevealer:checked ~ .sheet-Haven,
|
|
.sheet-SectRevealer:checked ~ .sheet-Sect
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-advmoves {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.sheet-highlights > b,
|
|
.sheet-highlights > i,
|
|
.sheet-redtext
|
|
{
|
|
color: #990000;
|
|
}
|
|
|
|
.sheet-kflex {
|
|
display: flex;
|
|
flex-flow: column-reverse;
|
|
align-items: left;
|
|
}
|
|
|
|
.sheet-kflex > .repcontainer {
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
justify-content: space-between;
|
|
align-items: stretch;
|
|
align-content: flex-start;
|
|
}
|
|
|
|
.sheet-kflex > .repcontrol {
|
|
display: inline-block;
|
|
width: 150px;
|
|
}
|
|
|
|
.sheet-kflex > .repcontainer > .repitem {
|
|
margin-right: 20px;
|
|
padding-bottom: 10px;
|
|
min-width: 20em;
|
|
min-height: 10px;
|
|
flex: 1 1 25em;
|
|
}
|
|
|
|
.sheet-KInstructions {
|
|
align-self: left;
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-KItem-input {
|
|
margin-bottom: 6px;
|
|
margin-left: 6px;
|
|
width: 90%;
|
|
}
|
|
|
|
input.sheet-null-hider[value=""] + *,
|
|
input.sheet-null-hider[value="0"] + *,
|
|
input.sheet-99-hider[value="99"] + *
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.sheet-KIndented {
|
|
margin-left: 1em;
|
|
padding-bottom: 6px;
|
|
}
|
|
|
|
.sheet-CountRow {
|
|
border-top: 1px solid black;
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
justify-content: flex-start;
|
|
align-items: stretch;
|
|
align-content: stretch;
|
|
/* flex: 1 1 25em; */
|
|
}
|
|
|
|
.sheet-CountRow:last-of-type {
|
|
border-bottom: 1px solid black;
|
|
}
|
|
|
|
.sheet-CountRow .sheet-CountEvent
|
|
{
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.sheet-CountBox {
|
|
border-right: 1px solid black;
|
|
border-left: 1px solid black;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.sheet-CountRow .sheet-CountEvent {
|
|
width: calc(100% - 10em);
|
|
}
|
|
|
|
.sheet-CountRow .sheet-Day,
|
|
.sheet-CountRow .sheet-Shadows,
|
|
.sheet-CountRow .sheet-Sunset,
|
|
.sheet-CountRow .sheet-Dusk,
|
|
.sheet-CountRow .sheet-Nightfall,
|
|
.sheet-CountRow .sheet-Midnight
|
|
{
|
|
width: 8em;
|
|
}
|
|
|
|
.sheet-Day,
|
|
.sheet-Shadows,
|
|
.sheet-Sunset,
|
|
.sheet-Dusk,
|
|
.sheet-Nightfall,
|
|
.sheet-Midnight,
|
|
.sheet-CountEvent
|
|
{
|
|
color: #000000;
|
|
padding: 6px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-Day {
|
|
background-color: #EEEEEE;
|
|
color: #000000;
|
|
}
|
|
|
|
.sheet-Shadows {
|
|
background-color: #CCCCCC;
|
|
color: #111111;
|
|
}
|
|
|
|
.sheet-Sunset {
|
|
background-color: #AAAAAA;
|
|
color: #222222;
|
|
}
|
|
|
|
.sheet-Dusk {
|
|
color: #DDDDDD;
|
|
background-color: #888888;
|
|
}
|
|
|
|
.sheet-Nightfall {
|
|
color: #EEEEEE;
|
|
background-color: #666666;
|
|
}
|
|
|
|
.sheet-Midnight {
|
|
color: #FFFFFF;
|
|
background-color: #444444;
|
|
}
|
|
|
|
.sheet-EditControls {
|
|
border: 1px solid #990000;
|
|
background-color: #EEEEEE;
|
|
padding: 6px;
|
|
}
|
|
|
|
div.sheet-KItem-Subtype > div {
|
|
font-style: italic;
|
|
}
|
|
|
|
.sheet-othermove b
|
|
{
|
|
color: #990000;
|
|
}
|
|
|
|
.sheet-othermovename {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-othermovename::before {
|
|
padding-right: 2px;
|
|
vertical-align: top;
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Monster%20of%20the%20Week%20Official/pics/checkbox-checked-black.png);
|
|
}
|
|
|
|
.sheet-othermovename::after {
|
|
content: ": ";
|
|
}
|
|
|
|
.sheet-EditControls textarea,
|
|
.sheet-EditControls input[type="text"],
|
|
{
|
|
width: calc(100% - 10px);
|
|
}
|
|
|
|
.sheet-StartingStats {
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
.sheet-col {
|
|
max-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;
|
|
}
|
|
|
|
|
|
/* playing with flex stuff */
|
|
|
|
.flex-container {
|
|
display: flex;
|
|
width: auto;
|
|
}
|
|
|
|
.flex-child {
|
|
flex: 1;
|
|
text-indent: -15px;
|
|
margin-left: 15px;
|
|
width: 50%;
|
|
}
|
|
|
|
.flex-child:first-child {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
|
|
.flex-training {
|
|
max-width: 100%;
|
|
justify-content: center;
|
|
}
|
|
|
|
.flex-training1 {
|
|
flex: 1;
|
|
margin-left: 15px;
|
|
width: 50%;
|
|
}
|
|
|
|
.flex-training5 {
|
|
flex: 1;
|
|
margin-left: 15px;
|
|
width: 50%;
|
|
flex-grow: 1.5;
|
|
}
|
|
|
|
/* training symbols */
|
|
|
|
.sheet-training {
|
|
float: left;
|
|
width: 50px;
|
|
height: 50px;
|
|
background-size: cover;
|
|
padding: 10px;
|
|
margin-left: 20px;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
|
|
/* balance spacing */
|
|
|
|
.balance-space {
|
|
padding: 1px;
|
|
}
|
|
|
|
.repcontainer[data-groupname="repeating_othermoves"] > .repitem input[type="text"]{
|
|
width: 200px;
|
|
}
|
|
.repcontainer[data-groupname="repeating_othermoves"] > .repitem textarea{
|
|
width: 190px;
|
|
} |