You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
185 lines
2.3 KiB
185 lines
2.3 KiB
html, |
|
body { |
|
font-size: 16px; |
|
height: 100%; |
|
margin: 0; |
|
} |
|
|
|
body { |
|
background: black; |
|
overflow-y: scroll; |
|
} |
|
|
|
#root { |
|
position: relative; |
|
height: 100%; |
|
margin: 0; |
|
} |
|
|
|
.hero { |
|
padding-top: 1.5rem; |
|
margin-bottom: 1.5rem; |
|
} |
|
|
|
.hero .logo-long { |
|
max-width: 100%; |
|
height: 2rem; |
|
display: block; |
|
margin: auto; |
|
} |
|
|
|
.hero a { |
|
outline: none; |
|
} |
|
|
|
#ps-menu .menu .item { |
|
padding: 1.25rem 1rem !important; |
|
} |
|
|
|
#ps-menu .dropdown.icon { |
|
display: none; |
|
} |
|
|
|
.topPadding { |
|
padding-top: 1rem; |
|
} |
|
|
|
.topPadding > .ui.container { |
|
min-height: 45rem; |
|
} |
|
|
|
.photo-404 { |
|
max-width: 100%; |
|
height: auto; |
|
} |
|
|
|
.swordfish { |
|
width: 100%; |
|
margin-top: -1rem; |
|
} |
|
|
|
.content-wrap { |
|
min-height: 100%; |
|
background: white; |
|
} |
|
|
|
.content-wrap-inside { |
|
padding-bottom: 24rem; |
|
} |
|
|
|
.course-editor, |
|
.class-editor, |
|
.transaction-editor { |
|
margin-bottom: 1rem; |
|
} |
|
|
|
.ql-container { |
|
height: 30rem !important; |
|
font-size: inherit !important; |
|
font-family: inherit !important; |
|
} |
|
|
|
.ql-editor p, |
|
.ql-editor ol, |
|
.ql-editor ul, |
|
.ql-editor pre, |
|
.ql-editor blockquote, |
|
.ql-editor h1, |
|
.ql-editor h2, |
|
.ql-editor h3, |
|
.ql-editor h4, |
|
.ql-editor h5, |
|
.ql-editor h6 { |
|
margin-bottom: 1rem !important; |
|
} |
|
|
|
.rdtTimeToggle { |
|
font-size: 2rem; |
|
padding-top: 1rem; |
|
} |
|
|
|
.attendance-row { |
|
margin-top: 1rem; |
|
} |
|
|
|
.attendance-row .button { |
|
margin-bottom: 4px; |
|
} |
|
|
|
.pay-custom { |
|
margin-bottom: 1rem; |
|
width: 10rem; |
|
} |
|
|
|
.bio-paragraph { |
|
white-space: pre-line; |
|
margin-top: -1rem; |
|
margin-left: 1rem; |
|
} |
|
|
|
.footer { |
|
margin-top: -20rem; |
|
background: black; |
|
color: white; |
|
display: grid; |
|
} |
|
|
|
/* grid bottom */ |
|
.footer canvas { |
|
grid-row: 1/2; |
|
grid-column: 1/2; |
|
} |
|
|
|
/* grid top */ |
|
.footer .container { |
|
z-index: 99; |
|
grid-row: 1/2; |
|
grid-column: 1/2; |
|
padding-top: 3rem; |
|
padding-bottom: 3rem; |
|
} |
|
|
|
.footer p { |
|
color: white; |
|
} |
|
|
|
.footer .logo { |
|
filter: invert(100%); |
|
height: 2rem; |
|
} |
|
|
|
.footer a { |
|
color: white; |
|
outline: 0; |
|
} |
|
|
|
.footer .text a { |
|
border-bottom: 1px solid #ddd; |
|
padding-bottom: 2px; |
|
} |
|
|
|
.footer i { |
|
margin-top: 3px; |
|
margin-left: -3.5px; |
|
margin-right: 0.5em; |
|
} |
|
|
|
.darkmode-layer, |
|
.darkmode-toggle { |
|
z-index: 500; |
|
} |
|
|
|
.darkmode--activated .ui.image { |
|
mix-blend-mode: difference; |
|
filter: brightness(50%); |
|
} |
|
|
|
.darkmode--activated i.green.circle.icon, |
|
.darkmode--activated i.yellow.circle.icon, |
|
.darkmode--activated i.red.circle.icon { |
|
mix-blend-mode: difference; |
|
} |
|
|
|
.darkmode--activated .footer { |
|
mix-blend-mode: difference; |
|
}
|
|
|