Files
roll20-character-sheets/Derby_Drama/sheet.css
T
Libby 8c852c5b1f Derby Drama sheet (#6937)
* Add sheet.html for Derby Drama

* Add sheet.css for Derby Drama

* Add preview.png

* Add sheet.json for Derby Drama

* Quick fix to Derby Drama moves list.

* Add Derby Drama website to sheet.json
2020-07-13 10:50:32 -05:00

107 lines
1.5 KiB
CSS

.charactersheet {
min-width: 625px;
}
.sheet-basics {
display: flex;
}
.sheet-basics label span {
display: block;
width: 100%;
}
.sheet-basics label input {
display: block;
width: 100%;
}
.sheet-pronouns {
max-width: 10em
}
.sheet-look {
max-width: 100%
}
.sheet-stats {
display: flex;
}
.sheet-stats label {
text-align: center;
margin-right: 0.5em;
margin-left: 0.5em;
border-right: 1px solid black;
}
.sheet-stats label:last-child{
border: none;
}
.sheet-stat-roll {
display: block;
width: 100%;
margin-top: 0.5em;
}
.sheet-stats button span { margin-left: 0.5em }
.sheet-moves {
display: flex;
justify-content: space-around;
min-width: 575px;
}
.sheet-move {
min-width: 10em;
width: 45%;
display: flex;
flex-wrap: wrap;
background:lightgrey;
padding:1em;
}
.sheet-move input {
width: 100%;
}
.sheet-move input.sheet-movename {
font-weight: bold
}
.sheet-move input.sheet-moveeffect {
width: 50%;
min-width: 10em;
}
.sheet-move input.sheet-movestat {
width: 50%;
min-width: 10em;
}
.sheet-label {
width: 25%;
min-width: 5em;
text-align: right;
padding-right: 1em;
}
.sheet-cell {
min-width: 65%;
}
.sheet-stress label { display: inline }
.sheet-stressdisplay {
display: inline-block;
text-align: center;
width: 10em;
}
.sheet-or {
font-style: italic;
margin: 1em;
align-self: center;
}
textarea { height: 40px; }
label span.sheet-stat-roll button[type=roll]{
font-size: 1em;
margin: 3px;
}