mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
168 lines
2.7 KiB
CSS
168 lines
2.7 KiB
CSS
.sheet-character-sheet {
|
|
width: 945px;
|
|
height: 680px;
|
|
background: url("https://raw.githubusercontent.com/Ravencrow/roll20-character-sheets/master/MascarasDelImperio/MascarasDelImperioSheet.png")
|
|
top left no-repeat;
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
input {
|
|
background-color: transparent;
|
|
border: 1px solid transparent;
|
|
}
|
|
|
|
textarea {
|
|
resize: none;
|
|
border: 1px dashed grey;
|
|
}
|
|
|
|
.sheet-column {
|
|
flex: 1;
|
|
border: 1px solid transparent;
|
|
}
|
|
|
|
.sheet-column:nth-child(1) {
|
|
max-width: 325px;
|
|
}
|
|
|
|
.sheet-column:nth-child(2) {
|
|
max-width: 210px;
|
|
}
|
|
|
|
.sheet-row:nth-child(1) {
|
|
margin-top: 55px;
|
|
}
|
|
|
|
.sheet-name {
|
|
margin-left: 108px;
|
|
}
|
|
|
|
.sheet-row:nth-child(2) {
|
|
margin-top: -2px;
|
|
}
|
|
|
|
.sheet-concept {
|
|
margin-left: 115px;
|
|
width: 203px;
|
|
}
|
|
|
|
.sheet-row:nth-child(3) {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.sheet-characteristic {
|
|
width: 40px;
|
|
margin-left: 265px;
|
|
text-align: center;
|
|
font-size: 30px;
|
|
border: 1px dashed;
|
|
}
|
|
|
|
.sheet-left-attribute {
|
|
margin-left: 54px;
|
|
}
|
|
|
|
.sheet-right-attribute {
|
|
margin-left: 83px;
|
|
}
|
|
|
|
.sheet-row:nth-child(4) {
|
|
margin-bottom: 1px;
|
|
}
|
|
|
|
.sheet-row:nth-child(5) {
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.sheet-row:nth-child(7) {
|
|
margin-top: 21px;
|
|
}
|
|
|
|
.sheet-row:nth-child(n + 8) .sheet-left-attribute {
|
|
margin-left: 52px;
|
|
}
|
|
|
|
.sheet-row:nth-child(n + 8) .sheet-right-attribute {
|
|
margin-left: 84px;
|
|
}
|
|
|
|
.sheet-row:nth-child(n + 8) {
|
|
margin-bottom: 1px;
|
|
}
|
|
|
|
.sheet-row:nth-child(n + 9) {
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.sheet-row:nth-child(11),
|
|
.sheet-row:nth-child(15) {
|
|
margin-top: 22px;
|
|
}
|
|
|
|
.sheet-row:nth-child(12) {
|
|
margin-top: -3px;
|
|
}
|
|
|
|
.sheet-row:nth-child(13) {
|
|
margin-top: -1px;
|
|
}
|
|
|
|
.sheet-row:nth-child(16) {
|
|
margin-top: -4px;
|
|
}
|
|
|
|
.sheet-image-text {
|
|
margin-left: 21px;
|
|
margin-top: 3px;
|
|
width: 155px;
|
|
height: 206px;
|
|
}
|
|
|
|
.sheet-column:nth-child(2) .sheet-row:nth-child(2) {
|
|
margin-top: -1px;
|
|
}
|
|
|
|
.sheet-column:nth-child(2) .sheet-row:nth-child(2) .sheet-attribute {
|
|
margin-left: 44px;
|
|
width: 152px;
|
|
}
|
|
|
|
.sheet-column:nth-child(2) .sheet-row:nth-child(3),
|
|
.sheet-column:nth-child(2) .sheet-row:nth-child(5) {
|
|
margin-top: 14px;
|
|
}
|
|
|
|
.sheet-column:nth-child(2) .sheet-row:nth-child(3) .sheet-attribute {
|
|
margin-left: 73px;
|
|
width: 123px;
|
|
}
|
|
|
|
.sheet-column:nth-child(2) .sheet-row:nth-child(4) {
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.sheet-column:nth-child(2) .sheet-row:nth-child(4) .sheet-attribute {
|
|
margin-left: 81px;
|
|
width: 115px;
|
|
}
|
|
|
|
.sheet-column:nth-child(2) .sheet-row:nth-child(5) .sheet-attribute {
|
|
margin-left: 72px;
|
|
width: 125px;
|
|
}
|
|
|
|
.sheet-column:nth-child(3) .sheet-row:nth-child(1) {
|
|
margin-top: 80px;
|
|
}
|
|
|
|
.sheet-column:nth-child(3) .sheet-row:nth-child(n + 2) {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.sheet-right-field {
|
|
width: 344px;
|
|
height: 105px;
|
|
margin-left: 16px;
|
|
}
|