Rohan Sircar
3 years ago
1 changed files with 342 additions and 0 deletions
@ -0,0 +1,342 @@ |
|||||
|
.root { |
||||
|
-fx-font-family: Roboto; |
||||
|
src: "/resources/roboto/Roboto-Regular.ttf"; |
||||
|
} |
||||
|
|
||||
|
/* Burgers Demo */ |
||||
|
|
||||
|
.jfx-hamburger { |
||||
|
-fx-spacing: 5; |
||||
|
-fx-cursor: hand; |
||||
|
} |
||||
|
|
||||
|
.jfx-hamburger StackPane { |
||||
|
-fx-pref-width: 40px; |
||||
|
-fx-pref-height: 7px; |
||||
|
-fx-background-color: #D63333; |
||||
|
-fx-background-radius: 5px; |
||||
|
} |
||||
|
|
||||
|
/* Input Demo */ |
||||
|
|
||||
|
.text-field { |
||||
|
-fx-max-width: 300; |
||||
|
} |
||||
|
|
||||
|
.jfx-text-field, .jfx-password-field { |
||||
|
-fx-background-color: WHITE; |
||||
|
-fx-font-weight: BOLD; |
||||
|
-fx-prompt-text-fill: #808080; |
||||
|
-fx-alignment: top-left; |
||||
|
-jfx-focus-color: #4059A9; |
||||
|
-jfx-unfocus-color: #4d4d4d; |
||||
|
-fx-max-width: 300; |
||||
|
} |
||||
|
|
||||
|
.jfx-decorator { |
||||
|
-fx-decorator-color: RED; |
||||
|
} |
||||
|
|
||||
|
.jfx-decorator .jfx-decorator-buttons-container { |
||||
|
-fx-background-color: -fx-decorator-color; |
||||
|
} |
||||
|
|
||||
|
.jfx-decorator .resize-border { |
||||
|
-fx-border-color: -fx-decorator-color; |
||||
|
-fx-border-width: 0 4 4 4; |
||||
|
} |
||||
|
|
||||
|
.jfx-text-area, .text-area { |
||||
|
-fx-font-weight: BOLD; |
||||
|
} |
||||
|
|
||||
|
.jfx-text-field:error, .jfx-password-field:error, .jfx-text-area:error { |
||||
|
-jfx-focus-color: #D34336; |
||||
|
-jfx-unfocus-color: #D34336; |
||||
|
} |
||||
|
|
||||
|
.jfx-text-field .error-label, .jfx-password-field .error-label, .jfx-text-area .error-label { |
||||
|
-fx-text-fill: #D34336; |
||||
|
-fx-font-size: 0.75em; |
||||
|
} |
||||
|
|
||||
|
.jfx-text-field .error-icon, .jfx-password-field .error-icon, .jfx-text-area .error-icon { |
||||
|
-fx-text-fill: #D34336; |
||||
|
-fx-font-size: 1em; |
||||
|
} |
||||
|
|
||||
|
/* Progress Bar Demo */ |
||||
|
|
||||
|
.progress-bar > .bar { |
||||
|
-fx-min-width: 500; |
||||
|
} |
||||
|
|
||||
|
.jfx-progress-bar > .bar { |
||||
|
-fx-min-width: 500; |
||||
|
} |
||||
|
|
||||
|
.jfx-progress-bar { |
||||
|
-fx-progress-color: #0F9D58; |
||||
|
-fx-stroke-width: 3; |
||||
|
} |
||||
|
|
||||
|
/* Icons Demo */ |
||||
|
.icon { |
||||
|
-fx-text-fill: #FE774D; |
||||
|
-fx-padding: 10; |
||||
|
-fx-cursor: hand; |
||||
|
} |
||||
|
|
||||
|
.icons-rippler { |
||||
|
-jfx-rippler-fill: BLUE; |
||||
|
-jfx-mask-type: CIRCLE; |
||||
|
} |
||||
|
|
||||
|
.icons-rippler:hover { |
||||
|
-fx-cursor: hand; |
||||
|
} |
||||
|
|
||||
|
.jfx-check-box { |
||||
|
-fx-font-weight: BOLD; |
||||
|
} |
||||
|
|
||||
|
.custom-jfx-check-box { |
||||
|
-jfx-checked-color: RED; |
||||
|
-jfx-unchecked-color: BLACK; |
||||
|
} |
||||
|
|
||||
|
/* Button */ |
||||
|
.button { |
||||
|
-fx-padding: 0.7em 0.57em; |
||||
|
-fx-font-size: 14px; |
||||
|
} |
||||
|
|
||||
|
.button-raised { |
||||
|
-fx-padding: 0.7em 0.57em; |
||||
|
-fx-font-size: 14px; |
||||
|
-jfx-button-type: RAISED; |
||||
|
-fx-background-color: rgb(77, 102, 204); |
||||
|
-fx-pref-width: 200; |
||||
|
-fx-text-fill: WHITE; |
||||
|
} |
||||
|
|
||||
|
/* The main scrollbar **track** CSS class */ |
||||
|
.mylistview .scroll-bar:horizontal .track, |
||||
|
.mylistview .scroll-bar:vertical .track { |
||||
|
-fx-background-color: transparent; |
||||
|
-fx-border-color: transparent; |
||||
|
-fx-background-radius: 0em; |
||||
|
-fx-border-radius: 2em; |
||||
|
} |
||||
|
|
||||
|
/* The increment and decrement button CSS class of scrollbar */ |
||||
|
.mylistview .scroll-bar:horizontal .increment-button, |
||||
|
.mylistview .scroll-bar:horizontal .decrement-button { |
||||
|
-fx-background-color: transparent; |
||||
|
-fx-background-radius: 0em; |
||||
|
-fx-padding: 0 0 10 0; |
||||
|
} |
||||
|
|
||||
|
/* The increment and decrement button CSS class of scrollbar */ |
||||
|
|
||||
|
.mylistview .scroll-bar:vertical .increment-button, |
||||
|
.mylistview .scroll-bar:vertical .decrement-button { |
||||
|
-fx-background-color: transparent; |
||||
|
-fx-background-radius: 0em; |
||||
|
-fx-padding: 0 10 0 0; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.mylistview .scroll-bar .increment-arrow, |
||||
|
.mylistview .scroll-bar .decrement-arrow { |
||||
|
-fx-shape: " "; |
||||
|
-fx-padding: 0; |
||||
|
} |
||||
|
|
||||
|
/* The main scrollbar **thumb** CSS class which we drag every time (movable) */ |
||||
|
.mylistview .scroll-bar:horizontal .thumb, |
||||
|
.mylistview .scroll-bar:vertical .thumb { |
||||
|
-fx-background-color: derive(black, 90%); |
||||
|
-fx-background-insets: 2, 0, 0; |
||||
|
-fx-background-radius: 2em; |
||||
|
} |
||||
|
|
||||
|
.jfx-list-cell-container { |
||||
|
-fx-alignment: center-left; |
||||
|
} |
||||
|
|
||||
|
.jfx-list-cell-container > .label { |
||||
|
-fx-text-fill: BLACK; |
||||
|
} |
||||
|
|
||||
|
.jfx-list-cell:odd:selected > .jfx-rippler > StackPane, .jfx-list-cell:even:selected > .jfx-rippler > StackPane { |
||||
|
-fx-background-color: rgba(0, 0, 255, 0.2); |
||||
|
} |
||||
|
|
||||
|
.jfx-list-cell { |
||||
|
-fx-background-insets: 0.0; |
||||
|
-fx-text-fill: BLACK; |
||||
|
} |
||||
|
|
||||
|
.jfx-list-cell:odd, .jfx-list-cell:even { |
||||
|
-fx-background-color: WHITE; |
||||
|
} |
||||
|
|
||||
|
.jfx-list-cell:filled:hover { |
||||
|
-fx-text-fill: black; |
||||
|
} |
||||
|
|
||||
|
.jfx-list-cell .jfx-rippler { |
||||
|
-jfx-rippler-fill: BLUE; |
||||
|
} |
||||
|
|
||||
|
.jfx-list-view { |
||||
|
-fx-background-insets: 0; |
||||
|
-jfx-cell-horizontal-margin: 0.0; |
||||
|
-jfx-cell-vertical-margin: 5.0; |
||||
|
-jfx-vertical-gap: 10; |
||||
|
-jfx-expanded: false; |
||||
|
-fx-pref-width: 200; |
||||
|
} |
||||
|
|
||||
|
.jfx-toggle-button { |
||||
|
-jfx-toggle-color: RED; |
||||
|
} |
||||
|
|
||||
|
.jfx-tool-bar { |
||||
|
-fx-font-size: 20; |
||||
|
-fx-font-weight: BOLD; |
||||
|
-fx-background-color: #5264AE; |
||||
|
-fx-pref-width: 100%; |
||||
|
-fx-pref-height: 64px; |
||||
|
} |
||||
|
|
||||
|
.jfx-tool-bar HBox { |
||||
|
-fx-alignment: center; |
||||
|
-fx-spacing: 25; |
||||
|
-fx-padding: 0 10; |
||||
|
} |
||||
|
|
||||
|
.jfx-tool-bar Label { |
||||
|
-fx-text-fill: WHITE; |
||||
|
} |
||||
|
|
||||
|
.jfx-popup-container { |
||||
|
-fx-background-color: WHITE; |
||||
|
} |
||||
|
|
||||
|
.jfx-snackbar-content { |
||||
|
-fx-background-color: #323232; |
||||
|
-fx-padding: 5; |
||||
|
-fx-spacing: 5; |
||||
|
} |
||||
|
|
||||
|
.jfx-snackbar-toast { |
||||
|
-fx-text-fill: WHITE; |
||||
|
} |
||||
|
|
||||
|
.jfx-snackbar-action { |
||||
|
-fx-text-fill: #ff4081; |
||||
|
} |
||||
|
|
||||
|
.jfx-list-cell-content-container { |
||||
|
-fx-alignment: center-left; |
||||
|
} |
||||
|
|
||||
|
.jfx-list-cell-container .label { |
||||
|
-fx-text-fill: BLACK; |
||||
|
} |
||||
|
|
||||
|
.combo-box-popup .list-view .jfx-list-cell:odd:selected .jfx-list-cell-container, |
||||
|
.combo-box-popup .list-view .jfx-list-cell:even:selected .jfx-list-cell-container { |
||||
|
-fx-background-color: rgba(0.0, 0.0, 255.0, 0.2); |
||||
|
} |
||||
|
|
||||
|
.combo-box-popup .list-view .jfx-list-cell { |
||||
|
-fx-background-insets: 0.0; |
||||
|
-fx-text-fill: BLACK; |
||||
|
} |
||||
|
|
||||
|
.combo-box-popup .list-view .jfx-list-cell:odd, |
||||
|
.combo-box-popup .list-view .jfx-list-cell:even { |
||||
|
-fx-background-color: WHITE; |
||||
|
} |
||||
|
|
||||
|
.combo-box-popup .list-view .jfx-list-cell:filled:hover { |
||||
|
-fx-text-fill: black; |
||||
|
} |
||||
|
|
||||
|
/*.combo-box .combo-box-button-container{ |
||||
|
-fx-border-color:BLACK;-fx-border-width: 0 0 1 0; |
||||
|
} |
||||
|
.combo-box .combo-box-selected-value-container{ |
||||
|
-fx-border-color:BLACK; |
||||
|
} */ |
||||
|
|
||||
|
/* |
||||
|
* TREE TABLE CSS |
||||
|
*/ |
||||
|
|
||||
|
.tree-table-view { |
||||
|
-fx-tree-table-color: rgba(255, 0, 0, 0.2); |
||||
|
-fx-tree-table-rippler-color: rgba(255, 0, 0, 0.4); |
||||
|
} |
||||
|
|
||||
|
.tree-table-view .jfx-text-field{ |
||||
|
-fx-background-color: transparent; |
||||
|
} |
||||
|
|
||||
|
.animated-option-button { |
||||
|
-fx-background-color: #F1F1F1; |
||||
|
-fx-background-radius: 50px; |
||||
|
-fx-pref-height: 50px; |
||||
|
-fx-pref-width: 50px; |
||||
|
-fx-min-width: -fx-pref-width; |
||||
|
-fx-max-width: -fx-pref-width; |
||||
|
-fx-min-height: -fx-pref-height; |
||||
|
-fx-max-height: -fx-pref-height; |
||||
|
-jfx-button-type: RAISED; |
||||
|
} |
||||
|
.animated-option-button .jfx-rippler{ |
||||
|
-jfx-rippler-fill: rgb(113, 118, 114); |
||||
|
} |
||||
|
.sub-icon{ |
||||
|
-fx-fill: rgb(113, 118, 114); |
||||
|
} |
||||
|
|
||||
|
.main-button { |
||||
|
-fx-pref-width: 60px; |
||||
|
-fx-background-color: #0F9D58; |
||||
|
-fx-background-radius: 60px; |
||||
|
-fx-pref-height: 60px; |
||||
|
-fx-min-width: -fx-pref-width; |
||||
|
-fx-max-width: -fx-pref-width; |
||||
|
-fx-min-height: -fx-pref-height; |
||||
|
-fx-max-height: -fx-pref-height; |
||||
|
-jfx-button-type: RAISED; |
||||
|
} |
||||
|
.main-button .jfx-rippler{ |
||||
|
-jfx-rippler-fill: rgba(255,255,255, .87); |
||||
|
} |
||||
|
.main-icon{ |
||||
|
-fx-fill: rgba(255,255,255, .87); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
.animated-option-sub-button { |
||||
|
-fx-background-color: #43609C; |
||||
|
} |
||||
|
|
||||
|
.animated-option-sub-button2 { |
||||
|
-fx-background-color: rgb(203, 104, 96); |
||||
|
} |
||||
|
|
||||
|
.tree-table-view .menu-item:focused { |
||||
|
-fx-background-color: -fx-tree-table-color; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.tree-table-view .menu-item .label { |
||||
|
-fx-padding: 5 0 5 0; |
||||
|
} |
||||
|
|
Write
Preview
Loading…
Cancel
Save
Reference in new issue