temp.css (7867B)
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 }