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

changeset 617
b216f9d4b917
parent 511
2d1d43c3a2c2
--- a/www-thermferm/jqwidgets/styles/jqx.shinyblack.css	Sun Jul 10 16:58:40 2022 +0200
+++ b/www-thermferm/jqwidgets/styles/jqx.shinyblack.css	Mon Aug 08 10:54:27 2022 +0200
@@ -1,11 +1,11 @@
 .jqx-widget-shinyblack{border-color:#222}
 .jqx-widget-content-shinyblack{color:#222; border-color:#262626}
-.jqx-fill-state-normal-shinyblack, .jqx-widget-header-shinyblack{color:#fff; border-color:#000; background:#000 url(images/bg_black.png) left center scroll repeat-x}
-.jqx-fill-state-hover-shinyblack{background:transparent url(images/bg_blackhover.png) left center scroll repeat-x; border-color:#262626; color:#fff}
-.jqx-fill-state-pressed-shinyblack, .jqx-menu-item-top-hover-shinyblack{background:transparent url(images/bg_blackpressed.png) left center scroll repeat-x; border-color:#262626; color:#fff}
+.jqx-fill-state-normal-shinyblack, .jqx-widget-header-shinyblack{color:#fff; border-color:#000; background:#000 url(./images/bg_black.png) left center scroll repeat-x}
+.jqx-fill-state-hover-shinyblack{background:transparent url(./images/bg_blackhover.png) left center scroll repeat-x; border-color:#262626; color:#fff}
+.jqx-fill-state-pressed-shinyblack, .jqx-menu-item-top-hover-shinyblack{background:transparent url(./images/bg_blackpressed.png) left center scroll repeat-x; border-color:#262626; color:#fff}
 
-.jqx-checkbox-check-checked-shinyblack{background:transparent url(images/check_white.png) left top no-repeat}
-.jqx-checkbox-check-indeterminate-shinyblack{background:transparent url(images/check_indeterminate_white.png) left top no-repeat}
+.jqx-checkbox-check-checked-shinyblack{background:transparent url(./images/check_white.png) left top no-repeat}
+.jqx-checkbox-check-indeterminate-shinyblack{background:transparent url(./images/check_indeterminate_white.png) left top no-repeat}
 .jqx-grid-shinyblack, .jqx-grid-header-shinyblack, .jqx-grid-cell-shinyblack{border-color:#262626}
 .jqx-widget-shinyblack .jqx-grid-cell-shinyblack, .jqx-widget-shinyblack .jqx-grid-group-cell-shinyblack{border-color:#262626}
 .jqx-widget-shinyblack .jqx-grid-column-menubutton-shinyblack, .jqx-widget-shinyblack .jqx-grid-column-sortascbutton-shinyblack, .jqx-widget-shinyblack .jqx-grid-column-sortdescbutton-shinyblack, .jqx-widget-shinyblack .jqx-grid-column-filterbutton-shinyblack{border-color:#262626}
@@ -21,14 +21,14 @@
 .jqx-menu-vertical-shinyblack{background: #222; color:#fff;}
 .jqx-scrollbar-state-normal-shinyblack{background:#555; border:1px solid #555}
 .jqx-scrollbar-button-state-normal-shinyblack{border:1px solid #555; background:#555}
-.jqx-scrollbar-button-state-hover-shinyblack{background:#555 url(images/bg_blackhover.png) left top scroll repeat-x; border:1px solid #000}
-.jqx-scrollbar-button-state-pressed-shinyblack{background:#555 url(images/bg_blackpressed.png) left top scroll repeat-x; border:1px solid #000}
-.jqx-scrollbar-thumb-state-normal-horizontal-shinyblack{background:#555 url(images/bg_black.png) left top scroll repeat-x; border:1px solid #000}
-.jqx-scrollbar-thumb-state-hover-horizontal-shinyblack{ background:#555 url(images/bg_blackhover.png) left top scroll repeat-x; border:1px solid #000}
-.jqx-scrollbar-thumb-state-pressed-horizontal-shinyblack{background:#555 url(images/bg_blackpressed.png) left top scroll repeat-x; border:1px solid #000}
-.jqx-scrollbar-thumb-state-normal-shinyblack{background:#555 url(images/bg_black_horizontal.png) left top scroll repeat-x; border:1px solid #000}
-.jqx-scrollbar-thumb-state-hover-shinyblack{background:#555 url(images/bg_blackhover_horizontal.png) left top scroll repeat-x; border:1px solid #000}
-.jqx-scrollbar-thumb-state-pressed-shinyblack{background:#555 url(images/bg_blackpressed_horizontal.png) left top scroll repeat-x; border:1px solid #000}
+.jqx-scrollbar-button-state-hover-shinyblack{background:#555 url(./images/bg_blackhover.png) left top scroll repeat-x; border:1px solid #000}
+.jqx-scrollbar-button-state-pressed-shinyblack{background:#555 url(./images/bg_blackpressed.png) left top scroll repeat-x; border:1px solid #000}
+.jqx-scrollbar-thumb-state-normal-horizontal-shinyblack{background:#555 url(./images/bg_black.png) left top scroll repeat-x; border:1px solid #000}
+.jqx-scrollbar-thumb-state-hover-horizontal-shinyblack{ background:#555 url(./images/bg_blackhover.png) left top scroll repeat-x; border:1px solid #000}
+.jqx-scrollbar-thumb-state-pressed-horizontal-shinyblack{background:#555 url(./images/bg_blackpressed.png) left top scroll repeat-x; border:1px solid #000}
+.jqx-scrollbar-thumb-state-normal-shinyblack{background:#555 url(./images/bg_black_horizontal.png) left top scroll repeat-x; border:1px solid #000}
+.jqx-scrollbar-thumb-state-hover-shinyblack{background:#555 url(./images/bg_blackhover_horizontal.png) left top scroll repeat-x; border:1px solid #000}
+.jqx-scrollbar-thumb-state-pressed-shinyblack{background:#555 url(./images/bg_blackpressed_horizontal.png) left top scroll repeat-x; border:1px solid #000}
 .jqx-splitter-splitbar-horizontal-shinyblack, .jqx-splitter-splitbar-vertical-shinyblack, .jqx-splitter-splitbar-hover-shinyblack, .jqx-splitter-splitbar-hover-horizontal-shinyblack{background: #555;}
 .jqx-splitter-collapse-button-horizontal-shinyblack, .jqx-splitter-collapse-button-vertical-shinyblack{background: #7f7f7f;}
 .jqx-grid-column-sortascbutton-shinyblack, .jqx-expander-arrow-bottom-shinyblack, .jqx-window-collapse-button-shinyblack, .jqx-menu-item-arrow-up-shinyblack, .jqx-menu-item-arrow-up-selected-shinyblack, .jqx-menu-item-arrow-top-up-shinyblack, .jqx-icon-arrow-up-shinyblack, .jqx-icon-arrow-up-hover-shinyblack, .jqx-icon-arrow-up-selected-shinyblack{background-image:url('images/icon-up-white.png'); background-repeat:no-repeat; background-position:center}
@@ -41,7 +41,7 @@
 
 .jqx-tabs-arrow-left-shinyblack, .jqx-menu-item-arrow-left-selected-shinyblack, .jqx-menu-item-arrow-top-left, .jqx-icon-arrow-down-left-shinyblack, .jqx-icon-arrow-left-selected-shinyblack{background-image:url('images/icon-left-white.png'); background-repeat:no-repeat; background-position:center}
 .jqx-tabs-arrow-right-shinyblack, .jqx-menu-item-arrow-right-selected-shinyblack, .jqx-menu-item-arrow-top-right-shinyblack, .jqx-icon-arrow-right-hover-shinyblack, .jqx-icon-arrow-right-selected-shinyblack{background-image:url('images/icon-right-white.png'); background-repeat:no-repeat; background-position:center}
-.jqx-window-close-button-shinyblack, .jqx-icon-close-shinyblack, .jqx-tabs-close-button-shinyblack, .jqx-tabs-close-button-hover-shinyblack, .jqx-tabs-close-button-selected-shinyblack{background-image:url(images/close_white.png);  background-repeat:no-repeat;  background-position:center}
+.jqx-window-close-button-shinyblack, .jqx-icon-close-shinyblack, .jqx-tabs-close-button-shinyblack, .jqx-tabs-close-button-hover-shinyblack, .jqx-tabs-close-button-selected-shinyblack{background-image:url(./images/close_white.png);  background-repeat:no-repeat;  background-position:center}
 /*applied to the progressbar's value element*/
 .jqx-progressbar-value-shinyblack{background: #555;}
 .jqx-progressbar-value-vertical-shinyblack{background: #555;}
@@ -115,7 +115,7 @@
 }
 .jqx-icon-search-shinyblack
 {
-    background-image: url(images/search_white.png);
+    background-image: url(./images/search_white.png);
     background-repeat: no-repeat;
     background-position: center;
 }
@@ -143,11 +143,11 @@
 }
 .jqx-icon-search-shinyblack
 {
-    background-image: url(images/search_white.png);
+    background-image: url(./images/search_white.png);
 }
 .jqx-icon-plus-shinyblack
 {
-    background-image: url(images/plus_white.png);
+    background-image: url(./images/plus_white.png);
 }
 .jqx-menu-minimized-button-shinyblack {
    background-image: url('images/icon-menu-minimized-white.png');
@@ -178,3 +178,69 @@
 .jqx-kanban-item-shinyblack {
     box-shadow:none;
 }
+
+ .jqx-grid-column-menubutton-shinyblack {
+    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-shinyblack .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-shinyblack .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-shinyblack .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;
+ }
+ /*applied to the timepicker*/
+.jqx-label-shinyblack {
+	fill: white;
+}
+.jqx-needle-shinyblack {
+	fill: rgb(58, 105, 130);
+}
+.jqx-needle-central-circle-shinyblack:first-of-type {
+	fill: rgb(6, 64, 92);
+	stroke: rgb(58, 105, 130);
+	stroke-width: 1.5px;
+}
+.jqx-needle-central-circle-shinyblack {
+	fill: rgb(6, 64, 92);
+	stroke: rgb(58, 105, 130);
+	stroke-width: 1.5px;
+}
+.jqx-svg-picker-shinyblack {
+	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 37%, rgba(70, 70, 70, 1) 53%, rgba(90, 90, 90, 1) 67%, rgba(80, 80, 80, 1) 73%, rgba(35, 40, 41, 1) 82%);	
+}
+

mercurial