2021-10-17 14:09:40 +02:00
|
|
|
@import './fonts.css';
|
|
|
|
@import './transitions.css';
|
|
|
|
@import './draggable.css';
|
2021-08-18 00:01:11 +02:00
|
|
|
|
|
|
|
.page {
|
|
|
|
width: 100%;
|
|
|
|
height: calc(100% - 64px);
|
|
|
|
max-height: calc(100% - 64px);
|
|
|
|
}
|
|
|
|
.page.streaming {
|
|
|
|
height: calc(100% - 64px - 165px);
|
|
|
|
max-height: calc(100% - 64px - 165px);
|
|
|
|
}
|
2021-09-28 13:44:40 +02:00
|
|
|
#bookshelf {
|
|
|
|
height: calc(100% - 40px);
|
|
|
|
}
|
2021-11-04 23:35:59 +01:00
|
|
|
@media (max-width: 768px) {
|
|
|
|
#bookshelf {
|
|
|
|
height: calc(100% - 80px);
|
|
|
|
}
|
|
|
|
}
|
2021-08-18 00:01:11 +02:00
|
|
|
|
|
|
|
/* width */
|
|
|
|
::-webkit-scrollbar {
|
|
|
|
width: 8px;
|
|
|
|
}
|
2021-10-31 01:50:49 +02:00
|
|
|
::-webkit-scrollbar:horizontal {
|
|
|
|
height: 8px;
|
|
|
|
}
|
2021-09-28 13:44:40 +02:00
|
|
|
/* ::-webkit-scrollbar:horizontal { */
|
|
|
|
/* height: 16px; */
|
|
|
|
/* height: 24px;
|
|
|
|
} */
|
2021-08-18 00:01:11 +02:00
|
|
|
/* Track */
|
|
|
|
::-webkit-scrollbar-track {
|
|
|
|
background-color: rgba(0,0,0,0);
|
|
|
|
}
|
2021-09-28 13:44:40 +02:00
|
|
|
/* ::-webkit-scrollbar-track:horizontal { */
|
|
|
|
/* background: rgb(149, 119, 90); */
|
|
|
|
/* background: linear-gradient(180deg, rgba(149, 119, 90, 1) 0%, rgba(103, 70, 37, 1) 17%, rgba(103, 70, 37, 1) 88%, rgba(71, 48, 25, 1) 100%); */
|
|
|
|
/* background: linear-gradient(180deg, rgb(117, 88, 60) 0%, rgb(65, 41, 17) 17%, rgb(71, 43, 15) 88%, rgb(3, 2, 1) 100%);
|
|
|
|
box-shadow: 2px 14px 8px #111111aa;
|
|
|
|
} */
|
2021-08-18 00:01:11 +02:00
|
|
|
/* Handle */
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
|
|
background: #855620;
|
|
|
|
border-radius: 4px;
|
|
|
|
}
|
2021-09-28 13:44:40 +02:00
|
|
|
/* ::-webkit-scrollbar-thumb:horizontal { */
|
|
|
|
/* background: linear-gradient(180deg, rgba(149, 119, 90, 1) 0%, rgba(103, 70, 37, 1) 17%, rgba(103, 70, 37, 1) 88%, rgba(71, 48, 25, 1) 100%); */
|
|
|
|
/* box-shadow: 2px 14px 8px #111111aa;
|
|
|
|
border-radius: 4px;
|
|
|
|
} */
|
2021-08-18 00:01:11 +02:00
|
|
|
/* Handle on hover */
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
|
|
background: #704922;
|
|
|
|
}
|
|
|
|
|
2021-08-21 01:29:10 +02:00
|
|
|
.no-scroll::-webkit-scrollbar {
|
|
|
|
display: none;
|
|
|
|
opacity: 0;
|
|
|
|
}
|
2021-08-18 00:01:11 +02:00
|
|
|
|
2021-10-09 00:30:20 +02:00
|
|
|
/* Chrome, Safari, Edge, Opera */
|
|
|
|
.no-spinner::-webkit-outer-spin-button,
|
|
|
|
.no-spinner::-webkit-inner-spin-button {
|
|
|
|
-webkit-appearance: none;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Firefox */
|
|
|
|
input[type=number] {
|
|
|
|
-moz-appearance: textfield;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
2021-08-18 00:01:11 +02:00
|
|
|
.tracksTable {
|
|
|
|
border-collapse: collapse;
|
|
|
|
width: 100%;
|
|
|
|
border: 1px solid #474747;
|
|
|
|
}
|
|
|
|
.tracksTable tr:nth-child(even) {
|
|
|
|
background-color: #2e2e2e;
|
|
|
|
}
|
|
|
|
.tracksTable tr {
|
|
|
|
background-color: #373838;
|
|
|
|
}
|
|
|
|
.tracksTable tr:hover {
|
|
|
|
background-color: #474747;
|
|
|
|
}
|
|
|
|
.tracksTable td {
|
2021-10-07 04:08:52 +02:00
|
|
|
padding: 4px 8px;
|
2021-08-18 00:01:11 +02:00
|
|
|
}
|
|
|
|
.tracksTable th {
|
2021-10-07 04:08:52 +02:00
|
|
|
padding: 4px 8px;
|
2021-08-18 00:01:11 +02:00
|
|
|
font-size: 0.75rem;
|
2021-08-21 01:29:10 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.arrow-down {
|
|
|
|
width: 0;
|
|
|
|
height: 0;
|
|
|
|
border-left: 6px solid transparent;
|
|
|
|
border-right: 6px solid transparent;
|
|
|
|
border-top: 6px solid white;
|
2021-08-22 17:46:04 +02:00
|
|
|
}
|
2021-09-01 20:47:18 +02:00
|
|
|
.triangle-right {
|
|
|
|
width: 0;
|
|
|
|
height: 0;
|
|
|
|
border-left: 8px solid transparent;
|
|
|
|
border-bottom: 8px solid transparent;
|
|
|
|
border-top: 8px solid rgb(34,127,35);
|
|
|
|
border-right: 8px solid rgb(34,127,35);
|
|
|
|
}
|
2021-08-22 17:46:04 +02:00
|
|
|
|
|
|
|
.icon-text {
|
|
|
|
font-size: 1.1rem;
|
2021-08-25 03:24:40 +02:00
|
|
|
}
|
|
|
|
|
2021-08-26 16:47:51 +02:00
|
|
|
#page-wrapper {
|
2021-08-25 03:24:40 +02:00
|
|
|
background-image: linear-gradient(to right bottom, #2e2e2e, #303030, #313131, #333333, #353535, #343434, #323232, #313131, #2c2c2c, #282828, #232323, #1f1f1f);
|
2021-08-26 16:47:51 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.box-shadow-md {
|
|
|
|
box-shadow: 2px 8px 6px #111111aa;
|
|
|
|
}
|
|
|
|
|
2021-09-06 23:11:37 +02:00
|
|
|
.box-shadow-sm-up {
|
|
|
|
box-shadow: 0px -5px 8px #11111122;
|
|
|
|
}
|
|
|
|
|
2021-09-06 21:13:01 +02:00
|
|
|
.box-shadow-md-up {
|
|
|
|
box-shadow: 0px -8px 8px #11111144;
|
|
|
|
}
|
|
|
|
|
2021-08-27 01:32:05 +02:00
|
|
|
.box-shadow-lg-up {
|
|
|
|
box-shadow: 0px -12px 8px #111111ee;
|
|
|
|
}
|
|
|
|
|
2021-08-26 16:47:51 +02:00
|
|
|
.box-shadow-xl {
|
|
|
|
box-shadow: 2px 14px 8px #111111aa;
|
2021-09-01 23:01:15 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.box-shadow-book {
|
|
|
|
box-shadow: 4px 1px 8px #11111166, -4px 1px 8px #11111166, 1px -4px 8px #11111166;
|
2021-09-06 21:13:01 +02:00
|
|
|
}
|
2021-09-23 03:40:35 +02:00
|
|
|
|
2021-09-24 14:32:38 +02:00
|
|
|
.box-shadow-book3d {
|
|
|
|
box-shadow: 4px 1px 8px #11111166, 1px -4px 8px #11111166;
|
|
|
|
}
|
|
|
|
|
2021-09-23 03:40:35 +02:00
|
|
|
.box-shadow-side {
|
2021-09-26 22:34:08 +02:00
|
|
|
box-shadow: 5px 0px 5px #11111166;
|
2021-09-23 03:40:35 +02:00
|
|
|
}
|
2021-11-07 02:31:46 +01:00
|
|
|
|
|
|
|
/*
|
|
|
|
Bookshelf Label
|
|
|
|
*/
|
|
|
|
.categoryPlacard {
|
|
|
|
background-image: url(https://image.freepik.com/free-photo/brown-wooden-textured-flooring-background_53876-128537.jpg);
|
|
|
|
letter-spacing: 1px;
|
|
|
|
}
|
|
|
|
.shinyBlack {
|
|
|
|
background-color: #2d3436;
|
|
|
|
background-image: linear-gradient(315deg, #19191a 0%, rgb(15, 15, 15) 74%);
|
|
|
|
border-color: rgba(255, 244, 182, 0.6);
|
|
|
|
border-style: solid;
|
|
|
|
color: #fce3a6;
|
|
|
|
}
|