93 lines
2.5 KiB
CSS
93 lines
2.5 KiB
CSS
/* Chrome, Safari, Edge, Opera */
|
|
input::-webkit-outer-spin-button,
|
|
input::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0; }
|
|
|
|
/* Firefox */
|
|
input[type=number] {
|
|
-moz-appearance: textfield; }
|
|
|
|
textarea {
|
|
resize: vertical;
|
|
height: auto;
|
|
width: auto; }
|
|
|
|
.charsheet {
|
|
background: #F2EAD3 url(https://raw.githubusercontent.com/rldorado/roll20-character-sheets/master/Nahui%20Ollin/src/img/bg.jpg) no-repeat center;
|
|
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; }
|
|
|
|
h3 {
|
|
color: #915027;
|
|
background-color: rgba(235, 195, 95, 0.8);
|
|
text-align: center;
|
|
border-top: 2px solid #915027;
|
|
border-bottom: 2px solid #915027; }
|
|
|
|
.sheet-logo {
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 100%;
|
|
margin-bottom: 20px; }
|
|
|
|
.sheet-section {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-grow: 1;
|
|
justify-content: center; }
|
|
.sheet-section label {
|
|
color: #6C613B; }
|
|
.sheet-section__left, .sheet-section__right {
|
|
margin: 1em; }
|
|
|
|
.sheet-inline {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-content: center;
|
|
align-items: center; }
|
|
.sheet-inline input, .sheet-inline textarea {
|
|
width: 100%; }
|
|
|
|
.sheet-inline-checkboxes {
|
|
padding: 1rem;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-content: center;
|
|
border-right: 2px solid #915027;
|
|
border-left: 2px solid #915027; }
|
|
.sheet-inline-checkboxes label:first-of-type {
|
|
width: 35%; }
|
|
.sheet-inline-checkboxes:last-of-type {
|
|
border-bottom: 2px solid #915027; }
|
|
.sheet-inline-checkboxes label.sheet-styled-checkbox {
|
|
margin-bottom: 0;
|
|
padding-right: initial;
|
|
position: relative;
|
|
padding-left: 35px;
|
|
cursor: pointer;
|
|
font-size: 1rem; }
|
|
.sheet-inline-checkboxes label.sheet-styled-checkbox input {
|
|
position: absolute;
|
|
opacity: 0; }
|
|
.sheet-inline-checkboxes label.sheet-styled-checkbox:hover input ~ span {
|
|
background-color: #ccc; }
|
|
.sheet-inline-checkboxes label.sheet-styled-checkbox input:checked ~ span {
|
|
background-color: #145b32; }
|
|
.sheet-inline-checkboxes label.sheet-styled-checkbox input:checked ~ span:after {
|
|
display: block; }
|
|
.sheet-inline-checkboxes label.sheet-styled-checkbox span {
|
|
border: 2px solid #27ae60;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
height: 15px;
|
|
width: 15px; }
|
|
.sheet-inline-checkboxes label.sheet-styled-checkbox span:after {
|
|
top: 9px;
|
|
left: 9px;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-radius: 50%;
|
|
background: red; }
|