game-select-menu.css (1232B) download
1@import url(../theme.css)
2/* Menu Bar */
3.menu-bar {
4 -fx-effect: dropshadow(three-pass-box, black, 10, 0, 0, 0);
5}
6.menu-bar-settings {
7 -fx-fill: -md-sys-color-inverse-surface;
8}
9
10/* Search Bar */
11.search-bar {
12 -fx-border-color: -md-sys-color-on-surface;
13 -fx-border-width: 1;
14 -fx-border-radius: 2;
15}
16
17.search-field {
18 -fx-text-fill: -md-sys-color-inverse-surface;
19}
20
21/* Game List */
22#gamesList {
23 -fx-background-radius: 0;
24 -fx-vbar-policy: never;
25}
26
27#gamesList .list-cell {
28 -fx-background-color: transparent;
29 -fx-text-fill: -md-sys-color-inverse-surface;
30
31 /* Large Body Type Style */
32 -fx-font-size: 16;
33 -fx-font-style: normal;
34 -fx-font-weight: 400;
35}
36
37#gamesList .list-cell:filled:selected:focused,
38.list-cell:filled:selected {
39 -fx-background-color: -md-ref-palette-tertiary50;
40 -fx-text-fill: white;
41}
42
43#gamesList .list-cell:even {
44 -fx-background-color: -md-sys-color-surface-variant;
45}
46
47#gamesList .list-cell:odd {
48 -fx-background-color: -md-sys-color-inverse-on-surface;
49}
50
51#gamesList .list-cell:filled:hover {
52 -fx-background-color: -md-ref-palette-tertiary60;
53 -fx-text-fill: white;
54}
55
56/* Game Detail */
57
58#gameDetail {
59 -fx-border-color: -md-sys-color-surface;
60 -fx-border-width: 0 5 0 0;
61}