145 lines
5.0 KiB
CSS
145 lines
5.0 KiB
CSS
/*******************************************************************************
|
|
* *
|
|
* Scroll Bar *
|
|
* *
|
|
******************************************************************************/
|
|
|
|
.scroll-bar:vertical > .track-background, .scroll-bar:horizontal > .track-background {
|
|
-fx-background-color: #2b2b2b;
|
|
-fx-background-insets: 0.0;
|
|
}
|
|
|
|
.scroll-bar:vertical > .thumb, .scroll-bar:horizontal > .thumb {
|
|
-fx-background-color: #53585b;
|
|
-fx-background-insets: 0.0;
|
|
-fx-background-radius: 1.0;
|
|
}
|
|
|
|
/* Up- and Down-Button Padding */
|
|
.scroll-bar:vertical > .increment-button, .scroll-bar:vertical > .decrement-button {
|
|
-fx-padding: 5 2 5 2;
|
|
}
|
|
|
|
/* Left- and Right-Button Padding */
|
|
.scroll-bar:horizontal > .increment-button, .scroll-bar:horizontal > .decrement-button {
|
|
-fx-padding: 2 5 2 5;
|
|
}
|
|
|
|
.scroll-bar > .increment-button, .scroll-bar > .decrement-button, .scroll-bar:hover > .increment-button, .scroll-bar:hover > .decrement-button {
|
|
-fx-background-color: transparent;
|
|
}
|
|
|
|
.scroll-bar > .increment-button > .increment-arrow, .scroll-bar > .decrement-button > .decrement-arrow {
|
|
-fx-background-color: rgb(150.0, 150.0, 150.0);
|
|
}
|
|
|
|
/* Up Arrow */
|
|
.scroll-bar:vertical > .increment-button > .increment-arrow {
|
|
-fx-shape: "M298 426h428l-214 214z";
|
|
}
|
|
|
|
/* Down Arrow */
|
|
.scroll-bar:vertical > .decrement-button > .decrement-arrow {
|
|
-fx-shape: "M298 598l214-214 214 214h-428z";
|
|
}
|
|
|
|
/* Right Arrow */
|
|
.scroll-bar:horizontal > .increment-button > .increment-arrow {
|
|
-fx-shape: "M0 428l0 -428l214 214l-214 214z";
|
|
}
|
|
|
|
/* Left Arrow */
|
|
.scroll-bar:horizontal > .decrement-button > .decrement-arrow {
|
|
-fx-shape: "M214 0l0 428l-214 -214l214 -214z";
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* Scroll Pane *
|
|
* *
|
|
******************************************************************************/
|
|
|
|
.scroll-pane {
|
|
-fx-background-insets: 0;
|
|
-fx-padding: 0;
|
|
}
|
|
|
|
.scroll-pane:focused {
|
|
-fx-background-insets: 0;
|
|
}
|
|
|
|
.scroll-pane .corner {
|
|
-fx-background-insets: 0;
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* Import Button *
|
|
* *
|
|
******************************************************************************/
|
|
|
|
.jfx-floating-action-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;
|
|
|
|
-fx-text-inner-color: #2b2b2b;
|
|
-fx-font-size: 20px;
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* ChipView *
|
|
* *
|
|
******************************************************************************/
|
|
|
|
.jfx-chip-view .jfx-chip > HBox {
|
|
-fx-font-family: "Roboto Medium";
|
|
-fx-font-size: 14.0;
|
|
-fx-background-color: #E0E0E0;
|
|
-fx-background-radius: 40px;
|
|
-fx-padding: 5px 8px 5px 12px;
|
|
-fx-pref-height: 32px;
|
|
-fx-alignment: center-left;
|
|
-fx-spacing: 8;
|
|
}
|
|
|
|
.jfx-chip-view {
|
|
-fx-text-inner-color: #E0E0E0;
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* Buttons *
|
|
* *
|
|
******************************************************************************/
|
|
|
|
.btn-blue {
|
|
-fx-button-type: RAISED;
|
|
-fx-background-color: #3c3f41;
|
|
-fx-text-fill: #2b7bbb;
|
|
-fx-padding: 10;
|
|
}
|
|
|
|
.btn-orange {
|
|
-fx-button-type: RAISED;
|
|
-fx-background-color: #b15b2e;
|
|
-fx-text-fill: #3c3f41;
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* DetailView *
|
|
* *
|
|
******************************************************************************/
|
|
|
|
.metadata {
|
|
-fx-font: 14px Verdana;
|
|
-fx-text-fill: #E0E0E0;
|
|
} |