45 lines
1.0 KiB
Plaintext
45 lines
1.0 KiB
Plaintext
:root {
|
|
--color-grey-light: #efefef;
|
|
--color-grey-lighter: #f5f5f5;
|
|
--color-fontsec: #5b5861;
|
|
--course-bg-color: var(--color-grey-lighter);
|
|
--course-expanded-bg-color: var(--color-grey-light);
|
|
}
|
|
|
|
.scrolltable {
|
|
box-shadow: none!important;
|
|
}
|
|
|
|
.course-header::after,
|
|
.course-header::before {
|
|
content: '';
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 20px;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 8px solid transparent;
|
|
border-right: 8px solid transparent;
|
|
border-bottom: 8px solid rgba(255, 255, 255, 0.4);
|
|
}
|
|
|
|
.course-header::before {
|
|
/* magic numbers to move arrow back in the right position after flipping it.
|
|
this allows us to use the same border for the up and the down arrow */
|
|
transform: translateY(150%) scale(1, -1);
|
|
transform-origin: top;
|
|
}
|
|
|
|
.course-header::after {
|
|
transform: translateY(-150%);
|
|
}
|
|
|
|
.course-header:hover::before,
|
|
.course-header:hover::after {
|
|
border-bottom-color: rgba(255, 255, 255, 0.7);
|
|
}
|
|
|
|
.sorted-asc::before,
|
|
.sorted-desc::after {
|
|
border-bottom-color: white !important;
|
|
} |