|
@@ -25,6 +25,10 @@
|
|
|
COLOR_CHART_GREEN: #A1CD5f;
|
|
|
COLOR_CHART_RED: #C75050;
|
|
|
|
|
|
+ COLOR_HGRAD_BTN_BACKGROUND: linear-gradient(to bottom, #F0F0F0 0%, #E5E5E5 100%);
|
|
|
+ COLOR_HGRAD_BTN_DISABLED_BORDER: linear-gradient(to bottom, #D2D2D2 0%, #C4C4C4 100%);
|
|
|
+ COLOR_HGRAD_BTN_ARMED_BACKGROUND: linear-gradient(to bottom, #DAECFC 0%, #C4E0FC 100%);
|
|
|
+
|
|
|
-fx-background-color: COLOR_BACKGROUND;
|
|
|
-fx-text-fill: COLOR_TEXT;
|
|
|
}
|
|
@@ -67,7 +71,7 @@
|
|
|
.button,
|
|
|
.toggle-button {
|
|
|
-fx-pref-height: 27px;
|
|
|
- -fx-background-color: COLOR_BORDER, linear-gradient(to bottom, #F0F0F0 0%, #E5E5E5 100%);
|
|
|
+ -fx-background-color: COLOR_BORDER, COLOR_HGRAD_BTN_BACKGROUND;
|
|
|
-fx-background-insets: 0, 1;
|
|
|
-fx-padding: 2px 12px 2px 12px;
|
|
|
-fx-text-fill: COLOR_TEXT;
|
|
@@ -77,12 +81,12 @@
|
|
|
}
|
|
|
|
|
|
.button:default {
|
|
|
- -fx-background-color: COLOR_BORDER_FOCUS, linear-gradient(to bottom, #F0F0F0 0%, #E5E5E5 100%);
|
|
|
+ -fx-background-color: COLOR_BORDER_FOCUS, COLOR_HGRAD_BTN_BACKGROUND;
|
|
|
}
|
|
|
|
|
|
.button:disabled,
|
|
|
.button:default:disabled {
|
|
|
- -fx-background-color: linear-gradient(to bottom, #D2D2D2 0%, #C4C4C4 100%), #F2F2F2;
|
|
|
+ -fx-background-color: COLOR_HGRAD_BTN_DISABLED_BORDER, #F2F2F2;
|
|
|
-fx-text-fill: #8B8B8B;
|
|
|
}
|
|
|
|
|
@@ -90,7 +94,7 @@
|
|
|
.button:default:armed,
|
|
|
.toggle-button:armed,
|
|
|
.toggle-button:selected {
|
|
|
- -fx-background-color: COLOR_BORDER_FOCUS, linear-gradient(to bottom, #DAECFC 0%, #C4E0FC 100%);
|
|
|
+ -fx-background-color: COLOR_BORDER_FOCUS, COLOR_HGRAD_BTN_ARMED_BACKGROUND;
|
|
|
}
|
|
|
|
|
|
.button:focused,
|
|
@@ -523,79 +527,63 @@
|
|
|
|
|
|
.dialog-pane {
|
|
|
-fx-background-color: COLOR_BACKGROUND;
|
|
|
- -fx-padding: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.dialog-pane > .expandable-content {
|
|
|
- -fx-padding: 0.666em; /* 8px */
|
|
|
-}
|
|
|
-
|
|
|
-.dialog-pane > .button-bar > .container {
|
|
|
- -fx-padding: 0.833em; /* 10px */
|
|
|
-}
|
|
|
-
|
|
|
-.dialog-pane > .content.label {
|
|
|
- -fx-alignment: top-left;
|
|
|
- -fx-padding: 1.333em 0.833em 0 0.833em; /* 16px 10px 0px 10px */
|
|
|
-}
|
|
|
-
|
|
|
-.dialog-pane > .content {
|
|
|
- -fx-padding: 0.833em; /* 10 */
|
|
|
-}
|
|
|
-
|
|
|
-.dialog-pane:no-header .graphic-container {
|
|
|
- -fx-padding: 0.833em 0 0 0.833em; /* 10px 0px 0px 10px */
|
|
|
+ -fx-padding: 20px 20px 20px 96px;
|
|
|
+
|
|
|
+ -fx-background-image: url("/img/dialog-appicon.png");
|
|
|
+ -fx-background-repeat: no-repeat;
|
|
|
+ -fx-background-position: 20px 20px;
|
|
|
}
|
|
|
|
|
|
+/* HEADER */
|
|
|
.dialog-pane:header .header-panel {
|
|
|
- /*-fx-padding: 0.833em 1.166em 0.833em 1.166em; *//* 10px 14px 10px 14px */
|
|
|
- -fx-padding: 0.833em; /* 10px */
|
|
|
- -fx-background-color: COLOR_BORDER, linear-gradient(COLOR_BACKGROUND, derive(COLOR_BACKGROUND, 30%));
|
|
|
- -fx-background-insets: 0, 0 0 1 0;
|
|
|
+ -fx-padding: 0 0 12px 0;
|
|
|
}
|
|
|
|
|
|
+/* TITLE */
|
|
|
.dialog-pane:header .header-panel .label {
|
|
|
- -fx-font-size: 1.167em; /* 14px */
|
|
|
+ -fx-font-weight: bold;
|
|
|
-fx-wrap-text: true;
|
|
|
}
|
|
|
|
|
|
-.dialog-pane:header .header-panel .graphic-container {
|
|
|
- /* This prevents the text in the header running directly into the graphic */
|
|
|
- -fx-padding: 0 0 0 0.833em; /* 0px 0px 0px 10px */
|
|
|
-}
|
|
|
-
|
|
|
-.dialog-pane > .button-bar > .container > .details-button {
|
|
|
- -fx-alignment: baseline-left;
|
|
|
- -fx-focus-traversable: false;
|
|
|
- -fx-padding: 0.416em; /* 5px */
|
|
|
+/* CONTENT LABEL */
|
|
|
+.dialog-pane > .content {
|
|
|
+ -fx-alignment: top-left;
|
|
|
+ -fx-wrap-text: true;
|
|
|
+ -fx-font-size: 11px;
|
|
|
+ -fx-line-spacing: 1.0;
|
|
|
}
|
|
|
|
|
|
-.dialog-pane > .button-bar > .container > .details-button.more {
|
|
|
- -fx-graphic: url("dialog-more-details.png");
|
|
|
+/* BUTTONS */
|
|
|
+.dialog-pane > .button-bar > .container {
|
|
|
+ -fx-padding: 20px 0 0 0;
|
|
|
}
|
|
|
|
|
|
-.dialog-pane > .button-bar > .container > .details-button.less {
|
|
|
- -fx-graphic: url("dialog-fewer-details.png");
|
|
|
+.dialog-pane > .button-bar .button:default {
|
|
|
+ -fx-background-color: COLOR_BORDER_FOCUS, COLOR_HGRAD_BTN_BACKGROUND;
|
|
|
}
|
|
|
|
|
|
-.dialog-pane > .button-bar > .container > .details-button:hover {
|
|
|
- -fx-underline: true;
|
|
|
+.dialog-pane > .button-bar .button:default:armed {
|
|
|
+ -fx-background-color: COLOR_BORDER_FOCUS, COLOR_HGRAD_BTN_ARMED_BACKGROUND;
|
|
|
}
|
|
|
|
|
|
.alert.confirmation.dialog-pane,
|
|
|
.text-input-dialog.dialog-pane,
|
|
|
.choice-dialog.dialog-pane {
|
|
|
- -fx-graphic: url("dialog-confirm.png");
|
|
|
+ -fx-padding: 20px 20px 20px 80px;
|
|
|
+ -fx-background-image: url("/img/dialog-confirm.png");
|
|
|
}
|
|
|
|
|
|
.alert.information.dialog-pane {
|
|
|
- -fx-graphic: url("dialog-information.png");
|
|
|
+ -fx-padding: 20px 20px 20px 80px;
|
|
|
+ -fx-background-image: url("/img/dialog-information.png");
|
|
|
}
|
|
|
|
|
|
.alert.error.dialog-pane {
|
|
|
- -fx-graphic: url("dialog-error.png");
|
|
|
+ -fx-padding: 20px 20px 20px 80px;
|
|
|
+ -fx-background-image: url("/img/dialog-error.png");
|
|
|
}
|
|
|
|
|
|
.alert.warning.dialog-pane {
|
|
|
- -fx-graphic: url("dialog-warning.png");
|
|
|
+ -fx-padding: 20px 20px 20px 80px;
|
|
|
+ -fx-background-image: url("/img/dialog-warning.png");
|
|
|
}
|