mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
105 lines
2.2 KiB
CSS
105 lines
2.2 KiB
CSS
.page-container {
|
|
display: block;
|
|
}
|
|
:checked ~ .usable_input,
|
|
.used_checkbox:checked ~ .premade_move,
|
|
.used_checkbox:checked ~ .custom_move {
|
|
color: #808080;
|
|
text-decoration: line-through;
|
|
}
|
|
.is_move_custom:checked ~ .premade_move {
|
|
display: none;
|
|
}
|
|
.is_move_custom:not(:checked) ~ .custom_move {
|
|
display: none;
|
|
}
|
|
.title-header {
|
|
font-size: 0px;
|
|
width: 90%;
|
|
height: 150px;
|
|
}
|
|
header {
|
|
margin-bottom: 1em;
|
|
}
|
|
.title-header:before {
|
|
background: url("https://raw.githubusercontent.com/AuthorX/roll20-character-sheets/master/Heartbeats/logo_heartbeats.png") no-repeat;
|
|
background-size: contain;
|
|
position: absolute;
|
|
width: inherit;
|
|
height: inherit;
|
|
content: "";
|
|
}
|
|
.characterviewer {
|
|
height: 100%;
|
|
}
|
|
.characterviewer .tab-content {
|
|
height: calc(100% - 82px);
|
|
}
|
|
.characterviewer .tab-content .sheetform {
|
|
height: 100%;
|
|
}
|
|
.characterviewer .tab-content .sheetform .charsheet {
|
|
background: url("https://raw.githubusercontent.com/AuthorX/roll20-character-sheets/master/Heartbeats/margin_line.png") no-repeat right;
|
|
background-size: 50px 100%;
|
|
/* background url("https://i.imgur.com/a3c9e6c.png") no-repeat right top 20px,
|
|
url("https://i.imgur.com/M9O9v83.png") no-repeat right
|
|
background-size 50px, 50px 100% */
|
|
padding-right: 25px;
|
|
height: 100%;
|
|
}
|
|
aside {
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
justify-content: space-evenly;
|
|
float: right;
|
|
margin-right: -25px;
|
|
width: 50px;
|
|
height: 100%;
|
|
}
|
|
.slider-value,
|
|
.slider-max,
|
|
.slider-icon {
|
|
display: none;
|
|
}
|
|
.slider-icon {
|
|
width: 50px;
|
|
height: 50px;
|
|
flex-grow: 1;
|
|
}
|
|
.slider-value:checked + .slider-icon {
|
|
background: url("https://raw.githubusercontent.com/AuthorX/roll20-character-sheets/master/Heartbeats/margin_pulse.png") no-repeat;
|
|
background-size: 50px 100%;
|
|
}
|
|
.slider-max:checked ~ .slider-icon {
|
|
display: block;
|
|
}
|
|
main {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.col2 {
|
|
flex: 50%;
|
|
min-width: 350px;
|
|
}
|
|
.characterviewer .row {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin: 0 1em;
|
|
}
|
|
.characterviewer .row label {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.characterviewer .row input[type='text'] {
|
|
flex: 1 1;
|
|
}
|
|
.characterviewer .row * {
|
|
margin: 0 0.5em;
|
|
}
|
|
.component {
|
|
display: block;
|
|
}
|
|
.sheet-rolltemplate-sheetname {
|
|
display: block;
|
|
}
|