blob: 8fa3df53f08a2e789881a2720b9cc7ebb846b0ef (
plain)
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
|
body {
font-family: Mononoki Nerd Font Mono;
font-size: 14px;
color: #cdd6f4;
}
/* Screen-space overlay HUD: drawn into the OVERLAY layer (composited AFTER game
shaders), so game-stage FX (scanlines/CRT) do NOT touch it — text stays crisp.
Top-stage FX (vignette/grayscale) DO affect it (composited before top shaders).
NOTE: use `left:` not `right:` — RmlUi miscomputes `right:` (places the box
off-screen at x=-300); `left:` resolves correctly. */
#ovr-panel {
position: absolute;
left: 420px;
top: 80px;
width: 240px;
padding: 10px 14px;
box-sizing: border-box;
border-width: 1px;
border-color: #a6e3a1;
border-radius: 10px;
background-color: rgba(30, 30, 46, 0.82);
}
.title {
color: #a6e3a1;
font-size: 16px;
font-weight: bold;
margin-bottom: 2px;
}
.note { color: #a6adc8; margin-bottom: 8px; }
.stage { color: #89b4fa; font-size: 12px; margin-top: 6px; margin-bottom: 2px; }
.value { color: #f9e2af; margin-top: 8px; }
/* Clickable effect checklist rows. */
.chk {
display: block;
padding: 2px 0;
color: #cdd6f4;
}
input[type="checkbox"] {
width: 14px;
height: 14px;
vertical-align: middle;
margin-right: 6px;
border-width: 1px;
border-color: #585b70;
background-color: #1e1e2e;
}
input[type="checkbox"]:checked {
background-color: #a6e3a1;
border-color: #a6e3a1;
}
.lbl { vertical-align: middle; }
/* FXAA quality range slider. RmlUi builds <input type=range> from child
elements <slidertrack> + <sliderbar> (the draggable thumb) + <sliderprogress>
+ arrow buttons — NOT ::-rml-slider pseudo-elements. The thumb (sliderbar)
MUST have explicit width + a background to be visible/grabbable. */
.slider { display: block; padding: 5px 0 2px 0; }
input.range {
width: 150px;
height: 14px;
vertical-align: middle;
margin-right: 8px;
}
input.range slidertrack {
background-color: #313244;
height: 6px;
margin-top: 4px;
}
input.range sliderprogress {
background-color: #89b4fa;
height: 6px;
}
input.range sliderbar {
width: 14px;
height: 14px;
background-color: #89b4fa;
border-radius: 3px;
}
input.range sliderbar:hover { background-color: #b4befe; }
input.range sliderbar:active { background-color: #cdd6f4; }
input.range sliderarrowdec, input.range sliderarrowinc { display: none; }
|
