org.controlsfx.control.segmentedbutton.css Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of controlsfx Show documentation

High quality UI controls and other tools to complement the core JavaFX distribution

There is a newer version: 11.2.1

/* -------- Segmented Button ---------------- */
.segmented-button.dark .toggle-button {
    -fx-padding: 3 15 3 15;
    -fx-border-color: transparent -fx-outer-border transparent transparent;
}

.segmented-button.dark .toggle-button:focused {
    -fx-background-color:
        rgba(23,134,248,0.2),
        -fx-focus-color,
        -fx-inner-border,
        -fx-body-color;
}

.segmented-button.dark .toggle-button:selected Text {
    -fx-effect: dropshadow( one-pass-box , rgba(0,0,0,0.9) , 2, 0.0 , 0 , 1 );
}

.segmented-button.dark .toggle-button:selected {
    -fx-background-color:
        -fx-shadow-highlight-color,
        linear-gradient( to bottom, derive(-fx-color,-90%) 0%, derive(-fx-color,-60%) 100% ),        
        linear-gradient( to bottom, derive(-fx-color,-60%) 0%, derive(-fx-color,-35%) 50%, derive(-fx-color,-30%) 98%, derive(-fx-color,-50%) 100% ),    
        linear-gradient( to right, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 90%, rgba(0,0,0,0.3) 100% );
    -fx-background-insets: 0 0 -1 0, 0, 1, 1;
    /* TODO: -fx-text-fill should be derived */
    -fx-text-fill: -fx-light-text-color;
}

/* *************************** LEFT BUTTON ************************** */
.segmented-button.dark .toggle-button.left-pill {
    -fx-background-radius: 3 0 0 3;
    -fx-background-insets: 0 0 -1 0, 0, 1 0 1 1, 2 0 2 2;
}

.segmented-button.dark .toggle-button.left-pill:focused {
     -fx-background-insets: -2 0 -2 -2, 0 0 0 0, 1, 2;
	-fx-border-color: transparent;
}

.segmented-button.dark .toggle-button.left-pill:selected:focused {
    -fx-background-insets: 0 0 -1 0, 0, 1 0 1 1, 1 0 1 1;
	-fx-border-color: transparent;
}

/* *************************** RIGHT BUTTON ************************** */
.segmented-button.dark .toggle-button.right-pill {
    -fx-background-radius: 0 3 3 0;
    -fx-background-insets: 0 0 -1 0, 0, 1 1 1 0, 2 2 2 0;
    -fx-border-color: transparent;
}

.segmented-button.dark .toggle-button.right-pill:focused {
	-fx-background-insets: -2 -2 -2 0, 0, 1, 2;
     -fx-border-color: transparent;
}

.segmented-button.dark .toggle-button.right-pill:selected:focused {
	-fx-background-insets: -1 -1 -1 -1, 0 0 0 -1, 1 1 1 0, 1 1 1 0;
    -fx-border-color: transparent;
}

/* *************************** CENTER BUTTON ************************** */
.segmented-button.dark .toggle-button.center-pill {
	-fx-background-radius: 0;
	-fx-background-insets: 0 0 -1 0, 0, 1 0 1 0, 2 0 2 0;
    
}

.segmented-button.dark .toggle-button.center-pill:focused {
	-fx-background-radius: 0;
	-fx-background-insets: -2 0 -2 -2, 0 0 0 -1, 1 1 1 0, 2 2 2 1;
	-fx-border-color: transparent;
}

.segmented-button.dark .toggle-button.center-pill:selected:focused {
	-fx-background-insets: -1.4 0 -1.4 -1, 0 0 0 -1, 1 1 1 0, 1 1 1 0;
	-fx-border-color: transparent;
}