|
@@ -37,7 +37,7 @@
|
|
|
|
|
|
/****************************************************************************
|
|
|
* *
|
|
|
- * Labels *
|
|
|
+ * Labels & Fonts *
|
|
|
* *
|
|
|
****************************************************************************/
|
|
|
|
|
@@ -45,6 +45,10 @@
|
|
|
-fx-text-fill: COLOR_TEXT;
|
|
|
}
|
|
|
|
|
|
+.ionicons {
|
|
|
+ -fx-font-family: Ionicons;
|
|
|
+}
|
|
|
+
|
|
|
/****************************************************************************
|
|
|
* *
|
|
|
* Hyperlinks *
|
|
@@ -66,11 +70,13 @@
|
|
|
* *
|
|
|
****************************************************************************/
|
|
|
|
|
|
-.button {
|
|
|
+.button,
|
|
|
+.toggle-button {
|
|
|
+ -fx-pref-height: 21px;
|
|
|
-fx-background-color: COLOR_HGRAD_BTN_BORDER, #FFF;
|
|
|
-fx-background-insets: 0, 1;
|
|
|
-fx-background-radius: 4;
|
|
|
- -fx-padding: 0.2em 0.8em 0.2em 0.8em;
|
|
|
+ -fx-padding: 2px 12px 3px 12px;
|
|
|
-fx-text-fill: COLOR_TEXT;
|
|
|
-fx-alignment: CENTER;
|
|
|
-fx-focus-traversable: false;
|
|
@@ -84,6 +90,7 @@
|
|
|
|
|
|
.button:disabled,
|
|
|
.button:default:disabled,
|
|
|
+.toggle-button:disabled,
|
|
|
.root.active-window .button:default:disabled {
|
|
|
-fx-background-color: COLOR_HGRAD_BTN_BORDER_DIS, #F2F2F2;
|
|
|
-fx-background-insets: 0, 1;
|
|
@@ -97,6 +104,34 @@
|
|
|
-fx-text-fill: #FFF;
|
|
|
}
|
|
|
|
|
|
+.toggle-button:armed,
|
|
|
+.toggle-button:selected {
|
|
|
+ -fx-background-color: linear-gradient(to bottom, #C0C0C0 0%, #ADADAD 100%);
|
|
|
+}
|
|
|
+
|
|
|
+/****************************************************************************
|
|
|
+ * *
|
|
|
+ * Segmented Buttons *
|
|
|
+ * *
|
|
|
+ ****************************************************************************/
|
|
|
+
|
|
|
+.segmented-button-bar .button,
|
|
|
+.segmented-button-bar .toggle-button {
|
|
|
+ -fx-background-radius: 0;
|
|
|
+ -fx-background-insets: 0, 1 1 1 0;
|
|
|
+}
|
|
|
+
|
|
|
+.segmented-button-bar .button.first,
|
|
|
+.segmented-button-bar .toggle-button.first {
|
|
|
+ -fx-background-radius: 4 0 0 4;
|
|
|
+ -fx-background-insets: 0, 1;
|
|
|
+}
|
|
|
+
|
|
|
+.segmented-button-bar .button.last,
|
|
|
+.segmented-button-bar .toggle-button.last {
|
|
|
+ -fx-background-radius: 0 4 4 0;
|
|
|
+}
|
|
|
+
|
|
|
/****************************************************************************
|
|
|
* *
|
|
|
* Text Fields *
|
|
@@ -227,6 +262,7 @@
|
|
|
****************************************************************************/
|
|
|
|
|
|
.tool-bar.list-related-toolbar {
|
|
|
+ -fx-font-size: 1.4em;
|
|
|
-fx-background-color: COLOR_BORDER, #F7F7F7;
|
|
|
-fx-background-insets: 0, 0 1 1 1;
|
|
|
-fx-padding: 0;
|
|
@@ -241,8 +277,7 @@
|
|
|
|
|
|
.tool-bar.list-related-toolbar .toggle-button,
|
|
|
.tool-bar.list-related-toolbar .button {
|
|
|
- -fx-font-family: Ionicons;
|
|
|
- -fx-font-size: 1.4em;
|
|
|
+ -fx-pref-height: 25px;
|
|
|
-fx-text-fill: COLOR_TEXT;
|
|
|
-fx-background-color: transparent;
|
|
|
-fx-padding: 0.1em 0.6em 0.1em 0.6em;
|