temp.css (7867B) download
1.root {
2 -fx-font-family: Roboto;
3 src: "/resources/roboto/Roboto-Regular.ttf"
4}
5
6.jfx-hamburger {
7 -fx-spacing: 5;
8 -fx-cursor: hand
9}
10
11.jfx-hamburger StackPane {
12 -fx-pref-width: 40px;
13 -fx-pref-height: 7px;
14 -fx-background-color: #3CC;
15 -fx-background-radius: 5px
16}
17
18.text-field {
19 -fx-max-width: 800
20}
21
22.jfx-text-field,
23.jfx-password-field {
24 -fx-background-color: #fff;
25 -fx-font-weight: BOLD;
26 -fx-prompt-text-fill: gray;
27 -fx-alignment: top-left;
28 -fx-focus-color: #3CC;
29 -fx-unfocus-color: #4d4d4d
30}
31
32.jfx-decorator {
33 -fx-decorator-color: RED
34}
35
36.jfx-decorator .jfx-decorator-buttons-container {
37 -fx-background-color: -fx-decorator-color
38}
39
40.jfx-decorator .resize-border {
41 -fx-border-color: -fx-decorator-color;
42 -fx-border-width: 0 4 4 4
43}
44
45.jfx-text-area,
46.text-area {
47 -fx-font-weight: BOLD
48}
49
50.jfx-text-field:error,
51.jfx-password-field:error,
52.jfx-text-area:error {
53 -fx-focus-color: #D34336;
54 -fx-unfocus-color: #D34336
55}
56
57.jfx-text-field .errorLabel,
58.jfx-password-field .errorLabel,
59.jfx-text-area .errorLabel {
60 -fx-text-fill: #C0F;
61 -fx-font-size: .75em
62}
63
64.jfx-text-field .errorIcon,
65.jfx-password-field .errorIcon,
66.jfx-text-area .errorIcon {
67 -fx-text-fill: #C0F;
68 -fx-font-size: 1em
69}
70
71.progress-bar>.bar {
72 -fx-min-width: 500
73}
74
75.jfx-progress-bar>.bar {
76 -fx-min-width: 500
77}
78
79.jfx-progress-bar {
80 -fx-track-color: #C8C8C8;
81 -fx-progress-color: #0F9D58;
82 -fx-stroke-width: 3
83}
84
85.icon {
86 -fx-text-fill: #FE774D;
87 -fx-padding: 10;
88 -fx-cursor: hand
89}
90
91.icons-rippler {
92 -fx-rippler-fill: BLUE;
93 -fx-mask-type: CIRCLE
94}
95
96.icons-rippler:hover {
97 -fx-cursor: hand
98}
99
100.icons-badge {
101 -fx-badge-fill: BLUE;
102 -fx-badge-scale: 3;
103 -fx-mask-type: CIRCLE
104}
105
106.jfx-check-box {
107 -fx-font-weight: BOLD
108}
109
110.custom-jfx-check-box {
111 -fx-checked-color: RED;
112 -fx-unchecked-color: #3CC
113}
114
115.button {
116 -fx-padding: .7em .57em;
117 -fx-font-size: 14px
118}
119
120.button-raised {
121 -fx-padding: .7em .57em;
122 -fx-font-size: 14px;
123 -fx-button-type: RAISED;
124 -fx-background-color: #C0F;
125 -fx-pref-width: 200;
126 -fx-text-fill: #fff
127}
128
129.mylistview .scroll-bar:horizontal .track,
130.mylistview .scroll-bar:vertical .track {
131 -fx-background-color: transparent;
132 -fx-border-color: transparent;
133 -fx-background-radius: 0;
134 -fx-border-radius: 2em
135}
136
137.mylistview .scroll-bar:horizontal .increment-button,
138.mylistview .scroll-bar:horizontal .decrement-button {
139 -fx-background-color: transparent;
140 -fx-background-radius: 0;
141 -fx-padding: 0 0 10 0
142}
143
144.mylistview .scroll-bar:vertical .increment-button,
145.mylistview .scroll-bar:vertical .decrement-button {
146 -fx-background-color: transparent;
147 -fx-background-radius: 0;
148 -fx-padding: 0 10 0 0
149}
150
151.mylistview .scroll-bar .increment-arrow,
152.mylistview .scroll-bar .decrement-arrow {
153 -fx-shape: " ";
154 -fx-padding: 0
155}
156
157.mylistview .scroll-bar:horizontal .thumb,
158.mylistview .scroll-bar:vertical .thumb {
159 -fx-background-color: derive(black, 90%);
160 -fx-background-insets: 2, 0, 0;
161 -fx-background-radius: 2em
162}
163
164.jfx-list-cell-container {
165 -fx-alignment: center-left
166}
167
168.jfx-list-cell-container>.label {
169 -fx-text-fill: #000
170}
171
172.jfx-list-cell:odd:selected .jfx-list-cell-container,
173.jfx-list-cell:even:selected .jfx-list-cell-container {
174 -fx-background-color: #3CC
175}
176
177.jfx-list-cell {
178 -fx-background-insets: 0;
179 -fx-text-fill: #000
180}
181
182.jfx-list-cell:odd,
183.jfx-list-cell:even {
184 -fx-background-color: #fff
185}
186
187.jfx-list-cell:filled:hover {
188 -fx-text-fill: #000
189}
190
191.jfx-list-cell .jfx-rippler {
192 -fx-rippler-fill: BLUE
193}
194
195.jfx-list-view {
196 -fx-background-insets: 0;
197 -fx-cell-horizontal-margin: 0;
198 -fx-cell-vertical-margin: 5;
199 -fx-vertical-gap: 10;
200 -fx-expanded: false;
201 -fx-pref-width: 200
202}
203
204.jfx-toggle-button {
205 -fx-toggle-color: RED
206}
207
208.jfx-tool-bar {
209 -fx-font-size: 20;
210 -fx-font-weight: BOLD;
211 -fx-background-color: #5264AE;
212 -fx-pref-width: 100%;
213 -fx-pref-height: 64px
214}
215
216.jfx-tool-bar HBox {
217 -fx-alignment: center;
218 -fx-spacing: 25;
219 -fx-padding: 0 10
220}
221
222.jfx-tool-bar Label {
223 -fx-text-fill: #fff
224}
225
226.jfx-popup-container {
227 -fx-background-color: #fff
228}
229
230.jfx-snackbar-content {
231 -fx-background-color: #323232;
232 -fx-padding: 5;
233 -fx-spacing: 5
234}
235
236.jfx-snackbar-toast {
237 -fx-text-fill: #fff
238}
239
240.jfx-snackbar-action {
241 -fx-text-fill: #ff4081
242}
243
244.jfx-list-cell-content-container {
245 -fx-alignment: center-left
246}
247
248.jfx-list-cell-container .label {
249 -fx-text-fill: #000
250}
251
252.combo-box-popup .list-view .jfx-list-cell:odd:selected .jfx-list-cell-container,
253.combo-box-popup .list-view .jfx-list-cell:even:selected .jfx-list-cell-container {
254 -fx-background-color: rgba(0.0, 0.0, 255.0, 0.2)
255}
256
257.combo-box-popup .list-view .jfx-list-cell {
258 -fx-background-insets: 0;
259 -fx-text-fill: #000
260}
261
262.combo-box-popup .list-view .jfx-list-cell:odd,
263.combo-box-popup .list-view .jfx-list-cell:even {
264 -fx-background-color: #fff
265}
266
267.combo-box-popup .list-view .jfx-list-cell:filled:hover {
268 -fx-text-fill: #000
269}
270
271.combo-box-popup .list-view .jfx-list-cell .jfx-rippler {
272 -fx-rippler-fill: #5264AE
273}
274
275.tree-table-view {
276 -fx-tree-table-color: rgba(255, 0, 0, 0.2);
277 -fx-tree-table-rippler-color: #3CC
278}
279
280.tree-table-view:focused .tree-table-row-cell:selected {
281 -fx-background-color: -fx-tree-table-color;
282 -fx-table-cell-border-color: -fx-tree-table-color;
283 -fx-text-fill: #000
284}
285
286.tree-table-view:focused .tree-table-row-cell:selected .tree-table-cell {
287 -fx-text-fill: #000
288}
289
290.tree-table-view .jfx-rippler {
291 -fx-rippler-fill: -fx-tree-table-rippler-color
292}
293
294.tree-table-view .column-header,
295.tree-table-view .column-header-background,
296.tree-table-view .column-header-background .filler {
297 -fx-background-color: TRANSPARENT
298}
299
300.tree-table-view .column-header {
301 -fx-border-width: 0 1 0 1;
302 -fx-border-color: #F3F3F3
303}
304
305.tree-table-view .column-header .label {
306 -fx-text-fill: #3CC;
307 -fx-padding: 16 0 16 0
308}
309
310.tree-table-view .column-header .arrow,
311.tree-table-view .column-header .sort-order-dot {
312 -fx-background-color: #3CC
313}
314
315.tree-table-view .column-header:last-visible {
316 -fx-border-width: 0 2 0 1
317}
318
319.tree-table-view .column-header-background {
320 -fx-border-width: 0 0 1 0;
321 -fx-border-color: #F3F3F3
322}
323
324.tree-table-view .tree-table-cell {
325 -fx-border-width: 0 0 0 0;
326 -fx-padding: 16 0 16 0
327}
328
329.tree-table-view .column-overlay {
330 -fx-background-color: -fx-tree-table-color
331}
332
333.tree-table-view .column-resize-line,
334.tree-table-view .column-drag-header {
335 -fx-background-color: -fx-tree-table-rippler-color
336}
337
338.tree-table-view:focused {
339 -fx-background-color: -fx-tree-table-color, -fx-box-border, -fx-control-inner-background;
340 -fx-background-insets: -1.4, 0, 1;
341 -fx-background-radius: 1.4, 0, 0;
342 -fx-padding: 1
343}
344
345.tree-table-row-cell>.tree-disclosure-node>.arrow {
346 -fx-background-color: -fx-text-fill;
347 -fx-padding: .333333em .229em .333333em .229em;
348 -fx-shape: "M 0 -3.5 L 4 0 L 0 3.5 z"
349}
350
351.tree-table-row-cell .jfx-text-field {
352 -fx-focus-color: rgba(240, 40, 40)
353}
354
355.tree-table-row-group {
356 -fx-background-color: rgba(230, 230, 230)
357}
358
359.animated-option-button {
360 -fx-pref-width: 40px;
361 -fx-background-color: #44B449;
362 -fx-background-radius: 30px;
363 -fx-pref-height: 30px;
364 -fx-text-fill: #fff;
365 -fx-border-radius: 30px
366}
367
368.animated-option-sub-button {
369 -fx-background-color: #43609C
370}
371
372.animated-option-sub-button2 {
373 -fx-background-color: #cb6860
374}
375
376.tree-table-view .menu-item:focused {
377 -fx-background-color: -fx-tree-table-color
378}
379
380.tree-table-view .menu-item .label {
381 -fx-padding: 5 0 5 0
382}
383
384.jfx-combo-box .combo-box-button-container {
385 -fx-border-color: #b4b4b4;
386 -fx-border-width: 0 0 2 0
387}