--- 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%); +} +