85 lines
1.2 KiB
CSS
85 lines
1.2 KiB
CSS
.row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex: 1;
|
|
}
|
|
|
|
.col {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex: 1;
|
|
}
|
|
|
|
.wrap {
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.center {
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
|
|
.editable-input {
|
|
flex: 1;
|
|
padding: 0px 3px;
|
|
}
|
|
|
|
.editable-input input {
|
|
border: none;
|
|
}
|
|
|
|
.editable-number {
|
|
text-align: center;
|
|
}
|
|
|
|
.placeholder {
|
|
font-size: 0.8em;
|
|
border-top: 1px solid;
|
|
}
|
|
|
|
|
|
|
|
.die {
|
|
width: 48px;
|
|
height: 48px;
|
|
line-height: 48px;
|
|
|
|
background-color: #000;
|
|
mask-image: url("../src/Assets/d20.svg");
|
|
mask-size: contain;
|
|
|
|
text-align: center;
|
|
color: #fff;
|
|
}
|
|
|
|
.die-courage { background-color: #b22319; }
|
|
.die-cleverness { background-color: #8158a3; }
|
|
.die-intuition { background-color: #388834; }
|
|
.die-charisma { background-color: #0c0c0c; }
|
|
.die-dexterity { background-color: #d4b366; }
|
|
.die-agility { background-color: #678ec3; }
|
|
.die-constitution { background-color: #a3a3a3; }
|
|
.die-strength { background-color: #d5a877; }
|
|
|
|
|
|
.character-image {
|
|
width: 115px;
|
|
height: 115px;
|
|
}
|
|
|
|
.item-image {
|
|
width: 80px;
|
|
height: 80px;
|
|
}
|
|
|
|
|
|
.actor-sheet fieldset {
|
|
width: 100%;
|
|
}
|
|
|
|
.actor-sheet table {
|
|
border: none;
|
|
background: none;
|
|
table-layout: fixed;
|
|
} |