|
15 | 15 | @define-color retro_black #000000; |
16 | 16 | @define-color retro_light_grey #dfdfdf; |
17 | 17 |
|
| 18 | +/* Global Backgrounds */ |
18 | 19 | /* Global Backgrounds */ |
19 | 20 | window, |
20 | 21 | .background, |
21 | | -.view, |
22 | 22 | text { |
23 | 23 | background-color: @retro_grey; |
24 | 24 | color: @retro_black; |
25 | 25 | } |
26 | 26 |
|
27 | | -/* 3D Borders Helper */ |
28 | | -.raised { |
29 | | - border: 2px solid; |
30 | | - border-top-color: @retro_white; |
31 | | - border-left-color: @retro_white; |
32 | | - border-bottom-color: @retro_shadow; |
33 | | - border-right-color: @retro_shadow; |
34 | | - box-shadow: 1px 1px @retro_black; |
35 | | -} |
36 | | - |
37 | | -.sunken { |
38 | | - border: 2px solid; |
39 | | - border-top-color: @retro_shadow; |
40 | | - border-left-color: @retro_shadow; |
41 | | - border-bottom-color: @retro_white; |
42 | | - border-right-color: @retro_white; |
43 | | - box-shadow: inset 1px 1px @retro_black; |
44 | | -} |
| 27 | +/* ... 3D Borders Helper ... */ |
| 28 | +/* ... Buttons ... */ |
| 29 | +/* ... Input Entries ... */ |
| 30 | +/* ... Scrollbars ... */ |
| 31 | +/* ... Checkboxes ... */ |
| 32 | +/* ... Tabs ... */ |
| 33 | +/* ... Menus ... */ |
45 | 34 |
|
46 | | -/* Buttons */ |
47 | | -button { |
48 | | - background-image: none; |
49 | | - background-color: @retro_grey; |
50 | | - border-radius: 0; |
51 | | - border: 1px solid @retro_black; |
52 | | - box-shadow: inset 1px 1px @retro_white, inset -1px -1px @retro_shadow; |
53 | | - padding: 2px 6px; |
54 | | - text-shadow: none; |
55 | | - margin: 2px; |
56 | | -} |
57 | | - |
58 | | -button:hover { |
59 | | - background-color: @retro_grey; |
60 | | -} |
61 | | - |
62 | | -button:active, |
63 | | -button:checked { |
64 | | - box-shadow: inset 1px 1px @retro_shadow, inset 2px 2px @retro_black; |
65 | | - padding: 3px 5px 1px 7px; |
66 | | -} |
67 | | - |
68 | | -/* Input Entries */ |
69 | | -entry { |
| 35 | +/* TreeView & IconView (File Manager content) */ |
| 36 | +.view, |
| 37 | +treeview.view, |
| 38 | +iconview { |
70 | 39 | background-color: @retro_white; |
71 | 40 | color: @retro_black; |
72 | | - border-radius: 0; |
73 | | - border: 1px solid @retro_black; |
74 | | - box-shadow: inset 1px 1px @retro_shadow, inset -1px -1px @retro_white; |
75 | | -} |
76 | | - |
77 | | -entry:selection { |
78 | | - background-color: @retro_blue; |
79 | | - color: @retro_white; |
80 | | -} |
81 | | - |
82 | | -/* Scrollbars - Classic Win95 */ |
83 | | -scrollbar { |
84 | | - background-color: @retro_grey; |
85 | 41 | border: none; |
86 | 42 | } |
87 | 43 |
|
88 | | -scrollbar slider { |
89 | | - background-color: @retro_grey; |
90 | | - border: 1px solid @retro_black; |
91 | | - box-shadow: inset 1px 1px @retro_white, inset -1px -1px @retro_shadow; |
92 | | - min-width: 16px; |
93 | | - min-height: 16px; |
94 | | -} |
95 | | - |
96 | | -scrollbar trough { |
97 | | - background-color: @retro_light_grey; |
98 | | - background-image: none; |
99 | | - /* Removed dither for clarity */ |
100 | | -} |
101 | | - |
102 | | -/* Checkboxes & Radios */ |
103 | | -check, |
104 | | -radio { |
105 | | - margin: 4px; |
106 | | - background-color: @retro_white; |
107 | | - border: 1px solid @retro_black; |
108 | | - box-shadow: inset 1px 1px @retro_shadow, inset -1px -1px @retro_white; |
109 | | - min-width: 14px; |
110 | | - min-height: 14px; |
111 | | -} |
112 | | - |
113 | | -check:checked { |
114 | | - background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12'><path d='M2 5l3 3 5-5' stroke='black' stroke-width='3' fill='none'/></svg>"); |
115 | | -} |
116 | | - |
117 | | -radio { |
118 | | - border-radius: 100%; |
119 | | -} |
120 | | - |
121 | | -/* Notebook / Tabs */ |
122 | | -notebook { |
123 | | - background-color: @retro_grey; |
124 | | - border: 2px solid @retro_white; |
125 | | - border-right-color: @retro_shadow; |
126 | | - border-bottom-color: @retro_shadow; |
127 | | -} |
128 | | - |
129 | | -notebook tab { |
130 | | - background-color: @retro_grey; |
131 | | - border: 1px solid @retro_black; |
132 | | - border-bottom: none; |
133 | | - box-shadow: inset 1px 1px @retro_white, inset -1px 0 @retro_shadow; |
134 | | - margin: 0 1px; |
135 | | - padding: 4px 8px; |
136 | | -} |
137 | | - |
138 | | -notebook tab:checked { |
139 | | - background-color: @retro_grey; |
140 | | - border-width: 2px 2px 0 2px; |
141 | | - margin-top: -2px; |
142 | | - padding-bottom: 6px; |
143 | | -} |
144 | | - |
145 | | -/* Menus */ |
146 | | -menubar { |
147 | | - background-color: @retro_grey; |
148 | | - border-bottom: 1px solid @retro_shadow; |
149 | | -} |
150 | | - |
151 | | -menu { |
152 | | - background-color: @retro_grey; |
153 | | - border: 1px solid @retro_black; |
154 | | - box-shadow: 2px 2px @retro_shadow; |
155 | | -} |
156 | | - |
157 | | -menuitem { |
158 | | - padding: 4px 16px; |
159 | | -} |
160 | | - |
161 | | -menuitem:hover { |
162 | | - background-color: @retro_blue; |
163 | | - color: @retro_white; |
164 | | -} |
165 | | - |
166 | | -/* TreeView (File Manager) */ |
167 | | -treeview.view { |
168 | | - background-color: @retro_white; |
169 | | - color: @retro_black; |
170 | | - border: 1px solid @retro_shadow; |
171 | | -} |
172 | | - |
173 | | -treeview.view:selected { |
| 44 | +.view:selected, |
| 45 | +treeview.view:selected, |
| 46 | +iconview:selected { |
174 | 47 | background-color: @retro_blue; |
175 | 48 | color: @retro_white; |
176 | 49 | } |
|
0 commit comments