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;
|
|
|
|
}
|
|
|
|
|
2020-01-11 23:53:42 +00:00
|
|
|
.hero {
|
2020-01-08 23:43:59 +00:00
|
|
|
padding-top: 1.5rem;
|
|
|
|
margin-bottom: 1.5rem;
|
|
|
|
}
|
|
|
|
|
2020-01-11 23:53:42 +00:00
|
|
|
.hero .logo-long {
|
2020-01-07 07:59:12 +00:00
|
|
|
max-width: 100%;
|
2020-01-08 23:43:59 +00:00
|
|
|
height: 2rem;
|
2020-01-07 07:59:12 +00:00
|
|
|
display: block;
|
2020-01-08 23:43:59 +00:00
|
|
|
margin: auto;
|
2020-01-07 07:59:12 +00:00
|
|
|
}
|
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 {
|
2020-02-01 02:36:15 +00:00
|
|
|
min-height: 45rem;
|
|
|
|
}
|
|
|
|
|
2021-07-24 21:47:58 +00:00
|
|
|
.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 {
|
2020-01-15 05:12:00 +00:00
|
|
|
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;
|
|
|
|
}
|
|
|
|
|
2020-01-16 01:32:52 +00:00
|
|
|
.rdtTimeToggle {
|
|
|
|
font-size: 2rem;
|
|
|
|
padding-top: 1rem;
|
|
|
|
}
|
|
|
|
|
2022-07-11 08:12:05 +00:00
|
|
|
.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;
|
|
|
|
}
|
|
|
|
|
2020-03-16 21:44:10 +00:00
|
|
|
.pay-custom {
|
|
|
|
margin-bottom: 1rem;
|
|
|
|
width: 10rem;
|
|
|
|
}
|
|
|
|
|
2020-05-01 03:54:23 +00:00
|
|
|
.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;
|
|
|
|
}
|
|
|
|
|
2022-01-28 07:47:25 +00:00
|
|
|
.coursetags .ui.tag.label {
|
2022-05-07 06:28:33 +00:00
|
|
|
margin-bottom: 1rem;
|
2022-01-28 07:47:25 +00:00
|
|
|
}
|
2022-05-04 01:27:50 +00:00
|
|
|
|
2022-04-26 03:06:51 +00:00
|
|
|
.newclasstable {
|
|
|
|
margin: 0 -1.5rem 0 -0.5rem;
|
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
}
|
|
|
|
|
2022-05-04 01:27:50 +00:00
|
|
|
.newclasstable .byline {
|
|
|
|
display: flex;
|
|
|
|
justify-content: flex-start;
|
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.newclasstable .byline .interest {
|
|
|
|
display: inline;
|
|
|
|
margin-left: auto;
|
|
|
|
}
|
|
|
|
|
2022-09-05 21:32:56 +00:00
|
|
|
.interest .ui.button {
|
|
|
|
padding-left: 0.5rem;
|
|
|
|
padding-right: 0.5rem;
|
|
|
|
}
|
|
|
|
|
2022-04-26 20:27:26 +00:00
|
|
|
.ui.tag.label {
|
2022-04-26 03:06:51 +00:00
|
|
|
padding-left: 1rem;
|
|
|
|
padding-right: 0.5rem;
|
|
|
|
}
|
2022-01-28 07:47:25 +00:00
|
|
|
|
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
|
|
|
}
|
|
|
|
|
2022-02-08 02:28:10 +00:00
|
|
|
.usage {
|
|
|
|
height: 100vh;
|
|
|
|
background-color: black;
|
|
|
|
color: white;
|
|
|
|
padding: 0.5em;
|
2022-02-11 04:10:16 +00:00
|
|
|
font-size: 2.5em;
|
2022-02-08 02:28:10 +00:00
|
|
|
}
|
|
|
|
|
2022-08-09 07:21:40 +00:00
|
|
|
.display .ui.header,
|
2022-02-08 02:28:10 +00:00
|
|
|
.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-02-08 02:28:10 +00:00
|
|
|
}
|
|
|
|
|
2022-08-09 07:21:40 +00:00
|
|
|
.display .stat,
|
2022-02-08 02:28:10 +00:00
|
|
|
.usage .stat {
|
|
|
|
font-size: 2em;
|
2022-08-09 07:21:40 +00:00
|
|
|
margin-bottom: 0;
|
2022-02-08 02:28:10 +00:00
|
|
|
}
|
|
|
|
|
2022-03-17 19:50:57 +00:00
|
|
|
.nowrap-stat {
|
|
|
|
white-space: nowrap;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
}
|
|
|
|
|
2022-02-08 02:28:10 +00:00
|
|
|
|
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;
|
|
|
|
}
|
2020-04-05 22:14:51 +00:00
|
|
|
|
|
|
|
.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;
|
|
|
|
}
|