Files
roll20-character-sheets-tester/Miseries & Misfortunes/css/skills.css
T

99 lines
2.6 KiB
CSS

.sheet-skill-container .sheet-left,
.sheet-skill-container .sheet-right,
.sheet-skill-repeating-container .sheet-left,
.sheet-skill-repeating-container .sheet-right,
.sheet-increment-container {
position: relative;
display: inline-block;
}
.sheet-skill-container .sheet-left,
.sheet-skill-repeating-container .sheet-left {
width: calc(62%);
}
.sheet-skill-container .sheet-right,
.sheet-skill-repeating-container .sheet-right {
width: calc(35%);
}
input[type='radio'].sheet-editing:checked ~ .sheet-tabcontainer .sheet-skill-container .sheet-left,
input[type='radio'].sheet-editing:checked ~ .sheet-tabcontainer .sheet-skill-repeating-container .sheet-left {
width: calc(41% - 1px);
}
input[type='radio'].sheet-editing:checked ~ .sheet-tabcontainer .sheet-skill-container .sheet-right,
input[type='radio'].sheet-editing:checked ~ .sheet-tabcontainer .sheet-skill-repeating-container .sheet-right {
width: calc(58% - 1px);
}
.sheet-die-container-skill {
width: 15px;
}
.sheet-die-container-skill input.sheet-dietype-flag ~ .sheet-tn {
top: 0px;
}
.sheet-die-container-skill input.sheet-dietype-flag ~ .sheet-d4,
.sheet-die-container-skill input.sheet-dietype-flag ~ .sheet-d6,
.sheet-die-container-skill input.sheet-dietype-flag ~ .sheet-d8,
.sheet-die-container-skill input.sheet-dietype-flag ~ .sheet-d10,
.sheet-die-container-skill input.sheet-dietype-flag ~ .sheet-d12,
.sheet-die-container-skill input.sheet-dietype-flag ~ .sheet-d20 {
top: -7px;
}
.sheet-skill-container-double {
display: flex;
flex-flow: row wrap;
}
.sheet-skill-container-double .sheet-mod-display {
display: inline-block;
}
.sheet-skill-container-double .sheet-skill-container {
width: calc(50% - 1px);
}
.sheet-skill-container-double .sheet-skill-container:nth-child(odd),
.sheet-skill-container-double .repitem:nth-child(odd) {
border-right: 1px solid black;
}
.sheet-skill-container-double .repitem:nth-child(1),
.sheet-skill-container-double .repitem:nth-child(2),
.sheet-skill-container-double .sheet-skill-container:nth-child(1),
.sheet-skill-container-double .sheet-skill-container:nth-child(2) {
padding-top: 3px;
}
.sheet-skill-container .sheet-left,
.sheet-skill-repeating-container .sheet-left {
overflow: hidden;
text-overflow: clip;
word-wrap: break-word;
white-space: nowrap;
vertical-align: bottom;
}
.sheet-skill-container-double .repcontainer {
width: 100%;
}
.sheet-skill-container-double .repitem {
width: calc(50% - 1px);
display: inline-block;
}
.sheet-mod-display select.sheet-edit {
width: 20px;
margin: 0px;
height: 10px;
}
.sheet-mentalities input[type='text'] {
width: calc(100% - 60px);
}