mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
149 lines
4.5 KiB
CSS
149 lines
4.5 KiB
CSS
.ui-dialog .tab-content .charsheet .biography {
|
|
position: relative;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
background: var(--img-parchment);
|
|
background-repeat: no-repeat;
|
|
background-size: 100%;
|
|
padding: 1rem 2rem;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .bioTabs {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
place-items: flex-end;
|
|
position: absolute;
|
|
top: -12px;
|
|
right: 0;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .repeating_reputation + div .repitem {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .repeating_reputation + div .repitem input:first-of-type {
|
|
-webkit-box-flex: 2;
|
|
-ms-flex: 2;
|
|
flex: 2;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .repeating_reputation + div .repitem input[list] {
|
|
-webkit-box-flex: 1;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
width: 120px;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .repeating_personality + div .repitem {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
margin: 8px 0px;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet .characteristics {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .characteristics > div {
|
|
position: sticky;
|
|
padding: 1rem;
|
|
background: var(--col-madderlake);
|
|
-webkit-box-shadow: 2px 2px 6px var(--col-indigo);
|
|
box-shadow: 2px 2px 6px var(--col-indigo);
|
|
top: 20px;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .characteristics > div > div.repcontrol[data-groupname=repeating_shapeshifts] > button.repcontrol_add {
|
|
visibility: hidden;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .__abilityTab {
|
|
-ms-grid-columns: 1fr 1rem 2fr;
|
|
grid-template-columns: 1fr 2fr;
|
|
padding: 2rem 3rem;
|
|
gap: 1rem;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .abilities {
|
|
-o-border-image: var(--border-lined) 50 round;
|
|
border-image: var(--border-lined) 50 fill round;
|
|
border-image-width: 50px;
|
|
padding: 1rem 3rem;
|
|
margin: 0;
|
|
-webkit-filter: drop-shadow(2px 2px 2px var(--col-indigo));
|
|
filter: drop-shadow(2px 2px 2px var(--col-indigo));
|
|
}
|
|
.ui-dialog .tab-content .charsheet .shiftContainer {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .charRow {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
height: 30px;
|
|
margin: 0;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
padding: 0px;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .charRow input[type=number] {
|
|
width: 50px;
|
|
height: 100%;
|
|
text-align: center;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .charRow input[type=hidden][value=Intelligence] + label.label__Intelligence {
|
|
background: var(--col-leadWhite);
|
|
}
|
|
.ui-dialog .tab-content .charsheet .charRow input[type=hidden][value=Perception] + label.label__Perception {
|
|
background: var(--col-leadWhite);
|
|
}
|
|
.ui-dialog .tab-content .charsheet .charRow input[type=hidden][value=Presence] + label.label__Presence {
|
|
background: var(--col-leadWhite);
|
|
}
|
|
.ui-dialog .tab-content .charsheet .charRow input[type=hidden][value=Communication] + label.label__Communication {
|
|
background: var(--col-leadWhite);
|
|
}
|
|
.ui-dialog .tab-content .charsheet .charRow input[type=hidden][value=Strength] + label.label__Strength {
|
|
background: var(--col-leadWhite);
|
|
}
|
|
.ui-dialog .tab-content .charsheet .charRow input[type=hidden][value=Stamina] + label.label__Stamina {
|
|
background: var(--col-leadWhite);
|
|
}
|
|
.ui-dialog .tab-content .charsheet .charRow input[type=hidden][value=Dexterity] + label.label__Dexterity {
|
|
background: var(--col-leadWhite);
|
|
}
|
|
.ui-dialog .tab-content .charsheet .charRow input[type=hidden][value=Quickness] + label.label__Quickness {
|
|
background: var(--col-leadWhite);
|
|
}
|
|
.ui-dialog .tab-content .charsheet .charRow label {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 100%;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .charRow label span {
|
|
margin: auto 5px;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .charRow label:first-of-type {
|
|
-webkit-box-flex: 1;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
} |