45 lines
1.2 KiB
CSS
45 lines
1.2 KiB
CSS
|
.darkPane,
|
||
|
|
.root {
|
||
|
|
-fx-background-color: rgba(68,68,68, 0.8);/*#444444;*/
|
||
|
|
}
|
||
|
|
.toggle-button,
|
||
|
|
.button {
|
||
|
|
-fx-background-color:
|
||
|
|
#c3c4c4,
|
||
|
|
linear-gradient(#d6d6d6 50%, white 100%),
|
||
|
|
radial-gradient(center 50% -40%, radius 200%, #e6e6e6 45%, rgba(230,230,230,0) 50%);
|
||
|
|
-fx-background-radius: 30;
|
||
|
|
-fx-background-insets: 0,1,1;
|
||
|
|
-fx-text-fill: black;
|
||
|
|
-fx-effect: dropshadow( three-pass-box , rgba(0,0,0,0.6) , 3, 0.0 , 0 , 1 );
|
||
|
|
}
|
||
|
|
|
||
|
|
.button:hover {
|
||
|
|
-fx-cursor: hand;
|
||
|
|
-fx-background-color:
|
||
|
|
linear-gradient(from 0% 93% to 0% 100%, #a34313 0%, #903b12 100%),
|
||
|
|
#9d4024,
|
||
|
|
#d86e3a,
|
||
|
|
radial-gradient(center 50% 50%, radius 100%, #ea7f4b, #c54e2c);
|
||
|
|
}
|
||
|
|
|
||
|
|
.toggle-button:hover {
|
||
|
|
-fx-cursor: hand;
|
||
|
|
}
|
||
|
|
|
||
|
|
.toggle-button:selected {
|
||
|
|
-fx-background-color:
|
||
|
|
linear-gradient(from 0% 93% to 0% 100%, #a34313 0%, #903b12 100%),
|
||
|
|
#9d4024,
|
||
|
|
#d86e3a,
|
||
|
|
radial-gradient(center 50% 50%, radius 100%, #ea7f4b, #c54e2c);
|
||
|
|
}
|
||
|
|
|
||
|
|
.toggle-button:selected:focused {
|
||
|
|
-fx-background-color:
|
||
|
|
linear-gradient(from 0% 93% to 0% 100%, #a34313 0%, #903b12 100%),
|
||
|
|
#9d4024,
|
||
|
|
#d86e3a,
|
||
|
|
radial-gradient(center 50% 50%, radius 100%, #ea7f4b, #c54e2c);
|
||
|
|
}
|