213 lines
6.3 KiB
CSS
213 lines
6.3 KiB
CSS
/*******************************************************************************
|
|
* *
|
|
* Hamburger Menu *
|
|
* *
|
|
******************************************************************************/
|
|
|
|
.jfx-hamburgerW StackPane {
|
|
-fx-background-color: white;
|
|
-fx-background-radius: 5px;
|
|
}
|
|
|
|
.jfx-hamburgerB StackPane {
|
|
-fx-background-color: black;
|
|
-fx-background-radius: 5px;
|
|
}
|
|
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* TreeTable *
|
|
* *
|
|
******************************************************************************/
|
|
|
|
.tree-table-view {
|
|
-fx-tree-table-color: rgba(0, 168, 204, 0.2);
|
|
-fx-tree-table-rippler-color: rgba(0, 168, 204, 0.4);
|
|
}
|
|
|
|
.tree-table-view:focused .tree-table-row-cell:selected {
|
|
-fx-background-color: -fx-tree-table-color;
|
|
-fx-table-cell-border-color: -fx-tree-table-color;
|
|
-fx-text-fill: BLACK;
|
|
}
|
|
|
|
.tree-table-view:focused .tree-table-row-cell:selected .tree-table-cell {
|
|
-fx-text-fill: BLACK;
|
|
}
|
|
|
|
.tree-table-view .jfx-rippler {
|
|
-jfx-rippler-fill: -fx-tree-table-rippler-color;
|
|
}
|
|
|
|
.tree-table-view .column-header,
|
|
.tree-table-view .column-header-background,
|
|
.tree-table-view .column-header-background .filler {
|
|
-fx-background-color: TRANSPARENT;
|
|
}
|
|
|
|
.tree-table-view .column-header {
|
|
-fx-border-width: 0 1 0 1;
|
|
-fx-border-color: #F3F3F3;
|
|
}
|
|
|
|
.tree-table-view .column-header .label {
|
|
-fx-text-fill: #000000;
|
|
-fx-padding: 12 0 12 0;
|
|
}
|
|
|
|
.tree-table-view .column-header .arrow, .tree-table-view .column-header .sort-order-dot {
|
|
-fx-background-color: #000000;
|
|
}
|
|
|
|
.tree-table-view .column-header:last-visible {
|
|
-fx-border-width: 0 2 0 1;
|
|
}
|
|
|
|
.tree-table-view .column-header-background {
|
|
-fx-border-width: 0 0.0 1 0;
|
|
-fx-border-color: #F3F3F3;
|
|
}
|
|
|
|
.tree-table-view .tree-table-cell {
|
|
-fx-border-width: 0 0 0 0;
|
|
-fx-padding: 12 4 8 4;
|
|
}
|
|
|
|
.tree-table-view .column-overlay {
|
|
-fx-background-color: -fx-tree-table-color;
|
|
}
|
|
|
|
.tree-table-view .column-resize-line, .tree-table-view .column-drag-header {
|
|
-fx-background-color: -fx-tree-table-rippler-color;
|
|
}
|
|
|
|
.tree-table-view:focused {
|
|
-fx-background-color: -fx-tree-table-color, -fx-box-border, -fx-control-inner-background;
|
|
-fx-background-insets: -1.4, 0, 1;
|
|
-fx-background-radius: 1.4, 0, 0;
|
|
-fx-padding: 1; /* 0.083333em; */
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* ChoiceBox *
|
|
* *
|
|
******************************************************************************/
|
|
|
|
.choice-box {
|
|
-fx-background-color: transparent;
|
|
-fx-border-color: #000000;
|
|
-fx-border-width: 0 0 1 0;
|
|
-fx-background-radius: 0;
|
|
-fx-border-radius: 0;
|
|
}
|
|
|
|
.choice-box:focused {
|
|
-fx-border-color: #9E9E9E;
|
|
}
|
|
|
|
.choice-box>.open-button>.arrow {
|
|
-fx-background-color: #757575;
|
|
}
|
|
|
|
.menu-item:focused {
|
|
-fx-background-color: #EE3523;
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* ScrollBar *
|
|
* *
|
|
******************************************************************************/
|
|
|
|
.scroll-bar:vertical, .scroll-bar:horizontal {
|
|
-fx-background-color: transparent;
|
|
}
|
|
|
|
.scroll-bar:vertical > .track-background, .scroll-bar:horizontal > .track-background {
|
|
-fx-background-color: transparent;
|
|
-fx-background-insets: 0.0;
|
|
}
|
|
|
|
.scroll-bar:vertical > .thumb {
|
|
-fx-background-color: #BCBCBC;
|
|
-fx-background-insets: 0.0;
|
|
-fx-background-radius: 15.0;
|
|
}
|
|
|
|
.scroll-bar:horizontal > .thumb {
|
|
-fx-background-color: #FFFFFF;
|
|
-fx-background-insets: 0.0;
|
|
-fx-background-radius: 15.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-background-color: transparent;
|
|
-fx-padding: 5 2 5 2;
|
|
}
|
|
|
|
.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"; */
|
|
-fx-background-color:transparent;
|
|
-fx-shape: " ";
|
|
-fx-padding: 0;
|
|
}
|
|
|
|
/* Left Arrow */
|
|
.scroll-bar:horizontal > .decrement-button > .decrement-arrow {
|
|
/* -fx-shape: "M214 0l0 428l-214 -214l214 -214z"; */
|
|
-fx-background-color:transparent;
|
|
-fx-shape: " ";
|
|
-fx-padding: 0;
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* ScrollPane *
|
|
* *
|
|
******************************************************************************/
|
|
|
|
.scroll-pane {
|
|
-fx-background-insets: 0;
|
|
-fx-padding: 0;
|
|
}
|
|
|
|
.scroll-pane:focused {
|
|
-fx-background-insets: 0;
|
|
}
|
|
|
|
.scroll-pane .corner {
|
|
-fx-background-insets: 0;
|
|
}
|
|
|
|
.scroll-pane > .viewport {
|
|
-fx-background-color: transparent;
|
|
}
|
|
|