mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
209 lines
2.9 KiB
CSS
209 lines
2.9 KiB
CSS
|
|
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap');
|
|
|
|
/*Configure the tab buttons*/
|
|
.sheet-character,
|
|
.sheet-advancement,
|
|
.sheet-materials {
|
|
display: none;
|
|
}
|
|
|
|
/* show the selected tab */
|
|
.sheet-tabstoggle[value="character"] ~ div.sheet-character,
|
|
.sheet-tabstoggle[value="advancement"] ~ div.sheet-advancement,
|
|
.sheet-tabstoggle[value="materials"] ~ div.sheet-materials {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-wrapper {
|
|
background-color: white;
|
|
margin: 2%;
|
|
}
|
|
|
|
.sheet-container {
|
|
display: flex;
|
|
margin-bottom: 2em;
|
|
}
|
|
|
|
.sheet-blockbundle {
|
|
display: flex;
|
|
margin-bottom: 1em;
|
|
text-align: center;
|
|
display: block;
|
|
}
|
|
|
|
.sheet-justify-between {
|
|
justify-content: space-between;
|
|
}
|
|
|
|
|
|
.sheet-align-stretch {
|
|
align-items: stretch;
|
|
}
|
|
|
|
|
|
.sheet-centeralign {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.sheet-column {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.sheet-row {
|
|
flex-direction: row;
|
|
}
|
|
|
|
.sheet-oneline {
|
|
min-width: 5%;
|
|
max-width: 20%;
|
|
}
|
|
|
|
.sheet-fullwidth {
|
|
min-width: 95%;
|
|
max-width: 95%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.sheet-threefourthswidth {
|
|
min-width: 70%;
|
|
max-width: 70%;
|
|
}
|
|
|
|
.sheet-halfwidth {
|
|
min-width: 45%;
|
|
max-width: 45%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.sheet-halfwidth-left {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.sheet-halfwidth-right {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.sheet-thirdwidth {
|
|
min-width: 31%;
|
|
max-width: 31%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.sheet-quarterwidth {
|
|
min-width: 20%;
|
|
max-width: 20%;
|
|
}
|
|
|
|
.sheet-tenwidth {
|
|
min-width: 10%;
|
|
max-width: 10%;
|
|
}
|
|
|
|
.sheet-fifteenwidth {
|
|
min-width: 15%;
|
|
max-width: 15%;
|
|
}
|
|
|
|
.sheet-margintwo {
|
|
margin-left: 2em;
|
|
margin-right: 2em;
|
|
}
|
|
|
|
.sheet-fillspace {
|
|
width: 100%;
|
|
justify-content: stretch;
|
|
}
|
|
|
|
.sheet-centered {
|
|
margin: 0 auto 1em auto;
|
|
display: block;
|
|
}
|
|
|
|
|
|
.sheet-vertcenter{
|
|
display: flex;
|
|
align-items:center;
|
|
}
|
|
|
|
.sheet-first {
|
|
margin-top: .25em;
|
|
}
|
|
|
|
.sheet-padded {
|
|
padding: .25em;
|
|
}
|
|
|
|
|
|
.sheet-paddedtwo {
|
|
padding: .5em;
|
|
}
|
|
|
|
.sheet-paddedten {
|
|
padding: 2.5em;
|
|
}
|
|
|
|
.sheet-boxesjustify {
|
|
display: flex;
|
|
margin-bottom: 1em;
|
|
text-align: center;
|
|
justify-content: space-evenly;
|
|
}
|
|
|
|
button[type="roll"].sheet-margined, div.sheet-margined {
|
|
margin-top: .25em;
|
|
margin-bottom: .25em;
|
|
}
|
|
|
|
|
|
.sheet-field-label {
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
padding-left: 0.5em;
|
|
font-family: 'Roboto Slab', serif;
|
|
}
|
|
|
|
.sheet-rolltemplate-default caption {
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
background-color: black;
|
|
color: white;
|
|
font-family: 'Roboto Slab', serif;
|
|
}
|
|
|
|
.sheet-label-centered, .sheet-rolltemplate-default caption {
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-blackbg {
|
|
background-color: black;
|
|
color: white;
|
|
display: block;
|
|
font-size: large;
|
|
}
|
|
|
|
.sheet-largefont {
|
|
font-size: 150%;
|
|
}
|
|
|
|
.sheet-bordered {
|
|
border: 3px solid black;
|
|
}
|
|
|
|
.sheet-no-display {
|
|
display: none;
|
|
}
|
|
|
|
textarea {
|
|
max-width: 98%;
|
|
}
|
|
|
|
span.sheet-unifraktur {
|
|
/* font-family: 'UnifrakturCook', serif; */
|
|
font-family: 'Roboto Slab', serif;
|
|
font-size: 1.5em;
|
|
}
|