Repository navigation
Expand file tree
/
Copy pathwebkit.css
More file actions
81 lines (80 loc) · 2.59 KB
/
Copy pathwebkit.css
File metadata and controls
81 lines (80 loc) · 2.59 KB
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
:root {
--focus:102,36,226;
--basefont:"Segoe UI","Helvetica Neue","Motiva Sans",Arial,Helvetica,sans-serif;
--semibold:"Segoe UI Semibold","Helvetica Neue Medium","Motiva Sans",Arial,Helvetica,sans-serif;
--scrollbarSize: 15px;
--W10close_Red_h:232,18,35;
--W10close_Red_p:241,112,121;
--clientBG:26,26,26;
--header_dark:20,20,20;
--online:93,178,255;
--ingame:130,186,0;
--offline:145,145,145;
--golden:255,255,99;
--scrollbarSize:15px;
--textentry:39,39,39;
--frameBorder:15,15,15;
--bgGameList: 38,38,38;
--white03:255,255,255,0.03;
--white05:255,255,255,0.05;
--white08:255,255,255,0.08;
--white10:255,255,255,0.10;
--white12:255,255,255,0.12;
--white20:255,255,255,0.20;
--white24:255,255,255,0.24;
--white25:255,255,255,0.25;
--white35:255,255,255,0.35;
--white45:255,255,255,0.45;
--white50:255,255,255,0.50;
--white75:255,255,255,0.75;
--white:255,255,255;
--black05:255,255,255,0.05;
--black10:0,0,0,0.10;
--black12:0,0,0,0.12;
--black20:0,0,0,0.20;
--black24:0,0,0,0.24;
--black25:0,0,0,0.25;
--black45:0,0,0,0.45;
--black50:0,0,0,0.50;
--black75:0,0,0,0.75;
--black:0,0,0;
--arrow_up: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALAgMAAADUwp+1AAAACVBMVEUAAAD///////9zeKVjAAAAA3RSTlMAQIDntwj7AAAAJUlEQVQI12OAgxQGBsaVDAxsbg4MkowTGFKAcAKDBIMDAwtMBQBYIAP5KnftSQAAAABJRU5ErkJggg==);
--arrow_down: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALAgMAAADUwp+1AAAACVBMVEUAAAD///////9zeKVjAAAAA3RSTlMAQIDntwj7AAAAJElEQVQI12OAAQcGFoYJDBIMKUAoyTiBgc3NgYFxJVAiBa4EAFbgA/lztmmEAAAAAElFTkSuQmCC);
}
body {
background: rgb(26,26,26); /* Making this into a variable and using a light theme makes it almost white */
}
::-webkit-scrollbar {
width: var(--scrollbarSize) !important;
}
::-webkit-scrollbar-thumb {
background: rgba(var(--white05)) !important;
border: none !important;
border-radius: 0 !important;
}
::-webkit-scrollbar-thumb:hover {
background-color: rgba(var(--white10)) !important;
border-radius: 0px !important;
}
::-webkit-scrollbar-button:single-button {
height: 16px;
border-radius: 0px;
background-color: none;
border: 2px solid transparent;
display: block;
}
::-webkit-scrollbar-button:hover {
background-color: rgba(var(--white05));
}
/* Up */
::-webkit-scrollbar-button:vertical:decrement {
background-image: var(--arrow_up);
background-repeat: no-repeat;
background-position: 0px 0px;
}
/* Down */
::-webkit-scrollbar-button:vertical:increment {
background-image: var(--arrow_down);
background-repeat: no-repeat;
background-position: 0px 0px;
}