Files
roll20-character-sheets/Miseries & Misfortunes/css/roll-modal.css
T

100 lines
2.1 KiB
CSS

.sheet-modal-flag[value='1'] + .sheet-roll-modal {
display: block;
position: fixed;
top: 100px;
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
z-index: 100;
width: 250px;
background: rgb(240, 240, 240);
border: 2px solid rgba(64, 64, 64, 0.8);
border-radius: 5px;
padding: 10px;
text-align: center;
}
input[type='checkbox'].sheet-close-modal,
input[type='checkbox'].sheet-close-modal + span {
position: absolute;
top: 0px;
right: 0px;
width: 15px;
height: 15px;
}
input[type='checkbox'].sheet-close-modal {
cursor: pointer;
opacity: 0;
z-index: 101;
}
input[type='checkbox'].sheet-close-modal + span::before {
content: '✖';
}
input.sheet-roll-modifier-flag[value='save'] ~ div .sheet-roll,
input.sheet-roll-modifier-flag[value='combat'] ~ div .sheet-roll,
input.sheet-roll-modifier-flag[value='d20'] ~ div .sheet-difficulty,
input.sheet-roll-modifier-flag[value='skill'] ~ div .sheet-skill {
display: initial;
}
input.sheet-roll-modifier-flag[value='skill'] ~ .sheet-skill {
display: inline-block;
}
.sheet-wits-dropdown {
width: 100px;
}
.sheet-shot-container .sheet-left,
.sheet-shot-container .sheet-right,
.sheet-range .sheet-left,
.sheet-range .sheet-right {
display: inline-block;
vertical-align: top;
}
.sheet-shot-container .sheet-right,
.sheet-range .sheet-right {
text-align: left;
}
.sheet-shot-container .sheet-right div,
.sheet-range .sheet-right div {
display: block;
}
input.sheet-combat-shot-flag[value='melee'] ~ .sheet-shot-container {
display: none;
}
input.sheet-combat-shot-flag[value='melee'] ~ .sheet-range .sheet-ranged,
input.sheet-combat-shot-flag:not([value='melee']) ~ .sheet-range .sheet-melee {
pointer-events: none;
color: #888;
}
.sheet-combat-mod-container div {
display: inline-block;
}
.sheet-combat-mod-container input {
display: inline-block;
}
.sheet-opponent-stat-flag[value='intimate'] + .sheet-opponent-stat-container,
.sheet-opponent-stat-flag[value='melee'] + .sheet-opponent-stat-container {
display: inline-block;
}
.sheet-modifier-container {
display: inline-block;
}
.sheet-roll-modal div.sheet-modifier-container:last-child {
margin-left: 25px;
}