spaceport/webclient/src/light.css

327 lines
4.3 KiB
CSS
Raw Normal View History

2020-08-21 03:25:10 +00:00
html,
body {
2020-01-09 07:38:49 +00:00
font-size: 16px;
2020-01-11 08:56:31 +00:00
height: 100%;
margin: 0;
2020-01-09 07:38:49 +00:00
}
2020-01-09 09:04:32 +00:00
body {
2020-01-11 08:56:31 +00:00
background: black;
2020-01-09 09:04:32 +00:00
overflow-y: scroll;
2022-08-23 01:01:22 +00:00
font-family: 'protofont',Lato,'Helvetica Neue',Arial,Helvetica,sans-serif !important;
2020-01-09 09:04:32 +00:00
}
2020-01-11 08:56:31 +00:00
#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;
}
2020-01-09 07:38:49 +00:00
2020-02-09 08:18:44 +00:00
.hero a {
outline: none;
}
2020-01-09 07:38:49 +00:00
#ps-menu .menu .item {
padding: 1.25rem 1rem !important;
}
#ps-menu .dropdown.icon {
display: none;
}
2020-01-09 10:44:44 +00:00
.topPadding {
padding-top: 1rem;
}
2020-01-11 06:27:30 +00:00
2020-08-21 03:25:10 +00:00
.topPadding > .ui.container {
min-height: 45rem;
}
.bean,
2020-01-11 06:57:08 +00:00
.photo-404 {
max-width: 100%;
height: auto;
}
2020-01-11 08:56:31 +00:00
2020-02-10 06:29:13 +00:00
.swordfish {
width: 100%;
margin-top: -1rem;
}
2020-01-11 08:56:31 +00:00
.content-wrap {
min-height: 100%;
background: white;
}
.content-wrap-inside {
padding-bottom: 24rem;
}
2020-08-21 03:25:10 +00:00
.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;
}
.ui.floating.dropdown.button.icon {
border-left: 1px;
border-left-color: #c0c1c2;
border-left-style: solid;
}
2020-01-18 07:54:17 +00:00
.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;
}
2021-07-24 01:17:58 +00:00
.list-num {
display: flex;
align-items: center;
margin-right: 1rem;
color: black;
}
2022-01-23 21:25:00 +00:00
.chartstats .ui.statistic {
margin: 0 1.5em 1em !important;
}
.coursetags .ui.tag.label {
2022-05-07 06:28:33 +00:00
margin-bottom: 1rem;
}
.newclasstable {
margin: 0 -1.5rem 0 -0.5rem;
display: flex;
flex-wrap: wrap;
}
.newclasstable .byline {
display: flex;
justify-content: flex-start;
align-items: center;
}
.newclasstable .byline .interest {
display: inline;
margin-left: auto;
}
2023-05-06 23:47:03 +00:00
.adminvetting .ui.button {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.interest .ui.button {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
2022-04-26 20:27:26 +00:00
.ui.tag.label {
padding-left: 1rem;
padding-right: 0.5rem;
}
2022-04-26 20:27:26 +00:00
.labelbox {
display: inline;
padding: 0.55rem 0.1rem;
border: 2px solid black;
}
2022-08-09 07:21:40 +00:00
.display {
display: flex;
justify-content: space-between;
height: 100vh;
background-color: black;
color: white;
2023-01-18 01:16:29 +00:00
font-size: 1.8em;
2022-08-09 07:21:40 +00:00
}
.display-usage {
border: 1px solid white;
padding: 0.5em;
align-self: flex-end;
2023-01-18 01:01:27 +00:00
width: 25vw;
height: 75vh;
}
.display-scores {
border: 1px solid white;
padding: 0.5em;
align-self: flex-end;
width: 25vw;
height: 75vh;
}
.display-scores p {
font-size: 1.5em;
text-align: right;
2022-08-09 07:21:40 +00:00
}
.display .display-scores .toast {
width: 40px;
height: 40px;
margin-bottom: 15px;
}
.usage {
height: 100vh;
background-color: black;
color: white;
padding: 0.5em;
2022-02-11 04:10:16 +00:00
font-size: 2.5em;
}
2022-08-09 07:21:40 +00:00
.display .ui.header,
.usage .ui.header {
color: white;
2022-08-09 07:21:40 +00:00
margin-top: 0.5em;
2022-02-11 04:10:16 +00:00
margin-bottom: 0em;
}
2022-08-09 07:21:40 +00:00
.display .stat,
.usage .stat {
font-size: 2em;
2022-08-09 07:21:40 +00:00
margin-bottom: 0;
}
2022-03-17 19:50:57 +00:00
.nowrap-stat {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.filter-option {
margin-right: 1rem;
}
2020-01-11 08:56:31 +00:00
.footer {
margin-top: -20rem;
background: black;
color: white;
2020-08-21 03:25:10 +00:00
display: grid;
2020-01-11 08:56:31 +00:00
}
2021-03-21 02:32:45 +00:00
@media (min-width: 650px) {
.footer-content {
transition: all 0.2s ease-in;
2021-03-22 00:20:39 +00:00
opacity: 0.5;
2021-03-21 02:32:45 +00:00
}
.footer-content:hover {
opacity: 1;
}
2021-03-21 01:59:13 +00:00
}
2020-08-21 03:25:10 +00:00
/* grid bottom */
.footer canvas {
grid-row: 1/2;
grid-column: 1/2;
2021-03-17 16:51:19 +00:00
margin: auto;
2020-08-21 03:25:10 +00:00
}
/* grid top */
2020-01-11 08:56:31 +00:00
.footer .container {
2021-12-22 05:59:04 +00:00
z-index: 2;
2020-08-21 03:25:10 +00:00
grid-row: 1/2;
grid-column: 1/2;
2020-01-11 08:56:31 +00:00
padding-top: 3rem;
padding-bottom: 3rem;
}
.footer p {
color: white;
}
.footer .logo {
filter: invert(100%);
2020-01-16 23:13:43 +00:00
height: 2rem;
2020-01-11 08:56:31 +00:00
}
.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;
}
2020-04-05 22:00:33 +00:00
2020-08-21 03:25:10 +00:00
.darkmode-layer,
.darkmode-toggle {
2020-04-05 22:00:33 +00:00
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;
}