99 lines
1.8 KiB
CSS
99 lines
1.8 KiB
CSS
.sheet-lifepath-level,
|
|
.sheet-lifepath-name {
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-lifepath-level {
|
|
display: inline-block;
|
|
width: calc(32%);
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-lifepath-name {
|
|
display: inline-block;
|
|
width: calc(65%);
|
|
}
|
|
|
|
.sheet-lifepaths-container .repitem {
|
|
display: inline-block;
|
|
width: calc(50%);
|
|
}
|
|
|
|
.sheet-lifepath-name input {
|
|
width: 90px;
|
|
}
|
|
|
|
.sheet-lifepath-level input {
|
|
width: 35px;
|
|
}
|
|
|
|
.sheet-lifepath-experience-container {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.sheet-lifepath-table {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.charsheet .sheet-lifepath-table .sheet-row {
|
|
flex-basis: 100%;
|
|
display: flex;
|
|
}
|
|
|
|
.sheet-lifepath-table .sheet-row > div {
|
|
flex: 1;
|
|
text-align: center;
|
|
min-height: 25px;
|
|
position: relative;
|
|
border-left: 1px solid black;
|
|
border-top: 1px solid black;
|
|
}
|
|
|
|
.sheet-lifepath-table .sheet-row:last-of-type > div {
|
|
border-bottom: 1px solid black;
|
|
}
|
|
|
|
.sheet-lifepath-table .sheet-row > div:last-of-type {
|
|
border-right: 1px solid black;
|
|
}
|
|
|
|
.sheet-lifepath-table .sheet-row > div.sheet-condition {
|
|
flex: 10;
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-lp-flag[value='0'] ~ .sheet-blackbox,
|
|
.sheet-lp-flag[value='1'] ~ .sheet-lp-checkbox {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-blackbox {
|
|
width: 15px;
|
|
height: 15px;
|
|
background-color: black;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
-webkit-transform: translate(-50%, -50%);
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.sheet-lifepath-table .sheet-row > div:not(:last-of-type) span,
|
|
.sheet-lifepath-table input[type='checkbox'] {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
-webkit-transform: translate(-50%, -50%);
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.sheet-lifepath-table .sheet-row > div.sheet-conditon span {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-lifepath-table .sheet-row > div:last-of-type {
|
|
padding-left: 5px;
|
|
}
|