Skip to content

Instantly share code, notes, and snippets.

@arselzer
Created May 5, 2018 10:54
Show Gist options
  • Save arselzer/13b51e9a50adda48c9fa06d64c3bbb1f to your computer and use it in GitHub Desktop.
Save arselzer/13b51e9a50adda48c9fa06d64c3bbb1f to your computer and use it in GitHub Desktop.
.pagination > .pagination-control > .control-box {
-fx-spacing: 1;
}
.pagination > .pagination-control > .control-box > .number-button,
.pagination > .pagination-control > .control-box > .bullet-button,
.pagination > .pagination-control > .control-box > .left-arrow-button,
.pagination > .pagination-control > .control-box > .right-arrow-button {
-fx-background-insets: 0, 1;
-fx-background-color: rgb(240, 240, 240);
-fx-min-width: 30;
-fx-min-height: 30;
}
.pagination > .pagination-control > .control-box > .number-button:hover,
.pagination > .pagination-control > .control-box > .bullet-button:hover,
.pagination > .pagination-control > .control-box > .left-arrow-button:hover,
.pagination > .pagination-control > .control-box > .right-arrow-button:hover {
-fx-background-insets: 0;
-fx-background-color: lightgray;
-fx-cursor: hand;
-fx-effect: innershadow(gaussian, rgba(50, 50, 50, 0.15), 5, 0, 0, 0);
}
.pagination > .pagination-control > .control-box > .number-button:selected,
.pagination > .pagination-control > .control-box > .bullet-button:selected{
-fx-background-insets: 0;
-fx-background-color: rgb(52, 80, 137);
-fx-text-fill: rgb(230, 230, 230);
-fx-effect: innershadow(gaussian, rgb(50, 50, 50), 5, 0.3, 0, 0);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment