-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
trackeditor.css
113 lines (101 loc) · 2.45 KB
/
trackeditor.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
html, body {
background-color: #000;
font-family: "Cairo" !important;
}
#buttonEditor {
filter: drop-shadow( 0px 0px 1px #212529 )
drop-shadow( 0px 0px 1px #212529 )
drop-shadow( 0px 0px 10px white )
drop-shadow( 0px 0px 10px white );
animation: color-change 30s infinite;
}
@keyframes color-change {
0% { color: #f00; }
5% { color: #f00; }
10% { color: #f00; }
15% { color: #f40; }
20% { color: #f80; }
25% { color: #fb0; }
30% { color: #ff0; }
35% { color: #ff4; }
40% { color: #ff8; }
45% { color: #ffb; }
50% { color: #fff; }
55% { color: #fff; }
60% { color: #fff; }
65% { color: #fbf; }
70% { color: #f8f; }
75% { color: #f4f; }
80% { color: #f0f; }
85% { color: #f0b; }
90% { color: #f08; }
95% { color: #f04; }
100% { color: #f00; }
}
/* Removes default Tabulator cell padding around cover image */
.NoPadding {
padding: 0px !important;
}
.NoInteraction > img {
pointer-events: none;
}
.axis {
font-family: "Cairo";
color: white;
}
.TrackRotate > span {
transform: rotate(-20deg);
}
.tabulator-row-odd {
background-color: #000 !important;
}
.tabulator-row-even {
background-color: #191919 !important;
}
div.tabulator-selected.tabulator-row-odd {
background-color: #33f !important;
}
div.tabulator-selected.tabulator-row-even {
background-color: #33a !important;
}
.tabulator-row .tabulator-cell {
border-right: 0px solid transparent;
}
.tabulator-row .tabulator-frozen.tabulator-frozen-left {
border-right: 1px solid var(--bs-secondary) !important;
}
.tabulator-row .tabulator-frozen.tabulator-frozen-right {
border-left: 1px solid var(--bs-secondary) !important;
}
/* Prevents vertical scroll bar from appearing in track list */
.tabulator-tableholder {
overflow-y: hidden !important;
}
/* Custom scrollbars */
::-webkit-scrollbar {
width: 14px;
height: 14px;
}
::-webkit-scrollbar-corner {
background-color: var(--bs-dark);
}
::-webkit-scrollbar-track {
background-color: black;
border-radius: 200px;
}
::-webkit-scrollbar-thumb {
background-color: #33f;
border-radius: 200px;
border: 3px solid black;
}
/* add some styling to that switch */
.switch > .slider {
border-radius: 10px;
background-color: #000;
}
.switch > .slider::before {
border-radius: 5px;
}
input:checked + .slider {
background-color: #33f !important;
}