www-thermferm/jqwidgets/styles/jqx.metrodark.css

changeset 617
b216f9d4b917
parent 511
2d1d43c3a2c2
--- a/www-thermferm/jqwidgets/styles/jqx.metrodark.css	Sun Jul 10 16:58:40 2022 +0200
+++ b/www-thermferm/jqwidgets/styles/jqx.metrodark.css	Mon Aug 08 10:54:27 2022 +0200
@@ -118,8 +118,8 @@
 .jqx-grid-column-sortdescbutton-metrodark {
     background-image: url('images/metro-icon-down-white.png');
 }
-.jqx-checkbox-check-checked-metrodark{background:transparent url(images/check_white.png) center center no-repeat}
-.jqx-checkbox-check-indeterminate-metrodark{background:transparent url(images/check_indeterminate_white.png) center center no-repeat}
+.jqx-checkbox-check-checked-metrodark{background:transparent url(./images/check_white.png) center center no-repeat}
+.jqx-checkbox-check-indeterminate-metrodark{background:transparent url(./images/check_indeterminate_white.png) center center no-repeat}
 .jqx-checkbox-hover-metrodark, .jqx-radiobutton-hover-metrodark {
     background-color: #3E3E42;
     border-color: #3E3E42;
@@ -128,6 +128,50 @@
     background: #fff;
     border-color: #fff;
 }
+ .jqx-grid-column-menubutton-metrodark {
+    border-style: solid;
+    border-width: 0px 0px 0px 1px;
+    border-color: transparent;
+    background-image: url('images/icon-menu-small-white.png') !important;
+    background-repeat: no-repeat;
+    background-position: center;
+    cursor: pointer;
+ }
+.jqx-item-metrodark .jqx-grid-sortasc-icon
+ {
+    background-image: url('images/icon-sort-asc-white.png');
+    background-repeat: no-repeat;
+    background-position: left center;
+    width: 16px;
+    height: 16px;
+    float: left;
+    margin-left: -4px;
+    margin-right: 4px;
+ }
+  /*applied to the sort ascending menu item in the Grid's Context Menu*/
+.jqx-item-metrodark .jqx-grid-sortdesc-icon
+ {
+    background-image: url('images/icon-sort-desc-white.png');
+    background-repeat: no-repeat;
+    background-position: left center;
+    width: 16px;
+    height: 16px;
+    float: left;
+    margin-left: -4px;
+    margin-right: 4px;
+ }
+  /*applied to the grid menu's sort remove item/*/
+.jqx-item-metrodark .jqx-grid-sortremove-icon
+ {
+    background-image: url('images/icon-sort-remove-white.png');
+    background-repeat: no-repeat;
+    background-position: left center;
+    width: 16px;
+    height: 16px;
+    float: left;
+    margin-left: -4px;
+    margin-right: 4px;
+ }
 
 .jqx-scrollbar-thumb-state-normal-horizontal-metrodark, .jqx-scrollbar-thumb-state-normal-metrodark {
     background: #686868; border-color: #686868;
@@ -159,10 +203,10 @@
 /*icons*/
 .jqx-window-collapse-button-metrodark
 {
-    background-image: url(images/metro-icon-up-white.png);
+    background-image: url(./images/metro-icon-up-white.png);
 }
 .jqx-window-collapse-button-collapsed-metrodark {
-  background-image: url(images/metro-icon-down-white.png);
+  background-image: url(./images/metro-icon-down-white.png);
 }
 .jqx-icon-arrow-up-metrodark, .jqx-expander-arrow-bottom-metrodark, .jqx-menu-item-arrow-up-metrodark
 {
@@ -192,7 +236,7 @@
 .jqx-menu-item-arrow-down-selected-metrodark, .jqx-icon-arrow-down-selected-metrodark{background-image:url('images/metro-icon-down-white.png');background-repeat:no-repeat;background-position:center;}
 .jqx-menu-item-arrow-left-selected-metrodark, .jqx-icon-arrow-left-selected-metrodark{background-image:url('images/metro-icon-left-white.png');background-repeat:no-repeat;background-position:center;}
 .jqx-menu-item-arrow-right-selected-metrodark, .jqx-icon-arrow-right-selected-metrodark{background-image:url('images/metro-icon-right-white.png');background-repeat:no-repeat;background-position:center;}
-.jqx-window-close-button-metrodark, .jqx-icon-close-metrodark, .jqx-tabs-close-button-metrodark, .jqx-tabs-close-button-hover-metrodark, .jqx-tabs-close-button-selected-metrodark{background-image:url(images/close_white.png);  background-repeat:no-repeat;  background-position:center}
+.jqx-window-close-button-metrodark, .jqx-icon-close-metrodark, .jqx-tabs-close-button-metrodark, .jqx-tabs-close-button-hover-metrodark, .jqx-tabs-close-button-selected-metrodark{background-image:url(./images/close_white.png);  background-repeat:no-repeat;  background-position:center}
 .jqx-listbox-feedback-metrodark {
     border-top: 1px dashed #fff;
 }
@@ -247,21 +291,21 @@
 .jqx-switchbutton-wrapper-metrodark {
 }
 .jqx-grid-group-collapse-metrodark {
-    background-image: url(images/metro-icon-right-white.png);
+    background-image: url(./images/metro-icon-right-white.png);
     background-position: 50% 50%;
     background-repeat: no-repeat;
 }
 .jqx-grid-group-collapse-rtl-metrodark
 {
     padding-right: 0px;
-    background-image: url(images/metro-icon-left-white.png);
+    background-image: url(./images/metro-icon-left-white.png);
     background-position: 50% 50%;
     background-repeat: no-repeat;
 }
 .jqx-grid-group-expand-metrodark, .jqx-grid-group-expand-rtl-metrodark
 {
     padding-right: 0px;
-    background-image: url(images/metro-icon-down-white.png);
+    background-image: url(./images/metro-icon-down-white.png);
     background-position: 50% 50%;
     background-repeat: no-repeat;
 }
@@ -306,13 +350,13 @@
 }
 .jqx-icon-search-metrodark
 {
-    background-image: url(images/search_white.png);
+    background-image: url(./images/search_white.png);
     background-repeat: no-repeat;
     background-position: center;
 }
 .jqx-passwordinput-password-icon-metrodark, .jqx-passwordinput-password-icon-rtl-metrodark
 {
-    background-image: url(images/icon-showpassword-white.png) !important;
+    background-image: url(./images/icon-showpassword-white.png) !important;
     background-repeat: no-repeat !important;
 }
 .jqx-icon-calendar-metrodark, .jqx-icon-calendar-hover-metrodark, .jqx-icon-calendar-pressed-metrodark {
@@ -339,11 +383,11 @@
 }
 .jqx-icon-search-metrodark
 {
-    background-image: url(images/search_white.png);
+    background-image: url(./images/search_white.png);
 }
 .jqx-icon-plus-metrodark
 {
-    background-image: url(images/plus_white.png);
+    background-image: url(./images/plus_white.png);
 }
 .jqx-menu-minimized-button-metrodark {
    background-image: url('images/icon-menu-minimized-white.png');
@@ -377,4 +421,21 @@
 
 .jqx-input-metrodark {
     color: #fff;
-}
\ No newline at end of file
+}
+
+/*applied to the timepicker labels*/
+.jqx-label-metrodark {
+	fill: darkgray;
+}
+
+.jqx-needle-metrodark {
+	fill: lightgray;
+}
+
+.jqx-needle-central-circle-metrodark {
+	fill: lightgray;
+}
+
+.jqx-time-picker .jqx-label.jqx-selected-metrodark {
+	fill: black !important;
+}

mercurial