mirror of
https://github.com/esiur/iui.git
synced 2025-06-27 01:13:12 +00:00
initial commit
This commit is contained in:
154
css/default.css
Normal file
154
css/default.css
Normal file
@ -0,0 +1,154 @@
|
||||
:root {
|
||||
--default-background-color: #ffffff;
|
||||
--default-background-color-light: rgba(255, 255, 255, 0.86);
|
||||
--default-text-color: #2f4d5e;
|
||||
--default-link-color: #41b3e2;
|
||||
--default-graph-color: #5ac9af;
|
||||
--default-graph-color-light: rgba(90, 201, 175, 0.5);
|
||||
--default-graph-color-dim: rgba(245, 227, 179, 0.5);
|
||||
--default-path-color: #f2796b;
|
||||
--default-point-color: #5ac9af;
|
||||
--button-color: white;
|
||||
--button-background-image: linear-gradient(to bottom, rgb(100, 209, 253), #41b3e2);
|
||||
--button-box-shadow: inset 0 0 0.1em 2px rgba(255, 255, 255, 0.1), 0 2px rgba(0, 0, 0, 0.12);
|
||||
--button-text-shadow: 0 0.1em rgba(0, 0, 0, 0.2);
|
||||
--button-border: 1px solid #215a96;
|
||||
--button-background-image-hover: linear-gradient(to bottom, #f1796b, #f2796b);
|
||||
--button-background-image-disabled: linear-gradient(to bottom, rgb(230, 230, 230), #bfbfbf);
|
||||
--button-color-disabled: #7c7c7c;
|
||||
--button-border-color-disabled: #b7b7b7;
|
||||
--button-close-color: #aaa;
|
||||
--button-close-color-hover: #000;
|
||||
--window-background: #fff;
|
||||
--window-border: 1px solid #BBBABA;
|
||||
--dialog-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
|
||||
--window-active-background: rgb(167, 227, 252);
|
||||
--background-background: rgba(0, 0, 0, 0);
|
||||
--background-visible-background: rgba(0, 0, 0, 0.6);
|
||||
--window-title-color: #444;
|
||||
--window-tools-close-background: linear-gradient(to bottom, #f1796b, #d66255);
|
||||
--window-tools-close-border: 1px solid #f1786b;
|
||||
--window-tools-close-background-hover: #f03242;
|
||||
--dialog-loading-background: rgb(167, 227, 252);
|
||||
--dialog-loading-content-border: 10px solid #fff;
|
||||
--dialog-loading-content-border-top: 10px solid #ffe3e3;
|
||||
--dialog-loading-content-border-right: 10px solid #f2796b;
|
||||
--dialog-loading-content-border-bottom: 10px solid #f2786b;
|
||||
--window-header-background: #e6e6e6;
|
||||
--window-footer-border-top: #eee solid 1px;
|
||||
--window-footer-background: linear-gradient(to bottom, white, #e1e2eb);
|
||||
--panel-border: 1px solid #BBBABA;
|
||||
--panel-title-color: #444;
|
||||
--table-td-border-bottom: 1px solid #e0e0e0;
|
||||
--table-td-border: 0;
|
||||
--table-header-background: linear-gradient(to bottom, white, #e1e2eb);
|
||||
--table-header-text-background-up: url(img/sort-up.png) no-repeat right;
|
||||
--table-header-text-background-down: url(img/sort-down.png) no-repeat right;
|
||||
--table-header-text-background-up-rtl: url(img/sort-up.png) no-repeat left;
|
||||
--table-header-text-background-down-rtl: url(img/sort-down.png) no-repeat left;
|
||||
--table-header-sort-background: url(img/sort_16.png) no-repeat;
|
||||
--table-tree-background-image: url(img/plus.png);
|
||||
--table-tree-background-image-hover: url(img/plus-hover.png);
|
||||
--table-tree-background-image-expanded: url(img/minus.png);
|
||||
--table-tree-background-image-expanded-hover: url(img/minus-hover.png);
|
||||
--table-row-level-1-background: rgba(221, 221, 221, 0.5);
|
||||
--table-row-level-2-background: rgba(121, 121, 121, 0.3);
|
||||
--table-row-level-3-background: darkkhaki;
|
||||
--table-row-background-hover: rgb(217, 243, 253);
|
||||
--table-row-selected-background: rgb(167, 227, 252);
|
||||
--table-row-selected-box-shadow: #cecbcb 0 1px 10px 0 inset;
|
||||
--table-header-wrap-border: 1px solid #c9c9c9;
|
||||
--table-resizer-background: #dde2e3;
|
||||
--button-flat-background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 5%, rgb(246, 246, 246) 100%);
|
||||
--button-flat-border: 1px solid rgba(220, 220, 220, 0.51);
|
||||
--button-flat-color: #666666;
|
||||
--button-flat-border-hover: #ffcbcb;
|
||||
--button-flat-background-hover: rgb(167, 227, 252);
|
||||
--colorpicker-button-checked-border: 3px rgb(255, 40, 40) solid;
|
||||
--colorpicker-button-checked-box-shadow: 0 .0 1em 1px #747373;
|
||||
--colorpicker-button-hover-border-color: red;
|
||||
--menu-li-hover-background: rgb(167, 227, 252);
|
||||
--menu-li-hover-box-shadow: #cecbcb 0 1px 1px 0;
|
||||
--checkbutton-checked-background: rgb(245, 227, 179);
|
||||
--checkbutton-checked-box-shdow: #ffffff 0 1px 10px 0 inset;
|
||||
--tabs-content-border: 1px solid #dcdcdc;
|
||||
--tabs-button-background: #e7e7e7;
|
||||
--tabs-button-border: 1px solid #dcdcdc;
|
||||
--tabs-button-color: #666666;
|
||||
--tabs-button-hover-border: 1px #6ed5ff solid;
|
||||
--tabs-button-checked-box-shadow: 0 2px rgb(255, 255, 255);
|
||||
--tabs-button-checked-background: #fff;
|
||||
--tabs-button-checked-color: #000000;
|
||||
--dropdown-arrow-up-background-image: url(img/dropdown-arrow-up.png);
|
||||
--dropdown-arrow-down-background-image: url(img/dropdown-arrow-down.png);
|
||||
--listview-li-hover-background: #eee;
|
||||
--menu-border: 1px solid #CCC;
|
||||
--menu-background: #FFF;
|
||||
--menu-color: #333;
|
||||
--menu-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
|
||||
--textbox-color: black;
|
||||
--textbox-background: white;
|
||||
|
||||
--textbox-border: 2px solid #dadada;
|
||||
--textbox-border-color-focus: #a7e3fc;
|
||||
--textbox-box-shadow-focus: 0 0 10px #8bddff;
|
||||
--resizer-horizontal-background: #dde2e3;
|
||||
--resizer-vertical-background: #dde2e3;
|
||||
--selectlist-arrow-hover-background-image: url(img/arrow-down-hover.png);
|
||||
--selectlist-label-background: #fff;
|
||||
--selectlist-arrow-background-color: #fff;
|
||||
--selectlist-arrow-border: 2px solid #dadada;
|
||||
--selectlist-arrow-background-image: url(img/arrow-down.png);
|
||||
--searchlist-menu-border: 1px solid #CCC;
|
||||
--searchlist-menu-background: rgba(255, 255, 255, 0.44);
|
||||
--searchlist-menu-color: #333;
|
||||
--lazylist-more-background-image: url(img/arrow-down-hover.png);
|
||||
--button-arrow-background-color: #f3f3f3;
|
||||
--button-arrow-background-border: 1px solid #dadada;
|
||||
--button-arrow-background-color-hover: #f3f3f3;
|
||||
--separator-background: #dedede;
|
||||
--separator-box-shadow: inset 0 0 15px #ffffff;
|
||||
--dropdown-visible-img-filter: drop-shadow(0px 0px 8px #45c8ff);
|
||||
--dropdown-visible-badge: drop-shadow(1px 1px 5px #a7e3fc);
|
||||
--range-background: rgba(0,0,0,0);
|
||||
--range-track-box-shadow: 0px 0px 0px rgba(95, 153, 86, 0.7), 0px 0px 0px rgba(107, 167, 98, 0.7);
|
||||
--range-track-background: rgba(192, 192, 192, 0.75);
|
||||
--range-track-border: 0px solid rgba(26, 93, 157, 0.35);
|
||||
--range-thumb-box-shadow: 2.2px 2.2px 8.6px rgb(167, 227, 252), 0px 0px 2.2px rgba(167, 227, 252, 0.83);
|
||||
--range-thumb-border: 2px solid rgb(70, 183, 230);
|
||||
--range-thumb-background: rgb(94, 204, 248);
|
||||
--range-track-background-focus: rgba(210, 210, 210, 0.75);
|
||||
--bar-arrow-left-background-image: url(img/arrow-left.png);
|
||||
--bar-arrow-right-background-image: url(img/arrow-right.png);
|
||||
--bar-arrow-left-inactive-background-image: url(img/arrow-left-inactive.png);
|
||||
--bar-arrow-right-inactive-background-image: url(img/arrow-right-inactive.png);
|
||||
--bar-item-background: rgba(235, 240, 242, 0.69);
|
||||
--bar-item-border: 1px solid #dcdcdc;
|
||||
--bar-item-color: #666666;
|
||||
--bar-item-background-hover: rgba(255, 255, 255, 0.87);
|
||||
--bar-item-checked-border-bottom: 3px solid #46b6e4;
|
||||
--bar-item-checked-box-shadow: #cecbcb 0 1px 10px 0 inset;
|
||||
--multiselect-add-background-image: url(img/add.png);
|
||||
--multiselect-add-background-image-hover: url(img/add-hover.png);
|
||||
--multiselect-list-li-border-bottom: 2px dotted #dadada;
|
||||
--multiselect-list-remove-background-image: url(img/remove.png);
|
||||
--multiselect-list-remove-background-image-hover: url(img/remove-hover.png);
|
||||
--grid-window-over-border: #e13946 dotted 3px;
|
||||
--grid-window-drag-border: #46b7e6 dotted 3px;
|
||||
--datetimepicker-calendar-border-right: 3px solid pink;
|
||||
--datetimepicker-clock-background: gainsboro;
|
||||
--datetimepicker-different-month-color: #bebebe;
|
||||
--datetimepicker-day-background-hover: #a7e3fc;
|
||||
--datetimepicker-day-selected-background: #46b7e6;
|
||||
--datetimepicker-day-selected-color: #fff;
|
||||
--datetimepicker-day-today-border-bottom: 3px solid #f2796b;
|
||||
--scrollbar-background: #ebebeb;
|
||||
--scrollbar-track-border: 1px #dadada solid;
|
||||
--scrollbar-track-box-shadow: 0 0 6px #c8c8c8 inset;
|
||||
--scrollbar-thumb-background: #49bae8;
|
||||
--scrollbar-thumb-border: 1px solid #dadada;
|
||||
--scrollbar-thumb-background-hover: #2996c3;
|
||||
--scrollbar-thumb-border-hover: 1px solid #dadada;
|
||||
--scrollbar-thumb-background-active: #48b9e7;
|
||||
--scrollbar-thumb-border-active: 1px solid #dadada;
|
||||
}
|
||||
155
css/desert.css
Normal file
155
css/desert.css
Normal file
@ -0,0 +1,155 @@
|
||||
:root
|
||||
{
|
||||
--default-background-color: #fff6e5;
|
||||
--default-background-color-light: rgba(255, 232, 197, 0.62);
|
||||
--default-text-color: black;
|
||||
--default-link-color: #795548;
|
||||
--default-graph-color: #34ffc2;
|
||||
--default-graph-color-light: rgba(255, 235, 59, 0.59);
|
||||
--default-graph-color-dim: rgba(245, 227, 179, 0.5);
|
||||
--default-path-color: #f2796b;
|
||||
--default-point-color: #FFC107;
|
||||
--button-color: white;
|
||||
--button-background-image: linear-gradient(to bottom, #FF9800, #FF9800);
|
||||
--button-box-shadow: inset 0 0 0.1em 2px rgba(255, 255, 255, 0.1), 0 2px rgba(0, 0, 0, 0.12);
|
||||
--button-text-shadow: 0 0.1em rgba(0, 0, 0, 0.2);
|
||||
--button-border: 1px solid #795548;
|
||||
--button-background-image-hover: linear-gradient(to bottom, #FF5722, #F44336);
|
||||
--button-background-image-disabled: linear-gradient(to bottom, rgb(230, 230, 230), #bfbfbf);
|
||||
--button-color-disabled: #7c7c7c;
|
||||
--button-border-color-disabled: #b7b7b7;
|
||||
--button-close-color: #aaa;
|
||||
--button-close-color-hover: #000;
|
||||
--window-background: #ffe1b3;
|
||||
--window-border: 1px solid #6a6a6a;
|
||||
--dialog-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
|
||||
--window-active-background: #ffb03b;
|
||||
--background-background: rgba(73, 60, 57, 0.74);
|
||||
--background-visible-background: rgba(0, 0, 0, 0.6);
|
||||
--window-title-color: #000;
|
||||
--window-tools-close-background: linear-gradient(to bottom, #e8616c, #dd202f);
|
||||
--window-tools-close-border: 1px solid #911f28;
|
||||
--window-tools-close-background-hover: #ff7d88;
|
||||
--dialog-loading-background: rgb(255, 225, 179);
|
||||
--dialog-loading-content-border: 10px solid #fff;
|
||||
--dialog-loading-content-border-top: 10px solid #ffe1b4;
|
||||
--dialog-loading-content-border-right: 10px solid #ffc570;
|
||||
--dialog-loading-content-border-bottom: 10px solid #ffb03b;
|
||||
--window-header-background: #dac19b;
|
||||
--window-footer-border-top: 0;
|
||||
--window-footer-background: linear-gradient(to bottom, #ffe1b3, #ffffff);
|
||||
--panel-border: 1px solid #BBBABA;
|
||||
--panel-title-color: #444;
|
||||
--table-td-border-bottom: 1px solid #ffae37;
|
||||
--table-td-border: 0;
|
||||
--table-header-background: linear-gradient(to bottom, #ffca7c, #ffdead);
|
||||
--table-header-text-background-up: url(img/sort-up.png) no-repeat right;
|
||||
--table-header-text-background-down: url(img/sort-down.png) no-repeat right;
|
||||
--table-header-text-background-up-rtl: url(img/sort-up.png) no-repeat left;
|
||||
--table-header-text-background-down-rtl: url(img/sort-down.png) no-repeat left;
|
||||
--table-header-sort-background: url(img/sort_16.png) no-repeat;
|
||||
--table-tree-background-image: url(img/plus.png);
|
||||
--table-tree-background-image-hover: url(img/plus-hover.png);
|
||||
--table-tree-background-image-expanded: url(img/minus.png);
|
||||
--table-tree-background-image-expanded-hover: url(img/minus-hover.png);
|
||||
--table-row-level-1-background: rgba(221, 221, 221, 0.5);
|
||||
--table-row-level-2-background: rgba(121, 121, 121, 0.3);
|
||||
--table-row-level-3-background: darkkhaki;
|
||||
--table-row-background-hover: rgb(255, 234, 201);
|
||||
--table-row-selected-background: #ffb03b;
|
||||
--table-row-selected-box-shadow: #ff7676 0 1px 10px 0 inset;
|
||||
--table-header-wrap-border: 1px solid #f0d299;
|
||||
--table-resizer-background: #cccccc;
|
||||
--button-flat-background: linear-gradient(to bottom, rgb(255, 225, 179) 5%, rgb(255, 225, 179) 100%);
|
||||
--button-flat-border: 1px solid rgb(255, 176, 59);
|
||||
--button-flat-color: #000000;
|
||||
--button-flat-border-hover: #ffb03b;
|
||||
--button-flat-background-hover: rgb(255, 255, 255);
|
||||
--button-flat-color-hover: black;
|
||||
--colorpicker-button-checked-border: 3px rgb(255, 40, 40) solid;
|
||||
--colorpicker-button-checked-box-shadow: 0 0 1em 1px #747373;
|
||||
--colorpicker-button-hover-border-color: red;
|
||||
--menu-li-hover-background: rgb(255, 176, 59);
|
||||
--menu-li-hover-box-shadow: #cecbcb 0 1px 1px 0;
|
||||
--checkbutton-checked-background: rgb(255, 255, 255);
|
||||
--checkbutton-checked-box-shdow: #ffa71f 0 1px 15px 0 inset;
|
||||
--checkbutton-checked-color: black;
|
||||
--tabs-content-border: 1px solid #ffb03b;
|
||||
--tabs-button-background: linear-gradient(to bottom, rgb(255, 176, 59) 5%, rgb(255, 225, 179) 100%);
|
||||
--tabs-button-border: 1px solid #ffb03b;
|
||||
--tabs-button-color: #000000;
|
||||
--tabs-button-hover-border: 1px #d9ecff solid;
|
||||
--tabs-button-checked-box-shadow: 0 2px rgb(255, 255, 255);
|
||||
--tabs-button-checked-background: linear-gradient(to bottom, rgb(255, 225, 179) 10%, #ffe1b3);
|
||||
--tabs-button-checked-color: #000000;
|
||||
--dropdown-arrow-up-background-image: url(img/dropdown-arrow-up.png);
|
||||
--dropdown-arrow-down-background-image: url(img/dropdown-arrow-down.png);
|
||||
--listview-li-hover-background: #ffe1b3;
|
||||
--menu-border: 1px solid #ffe1b3;
|
||||
--menu-background: #ffecd0;
|
||||
--menu-color: #333;
|
||||
--menu-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
|
||||
--textbox-color: black;
|
||||
--textbox-background: #fff4e4;
|
||||
--textbox-border: 2px solid #ffdaa2;
|
||||
--textbox-border-color-focus: #e36872;
|
||||
--textbox-box-shadow-focus: 0 0 10px #e34956;
|
||||
--resizer-horizontal-background: #ffb03b;
|
||||
--resizer-vertical-background: #ffb03b;
|
||||
--selectlist-arrow-hover-background-image: url(img/arrow-down-hover.png);
|
||||
--selectlist-label-background: #fff4e4;
|
||||
--selectlist-arrow-background-color: #fff;
|
||||
--selectlist-arrow-border: 2px solid #ffdaa2;
|
||||
--selectlist-arrow-background-image: url(img/arrow-down.png);
|
||||
--searchlist-menu-border: 1px solid #CCC;
|
||||
--searchlist-menu-background: rgb(255, 225, 179);
|
||||
--searchlist-menu-color: #333;
|
||||
--lazylist-more-background-image: url(img/arrow-down-hover.png);
|
||||
--button-arrow-background-color: #ffffff;
|
||||
--button-arrow-background-border: 1px solid #0984ff;
|
||||
--separator-background: #ffd38f;
|
||||
--separator-box-shadow: inset 0 0 15px #ffd38f;
|
||||
--dropdown-visible-img-filter: drop-shadow(0px 0px 8px #ffffff);
|
||||
--dropdown-visible-badge: drop-shadow(1px 1px 5px #ffa1a1);
|
||||
--range-background: rgba(0,0,0,0);
|
||||
--range-track-box-shadow: 0px 0px 0px rgba(95, 153, 86, 0.7), 0px 0px 0px rgba(107, 167, 98, 0.7);
|
||||
--range-track-background: rgba(255, 255, 255, 0.75);
|
||||
--range-track-border: 0px solid rgba(26, 93, 157, 0.35);
|
||||
--range-thumb-box-shadow: 2.2px 2.2px 8.6px rgb(202, 150, 71), 0px 0px 2.2px rgba(255, 255, 255, 0.78);
|
||||
--range-thumb-border: 2px solid rgb(191, 134, 48);
|
||||
--range-thumb-background: rgb(255, 152, 0);
|
||||
--range-track-background-focus: rgba(210, 210, 210, 0.75);
|
||||
--bar-arrow-left-background-image: url(img/arrow-left.png);
|
||||
--bar-arrow-right-background-image: url(img/arrow-right.png);
|
||||
--bar-arrow-left-inactive-background-image: url(img/arrow-left-inactive.png);
|
||||
--bar-arrow-right-inactive-background-image: url(img/arrow-right-inactive.png);
|
||||
--bar-item-background: rgba(235, 240, 242, 0.69);
|
||||
--bar-item-border: 1px solid #dcdcdc;
|
||||
--bar-item-color: #666666;
|
||||
--bar-item-background-hover: rgba(255, 255, 255, 0.87);
|
||||
--bar-item-checked-border-bottom: 3px solid #e03d4a;
|
||||
--bar-item-checked-box-shadow: #6a6a6a 0 1px 10px 0 inset;
|
||||
--multiselect-add-background-image: url(img/add.png);
|
||||
--multiselect-add-background-image-hover: url(img/add-hover.png);
|
||||
--multiselect-list-li-border-bottom: 2px dotted #dadada;
|
||||
--multiselect-list-remove-background-image: url(img/remove.png);
|
||||
--multiselect-list-remove-background-image-hover: url(img/remove-hover.png);
|
||||
--grid-window-over-border: #e13946 dotted 3px;
|
||||
--grid-window-drag-border: #75c6ff dotted 3px;
|
||||
--datetimepicker-calendar-border-right: 3px solid pink;
|
||||
--datetimepicker-clock-background: #ffdeac;
|
||||
--datetimepicker-different-month-color: #bebebe;
|
||||
--datetimepicker-day-background-hover: #ffe1b3;
|
||||
--datetimepicker-day-selected-background: #ffb03b;
|
||||
--datetimepicker-day-selected-color: #fff;
|
||||
--datetimepicker-day-today-border-bottom: 3px solid #f65314;
|
||||
--scrollbar-background: #ebebeb;
|
||||
--scrollbar-track-border: 1px #dadada solid;
|
||||
--scrollbar-track-box-shadow: 0 0 6px #c8c8c8 inset;
|
||||
--scrollbar-thumb-background: #ababab;
|
||||
--scrollbar-thumb-border: 1px solid #dadada;
|
||||
--scrollbar-thumb-background-hover: #43be99;
|
||||
--scrollbar-thumb-border-hover: 1px solid #dadada;
|
||||
--scrollbar-thumb-background-active: #5cc7a7;
|
||||
--scrollbar-thumb-border-active: 1px solid #dadada;
|
||||
}
|
||||
157
css/farm.css
Normal file
157
css/farm.css
Normal file
@ -0,0 +1,157 @@
|
||||
:root {
|
||||
--default-background-color: #ffffff;
|
||||
--default-background-color-light: rgba(209, 209, 209, 0.5);
|
||||
--default-text-color: black;
|
||||
--default-link-color: #6dcfb8;
|
||||
--default-graph-color: #5ac9af;
|
||||
--default-graph-color-light: rgba(90, 201, 175, 0.5);
|
||||
--default-graph-color-dim: rgba(245, 227, 179, 0.5);
|
||||
--default-path-color: #f2796b;
|
||||
--default-point-color: #5ac9af;
|
||||
|
||||
--button-color: white;
|
||||
--button-background-image: linear-gradient(to bottom, rgb(109, 207, 184), #00d6a4);
|
||||
--button-box-shadow: inset 0 0 0.1em 2px rgba(255, 255, 255, 0.1), 0 2px rgba(0, 0, 0, 0.12);
|
||||
--button-text-shadow: 0 0.1em rgba(0, 0, 0, 0.2);
|
||||
--button-border: 1px solid #215a96;
|
||||
--button-background-image-hover: linear-gradient(to bottom, #f2796b, #f48a7e);
|
||||
--button-background-image-disabled: linear-gradient(to bottom, rgb(230, 230, 230), #bfbfbf);
|
||||
--button-color-disabled: #7c7c7c;
|
||||
--button-border-color-disabled: #b7b7b7;
|
||||
--button-close-color: #aaa;
|
||||
--button-close-color-hover: #000;
|
||||
--window-background: #fff;
|
||||
--window-border: 1px solid #BBBABA;
|
||||
--dialog-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
|
||||
--window-active-background: rgb(176, 233, 220);
|
||||
--background-background: rgba(0, 0, 0, 0);
|
||||
--background-visible-background: rgba(0, 0, 0, 0.6);
|
||||
--window-title-color: #444;
|
||||
--window-tools-close-background: linear-gradient(to bottom, #e8616c, #f2796b);
|
||||
--window-tools-close-border: 1px solid #7b8f9d;
|
||||
--window-tools-close-background-hover: #f0a1a8;
|
||||
--dialog-loading-background: rgb(185, 223, 255);
|
||||
--dialog-loading-content-border: 10px solid #fff;
|
||||
--dialog-loading-content-border-top: 10px solid #d2fff5;
|
||||
--dialog-loading-content-border-right: 10px solid #60fad6;
|
||||
--dialog-loading-content-border-bottom: 10px solid #13d5a7;
|
||||
--window-header-background: #e6e6e6;
|
||||
--window-footer-border-top: #eee solid 1px;
|
||||
--window-footer-background: linear-gradient(to bottom, white, #e1e2eb);
|
||||
--panel-border: 1px solid #BBBABA;
|
||||
--panel-title-color: #444;
|
||||
|
||||
--table-td-border-bottom: 1px solid #e0e0e0;
|
||||
--table-td-border: 0;
|
||||
|
||||
--table-header-background: linear-gradient(to bottom, white, #e1e2eb);
|
||||
--table-header-text-background-up: url(img/sort-up.png) no-repeat right;
|
||||
--table-header-text-background-down: url(img/sort-down.png) no-repeat right;
|
||||
--table-header-text-background-up-rtl: url(img/sort-up.png) no-repeat left;
|
||||
--table-header-text-background-down-rtl: url(img/sort-down.png) no-repeat left;
|
||||
--table-header-sort-background: url(img/sort_16.png) no-repeat;
|
||||
--table-tree-background-image: url(img/plus.png);
|
||||
--table-tree-background-image-hover: url(img/plus-hover.png);
|
||||
--table-tree-background-image-expanded: url(img/minus.png);
|
||||
--table-tree-background-image-expanded-hover: url(img/minus-hover.png);
|
||||
--table-row-level-1-background: rgba(221, 221, 221, 0.5);
|
||||
--table-row-level-2-background: rgba(121, 121, 121, 0.3);
|
||||
--table-row-level-3-background: darkkhaki;
|
||||
--table-row-background-hover: #d0fef3;
|
||||
--table-row-selected-background: rgb(180, 238, 224);
|
||||
--table-row-selected-box-shadow: #cecbcb 0 1px 10px 0 inset;
|
||||
--table-header-wrap-border: 1px solid #c9c9c9;
|
||||
--table-resizer-background: #dde2e3;
|
||||
--button-flat-background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 5%, rgb(246, 246, 246) 100%);
|
||||
--button-flat-border: 1px solid rgba(220, 220, 220, 0.51);
|
||||
--button-flat-color: #666666;
|
||||
--button-flat-border-hover: #ffcbcb;
|
||||
--button-flat-background-hover: rgb(170, 226, 213);
|
||||
--colorpicker-button-checked-border: 3px rgb(255, 40, 40) solid;
|
||||
--colorpicker-button-checked-box-shadow: 0 .0 1em 1px #747373;
|
||||
--colorpicker-button-hover-border-color: red;
|
||||
--menu-li-hover-background: rgb(176, 233, 220);
|
||||
--menu-li-hover-box-shadow: #cecbcb 0 1px 1px 0;
|
||||
--checkbutton-checked-background: rgb(182, 223, 213);
|
||||
--checkbutton-checked-box-shdow: #ffffff 0 1px 10px 0 inset;
|
||||
--tabs-content-border: 1px solid #dcdcdc;
|
||||
--tabs-button-background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
|
||||
--tabs-button-border: 1px solid #dcdcdc;
|
||||
--tabs-button-color: #666666;
|
||||
--tabs-button-hover-border: 1px red solid;
|
||||
--tabs-button-checked-box-shadow: 0 2px rgb(109, 207, 184);
|
||||
--tabs-button-checked-background: linear-gradient(to bottom, rgb(174, 233, 219) 10%, #c6f2e8);
|
||||
--tabs-button-checked-color: #000000;
|
||||
--dropdown-arrow-up-background-image: url(img/dropdown-arrow-up.png);
|
||||
--dropdown-arrow-down-background-image: url(img/dropdown-arrow-down.png);
|
||||
--listview-li-hover-background: #eee;
|
||||
--menu-border: 1px solid #CCC;
|
||||
--menu-background: #FFF;
|
||||
--menu-color: #333;
|
||||
--menu-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
|
||||
--textbox-color: black;
|
||||
--textbox-background: white;
|
||||
|
||||
--textbox-border: 2px solid #dadada;
|
||||
--textbox-border-color-focus: #b4ebde;
|
||||
--textbox-box-shadow-focus: 0 0 10px #b0e9dc;
|
||||
--resizer-horizontal-background: #dde2e3;
|
||||
--resizer-vertical-background: #dde2e3;
|
||||
--selectlist-arrow-hover-background-image: url(img/arrow-down-hover.png);
|
||||
--selectlist-label-background: #fff;
|
||||
--selectlist-arrow-background-color: #fff;
|
||||
--selectlist-arrow-border: 2px solid #dadada;
|
||||
--selectlist-arrow-background-image: url(img/arrow-down.png);
|
||||
--searchlist-menu-border: 1px solid #CCC;
|
||||
--searchlist-menu-background: rgba(255, 255, 255, 0.44);
|
||||
--searchlist-menu-color: #333;
|
||||
--lazylist-more-background-image: url(img/arrow-down-hover.png);
|
||||
--button-arrow-background-color: #f3f3f3;
|
||||
--button-arrow-background-border: 1px solid #dadada;
|
||||
--button-arrow-background-color-hover: #f3f3f3;
|
||||
--separator-background: rgba(82, 82, 82, 0.38);
|
||||
--separator-box-shadow: inset 0 0 15px #ffffff;
|
||||
--dropdown-visible-img-filter: drop-shadow(0px 0px 8px #26ffcb);
|
||||
--dropdown-visible-badge: drop-shadow(1px 1px 5px #42e8c1);
|
||||
--range-background: rgba(0,0,0,0);
|
||||
--range-track-box-shadow: 0px 0px 0px rgba(95, 153, 86, 0.7), 0px 0px 0px rgba(107, 167, 98, 0.7);
|
||||
--range-track-background: rgba(192, 192, 192, 0.75);
|
||||
--range-track-border: 0px solid rgba(26, 93, 157, 0.35);
|
||||
--range-thumb-box-shadow: 2.2px 2.2px 8.6px rgb(159, 247, 227), 0px 0px 2.2px rgba(177, 255, 237, 0.78);
|
||||
--range-thumb-border: 2px solid rgba(82, 209, 179, 0.73);
|
||||
--range-thumb-background: rgb(88, 208, 180);
|
||||
--range-track-background-focus: rgba(210, 210, 210, 0.75);
|
||||
--bar-arrow-left-background-image: url(img/arrow-left.png);
|
||||
--bar-arrow-right-background-image: url(img/arrow-right.png);
|
||||
--bar-arrow-left-inactive-background-image: url(img/arrow-left-inactive.png);
|
||||
--bar-arrow-right-inactive-background-image: url(img/arrow-right-inactive.png);
|
||||
--bar-item-background: rgba(235, 240, 242, 0.69);
|
||||
--bar-item-border: 1px solid #dcdcdc;
|
||||
--bar-item-color: #666666;
|
||||
--bar-item-background-hover: rgba(255, 255, 255, 0.87);
|
||||
--bar-item-checked-border-bottom: 3px solid #5bd0b5;
|
||||
--bar-item-checked-box-shadow: #cecbcb 0 1px 10px 0 inset;
|
||||
--multiselect-add-background-image: url(img/add.png);
|
||||
--multiselect-add-background-image-hover: url(img/add-hover.png);
|
||||
--multiselect-list-li-border-bottom: 2px dotted #dadada;
|
||||
--multiselect-list-remove-background-image: url(img/remove.png);
|
||||
--multiselect-list-remove-background-image-hover: url(img/remove-hover.png);
|
||||
--grid-window-over-border: #e13946 dotted 3px;
|
||||
--grid-window-drag-border: #1cd4a9 dotted 3px;
|
||||
--datetimepicker-calendar-border-right: 3px solid pink;
|
||||
--datetimepicker-clock-background: gainsboro;
|
||||
--datetimepicker-different-month-color: #bebebe;
|
||||
--datetimepicker-day-background-hover: #b0e9dc;
|
||||
--datetimepicker-day-selected-background: #0cd5a6;
|
||||
--datetimepicker-day-selected-color: #fff;
|
||||
--datetimepicker-day-today-border-bottom: 3px solid #f65314;
|
||||
--scrollbar-background: #ebebeb;
|
||||
--scrollbar-track-border: 1px #dadada solid;
|
||||
--scrollbar-track-box-shadow: 0 0 6px #c8c8c8 inset;
|
||||
--scrollbar-thumb-background: #60bfa8;
|
||||
--scrollbar-thumb-border: 1px solid #dadada;
|
||||
--scrollbar-thumb-background-hover: #019472;
|
||||
--scrollbar-thumb-border-hover: 1px solid #dadada;
|
||||
--scrollbar-thumb-background-active: #b4eee0;
|
||||
--scrollbar-thumb-border-active: 1px solid #dadada;
|
||||
}
|
||||
154
css/ground.css
Normal file
154
css/ground.css
Normal file
@ -0,0 +1,154 @@
|
||||
:root
|
||||
{
|
||||
--default-background-color: #a99a97;
|
||||
--default-background-color-light: rgba(104, 71, 70, 0.63);
|
||||
--default-text-color: black;
|
||||
--default-link-color: #730000;
|
||||
--default-graph-color: #37abff;
|
||||
--default-graph-color-light: rgba(98, 66, 64, 0.55);
|
||||
--default-graph-color-dim: rgba(245, 227, 179, 0.5);
|
||||
--default-path-color: #f2796b;
|
||||
--default-point-color: #5ac9af;
|
||||
--button-color: white;
|
||||
--button-background-image: linear-gradient(to bottom, rgb(84, 184, 255), #33aaff);
|
||||
--button-box-shadow: inset 0 0 0.1em 2px rgba(255, 255, 255, 0.1), 0 2px rgba(0, 0, 0, 0.12);
|
||||
--button-text-shadow: 0 0.1em rgba(0, 0, 0, 0.2);
|
||||
--button-border: 1px solid #215a96;
|
||||
--button-background-image-hover: linear-gradient(to bottom, #FF5722, #F44336);
|
||||
--button-background-image-disabled: linear-gradient(to bottom, rgb(230, 230, 230), #bfbfbf);
|
||||
--button-color-disabled: #7c7c7c;
|
||||
--button-border-color-disabled: #b7b7b7;
|
||||
--button-close-color: #aaa;
|
||||
--button-close-color-hover: #000;
|
||||
--window-background: #cdbeb9;
|
||||
--window-border: 1px solid #BBBABA;
|
||||
--dialog-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
|
||||
--window-active-background: rgb(75, 57, 53);
|
||||
--background-background: rgba(73, 60, 57, 0.74);
|
||||
--background-visible-background: rgba(0, 0, 0, 0.6);
|
||||
--window-title-color: #fff;
|
||||
--window-tools-close-background: linear-gradient(to bottom, #e8616c, #dd202f);
|
||||
--window-tools-close-border: 1px solid #911f28;
|
||||
--window-tools-close-background-hover: #ff7d88;
|
||||
--dialog-loading-background: rgb(185, 223, 255);
|
||||
--dialog-loading-content-border: 10px solid #fff;
|
||||
--dialog-loading-content-border-top: 10px solid #ffe4da;
|
||||
--dialog-loading-content-border-right: 10px solid #967f7a;
|
||||
--dialog-loading-content-border-bottom: 10px solid #4b3935;
|
||||
--window-header-background: #45403a;
|
||||
--window-footer-border-top: 0;
|
||||
--window-footer-background: linear-gradient(to bottom, #cdbeb9, #7d635d);
|
||||
--panel-border: 1px solid #BBBABA;
|
||||
--panel-title-color: #444;
|
||||
--table-td-border-bottom: 1px solid #755e59;
|
||||
--table-td-border: 1px solid #9b8985;
|
||||
--table-header-background: linear-gradient(to bottom, white, #cdc2bf);
|
||||
--table-header-text-background-up: url(img/sort-up.png) no-repeat right;
|
||||
--table-header-text-background-down: url(img/sort-down.png) no-repeat right;
|
||||
--table-header-text-background-up-rtl: url(img/sort-up.png) no-repeat left;
|
||||
--table-header-text-background-down-rtl: url(img/sort-down.png) no-repeat left;
|
||||
--table-header-sort-background: url(img/sort_16.png) no-repeat;
|
||||
--table-tree-background-image: url(img/plus.png);
|
||||
--table-tree-background-image-hover: url(img/plus-hover.png);
|
||||
--table-tree-background-image-expanded: url(img/minus.png);
|
||||
--table-tree-background-image-expanded-hover: url(img/minus-hover.png);
|
||||
--table-row-level-1-background: rgba(221, 221, 221, 0.5);
|
||||
--table-row-level-2-background: rgba(121, 121, 121, 0.3);
|
||||
--table-row-level-3-background: darkkhaki;
|
||||
--table-row-background-hover: rgb(205, 190, 185);
|
||||
--table-row-selected-background: rgb(55, 171, 255);
|
||||
--table-row-selected-box-shadow: #cecbcb 0 1px 10px 0 inset;
|
||||
--table-header-wrap-border: 1px solid #a56c5f;
|
||||
--table-resizer-background: #dde2e3;
|
||||
--button-flat-background: linear-gradient(to bottom, rgb(114, 91, 86) 5%, rgb(164, 140, 134) 100%);
|
||||
--button-flat-border: 1px solid rgb(104, 82, 82);
|
||||
--button-flat-color: #f2f2f2;
|
||||
--button-flat-border-hover: #9c8c8c;
|
||||
--button-flat-background-hover: rgb(241, 120, 107);
|
||||
--colorpicker-button-checked-border: 3px rgb(255, 40, 40) solid;
|
||||
--colorpicker-button-checked-box-shadow: 0 0 1em 1px #747373;
|
||||
--colorpicker-button-hover-border-color: red;
|
||||
--menu-li-hover-background: rgb(55, 171, 255);
|
||||
--menu-li-hover-box-shadow: #cecbcb 0 1px 1px 0;
|
||||
--checkbutton-checked-background: rgb(56, 41, 38);
|
||||
--checkbutton-checked-box-shdow: #815757 0 1px 10px 0 inset;
|
||||
--checkbutton-checked-color: #fff;
|
||||
--tabs-content-border: 1px solid #baa8a3;
|
||||
--tabs-button-background: linear-gradient(to bottom, #4b3935 5%, #9a8780 100%);
|
||||
--tabs-button-border: 1px solid #4b3935;
|
||||
--tabs-button-color: #ffffff;
|
||||
--tabs-button-hover-border: 1px #91726b solid;
|
||||
--tabs-button-checked-box-shadow: 0 2px rgb(255, 255, 255);
|
||||
--tabs-button-checked-background: linear-gradient(to bottom, rgb(75, 57, 53) 10%, #594642);
|
||||
--tabs-button-checked-color: #ffffff;
|
||||
--dropdown-arrow-up-background-image: url(img/dropdown-arrow-up.png);
|
||||
--dropdown-arrow-down-background-image: url(img/dropdown-arrow-down.png);
|
||||
--listview-li-hover-background: #c1bdbd;
|
||||
--menu-border: 1px solid #CCC;
|
||||
--menu-background: #FFF;
|
||||
--menu-color: #333;
|
||||
--menu-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
|
||||
--textbox-color: black;
|
||||
--textbox-background: white;
|
||||
--textbox-border: 2px solid #9f8781;
|
||||
--textbox-border-color-focus: #37abff;
|
||||
--textbox-box-shadow-focus: 0 0 10px #6faee0;
|
||||
--resizer-horizontal-background: #5a413c;
|
||||
--resizer-vertical-background: #5a413c;
|
||||
--selectlist-arrow-hover-background-image: url(img/arrow-down-hover.png);
|
||||
--selectlist-label-background: #fff;
|
||||
--selectlist-arrow-background-color: #fff;
|
||||
--selectlist-arrow-border: 2px solid #9f8781;
|
||||
--selectlist-arrow-background-image: url(img/arrow-down.png);
|
||||
--searchlist-menu-border: 1px solid #CCC;
|
||||
--searchlist-menu-background: rgba(227, 224, 224, 0.44);
|
||||
--searchlist-menu-color: #333;
|
||||
--lazylist-more-background-image: url(img/arrow-down-hover.png);
|
||||
--button-arrow-background-color: #f3f3f3;
|
||||
--button-arrow-background-border: 1px solid #dadada;
|
||||
--separator-background: rgba(82, 82, 82, 0.38);
|
||||
--separator-box-shadow: inset 0 0 15px #ffffff;
|
||||
--dropdown-visible-img-filter: drop-shadow(0px 0px 8px #3b8de2);
|
||||
--dropdown-visible-badge: drop-shadow(1px 1px 5px #3b8de2);
|
||||
--range-background: rgba(0,0,0,0);
|
||||
--range-track-box-shadow: 0px 0px 0px rgba(95, 153, 86, 0.7), 0px 0px 0px rgba(107, 167, 98, 0.7);
|
||||
--range-track-background: rgba(192, 192, 192, 0.75);
|
||||
--range-track-border: 0px solid rgba(26, 93, 157, 0.35);
|
||||
--range-thumb-box-shadow: 2.2px 2.2px 8.6px rgba(139, 188, 255, 0.78), 0px 0px 2.2px rgba(164, 203, 255, 0.78);
|
||||
--range-thumb-border: 2px solid rgba(115, 163, 255, 0.51);
|
||||
--range-thumb-background: rgba(101, 196, 255, 0.94);
|
||||
--range-track-background-focus: rgba(210, 210, 210, 0.75);
|
||||
--bar-arrow-left-background-image: url(img/arrow-left.png);
|
||||
--bar-arrow-right-background-image: url(img/arrow-right.png);
|
||||
--bar-arrow-left-inactive-background-image: url(img/arrow-left-inactive.png);
|
||||
--bar-arrow-right-inactive-background-image: url(img/arrow-right-inactive.png);
|
||||
--bar-item-background: rgba(235, 240, 242, 0.69);
|
||||
--bar-item-border: 1px solid #dcdcdc;
|
||||
--bar-item-color: #666666;
|
||||
--bar-item-background-hover: rgba(255, 255, 255, 0.87);
|
||||
--bar-item-checked-border-bottom: 3px solid #47abff;
|
||||
--bar-item-checked-box-shadow: #cecbcb 0 1px 10px 0 inset;
|
||||
--multiselect-add-background-image: url(img/add.png);
|
||||
--multiselect-add-background-image-hover: url(img/add-hover.png);
|
||||
--multiselect-list-li-border-bottom: 2px dotted #dadada;
|
||||
--multiselect-list-remove-background-image: url(img/remove.png);
|
||||
--multiselect-list-remove-background-image-hover: url(img/remove-hover.png);
|
||||
--grid-window-over-border: #e13946 dotted 3px;
|
||||
--grid-window-drag-border: #75c6ff dotted 3px;
|
||||
--datetimepicker-calendar-border-right: 3px solid pink;
|
||||
--datetimepicker-clock-background: gainsboro;
|
||||
--datetimepicker-different-month-color: #bebebe;
|
||||
--datetimepicker-day-background-hover: #b9dfff;
|
||||
--datetimepicker-day-selected-background: #4ea3df;
|
||||
--datetimepicker-day-selected-color: #fff;
|
||||
--datetimepicker-day-today-border-bottom: 3px solid #f65314;
|
||||
--scrollbar-background: #ebebeb;
|
||||
--scrollbar-track-border: 1px #dadada solid;
|
||||
--scrollbar-track-box-shadow: 0 0 6px #c8c8c8 inset;
|
||||
--scrollbar-thumb-background: #4ea3df;
|
||||
--scrollbar-thumb-border: 1px solid #dadada;
|
||||
--scrollbar-thumb-background-hover: #59cfff;
|
||||
--scrollbar-thumb-border-hover: 1px solid #dadada;
|
||||
--scrollbar-thumb-background-active: #59cfff;
|
||||
--scrollbar-thumb-border-active: 1px solid #dadada;
|
||||
}
|
||||
2840
css/iui.css
Normal file
2840
css/iui.css
Normal file
File diff suppressed because one or more lines are too long
1826
css/iui.default.css
Normal file
1826
css/iui.default.css
Normal file
File diff suppressed because it is too large
Load Diff
157
css/night.css
Normal file
157
css/night.css
Normal file
@ -0,0 +1,157 @@
|
||||
:root
|
||||
{
|
||||
--default-background-color: #5f616c;
|
||||
--default-background-color-light: rgba(95,97,108, 0.8);
|
||||
--default-text-color: white;
|
||||
--default-link-color: #8ddcff;
|
||||
--default-graph-color: #5ac9af;
|
||||
--default-graph-color-light: rgba(255, 87, 34, 0.5);
|
||||
--default-graph-color-dim: rgba(65, 179, 226, 0.5);
|
||||
--default-path-color: #f2796b;
|
||||
--default-point-color: #5ac9af;
|
||||
--default-marker-color: rgba(255, 87, 34);
|
||||
--button-color: white;
|
||||
--button-background-image: linear-gradient(to bottom, rgb(84, 184, 255), #33aaff);
|
||||
--button-box-shadow: inset 0 0 0.1em 2px rgba(255, 255, 255, 0.1), 0 2px rgba(0, 0, 0, 0.12);
|
||||
--button-text-shadow: 0 0.1em rgba(0, 0, 0, 0.2);
|
||||
--button-border: 1px solid #215a96;
|
||||
--button-background-image-hover: linear-gradient(to bottom, #FF5722, #F44336);
|
||||
--button-background-image-disabled: linear-gradient(to bottom, rgb(230, 230, 230), #bfbfbf);
|
||||
--button-color-disabled: #7c7c7c;
|
||||
--button-border-color-disabled: #b7b7b7;
|
||||
--button-close-color: #aaa;
|
||||
--button-close-color-hover: #000;
|
||||
--window-background: #babbc4;
|
||||
--window-border: 1px solid #BBBABA;
|
||||
--dialog-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
|
||||
--window-active-background: #FF5722;
|
||||
--background-background: rgba(0, 0, 0, 0);
|
||||
--background-visible-background: rgba(0, 0, 0, 0.6);
|
||||
--window-title-color: #fff;
|
||||
--window-tools-close-background: linear-gradient(to bottom, #e8616c, #ff0000);
|
||||
--window-tools-close-border: 1px solid #911f28;
|
||||
--window-tools-close-background-hover: #ff7d88;
|
||||
--dialog-loading-background: #babbc4;
|
||||
--dialog-loading-content-border: 10px solid #fff;
|
||||
--dialog-loading-content-border-top: 10px solid #ffe3e3;
|
||||
--dialog-loading-content-border-right: 10px solid #ffb4b4;
|
||||
--dialog-loading-content-border-bottom: 10px solid #ff4d4d;
|
||||
--window-header-background: #e6e6e6;
|
||||
--window-footer-border-top: #eee solid 1px;
|
||||
--window-footer-background: linear-gradient(to bottom, #babbc4, #e1e2eb);
|
||||
--panel-border: 1px solid #BBBABA;
|
||||
--panel-title-color: #444;
|
||||
--table-td-border-bottom: 1px solid #5d5d5d;
|
||||
--table-td-border: 0;
|
||||
--table-header-background: linear-gradient(to bottom, #ff5722, #fe7043);
|
||||
--table-header-text-background-up: url(img/sort-up.png) no-repeat right;
|
||||
--table-header-text-background-down: url(img/sort-down.png) no-repeat right;
|
||||
--table-header-text-background-up-rtl: url(img/sort-up.png) no-repeat left;
|
||||
--table-header-text-background-down-rtl: url(img/sort-down.png) no-repeat left;
|
||||
--table-header-sort-background: url(img/sort_16.png) no-repeat;
|
||||
--table-tree-background-image: url(img/plus.png);
|
||||
--table-tree-background-image-hover: url(img/plus-hover.png);
|
||||
--table-tree-background-image-expanded: url(img/minus.png);
|
||||
--table-tree-background-image-expanded-hover: url(img/minus-hover.png);
|
||||
--table-row-level-1-background: rgba(221, 221, 221, 0.5);
|
||||
--table-row-level-2-background: rgba(121, 121, 121, 0.3);
|
||||
--table-row-level-3-background: darkkhaki;
|
||||
--table-row-background-hover: #6dceff;
|
||||
--table-row-selected-background: rgb(0, 161, 241);
|
||||
--table-row-selected-box-shadow: #cecbcb 0 1px 10px 0 inset;
|
||||
--table-header-wrap-border: 1px solid #c9c9c9;
|
||||
--table-resizer-background: #ff8c68;
|
||||
--button-flat-background: #5f616c;
|
||||
--button-flat-border: 1px solid rgba(220, 220, 220, 0.51);
|
||||
--button-flat-color: #ffffff;
|
||||
--button-flat-border-hover: #a10808;
|
||||
--button-flat-background-hover: rgb(139, 139, 139);
|
||||
--button-flat-color-hover: black;
|
||||
--colorpicker-button-checked-border: 3px rgb(255, 40, 40) solid;
|
||||
--colorpicker-button-checked-box-shadow: 0 0 1em 1px #747373;
|
||||
--colorpicker-button-hover-border-color: red;
|
||||
--menu-li-hover-background: rgb(255, 87, 34);
|
||||
--menu-li-hover-box-shadow: #cecbcb 0 1px 1px 0;
|
||||
--checkbutton-checked-background: rgb(72, 72, 72);
|
||||
--checkbutton-checked-box-shdow: #ffffff 0 1px 10px 0 inset;
|
||||
--checkbutton-checked-color: white;
|
||||
--tabs-content-border: 1px solid #dcdcdc;
|
||||
--tabs-button-background: linear-gradient(to bottom, #e1e2eb 5%, #babbc4 100%);
|
||||
--tabs-button-border: 1px solid #dcdcdc;
|
||||
--tabs-button-color: #080808;
|
||||
--tabs-button-hover-border: 1px red solid;
|
||||
--tabs-button-checked-box-shadow: 0 2px rgb(255, 255, 255);
|
||||
--tabs-button-checked-background: #babbc4;
|
||||
--tabs-button-checked-color: #fff;
|
||||
--dropdown-arrow-up-background-image: url(img/dropdown-arrow-up.png);
|
||||
--dropdown-arrow-down-background-image: url(img/dropdown-arrow-down.png);
|
||||
--listview-li-hover-background: #eee;
|
||||
--menu-border: 1px solid #787878;
|
||||
--menu-background: #5f616c;
|
||||
--menu-color: #fff;
|
||||
--menu-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
|
||||
--textbox-color: white;
|
||||
--textbox-background: #939393;
|
||||
--textbox-border: 2px solid #5f616c;
|
||||
--textbox-border-color-focus: #ff5722;
|
||||
--textbox-box-shadow-focus: 0 0 10px #ff5722;
|
||||
--resizer-horizontal-background: #5f616c;
|
||||
--resizer-vertical-background: #5f616c;
|
||||
--selectlist-arrow-hover-background-image: url(img/arrow-down-hover.png);
|
||||
--selectlist-label-background: #939393;
|
||||
--selectlist-arrow-background-color: #5f616c;
|
||||
--selectlist-arrow-border: 2px solid #5f616c;
|
||||
--selectlist-arrow-background-image: url(img/arrow-down.png);
|
||||
--searchlist-menu-border: 1px solid #CCC;
|
||||
--searchlist-menu-background: rgba(95, 97, 108, 0.7);
|
||||
--searchlist-menu-color: #333;
|
||||
--lazylist-more-background-image: url(img/arrow-down-hover.png);
|
||||
--button-arrow-background-color: #72747c;
|
||||
--button-arrow-background-border: 1px solid #717171;
|
||||
--separator-background: #5f616c;
|
||||
--separator-box-shadow: inset 0 0 15px #4b4b4b;
|
||||
--dropdown-visible-img-filter: drop-shadow(0px 0px 8px #3b8de2);
|
||||
--dropdown-visible-badge: drop-shadow(1px 1px 5px #3b8de2);
|
||||
--range-background: rgba(0,0,0,0);
|
||||
--range-track-box-shadow: 0px 0px 0px rgba(95, 153, 86, 0.7), 0px 0px 0px rgba(107, 167, 98, 0.7);
|
||||
--range-track-background: rgba(192, 192, 192, 0.75);
|
||||
--range-track-border: 0px solid rgba(26, 93, 157, 0.35);
|
||||
--range-thumb-box-shadow: 2.2px 2.2px 8.6px rgba(139, 188, 255, 0.78), 0px 0px 2.2px rgba(164, 203, 255, 0.78);
|
||||
--range-thumb-border: 2px solid rgba(115, 163, 255, 0.51);
|
||||
--range-thumb-background: rgba(101, 196, 255, 0.94);
|
||||
--range-track-background-focus: rgba(210, 210, 210, 0.75);
|
||||
--bar-arrow-left-background-image: url(img/arrow-left.png);
|
||||
--bar-arrow-right-background-image: url(img/arrow-right.png);
|
||||
--bar-arrow-left-inactive-background-image: url(img/arrow-left-inactive.png);
|
||||
--bar-arrow-right-inactive-background-image: url(img/arrow-right-inactive.png);
|
||||
--bar-item-background: rgb(125, 127, 137);
|
||||
--bar-item-border: 1px solid #686868;
|
||||
--bar-item-color: #eee;
|
||||
--bar-item-background-hover: rgb(186, 187, 196);
|
||||
--bar-item-checked-border-bottom: 3px solid #ff5722;
|
||||
--bar-item-checked-box-shadow: #ffffff 0 1px 10px 0 inset;
|
||||
--multiselect-add-background-image: url(img/add.png);
|
||||
--multiselect-add-background-image-hover: url(img/add-hover.png);
|
||||
--multiselect-list-li-border-bottom: 2px dotted #dadada;
|
||||
--multiselect-list-remove-background-image: url(img/remove.png);
|
||||
--multiselect-list-remove-background-image-hover: url(img/remove-hover.png);
|
||||
--grid-window-over-border: #e13946 dotted 3px;
|
||||
--grid-window-drag-border: #75c6ff dotted 3px;
|
||||
--datetimepicker-calendar-border-right: 3px solid pink;
|
||||
--datetimepicker-clock-background: #71767a;
|
||||
--datetimepicker-different-month-color: #bebebe;
|
||||
--datetimepicker-day-background-hover: #b9dfff;
|
||||
--datetimepicker-day-selected-background: #4ea3df;
|
||||
--datetimepicker-day-selected-color: #fff;
|
||||
--datetimepicker-day-today-border-bottom: 3px solid #f65314;
|
||||
--scrollbar-background: #ebebeb;
|
||||
--scrollbar-track-border: 1px #dadada solid;
|
||||
--scrollbar-track-box-shadow: 0 0 6px #c8c8c8 inset;
|
||||
--scrollbar-thumb-background: #4ea3df;
|
||||
--scrollbar-thumb-border: 1px solid #dadada;
|
||||
--scrollbar-thumb-background-hover: #59cfff;
|
||||
--scrollbar-thumb-border-hover: 1px solid #dadada;
|
||||
--scrollbar-thumb-background-active: #59cfff;
|
||||
--scrollbar-thumb-border-active: 1px solid #dadada;
|
||||
--button-arrow-background-color-hover: #f3f3f3;
|
||||
}
|
||||
154
css/sea.css
Normal file
154
css/sea.css
Normal file
@ -0,0 +1,154 @@
|
||||
:root {
|
||||
--default-background-color: rgb(96, 104, 113);
|
||||
--default-background-color-light: rgb(114, 121, 129);
|
||||
--default-text-color: white;
|
||||
--default-link-color: #5badff;
|
||||
--default-graph-color: #37abff;
|
||||
--default-graph-color-light: rgba(9, 132, 255, 0.47);
|
||||
--default-graph-color-dim: rgba(245, 227, 179, 0.5);
|
||||
--default-path-color: #f2796b;
|
||||
--default-point-color: #4c7ab4;
|
||||
--button-color: white;
|
||||
--button-background-image: linear-gradient(to bottom, rgb(9, 132, 255), #0984ff);
|
||||
--button-box-shadow: inset 0 0 0.1em 2px rgba(255, 255, 255, 0.1), 0 2px rgba(0, 0, 0, 0.12);
|
||||
--button-text-shadow: 0 0.1em rgba(0, 0, 0, 0.2);
|
||||
--button-border: 1px solid #215a96;
|
||||
--button-background-image-hover: linear-gradient(to bottom, #FF5722, #F44336);
|
||||
--button-background-image-disabled: linear-gradient(to bottom, rgb(230, 230, 230), #bfbfbf);
|
||||
--button-color-disabled: #7c7c7c;
|
||||
--button-border-color-disabled: #b7b7b7;
|
||||
--button-close-color: #aaa;
|
||||
--button-close-color-hover: #000;
|
||||
--window-background: #6a6a6a;
|
||||
--window-border: 1px solid #6a6a6a;
|
||||
--dialog-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
|
||||
--window-active-background: #0984FF;
|
||||
--background-background: rgba(73, 60, 57, 0.74);
|
||||
--background-visible-background: rgba(0, 0, 0, 0.6);
|
||||
--window-title-color: #fff;
|
||||
--window-tools-close-background: linear-gradient(to bottom, #e8616c, #dd202f);
|
||||
--window-tools-close-border: 1px solid #911f28;
|
||||
--window-tools-close-background-hover: #ff7d88;
|
||||
--dialog-loading-background: rgb(185, 223, 255);
|
||||
--dialog-loading-content-border: 10px solid #fff;
|
||||
--dialog-loading-content-border-top: 10px solid #87c0f9;
|
||||
--dialog-loading-content-border-right: 10px solid #5fa4e9;
|
||||
--dialog-loading-content-border-bottom: 10px solid #0984FF;
|
||||
--window-header-background: #9c9c9c;
|
||||
--window-footer-border-top: 0;
|
||||
--window-footer-background: linear-gradient(to bottom, #6a6a6a, #9e9e9e);
|
||||
--panel-border: 1px solid #BBBABA;
|
||||
--panel-title-color: #444;
|
||||
--table-td-border-bottom: 1px solid #878c93;
|
||||
--table-td-border: 0;
|
||||
--table-header-background: linear-gradient(to bottom, #555a60, #6e757d);
|
||||
--table-header-text-background-up: url(img/sort-up.png) no-repeat right;
|
||||
--table-header-text-background-down: url(img/sort-down.png) no-repeat right;
|
||||
--table-header-text-background-up-rtl: url(img/sort-up.png) no-repeat left;
|
||||
--table-header-text-background-down-rtl: url(img/sort-down.png) no-repeat left;
|
||||
--table-header-sort-background: url(img/sort_16.png) no-repeat;
|
||||
--table-tree-background-image: url(img/plus.png);
|
||||
--table-tree-background-image-hover: url(img/plus-hover.png);
|
||||
--table-tree-background-image-expanded: url(img/minus.png);
|
||||
--table-tree-background-image-expanded-hover: url(img/minus-hover.png);
|
||||
--table-row-level-1-background: rgba(221, 221, 221, 0.5);
|
||||
--table-row-level-2-background: rgba(121, 121, 121, 0.3);
|
||||
--table-row-level-3-background: darkkhaki;
|
||||
--table-row-background-hover: rgb(156, 156, 156);
|
||||
--table-row-selected-background: rgb(9, 132, 255);
|
||||
--table-row-selected-box-shadow: #cecbcb 0 1px 10px 0 inset;
|
||||
--table-header-wrap-border: 1px solid #0984ff;
|
||||
--table-resizer-background: #cccccc;
|
||||
--button-flat-background: linear-gradient(to bottom, rgb(9, 132, 255) 5%, rgb(9, 132, 255) 100%);
|
||||
--button-flat-border: 1px solid rgb(60, 152, 244);
|
||||
--button-flat-color: #f2f2f2;
|
||||
--button-flat-border-hover: #838383;
|
||||
--button-flat-background-hover: rgb(255, 255, 255);
|
||||
--button-flat-color-hover: black;
|
||||
--colorpicker-button-checked-border: 3px rgb(255, 40, 40) solid;
|
||||
--colorpicker-button-checked-box-shadow: 0 0 1em 1px #747373;
|
||||
--colorpicker-button-hover-border-color: red;
|
||||
--menu-li-hover-background: rgb(55, 171, 255);
|
||||
--menu-li-hover-box-shadow: #cecbcb 0 1px 1px 0;
|
||||
--checkbutton-checked-background: rgb(194, 194, 194);
|
||||
--checkbutton-checked-box-shdow: #393939 0 1px 15px 0 inset;
|
||||
--checkbutton-checked-color: black;
|
||||
--tabs-content-border: 1px solid #0984ff;
|
||||
--tabs-button-background: linear-gradient(to bottom, #0158af 5%, #6a6a6a 100%);
|
||||
--tabs-button-border: 1px solid #0984ff;
|
||||
--tabs-button-color: #ffffff;
|
||||
--tabs-button-hover-border: 1px #d9ecff solid;
|
||||
--tabs-button-checked-box-shadow: 0 2px rgb(255, 255, 255);
|
||||
--tabs-button-checked-background: linear-gradient(to bottom, rgb(9, 132, 255) 10%, #0984ff);
|
||||
--tabs-button-checked-color: #ffffff;
|
||||
--dropdown-arrow-up-background-image: url(img/dropdown-arrow-up.png);
|
||||
--dropdown-arrow-down-background-image: url(img/dropdown-arrow-down.png);
|
||||
--listview-li-hover-background: #d2d2d2;
|
||||
--menu-border: 1px solid #CCC;
|
||||
--menu-background: #efefef;
|
||||
--menu-color: #333;
|
||||
--menu-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
|
||||
--textbox-color: black;
|
||||
--textbox-background: white;
|
||||
--textbox-border: 2px solid #0984ff;
|
||||
--textbox-border-color-focus: #e36872;
|
||||
--textbox-box-shadow-focus: 0 0 10px #e34956;
|
||||
--resizer-horizontal-background: #0984ff;
|
||||
--resizer-vertical-background: #0984ff;
|
||||
--selectlist-arrow-hover-background-image: url(img/arrow-down-hover.png);
|
||||
--selectlist-label-background: #fff;
|
||||
--selectlist-arrow-background-color: #fff;
|
||||
--selectlist-arrow-border: 2px solid #0984ff;
|
||||
--selectlist-arrow-background-image: url(img/arrow-down.png);
|
||||
--searchlist-menu-border: 1px solid #CCC;
|
||||
--searchlist-menu-background: rgba(227, 224, 224, 0.44);
|
||||
--searchlist-menu-color: #333;
|
||||
--lazylist-more-background-image: url(img/arrow-down-hover.png);
|
||||
--button-arrow-background-color: #ffffff;
|
||||
--button-arrow-background-border: 1px solid #0984ff;
|
||||
--separator-background: rgb(100, 178, 255);
|
||||
--separator-box-shadow: inset 0 0 15px #41a0ff;
|
||||
--dropdown-visible-img-filter: drop-shadow(0px 0px 8px #ffffff);
|
||||
--dropdown-visible-badge: drop-shadow(1px 1px 5px #ffa1a1);
|
||||
--range-background: rgba(0,0,0,0);
|
||||
--range-track-box-shadow: 0px 0px 0px rgba(95, 153, 86, 0.7), 0px 0px 0px rgba(107, 167, 98, 0.7);
|
||||
--range-track-background: rgba(192, 192, 192, 0.75);
|
||||
--range-track-border: 0px solid rgba(26, 93, 157, 0.35);
|
||||
--range-thumb-box-shadow: 2.2px 2.2px 8.6px rgba(139, 188, 255, 0.78), 0px 0px 2.2px rgba(164, 203, 255, 0.78);
|
||||
--range-thumb-border: 2px solid rgba(115, 163, 255, 0.51);
|
||||
--range-thumb-background: rgba(101, 196, 255, 0.94);
|
||||
--range-track-background-focus: rgba(210, 210, 210, 0.75);
|
||||
--bar-arrow-left-background-image: url(img/arrow-left.png);
|
||||
--bar-arrow-right-background-image: url(img/arrow-right.png);
|
||||
--bar-arrow-left-inactive-background-image: url(img/arrow-left-inactive.png);
|
||||
--bar-arrow-right-inactive-background-image: url(img/arrow-right-inactive.png);
|
||||
--bar-item-background: rgba(235, 240, 242, 0.69);
|
||||
--bar-item-border: 1px solid #dcdcdc;
|
||||
--bar-item-color: #666666;
|
||||
--bar-item-background-hover: rgba(255, 255, 255, 0.87);
|
||||
--bar-item-checked-border-bottom: 3px solid #e03d4a;
|
||||
--bar-item-checked-box-shadow: #6a6a6a 0 1px 10px 0 inset;
|
||||
--multiselect-add-background-image: url(img/add.png);
|
||||
--multiselect-add-background-image-hover: url(img/add-hover.png);
|
||||
--multiselect-list-li-border-bottom: 2px dotted #dadada;
|
||||
--multiselect-list-remove-background-image: url(img/remove.png);
|
||||
--multiselect-list-remove-background-image-hover: url(img/remove-hover.png);
|
||||
--grid-window-over-border: #e13946 dotted 3px;
|
||||
--grid-window-drag-border: #75c6ff dotted 3px;
|
||||
--datetimepicker-calendar-border-right: 3px solid pink;
|
||||
--datetimepicker-clock-background: gainsboro;
|
||||
--datetimepicker-different-month-color: #bebebe;
|
||||
--datetimepicker-day-background-hover: #b9dfff;
|
||||
--datetimepicker-day-selected-background: #4ea3df;
|
||||
--datetimepicker-day-selected-color: #fff;
|
||||
--datetimepicker-day-today-border-bottom: 3px solid #f65314;
|
||||
--scrollbar-background: #ebebeb;
|
||||
--scrollbar-track-border: 1px #dadada solid;
|
||||
--scrollbar-track-box-shadow: 0 0 6px #c8c8c8 inset;
|
||||
--scrollbar-thumb-background: #ababab;
|
||||
--scrollbar-thumb-border: 1px solid #dadada;
|
||||
--scrollbar-thumb-background-hover: #53a9ff;
|
||||
--scrollbar-thumb-border-hover: 1px solid #dadada;
|
||||
--scrollbar-thumb-background-active: #59cfff;
|
||||
--scrollbar-thumb-border-active: 1px solid #dadada;
|
||||
}
|
||||
201
css/sky.css
Normal file
201
css/sky.css
Normal file
@ -0,0 +1,201 @@
|
||||
|
||||
:root {
|
||||
--default-background-color: #ffffff;
|
||||
--default-background-color-light: rgba(209, 209, 209, 0.5);
|
||||
--default-text-color: black;
|
||||
--default-link-color: #0099d5;
|
||||
--default-graph-color: #5ac9af;
|
||||
--default-graph-color-light: rgba(90, 201, 175, 0.5);
|
||||
--default-graph-color-dim: rgba(245, 227, 179, 0.5);
|
||||
--default-path-color: #f2796b;
|
||||
--default-point-color: #5ac9af;
|
||||
|
||||
--button-color: white;
|
||||
--button-background-image: linear-gradient(to bottom, rgb(84, 184, 255), #33aaff);
|
||||
--button-box-shadow:inset 0 0 0.1em 2px rgba(255, 255, 255, 0.1), 0 2px rgba(0, 0, 0, 0.12);
|
||||
--button-text-shadow: 0 0.1em rgba(0, 0, 0, 0.2);
|
||||
--button-border:1px solid #215a96;
|
||||
--button-background-image-hover: linear-gradient(to bottom, #FF5722, #F44336);
|
||||
--button-background-image-disabled: linear-gradient(to bottom, rgb(230, 230, 230), #bfbfbf);
|
||||
--button-color-disabled: #7c7c7c;
|
||||
--button-border-color-disabled: #b7b7b7;
|
||||
--button-close-color: #aaa;
|
||||
--button-close-color-hover: #000;
|
||||
--window-background: #fff;
|
||||
--window-border: 1px solid #BBBABA;
|
||||
--dialog-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
|
||||
--window-active-background: rgb(185, 223, 255);
|
||||
--background-background:rgba(0, 0, 0, 0);
|
||||
--background-visible-background: rgba(0, 0, 0, 0.6);
|
||||
|
||||
--window-title-color: #444;
|
||||
--window-tools-close-background: linear-gradient(to bottom, #e8616c, #dd202f);
|
||||
--window-tools-close-border:1px solid #911f28;
|
||||
|
||||
--window-tools-close-background-hover: #ff7d88;
|
||||
--dialog-loading-background:rgb(185, 223, 255);
|
||||
|
||||
--dialog-loading-content-border: 10px solid #fff;
|
||||
--dialog-loading-content-border-top: 10px solid #ffe3e3;
|
||||
--dialog-loading-content-border-right: 10px solid #ffb4b4;
|
||||
--dialog-loading-content-border-bottom: 10px solid #ff4d4d;
|
||||
|
||||
--window-header-background: #e6e6e6;
|
||||
--window-footer-border-top: #eee solid 1px;
|
||||
--window-footer-background: linear-gradient(to bottom, white, #e1e2eb);
|
||||
|
||||
--panel-border: 1px solid #BBBABA;
|
||||
--panel-title-color: #444;
|
||||
--table-td-border: 1px solid #c9c9c9;
|
||||
|
||||
--table-header-background: linear-gradient(to bottom, white, #e1e2eb);
|
||||
--table-header-text-background-up: url(img/"sort-up.png") no-repeat right;
|
||||
--table-header-text-background-down:url(img/"sort-down.png") no-repeat right;
|
||||
--table-header-text-background-up-rtl: url(img/"sort-up.png") no-repeat left;
|
||||
--table-header-text-background-down-rtl:url(img/"sort-down.png") no-repeat left;
|
||||
|
||||
--table-header-sort-background: url(img/"sort_16.png") no-repeat;
|
||||
|
||||
--table-tree-background-image: url(img/"plus.png");
|
||||
--table-tree-background-image-hover: url(img/"plus-hover.png");
|
||||
|
||||
--table-tree-background-image-expanded: url(img/"minus.png");
|
||||
--table-tree-background-image-expanded-hover: url(img/"minus-hover.png");
|
||||
|
||||
--table-row-level-1-background: rgba(221, 221, 221, 0.5);
|
||||
--table-row-level-2-background: rgba(121, 121, 121, 0.3);
|
||||
--table-row-level-3-background: darkkhaki;
|
||||
--table-row-background-hover: #DEF;
|
||||
--table-row-selected-background: rgb(185, 223, 255);
|
||||
--table-row-selected-box-shadow: #cecbcb 0 1px 10px 0 inset;
|
||||
|
||||
--table-header-wrap-border: 1px solid #c9c9c9;
|
||||
--table-resizer-background: #dde2e3;
|
||||
|
||||
--button-flat-background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 5%, rgb(246, 246, 246) 100%);
|
||||
--button-flat-border: 1px solid rgba(220, 220, 220, 0.51);
|
||||
--button-flat-color: #666666;
|
||||
--button-flat-border-hover:#ffcbcb;
|
||||
--button-flat-background-hover: rgb(184, 218, 255);
|
||||
|
||||
--colorpicker-button-checked-border: 3px rgb(255, 40, 40) solid;
|
||||
--colorpicker-button-checked-box-shadow: 0 .0 1em 1px #747373;
|
||||
--colorpicker-button-hover-border-color: red;
|
||||
|
||||
--menu-li-hover-background:rgb(185, 223, 255);
|
||||
--menu-li-hover-box-shadow:#cecbcb 0 1px 1px 0;
|
||||
|
||||
--checkbutton-checked-background:rgb(185, 223, 255);
|
||||
--checkbutton-checked-box-shdow:#ffffff 0 1px 10px 0 inset;
|
||||
|
||||
--tabs-content-border: 1px solid #dcdcdc;
|
||||
|
||||
--tabs-button-background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
|
||||
--tabs-button-border: 1px solid #dcdcdc;
|
||||
--tabs-button-color: #666666;
|
||||
|
||||
--tabs-button-hover-border:1px red solid;
|
||||
--tabs-button-checked-box-shadow:0 2px rgb(255, 255, 255);
|
||||
--tabs-button-checked-background:linear-gradient(to bottom, rgba(173, 213, 255, 0.86) 10%, #ffffff);
|
||||
--tabs-button-checked-color:#000000;
|
||||
|
||||
--dropdown-arrow-up-background-image: url(img/"dropdown-arrow-up.png");
|
||||
--dropdown-arrow-down-background-image: url(img/"dropdown-arrow-down.png");
|
||||
|
||||
--listview-li-hover-background: #eee;
|
||||
--menu-border:1px solid #CCC;
|
||||
--menu-background: #FFF;
|
||||
--menu-color: #333;
|
||||
--menu-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
|
||||
|
||||
--textbox-color: black;
|
||||
--textbox-background: white;
|
||||
|
||||
--textbox-border:2px solid #dadada;
|
||||
--textbox-border-color-focus: #9ecaed;
|
||||
|
||||
--textbox-box-shadow-focus:0 0 10px #9ecaed;
|
||||
|
||||
--resizer-horizontal-background:#dde2e3;
|
||||
--resizer-vertical-background:#dde2e3;
|
||||
|
||||
--selectlist-arrow-hover-background-image: url(img/arrow-down-hover.png);
|
||||
|
||||
--selectlist-label-background: #fff;
|
||||
|
||||
--selectlist-arrow-background-color:#fff;
|
||||
--selectlist-arrow-border: 2px solid #dadada;
|
||||
--selectlist-arrow-background-image: url(img/arrow-down.png);
|
||||
|
||||
--searchlist-menu-border: 1px solid #CCC;
|
||||
--searchlist-menu-background: rgba(255, 255, 255, 0.44);
|
||||
--searchlist-menu-color: #333;
|
||||
|
||||
--lazylist-more-background-image:url(img/arrow-down-hover.png);
|
||||
|
||||
--button-arrow-background-color:#f3f3f3;
|
||||
--button-arrow-background-border: 1px solid #dadada;
|
||||
--button-arrow-background-color-hover:#f3f3f3;;
|
||||
|
||||
|
||||
--separator-background: rgba(82, 82, 82, 0.38);
|
||||
--separator-box-shadow: inset 0 0 15px #ffffff;
|
||||
|
||||
--dropdown-visible-img-filter: drop-shadow(0px 0px 8px #3b8de2);
|
||||
--dropdown-visible-badge: drop-shadow(1px 1px 5px #3b8de2);
|
||||
|
||||
--range-background: rgba(0,0,0,0);
|
||||
--range-track-box-shadow: 0px 0px 0px rgba(95, 153, 86, 0.7), 0px 0px 0px rgba(107, 167, 98, 0.7);
|
||||
--range-track-background: rgba(192, 192, 192, 0.75);
|
||||
--range-track-border: 0px solid rgba(26, 93, 157, 0.35);
|
||||
--range-thumb-box-shadow: 2.2px 2.2px 8.6px rgba(139, 188, 255, 0.78), 0px 0px 2.2px rgba(164, 203, 255, 0.78);
|
||||
--range-thumb-border: 2px solid rgba(115, 163, 255, 0.51);
|
||||
--range-thumb-background: rgba(101, 196, 255, 0.94);
|
||||
|
||||
--range-track-background-focus: rgba(210, 210, 210, 0.75);
|
||||
|
||||
--bar-arrow-left-background-image: url(img/arrow-left.png);
|
||||
--bar-arrow-right-background-image: url(img/arrow-right.png);
|
||||
--bar-arrow-left-inactive-background-image: url(img/arrow-left-inactive.png);
|
||||
--bar-arrow-right-inactive-background-image: url(img/arrow-right-inactive.png);
|
||||
|
||||
--bar-item-background: rgba(235, 240, 242, 0.69);
|
||||
--bar-item-border: 1px solid #dcdcdc;
|
||||
--bar-item-color: #666666;
|
||||
--bar-item-background-hover: rgba(255, 255, 255, 0.87);
|
||||
|
||||
--bar-item-checked-border-bottom: 3px solid #47abff;
|
||||
--bar-item-checked-box-shadow: #cecbcb 0 1px 10px 0 inset;
|
||||
|
||||
--multiselect-add-background-image: url(img/add.png);
|
||||
--multiselect-add-background-image-hover: url(img/add-hover.png);
|
||||
--multiselect-list-li-border-bottom: 2px dotted #dadada;
|
||||
|
||||
--multiselect-list-remove-background-image: url(img/remove.png);
|
||||
--multiselect-list-remove-background-image-hover: url(img/remove-hover.png);
|
||||
|
||||
|
||||
--grid-window-over-border: #e13946 dotted 3px;
|
||||
--grid-window-drag-border: #75c6ff dotted 3px;
|
||||
|
||||
--datetimepicker-calendar-border-right: 3px solid pink;
|
||||
--datetimepicker-clock-background: gainsboro;
|
||||
|
||||
--datetimepicker-different-month-color: #bebebe;
|
||||
|
||||
--datetimepicker-day-background-hover: #b9dfff;
|
||||
|
||||
--datetimepicker-day-selected-background: #4ea3df;
|
||||
--datetimepicker-day-selected-color: #fff;
|
||||
--datetimepicker-day-today-border-bottom: 3px solid #f65314;
|
||||
|
||||
--scrollbar-background: #ebebeb;
|
||||
--scrollbar-track-border:1px #dadada solid;
|
||||
--scrollbar-track-box-shadow:0 0 6px #c8c8c8 inset;
|
||||
--scrollbar-thumb-background:#4ea3df;
|
||||
--scrollbar-thumb-border:1px solid #dadada;
|
||||
--scrollbar-thumb-background-hover:#59cfff;
|
||||
--scrollbar-thumb-border-hover: 1px solid #dadada;
|
||||
--scrollbar-thumb-background-active:#59cfff;
|
||||
--scrollbar-thumb-border-active:1px solid #dadada;
|
||||
}
|
||||
157
css/space.css
Normal file
157
css/space.css
Normal file
@ -0,0 +1,157 @@
|
||||
:root
|
||||
{
|
||||
--background-background: rgba(79, 71, 103, 0.76);
|
||||
--background-visible-background: rgba(59, 50, 84, 0.83);
|
||||
--bar-arrow-left-background-image: url(img/arrow-left.png);
|
||||
--bar-arrow-left-inactive-background-image: url(img/arrow-left-inactive.png);
|
||||
--bar-arrow-right-background-image: url(img/arrow-right.png);
|
||||
--bar-arrow-right-inactive-background-image: url(img/arrow-right-inactive.png);
|
||||
--bar-item-background-hover: rgb(51, 43, 74);
|
||||
--bar-item-background: rgb(102, 177, 215);
|
||||
--bar-item-border: 1px solid #2fc3ba;
|
||||
--bar-item-checked-border-bottom: 3px solid #8070ad;
|
||||
--bar-item-checked-box-shadow: #211544 0 1px 10px 0 inset;
|
||||
--bar-item-color: #666666;
|
||||
--button-arrow-background-border: 1px solid rgba(46, 194, 186, 0);
|
||||
--button-arrow-background-color-hover: #71c5db;
|
||||
--button-arrow-background-color: rgba(255, 255, 255, 0);
|
||||
--button-background-image-disabled: linear-gradient(to bottom, rgb(163, 163, 163), #bfbfbf);
|
||||
--button-background-image-hover: linear-gradient(to bottom, #8070ad, #9988c9);
|
||||
--button-background-image: linear-gradient(to bottom, #009688, #2bc3b9);
|
||||
--button-border-color-disabled: #b7b7b7;
|
||||
--button-border: 1px solid #215a96;
|
||||
--button-box-shadow: inset 0 0 0.1em 2px rgba(255, 255, 255, 0.1), 0 2px rgba(0, 0, 0, 0.12);
|
||||
--button-close-color-hover: #000;
|
||||
--button-close-color: #aaa;
|
||||
--button-color-disabled: #7c7c7c;
|
||||
--button-color: white;
|
||||
--button-flat-background-hover: rgb(51, 43, 74);
|
||||
--button-flat-background: linear-gradient(to bottom,#8070ad 5%, #8070ad 100%);
|
||||
--button-flat-border-hover: #8070ad;
|
||||
--button-flat-border: 1px solid rgba(220, 220, 220, 0.51);
|
||||
--button-flat-color-hover: white;
|
||||
--button-flat-color: #ffffff;
|
||||
--button-text-shadow: 0 0.1em rgba(0, 0, 0, 0.2);
|
||||
--checkbutton-checked-background: rgb(51, 43, 74);
|
||||
--checkbutton-checked-box-shdow: #8070ad 0 1px 10px 0 inset;
|
||||
--checkbutton-checked-color: #a9f6ff;
|
||||
--colorpicker-button-checked-border: 3px rgb(255, 40, 40) solid;
|
||||
--colorpicker-button-checked-box-shadow: 0 0 1em 1px #747373;
|
||||
--colorpicker-button-hover-border-color: red;
|
||||
--datetimepicker-calendar-border-right: 3px solid pink;
|
||||
--datetimepicker-clock-background: #685992;
|
||||
--datetimepicker-day-background-hover: #67b3d8;
|
||||
--datetimepicker-day-selected-background: #27c2b7;
|
||||
--datetimepicker-day-selected-color: #fff;
|
||||
--datetimepicker-day-today-border-bottom: 3px solid #f65314;
|
||||
--datetimepicker-different-month-color: #bebebe;
|
||||
--default-background-color-light: rgba(103, 184, 229, 0.91);
|
||||
--default-graph-color-dim: rgba(245, 227, 179, 0.5);
|
||||
--default-graph-color-light: rgba(103, 58, 183, 0.72);
|
||||
--default-graph-color: #673AB7;
|
||||
--default-link-color: #5a2daa;
|
||||
--default-path-color: #f2796b;
|
||||
--default-point-color: #5ac9af;
|
||||
--default-text-color: black;
|
||||
--dialog-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
|
||||
--dialog-loading-background: rgb(185, 223, 255);
|
||||
--dialog-loading-content-border-bottom: 10px solid #13d5a7;
|
||||
--dialog-loading-content-border-right: 10px solid #60fad6;
|
||||
--dialog-loading-content-border-top: 10px solid #d2fff5;
|
||||
--dialog-loading-content-border: 10px solid #fff;
|
||||
--dropdown-arrow-down-background-image: url(img/dropdown-arrow-down.png);
|
||||
--dropdown-arrow-up-background-image: url(img/dropdown-arrow-up.png);
|
||||
--dropdown-visible-badge: drop-shadow(1px 1px 5px #42e8c1);
|
||||
--dropdown-visible-img-filter: drop-shadow(0px 0px 8px #26ffcb);
|
||||
--grid-window-drag-border: #1cd4a9 dotted 3px;
|
||||
--grid-window-over-border: #e13946 dotted 3px;
|
||||
--lazylist-more-background-image: url(img/arrow-down-hover.png);
|
||||
--listview-li-hover-background: #eee;
|
||||
--menu-background: #8070ad;
|
||||
--menu-border: 1px solid #584b7b;
|
||||
--menu-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
|
||||
--menu-color: #fff;
|
||||
--menu-li-hover-background: rgb(51, 43, 74);
|
||||
--menu-li-hover-box-shadow: #322c2c 0 1px 1px 0;
|
||||
--multiselect-add-background-image-hover: url(img/add-hover.png);
|
||||
--multiselect-add-background-image: url(img/add.png);
|
||||
--multiselect-list-li-border-bottom: 2px dotted #dadada;
|
||||
--multiselect-list-remove-background-image-hover: url(img/remove-hover.png);
|
||||
--multiselect-list-remove-background-image: url(img/remove.png);
|
||||
--panel-border: 1px solid #BBBABA;
|
||||
--panel-title-color: #444;
|
||||
--range-background: rgba(0,0,0,0);
|
||||
--range-thumb-background: rgb(42, 194, 184);
|
||||
--range-thumb-border: 2px solid rgba(82, 209, 179, 0.73);
|
||||
--range-thumb-box-shadow: 2.2px 2.2px 8.6px rgb(159, 247, 227), 0px 0px 2.2px rgba(177, 255, 237, 0.78);
|
||||
--range-track-background-focus: rgba(210, 210, 210, 0.75);
|
||||
--range-track-background: rgba(192, 192, 192, 0.75);
|
||||
--range-track-border: 0px solid rgba(26, 93, 157, 0.35);
|
||||
--range-track-box-shadow: 0px 0px 0px rgba(95, 153, 86, 0.7), 0px 0px 0px rgba(107, 167, 98, 0.7);
|
||||
--resizer-horizontal-background: #60b3d4;
|
||||
--resizer-vertical-background: #60b3d4;
|
||||
--scrollbar-background: #ebebeb;
|
||||
--scrollbar-thumb-background-active: #8070ad;
|
||||
--scrollbar-thumb-background-hover: #28a29b;
|
||||
--scrollbar-thumb-background: #31c3bc;
|
||||
--scrollbar-thumb-border-active: 1px solid #dadada;
|
||||
--scrollbar-thumb-border-hover: 1px solid #dadada;
|
||||
--scrollbar-thumb-border: 1px solid #dadada;
|
||||
--scrollbar-track-border: 1px #dadada solid;
|
||||
--scrollbar-track-box-shadow: 0 0 6px #c8c8c8 inset;
|
||||
--searchlist-menu-background: rgba(255, 255, 255, 0.11);
|
||||
--searchlist-menu-border: 1px solid #CCC;
|
||||
--searchlist-menu-color: #333;
|
||||
--selectlist-arrow-background-color: #fff;
|
||||
--selectlist-arrow-background-image: url(img/arrow-down.png);
|
||||
--selectlist-arrow-border: 2px solid #45c9c1;
|
||||
--selectlist-arrow-hover-background-image: url(img/arrow-down-hover.png);
|
||||
--selectlist-label-background: #fff;
|
||||
--separator-background: rgb(128, 112, 173);
|
||||
--separator-box-shadow: inset 0 0 15px #695a93;
|
||||
--table-header-background: linear-gradient(to bottom, #8070ad 60%, #2ac2b9);
|
||||
--table-header-color: #fff;
|
||||
--table-header-sort-background: url(img/sort_16.png) no-repeat;
|
||||
--table-header-text-background-down-rtl: url(img/sort-down.png) no-repeat left;
|
||||
--table-header-text-background-down: url(img/sort-down.png) no-repeat right;
|
||||
--table-header-text-background-up-rtl: url(img/sort-up.png) no-repeat left;
|
||||
--table-header-text-background-up: url(img/sort-up.png) no-repeat right;
|
||||
--table-header-wrap-border: 1px solid #8070ad;
|
||||
--table-resizer-background: #968ab7;
|
||||
--table-row-background-hover: #8070ad;
|
||||
--table-row-level-1-background: rgba(221, 221, 221, 0.5);
|
||||
--table-row-level-2-background: rgba(121, 121, 121, 0.3);
|
||||
--table-row-level-3-background: darkkhaki;
|
||||
--table-row-selected-background: rgb(128, 112, 173);
|
||||
--table-row-selected-box-shadow: #33bfbd 0 1px 10px 0 inset;
|
||||
--table-td-border-bottom: 1px solid #2b9894;
|
||||
--table-td-border: 0;
|
||||
--table-tree-background-image-expanded-hover: url(img/minus-hover.png);
|
||||
--table-tree-background-image-expanded: url(img/minus.png);
|
||||
--table-tree-background-image-hover: url(img/plus-hover.png);
|
||||
--table-tree-background-image: url(img/plus.png);
|
||||
--tabs-button-background: linear-gradient(to bottom, #8070ad 5%, #8070ad 100%);
|
||||
--tabs-button-border: 1px solid #85efe8;
|
||||
--tabs-button-checked-background: linear-gradient(to bottom, rgb(139, 198, 231) 5%, #8bc6e7);
|
||||
--tabs-button-checked-box-shadow: 0 2px rgb(109, 207, 184);
|
||||
--tabs-button-checked-color: #000000;
|
||||
--tabs-button-color: #ffffff;
|
||||
--tabs-button-hover-border: 1px #8070ad solid;
|
||||
--tabs-content-border: 1px solid #85efe8;
|
||||
--textbox-background: white;
|
||||
--textbox-border-color-focus: #8070ad;
|
||||
--textbox-border: 2px solid #29c1b8;
|
||||
--textbox-box-shadow-focus: 0 0 10px #8070ad;
|
||||
--textbox-color: black;
|
||||
--window-active-background: rgb(133, 239, 232);
|
||||
--window-background: rgb(139, 198, 231);
|
||||
--window-border: 1px solid #BBBABA;
|
||||
--window-footer-background: linear-gradient(to bottom, #8bc6e7, #21c3b4);
|
||||
--window-footer-border-top: #eee solid 1px;
|
||||
--window-header-background: #8070ad;
|
||||
--window-title-color: #444;
|
||||
--window-tools-close-background-hover: #f0a1a8;
|
||||
--window-tools-close-background: linear-gradient(to bottom, #e8616c, #f2796b);
|
||||
--window-tools-close-border: 1px solid #7b8f9d;
|
||||
--default-background-color: #21c3b4;
|
||||
}
|
||||
155
css/stone.css
Normal file
155
css/stone.css
Normal file
@ -0,0 +1,155 @@
|
||||
:root
|
||||
{
|
||||
--default-background-color: #989898;
|
||||
--default-background-color-light: rgba(183, 183, 183, 0.62);
|
||||
--default-text-color: black;
|
||||
--default-link-color: #ffffff;
|
||||
--default-graph-color: #34ffc2;
|
||||
--default-graph-color-light: rgba(163, 163, 163, 0.59);
|
||||
--default-graph-color-dim: rgba(245, 227, 179, 0.5);
|
||||
--default-path-color: #f2796b;
|
||||
--default-point-color: #262626;
|
||||
--button-color: white;
|
||||
--button-background-image: linear-gradient(to bottom, #626262, #313131);
|
||||
--button-box-shadow: inset 0 0 0.1em 2px rgba(255, 255, 255, 0.1), 0 2px rgba(0, 0, 0, 0.12);
|
||||
--button-text-shadow: 0 0.1em rgba(0, 0, 0, 0.2);
|
||||
--button-border: 1px solid #757575;
|
||||
--button-background-image-hover: linear-gradient(to bottom, #FF5722, #F44336);
|
||||
--button-background-image-disabled: linear-gradient(to bottom, rgb(230, 230, 230), #bfbfbf);
|
||||
--button-color-disabled: #7c7c7c;
|
||||
--button-border-color-disabled: #b7b7b7;
|
||||
--button-close-color: #aaa;
|
||||
--button-close-color-hover: #000;
|
||||
--window-background: #e0e0e0;
|
||||
--window-border: 1px solid #bdbdbd;
|
||||
--dialog-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
|
||||
--window-active-background: #ffffff;
|
||||
--background-background: rgba(73, 60, 57, 0.74);
|
||||
--background-visible-background: rgba(0, 0, 0, 0.6);
|
||||
--window-title-color: #000;
|
||||
--window-tools-close-background: linear-gradient(to bottom, #e8616c, #dd202f);
|
||||
--window-tools-close-border: 1px solid #911f28;
|
||||
--window-tools-close-background-hover: #ff7d88;
|
||||
--dialog-loading-background: rgb(224, 224, 224);
|
||||
--dialog-loading-content-border: 10px solid #fff;
|
||||
--dialog-loading-content-border-top: 10px solid #c4c4c4;
|
||||
--dialog-loading-content-border-right: 10px solid #8d8d8d;
|
||||
--dialog-loading-content-border-bottom: 10px solid #5f5f5f;
|
||||
--window-header-background: #c9c8c8;
|
||||
--window-footer-border-top: 0;
|
||||
--window-footer-background: linear-gradient(to bottom, #e0e0e0, #ffffff);
|
||||
--panel-border: 1px solid #BBBABA;
|
||||
--panel-title-color: #444;
|
||||
--table-td-border-bottom: 1px solid #b3b3b3;
|
||||
--table-td-border: 0;
|
||||
--table-header-background: linear-gradient(to bottom, #ffffff, #cacaca);
|
||||
--table-header-text-background-up: url(img/sort-up.png) no-repeat right;
|
||||
--table-header-text-background-down: url(img/sort-down.png) no-repeat right;
|
||||
--table-header-text-background-up-rtl: url(img/sort-up.png) no-repeat left;
|
||||
--table-header-text-background-down-rtl: url(img/sort-down.png) no-repeat left;
|
||||
--table-header-sort-background: url(img/sort_16.png) no-repeat;
|
||||
--table-tree-background-image: url(img/plus.png);
|
||||
--table-tree-background-image-hover: url(img/plus-hover.png);
|
||||
--table-tree-background-image-expanded: url(img/minus.png);
|
||||
--table-tree-background-image-expanded-hover: url(img/minus-hover.png);
|
||||
--table-row-level-1-background: rgba(221, 221, 221, 0.5);
|
||||
--table-row-level-2-background: rgba(121, 121, 121, 0.3);
|
||||
--table-row-level-3-background: darkkhaki;
|
||||
--table-row-background-hover: rgb(239, 239, 239);
|
||||
--table-row-selected-background: #e7e7e7;
|
||||
--table-row-selected-box-shadow: #ff7676 0 1px 10px 0 inset;
|
||||
--table-header-wrap-border: 1px solid #b0b0b0;
|
||||
--table-resizer-background: #cccccc;
|
||||
--button-flat-background: linear-gradient(to bottom, rgb(177, 177, 177) 5%, rgb(255, 255, 255) 100%);
|
||||
--button-flat-border: 1px solid rgb(180, 180, 180);
|
||||
--button-flat-color: #000000;
|
||||
--button-flat-border-hover: #cacaca;
|
||||
--button-flat-background-hover: rgb(255, 255, 255);
|
||||
--button-flat-color-hover: black;
|
||||
--colorpicker-button-checked-border: 3px rgb(255, 40, 40) solid;
|
||||
--colorpicker-button-checked-box-shadow: 0 0 1em 1px #747373;
|
||||
--colorpicker-button-hover-border-color: red;
|
||||
--menu-li-hover-background: rgb(193, 193, 193);
|
||||
--menu-li-hover-box-shadow: #cecbcb 0 1px 1px 0;
|
||||
--checkbutton-checked-background: rgb(255, 255, 255);
|
||||
--checkbutton-checked-box-shdow: #6a6a6a 0 1px 15px 0 inset;
|
||||
--checkbutton-checked-color: black;
|
||||
--tabs-content-border: 1px solid #ffffff;
|
||||
--tabs-button-background: linear-gradient(to bottom, rgb(255, 255, 255) 5%, rgb(224, 224, 224) 100%);
|
||||
--tabs-button-border: 1px solid #ffffff;
|
||||
--tabs-button-color: #000000;
|
||||
--tabs-button-hover-border: 1px #c7c7c7 solid;
|
||||
--tabs-button-checked-box-shadow: 0 2px rgb(255, 255, 255);
|
||||
--tabs-button-checked-background: linear-gradient(to bottom, rgb(224, 224, 224) 10%, #e0e0e0);
|
||||
--tabs-button-checked-color: #000000;
|
||||
--dropdown-arrow-up-background-image: url(img/dropdown-arrow-up.png);
|
||||
--dropdown-arrow-down-background-image: url(img/dropdown-arrow-down.png);
|
||||
--listview-li-hover-background: #dfdfdf;
|
||||
--menu-border: 1px solid #a5a5a5;
|
||||
--menu-background: #d4d4d4;
|
||||
--menu-color: #333;
|
||||
--menu-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.71);
|
||||
--textbox-color: black;
|
||||
--textbox-background: #fff;
|
||||
--textbox-border: 2px solid #c9c8c8;
|
||||
--textbox-border-color-focus: #e36872;
|
||||
--textbox-box-shadow-focus: 0 0 10px #e34956;
|
||||
--resizer-horizontal-background: #9d9d9d;
|
||||
--resizer-vertical-background: #9d9d9d;
|
||||
--selectlist-arrow-hover-background-image: url(img/arrow-down-hover.png);
|
||||
--selectlist-label-background: #fff;
|
||||
--selectlist-arrow-background-color: #fff;
|
||||
--selectlist-arrow-border: 2px solid #c9c8c8;
|
||||
--selectlist-arrow-background-image: url(img/arrow-down.png);
|
||||
--searchlist-menu-border: 1px solid #CCC;
|
||||
--searchlist-menu-background: rgb(255, 255, 255);
|
||||
--searchlist-menu-color: #333;
|
||||
--lazylist-more-background-image: url(img/arrow-down-hover.png);
|
||||
--button-arrow-background-color: #cfcfcf;
|
||||
--button-arrow-background-border: 1px solid #b5b5b5;
|
||||
--separator-background: #ffffff;
|
||||
--separator-box-shadow: inset 0 0 15px #ffffff;
|
||||
--dropdown-visible-img-filter: drop-shadow(0px 0px 8px #ff6e6e);
|
||||
--dropdown-visible-badge: drop-shadow(1px 1px 5px #ffa1a1);
|
||||
--range-background: rgba(0,0,0,0);
|
||||
--range-track-box-shadow: 0px 0px 0px rgba(95, 153, 86, 0.7), 0px 0px 0px rgba(107, 167, 98, 0.7);
|
||||
--range-track-background: rgba(255, 255, 255, 0.75);
|
||||
--range-track-border: 0px solid rgba(26, 93, 157, 0.35);
|
||||
--range-thumb-box-shadow: 2.2px 2.2px 8.6px rgb(198, 198, 198), 0px 0px 2.2px rgba(255, 255, 255, 0.78);
|
||||
--range-thumb-border: 2px solid rgb(115, 115, 115);
|
||||
--range-thumb-background: rgb(212, 212, 212);
|
||||
--range-track-background-focus: rgba(210, 210, 210, 0.75);
|
||||
--bar-arrow-left-background-image: url(img/arrow-left.png);
|
||||
--bar-arrow-right-background-image: url(img/arrow-right.png);
|
||||
--bar-arrow-left-inactive-background-image: url(img/arrow-left-inactive.png);
|
||||
--bar-arrow-right-inactive-background-image: url(img/arrow-right-inactive.png);
|
||||
--bar-item-background: rgba(235, 240, 242, 0.69);
|
||||
--bar-item-border: 1px solid #dcdcdc;
|
||||
--bar-item-color: #666666;
|
||||
--bar-item-background-hover: rgba(255, 255, 255, 0.87);
|
||||
--bar-item-checked-border-bottom: 3px solid #e03d4a;
|
||||
--bar-item-checked-box-shadow: #6a6a6a 0 1px 10px 0 inset;
|
||||
--multiselect-add-background-image: url(img/add.png);
|
||||
--multiselect-add-background-image-hover: url(img/add-hover.png);
|
||||
--multiselect-list-li-border-bottom: 2px dotted #dadada;
|
||||
--multiselect-list-remove-background-image: url(img/remove.png);
|
||||
--multiselect-list-remove-background-image-hover: url(img/remove-hover.png);
|
||||
--grid-window-over-border: #e13946 dotted 3px;
|
||||
--grid-window-drag-border: #75c6ff dotted 3px;
|
||||
--datetimepicker-calendar-border-right: 3px solid pink;
|
||||
--datetimepicker-clock-background: #ffdeac;
|
||||
--datetimepicker-different-month-color: #bebebe;
|
||||
--datetimepicker-day-background-hover: #ffe1b3;
|
||||
--datetimepicker-day-selected-background: #ffb03b;
|
||||
--datetimepicker-day-selected-color: #fff;
|
||||
--datetimepicker-day-today-border-bottom: 3px solid #f65314;
|
||||
--scrollbar-background: #ebebeb;
|
||||
--scrollbar-track-border: 1px #dadada solid;
|
||||
--scrollbar-track-box-shadow: 0 0 6px #c8c8c8 inset;
|
||||
--scrollbar-thumb-background: #ababab;
|
||||
--scrollbar-thumb-border: 1px solid #dadada;
|
||||
--scrollbar-thumb-background-hover: #43be99;
|
||||
--scrollbar-thumb-border-hover: 1px solid #dadada;
|
||||
--scrollbar-thumb-background-active: #5cc7a7;
|
||||
--scrollbar-thumb-border-active: 1px solid #dadada;
|
||||
}
|
||||
201
css/volcano.css
Normal file
201
css/volcano.css
Normal file
@ -0,0 +1,201 @@
|
||||
|
||||
:root {
|
||||
--default-background-color: #ffffff;
|
||||
--default-background-color-light: rgba(209, 209, 209, 0.5);
|
||||
--default-text-color: black;
|
||||
--default-link-color: #0099d5;
|
||||
--default-graph-color: #5ac9af;
|
||||
--default-graph-color-light: rgba(90, 201, 175, 0.5);
|
||||
--default-graph-color-dim: rgba(245, 227, 179, 0.5);
|
||||
--default-path-color: #f2796b;
|
||||
--default-point-color: #5ac9af;
|
||||
|
||||
--button-color: white;
|
||||
--button-background-image: linear-gradient(to bottom, rgb(84, 184, 255), #33aaff);
|
||||
--button-box-shadow:inset 0 0 0.1em 2px rgba(255, 255, 255, 0.1), 0 2px rgba(0, 0, 0, 0.12);
|
||||
--button-text-shadow: 0 0.1em rgba(0, 0, 0, 0.2);
|
||||
--button-border:1px solid #215a96;
|
||||
--button-background-image-hover: linear-gradient(to bottom, #FF5722, #F44336);
|
||||
--button-background-image-disabled: linear-gradient(to bottom, rgb(230, 230, 230), #bfbfbf);
|
||||
--button-color-disabled: #7c7c7c;
|
||||
--button-border-color-disabled: #b7b7b7;
|
||||
--button-close-color: #aaa;
|
||||
--button-close-color-hover: #000;
|
||||
--window-background: #fff;
|
||||
--window-border: 1px solid #BBBABA;
|
||||
--dialog-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
|
||||
--window-active-background: rgb(185, 223, 255);
|
||||
--background-background:rgba(0, 0, 0, 0);
|
||||
--background-visible-background: rgba(0, 0, 0, 0.6);
|
||||
|
||||
--window-title-color: #444;
|
||||
--window-tools-close-background: linear-gradient(to bottom, #e8616c, #dd202f);
|
||||
--window-tools-close-border:1px solid #911f28;
|
||||
|
||||
--window-tools-close-background-hover: #ff7d88;
|
||||
--dialog-loading-background:rgb(185, 223, 255);
|
||||
|
||||
--dialog-loading-content-border: 10px solid #fff;
|
||||
--dialog-loading-content-border-top: 10px solid #ffe3e3;
|
||||
--dialog-loading-content-border-right: 10px solid #ffb4b4;
|
||||
--dialog-loading-content-border-bottom: 10px solid #ff4d4d;
|
||||
|
||||
--window-header-background: #e6e6e6;
|
||||
--window-footer-border-top: #eee solid 1px;
|
||||
--window-footer-background: linear-gradient(to bottom, white, #e1e2eb);
|
||||
|
||||
--panel-border: 1px solid #BBBABA;
|
||||
--panel-title-color: #444;
|
||||
--table-td-border: 1px solid #c9c9c9;
|
||||
|
||||
--table-header-background: linear-gradient(to bottom, white, #e1e2eb);
|
||||
--table-header-text-background-up: url(img/"sort-up.png") no-repeat right;
|
||||
--table-header-text-background-down:url(img/"sort-down.png") no-repeat right;
|
||||
--table-header-text-background-up-rtl: url(img/"sort-up.png") no-repeat left;
|
||||
--table-header-text-background-down-rtl:url(img/"sort-down.png") no-repeat left;
|
||||
|
||||
--table-header-sort-background: url(img/"sort_16.png") no-repeat;
|
||||
|
||||
--table-tree-background-image: url(img/"plus.png");
|
||||
--table-tree-background-image-hover: url(img/"plus-hover.png");
|
||||
|
||||
--table-tree-background-image-expanded: url(img/"minus.png");
|
||||
--table-tree-background-image-expanded-hover: url(img/"minus-hover.png");
|
||||
|
||||
--table-row-level-1-background: rgba(221, 221, 221, 0.5);
|
||||
--table-row-level-2-background: rgba(121, 121, 121, 0.3);
|
||||
--table-row-level-3-background: darkkhaki;
|
||||
--table-row-background-hover: #DEF;
|
||||
--table-row-selected-background: rgb(185, 223, 255);
|
||||
--table-row-selected-box-shadow: #cecbcb 0 1px 10px 0 inset;
|
||||
|
||||
--table-header-wrap-border: 1px solid #c9c9c9;
|
||||
--table-resizer-background: #dde2e3;
|
||||
|
||||
--button-flat-background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 5%, rgb(246, 246, 246) 100%);
|
||||
--button-flat-border: 1px solid rgba(220, 220, 220, 0.51);
|
||||
--button-flat-color: #666666;
|
||||
--button-flat-border-hover:#ffcbcb;
|
||||
--button-flat-background-hover: rgb(184, 218, 255);
|
||||
|
||||
--colorpicker-button-checked-border: 3px rgb(255, 40, 40) solid;
|
||||
--colorpicker-button-checked-box-shadow: 0 .0 1em 1px #747373;
|
||||
--colorpicker-button-hover-border-color: red;
|
||||
|
||||
--menu-li-hover-background:rgb(185, 223, 255);
|
||||
--menu-li-hover-box-shadow:#cecbcb 0 1px 1px 0;
|
||||
|
||||
--checkbutton-checked-background:rgb(185, 223, 255);
|
||||
--checkbutton-checked-box-shdow:#ffffff 0 1px 10px 0 inset;
|
||||
|
||||
--tabs-content-border: 1px solid #dcdcdc;
|
||||
|
||||
--tabs-button-background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
|
||||
--tabs-button-border: 1px solid #dcdcdc;
|
||||
--tabs-button-color: #666666;
|
||||
|
||||
--tabs-button-hover-border:1px red solid;
|
||||
--tabs-button-checked-box-shadow:0 2px rgb(255, 255, 255);
|
||||
--tabs-button-checked-background:linear-gradient(to bottom, rgba(173, 213, 255, 0.86) 10%, #ffffff);
|
||||
--tabs-button-checked-color:#000000;
|
||||
|
||||
--dropdown-arrow-up-background-image: url(img/"dropdown-arrow-up.png");
|
||||
--dropdown-arrow-down-background-image: url(img/"dropdown-arrow-down.png");
|
||||
|
||||
--listview-li-hover-background: #eee;
|
||||
--menu-border:1px solid #CCC;
|
||||
--menu-background: #FFF;
|
||||
--menu-color: #333;
|
||||
--menu-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
|
||||
|
||||
--textbox-color: black;
|
||||
--textbox-background: white;
|
||||
|
||||
--textbox-border:2px solid #dadada;
|
||||
--textbox-border-color-focus: #9ecaed;
|
||||
|
||||
--textbox-box-shadow-focus:0 0 10px #9ecaed;
|
||||
|
||||
--resizer-horizontal-background:#dde2e3;
|
||||
--resizer-vertical-background:#dde2e3;
|
||||
|
||||
--selectlist-arrow-hover-background-image: url(img/arrow-down-hover.png);
|
||||
|
||||
--selectlist-label-background: #fff;
|
||||
|
||||
--selectlist-arrow-background-color:#fff;
|
||||
--selectlist-arrow-border: 2px solid #dadada;
|
||||
--selectlist-arrow-background-image: url(img/arrow-down.png);
|
||||
|
||||
--searchlist-menu-border: 1px solid #CCC;
|
||||
--searchlist-menu-background: rgba(255, 255, 255, 0.44);
|
||||
--searchlist-menu-color: #333;
|
||||
|
||||
--lazylist-more-background-image:url(img/arrow-down-hover.png);
|
||||
|
||||
--button-arrow-background-color:#f3f3f3;
|
||||
--button-arrow-background-border: 1px solid #dadada;
|
||||
--button-arrow-background-color-hover:#f3f3f3;;
|
||||
|
||||
|
||||
--separator-background: rgba(82, 82, 82, 0.38);
|
||||
--separator-box-shadow: inset 0 0 15px #ffffff;
|
||||
|
||||
--dropdown-visible-img-filter: drop-shadow(0px 0px 8px #3b8de2);
|
||||
--dropdown-visible-badge: drop-shadow(1px 1px 5px #3b8de2);
|
||||
|
||||
--range-background: rgba(0,0,0,0);
|
||||
--range-track-box-shadow: 0px 0px 0px rgba(95, 153, 86, 0.7), 0px 0px 0px rgba(107, 167, 98, 0.7);
|
||||
--range-track-background: rgba(192, 192, 192, 0.75);
|
||||
--range-track-border: 0px solid rgba(26, 93, 157, 0.35);
|
||||
--range-thumb-box-shadow: 2.2px 2.2px 8.6px rgba(139, 188, 255, 0.78), 0px 0px 2.2px rgba(164, 203, 255, 0.78);
|
||||
--range-thumb-border: 2px solid rgba(115, 163, 255, 0.51);
|
||||
--range-thumb-background: rgba(101, 196, 255, 0.94);
|
||||
|
||||
--range-track-background-focus: rgba(210, 210, 210, 0.75);
|
||||
|
||||
--bar-arrow-left-background-image: url(img/arrow-left.png);
|
||||
--bar-arrow-right-background-image: url(img/arrow-right.png);
|
||||
--bar-arrow-left-inactive-background-image: url(img/arrow-left-inactive.png);
|
||||
--bar-arrow-right-inactive-background-image: url(img/arrow-right-inactive.png);
|
||||
|
||||
--bar-item-background: rgba(235, 240, 242, 0.69);
|
||||
--bar-item-border: 1px solid #dcdcdc;
|
||||
--bar-item-color: #666666;
|
||||
--bar-item-background-hover: rgba(255, 255, 255, 0.87);
|
||||
|
||||
--bar-item-checked-border-bottom: 3px solid #47abff;
|
||||
--bar-item-checked-box-shadow: #cecbcb 0 1px 10px 0 inset;
|
||||
|
||||
--multiselect-add-background-image: url(img/add.png);
|
||||
--multiselect-add-background-image-hover: url(img/add-hover.png);
|
||||
--multiselect-list-li-border-bottom: 2px dotted #dadada;
|
||||
|
||||
--multiselect-list-remove-background-image: url(img/remove.png);
|
||||
--multiselect-list-remove-background-image-hover: url(img/remove-hover.png);
|
||||
|
||||
|
||||
--grid-window-over-border: #e13946 dotted 3px;
|
||||
--grid-window-drag-border: #75c6ff dotted 3px;
|
||||
|
||||
--datetimepicker-calendar-border-right: 3px solid pink;
|
||||
--datetimepicker-clock-background: gainsboro;
|
||||
|
||||
--datetimepicker-different-month-color: #bebebe;
|
||||
|
||||
--datetimepicker-day-background-hover: #b9dfff;
|
||||
|
||||
--datetimepicker-day-selected-background: #4ea3df;
|
||||
--datetimepicker-day-selected-color: #fff;
|
||||
--datetimepicker-day-today-border-bottom: 3px solid #f65314;
|
||||
|
||||
--scrollbar-background: #ebebeb;
|
||||
--scrollbar-track-border:1px #dadada solid;
|
||||
--scrollbar-track-box-shadow:0 0 6px #c8c8c8 inset;
|
||||
--scrollbar-thumb-background:#4ea3df;
|
||||
--scrollbar-thumb-border:1px solid #dadada;
|
||||
--scrollbar-thumb-background-hover:#59cfff;
|
||||
--scrollbar-thumb-border-hover: 1px solid #dadada;
|
||||
--scrollbar-thumb-background-active:#59cfff;
|
||||
--scrollbar-thumb-border-active:1px solid #dadada;
|
||||
}
|
||||
Reference in New Issue
Block a user