.list-view { -fx-background-color: -fx-background; -fx-padding: 1; } .list-cell { -fx-padding: 1.0em 1.0em 1.0em 1.0em; } .list-cell:odd { -fx-background: -fx-control-inner-background-alt; } .list-cell:even { -fx-background: -fx-control-inner-background; } .open-icon { -glyph-name: "FILE_TEXT_ALT"; -glyph-size: 14px; } .config-icon { -glyph-name: "CHECK"; -glyph-size: 14px; } .save-icon { -glyph-name: "FLOPPY_ALT"; -glyph-size: 14px; } .exit-icon { -glyph-name: "SIGN_OUT"; -glyph-size: 14px; } .info-icon { -glyph-name: "INFO"; -glyph-size: 14px; } .error-title-icon { -glyph-name: "EXCLAMATION_TRIANGLE"; -glyph-size: 14px; } .preferences-icon { -glyph-name: "COG"; -glyph-size: 14px; } /* toolbar customization based on http://fxexperience.com/2012/02/customized-segmented-toolbar-buttons/ */ #background { -light-black: rgb(74, 75, 78); -dark-highlight: rgb(87, 89, 92); -dark-black: rgb(39, 40, 40); -darkest-black: rgb(5, 5, 5); -mid-gray: rgb(216, 222, 227); -fx-background-color: -mid-gray; } .tool-bar { -fx-base: -dark-black; -fx-font-size: 12px; -fx-background-color: linear-gradient(to bottom, derive(-fx-base,-30%), derive(-fx-base,-60%)), linear-gradient(to bottom, -light-black 2%, -dark-black 98%); -fx-background-insets: 0, 0 0 1 0; -fx-padding: .6em 0.416667em .6em 0.416667em; -fx-effect: dropshadow(two-pass-box,black,5,.2,0,0); } .tool-bar .open-icon { -glyph-size: 16px; -fx-fill: white; } .tool-bar .config-icon { -glyph-size: 16px; -fx-fill: white; } .tool-bar .save-icon { -glyph-size: 16px; -fx-fill: white; } .tool-bar .preferences-icon { -glyph-size: 16px; -fx-fill: white; } .tool-bar .exit-icon { -glyph-size: 16px; -fx-fill: white; } .segmented-button-bar .button { -fx-background-color: -darkest-black, -dark-highlight, linear-gradient(to bottom, -light-black 2%, -dark-black 98%); -fx-background-insets: 0, 1 1 1 0, 2 1 1 1; -fx-background-radius: 0; -fx-padding: 0.4em 1.833333em 0.4em 1.833333em; } .segmented-button-bar .button.first { -fx-background-insets: 0, 1, 2 1 1 1; -fx-background-radius: 3 0 0 3, 2 0 0 2, 2 0 0 2; } .segmented-button-bar .button.last { -fx-background-insets: 0, 1 1 1 0, 2 1 1 1; -fx-background-radius: 0 3 3 0, 0 2 2 0, 0 2 2 0; } .segmented-button-bar .button:pressed { -fx-background-color: -darkest-black, rgb(55, 57, 58), linear-gradient(to top, -light-black 2%, -dark-black 98%); } .tool-bar .spacer { -fx-padding: 0 5.417em 0 0; }