Mon, 25 Mar 2024 17:14:56 +0100
Brought the retry attempts to read the DHT11 sensors to the main devices loop. The actual read function is now very simple. Called every 30 seconds when all is well, or 2 seconds if something is wrong.
617 | 1 | |
2 | :root { | |
3 | --jqx-primary-rgb: 51, 173, 255; | |
4 | --jqx-primary: rgb(var(--jqx-primary-rgb)); | |
5 | --jqx-background: #252526; | |
6 | --jqx-background-color: #E7E7E7; | |
7 | --jqx-surface:#252526; | |
8 | --jqx-surface-color: #969690; | |
9 | --jqx-border: #414141; | |
10 | --jqx-background-hover-rgb: 60, 60, 60; | |
11 | --jqx-background-hover: rgb(var(--jqx-background-hover-rgb)); | |
12 | --jqx-background-color-hover: rgba(255,255,255,.54); | |
13 | --jqx-scrollbar-background: #3E3E42; | |
14 | --jqx-scrollbar-border: #1E1E1E; | |
15 | --jqx-scrollbar-thumb-background: #686868; | |
16 | --jqx-scrollbar-thumb-border: #3E3E42; | |
17 | --jqx-scrollbar-thumb-background-hover: #9E9E9E; | |
18 | --jqx-scrollbar-thumb-border-hover: #9E9E9E; | |
19 | --jqx-scrollbar-thumb-background-pressed: #f5f5f5; | |
20 | --jqx-scrollbar-thumb-border-pressed: #f5f5f5; | |
21 | --jqx-scrollbar-button-color-hover: #333; | |
22 | --jqx-scrollbar-button-background-hover: #9E9E9E; | |
23 | --jqx-scrollbar-button-border-hover: #9E9E9E; | |
24 | --jqx-scrollbar-button-color-pressed: #333; | |
25 | --jqx-scrollbar-button-background-pressed: #f5f5f5; | |
26 | --jqx-scrollbar-button-border-pressed: #f5f5f5; | |
27 | ||
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
28 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
29 | |
617 | 30 | .jqx-icon-search-dark, |
31 | .jqx-icon-close-dark { | |
32 | background-image: none; | |
33 | font-family: jqx-icons; | |
34 | } | |
35 | .jqx-icon-close-dark:after { | |
36 | content: var(--jqx-icon-close); | |
37 | } | |
38 | .jqx-icon-search-dark:after { | |
39 | content: var(--jqx-icon-search); | |
40 | color: | |
41 | ||
42 | } | |
43 | .jqx-calendar-dark { | |
44 | width: 280px !important; | |
45 | height: 280px !important; | |
46 | } | |
47 | .jqx-fill-state-normal-dark { | |
48 | background: var(--jqx-background); | |
49 | color: var(--jqx-background-color); | |
50 | border-color: var(--jqx-border); | |
51 | } | |
52 | .jqx-fill-state-hover-dark { | |
53 | background: var(--jqx-background-hover); | |
54 | color: var(--jqx-background-color-hover); | |
55 | border-color: var(--jqx-background-hover); | |
56 | } | |
57 | .jqx-fill-state-pressed-dark { | |
58 | background: var(--jqx-primary); | |
59 | color: var(--jqx-primary-color); | |
60 | border-color: var(--jqx-primary); | |
61 | } | |
62 | ||
63 | @font-face { | |
64 | font-family: jqx-icons; | |
65 | src: local('./font/jqx-icons'), url('./font/jqx-icons.woff2') format('woff2'), url('./font/jqx-icons.woff') format('woff'), url('./font/jqx-icons.ttf') format('truetype'), url('./font/jqx-icons.eot') format('embedded-opentype'); | |
66 | font-weight: normal; | |
67 | font-style: normal; | |
68 | } | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
69 | /*Rounded Corners*/ |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
70 | /*top-left rounded Corners*/ |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
71 | .jqx-rc-tl-dark { |
617 | 72 | border-top-left-radius: var(--jqx-border-radius); |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
73 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
74 | /*top-right rounded Corners*/ |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
75 | .jqx-rc-tr-dark { |
617 | 76 | border-top-right-radius: var(--jqx-border-radius); |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
77 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
78 | /*bottom-left rounded Corners*/ |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
79 | .jqx-rc-bl-dark { |
617 | 80 | border-bottom-left-radius: var(--jqx-border-radius); |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
81 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
82 | /*bottom-right rounded Corners*/ |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
83 | .jqx-rc-br-dark { |
617 | 84 | border-bottom-right-radius: var(--jqx-border-radius); |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
85 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
86 | /*top rounded Corners*/ |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
87 | .jqx-rc-t-dark { |
617 | 88 | border-top-left-radius: var(--jqx-border-radius); |
89 | border-top-right-radius: var(--jqx-border-radius); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
90 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
91 | /*bottom rounded Corners*/ |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
92 | .jqx-rc-b-dark { |
617 | 93 | border-bottom-left-radius: var(--jqx-border-radius); |
94 | border-bottom-right-radius:var(--jqx-border-radius); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
95 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
96 | /*right rounded Corners*/ |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
97 | .jqx-rc-r-dark { |
617 | 98 | border-top-right-radius: var(--jqx-border-radius); |
99 | border-bottom-right-radius: var(--jqx-border-radius); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
100 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
101 | /*left rounded Corners*/ |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
102 | .jqx-rc-l-dark { |
617 | 103 | border-top-left-radius: var(--jqx-border-radius); |
104 | border-bottom-left-radius: var(--jqx-border-radius); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
105 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
106 | /*all rounded Corners*/ |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
107 | .jqx-rc-all-dark { |
617 | 108 | border-radius: var(--jqx-border-radius); |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
109 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
110 | |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
111 | .jqx-widget-dark, .jqx-widget-header-dark, .jqx-fill-state-normal-dark, |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
112 | .jqx-widget-content-dark, .jqx-fill-state-hover-dark, .jqx-fill-state-pressed-dark { |
617 | 113 | font-family: var(--jqx-font-family); |
114 | font-size: var(--jqx-font-size); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
115 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
116 | |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
117 | .jqx-widget-dark { |
617 | 118 | font-family: var(--jqx-font-family); |
119 | font-size: var(--jqx-font-size); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
120 | color: inherit; |
617 | 121 | border-color:var(--jqx-border); |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
122 | } |
617 | 123 | |
124 | .jqx-widget-content-dark { | |
125 | font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
126 | font-size: 14px; | |
127 | color: var(--jqx-background-color); | |
128 | background-color: var(--jqx-background); | |
129 | border-color: var(--jqx-border); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
130 | } |
617 | 131 | .jqx-grid-table-dark.jqx-grid-table-one-cell { |
132 | border-right-color: var(--jqx-border); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
133 | } |
617 | 134 | .jqx-widget-header-dark { |
135 | background-color: var(--jqx-surface); | |
136 | border-color: var(--jqx-border); | |
137 | font-weight: 500; | |
138 | font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
139 | font-size: 14px; | |
140 | background: var(--jqx-surface); | |
141 | color: var(--jqx-surface-color); | |
142 | } | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
143 | |
617 | 144 | .jqx-calendar-title-header-dark { |
145 | text-transform: uppercase; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
146 | } |
617 | 147 | .jqx-window-header-dark { |
148 | padding: 10px; | |
149 | text-transform: uppercase; | |
150 | color: var(--jqx-surface-color); | |
151 | background: var(--jqx-surface); | |
152 | } | |
153 | .jqx-calendar tr { | |
154 | border-bottom-color: var(--jqx-border); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
155 | } |
617 | 156 | |
157 | ||
158 | .jqx-widget-dark input::selection, input.jqx-input-widget-dark::selection, .jqx-widget-content-dark input::selection { | |
159 | background: var(--jqx-primary); | |
160 | color: var(--jqx-primary-color); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
161 | } |
617 | 162 | .jqx-toolbar-dark{ |
163 | border-color: var(--jqx-border); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
164 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
165 | |
617 | 166 | .jqx-toolbar-dark { |
167 | height: auto !important; | |
168 | display: flex; | |
169 | align-items: center; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
170 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
171 | |
617 | 172 | .jqx-button-dark, .jqx-button-dark.jqx-fill-state-normal-dark { |
173 | color: var(--jqx-background-color); | |
174 | background-color: var(--jqx-background); | |
175 | border-color: var(--jqx-border); | |
176 | text-transform: uppercase; | |
177 | text-overflow: ellipsis; | |
178 | overflow: hidden; | |
179 | white-space: nowrap; | |
180 | outline: none; | |
181 | transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); | |
182 | border-radius: 4px; | |
183 | box-shadow: 0 0 0 0 rgba(0,0,0,.2), 0 0 0 0 rgba(0,0,0,.14), 0 0 0 0 var(--jqx-border); | |
184 | } | |
185 | .jqx-button-dark.jqx-fill-state-hover-dark, | |
186 | .jqx-button-dark.jqx-fill-state-pressed-dark { | |
187 | background-color: var(--jqx-background-hover); | |
188 | border-color: var(--jqx-border); | |
189 | color: var(--jqx-background-color-hover); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
190 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
191 | |
617 | 192 | .jqx-button-dark.primary { |
193 | color: var(--jqx-primary-color); | |
194 | background-color: var(--jqx-primary); | |
195 | border-color: var(--jqx-primary); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
196 | } |
617 | 197 | .jqx-button-dark.jqx-fill-state-hover-dark.primary, |
198 | .jqx-button-dark.jqx-fill-state-pressed-dark.primary { | |
199 | color: var(--jqx-primary-color); | |
200 | background-color: var(--jqx-primary); | |
201 | border-color: var(--jqx-primary); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
202 | } |
617 | 203 | .jqx-button-dark.secondary, |
204 | .jqx-button-dark.jqx-toolbar-tool { | |
205 | background-color: var(--jqx-surface); | |
206 | border-color: var(--jqx-border); | |
207 | color: var(--jqx-surface-color) !important; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
208 | } |
617 | 209 | .jqx-button-dark.secondary:hover, |
210 | .jqx-button-dark.jqx-toolbar-tool:hover { | |
211 | background-color: var(--jqx-background-hover); | |
212 | border-color: var(--jqx-border); | |
213 | color: var(--jqx-background-color-hover) !important; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
214 | } |
617 | 215 | .jqx-button-dark.secondary:active, |
216 | .jqx-button-dark.jqx-toolbar-tool:active { | |
217 | background-color: var(--jqx-surface); | |
218 | border-color: var(--jqx-border); | |
219 | color: var(--jqx-surface-color) !important; | |
220 | } | |
221 | .jqx-scheduler-edit-dialog-field .jqx-button-dark { | |
222 | padding: 6px 16px; | |
223 | text-transform: uppercase; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
224 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
225 | |
617 | 226 | .jqx-button-dark button, jqx-button-dark input { |
227 | background: transparent; | |
228 | color: inherit; | |
229 | border:none; | |
230 | outline: none; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
231 | } |
617 | 232 | .jqx-group-button-normal-dark{ |
233 | box-shadow: none; | |
234 | background: var(--jqx-background); | |
235 | border-color: var(--jqx-border); | |
236 | color: var(--jqx-background-color) !important; | |
237 | border-radius:0px; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
238 | } |
617 | 239 | .jqx-group-button-normal.jqx-fill-state-hover { |
240 | box-shadow: none !important; | |
241 | } | |
242 | .jqx-group-button-normal.jqx-fill-state-pressed { | |
243 | box-shadow: none !important; | |
244 | background: var(--jqx-primary) !important; | |
245 | border-color: var(--jqx-primary) !important; | |
246 | color: var(--jqx-primary-color)!important; | |
247 | border-radius:0px; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
248 | } |
617 | 249 | |
250 | ||
251 | .jqx-slider-button-dark { | |
252 | padding:3px; | |
253 | background: transparent; | |
254 | border:transparent; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
255 | } |
617 | 256 | .jqx-button-dark.float { |
257 | border-radius: 100%; | |
258 | min-height: 48px; | |
259 | min-width: 48px; | |
260 | width: 48px; | |
261 | height: 48px; | |
262 | max-height: 48px; | |
263 | max-width:48px; | |
264 | } | |
265 | ||
266 | .jqx-button-dark.outlined { | |
267 | background: transparent; | |
268 | color: var(--jqx-primary); | |
269 | border-width: 2px; | |
270 | } | |
271 | ||
272 | .jqx-button-dark.flat { | |
273 | background: transparent; | |
274 | color: var(--jqx-primary); | |
275 | border: none; | |
276 | } | |
277 | ||
278 | .jqx-fill-state-hover-dark, .jqx-fill-state-focus-dark { | |
279 | text-decoration: none; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
280 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
281 | |
617 | 282 | .jqx-expander-header.jqx-fill-state-hover-dark, |
283 | .jqx-expander-header.jqx-fill-state-normal-dark, | |
284 | .jqx-expander-header.jqx-fill-state-pressed-dark | |
285 | { | |
286 | background: var(--jqx-background-hover); | |
287 | border-color: var(--jqx-border); | |
288 | color:var(--jqx-background-color-hover); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
289 | } |
617 | 290 | .jqx-expander-header.jqx-fill-state-hover-dark { |
291 | background: var(--jqx-background-hover); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
292 | } |
617 | 293 | |
294 | .jqx-expander-header-dark { | |
295 | padding:10px; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
296 | } |
617 | 297 | .jqx-button-dark.jqx-fill-state-hover { |
298 | opacity: 0.9; | |
299 | cursor: pointer; | |
300 | box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); | |
301 | *zoom: 1; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
302 | } |
617 | 303 | .jqx-expander-content-dark{ |
304 | padding:0px; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
305 | } |
617 | 306 | |
307 | .jqx-button-dark.jqx-fill-state-hover.outlined, | |
308 | .jqx-button-dark.jqx-fill-state-hover.flat { | |
309 | color: var(--jqx-primary); | |
310 | box-shadow: none; | |
311 | } | |
312 | ||
313 | .jqx-button-dark.jqx-fill-state-pressed { | |
314 | cursor: pointer; | |
315 | box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
316 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
317 | |
617 | 318 | .jqx-button-dark.jqx-fill-state-pressed.float { |
319 | box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); | |
320 | } | |
321 | ||
322 | .jqx-slider-button-dark.jqx-fill-state-pressed-dark, | |
323 | .jqx-button-dark.jqx-fill-state-pressed.outlined, | |
324 | .jqx-button-dark.jqx-fill-state-pressed.flat { | |
325 | background: rgba(179,229,252,0.15); | |
326 | box-shadow: none; | |
327 | color: var(--jqx-primary); | |
328 | } | |
329 | ||
330 | .jqx-button-dark.jqx-fill-state-focus { | |
331 | box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
332 | } |
617 | 333 | .jqx-slider-button-dark.jqx-fill-state-focus-dark { |
334 | background: transparent; | |
335 | border-color: transparent; | |
336 | box-shadow:none; | |
337 | } | |
338 | ||
339 | .jqx-button-dark.jqx-fill-state-focus.outlined, | |
340 | .jqx-button-dark.jqx-fill-state-focus.flat { | |
341 | box-shadow: none; | |
342 | background: rgba(rgb(var(--jqx-primary-rgb)),0.15); | |
343 | color: var(--jqx-primary); | |
344 | } | |
345 | ||
346 | .jqx-dropdownlist-content-dark { | |
347 | display: flex; | |
348 | align-items: center; | |
349 | height: 100% !important; | |
350 | margin-top: 0px !important; | |
351 | } | |
352 | ||
353 | .jqx-dropdownlist-content-dark span { | |
354 | top: 0px !important; | |
355 | } | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
356 | .jqx-dropdownlist-state-normal-dark, .jqx-dropdownlist-state-hover-dark, .jqx-dropdownlist-state-selected-dark, |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
357 | .jqx-scrollbar-button-state-hover-dark, .jqx-scrollbar-button-state-normal-dark, .jqx-scrollbar-button-state-pressed-dark, |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
358 | .jqx-scrollbar-thumb-state-normal-horizontal-dark, .jqx-scrollbar-thumb-state-hover-horizontal-dark, .jqx-scrollbar-thumb-state-pressed-horizontal-dark, |
617 | 359 | .jqx-scrollbar-thumb-state-normal-dark, .jqx-scrollbar-thumb-state-pressed-dark, .jqx-tree-item-hover-dark, .jqx-tree-item-selected-dark, |
360 | .jqx-tree-item-dark, .jqx-menu-item-dark, .jqx-menu-item-hover-dark, .jqx-menu-item-selected-dark, .jqx-menu-item-top-dark, .jqx-menu-item-top-hover-dark, | |
361 | .jqx-menu-item-top-selected-dark, .jqx-slider-button-dark, .jqx-slider-slider-dark { | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
362 | -webkit-transition: background-color 100ms linear; |
617 | 363 | -moz-transition: background-color 100ms linear; |
364 | -o-transition: background-color 100ms linear; | |
365 | -ms-transition: background-color 100ms linear; | |
366 | transition: background-color 100ms linear; | |
367 | } | |
368 | ||
369 | ||
370 | .jqx-primary-dark.jqx-input-label-dark { | |
371 | color: var(--jqx-primary) !important; | |
372 | } | |
373 | .jqx-primary-dark.jqx-input-bar-dark:before { | |
374 | background: var(--jqx-primary) !important; | |
375 | } | |
376 | .jqx-success-dark.jqx-input-label-dark { | |
377 | color: #5cb85c !important; | |
378 | } | |
379 | .jqx-success-dark.jqx-input-bar-dark:before { | |
380 | background: #5cb85c !important; | |
381 | } | |
382 | .jqx-inverse-dark.jqx-input-label-dark { | |
383 | color: #666 !important; | |
384 | } | |
385 | .jqx-inverse-dark.jqx-input-bar-dark:before { | |
386 | background: #666 !important; | |
387 | } | |
388 | .jqx-danger-dark.jqx-input-label-dark { | |
389 | color: #d9534f !important; | |
390 | } | |
391 | .jqx-danger-dark.jqx-input-bar-dark:before { | |
392 | background: #d9534f !important; | |
393 | } | |
394 | .jqx-warning-dark.jqx-input-label-dark { | |
395 | color: #f0ad4e !important; | |
396 | } | |
397 | .jqx-warning-dark.jqx-input-bar-dark:before { | |
398 | background: #f0ad4e !important; | |
399 | } | |
400 | .jqx-info-dark.jqx-input-label-dark { | |
401 | color: #5bc0de !important; | |
402 | } | |
403 | .jqx-info-dark.jqx-input-bar-dark:before { | |
404 | background: #5bc0de !important; | |
405 | } | |
406 | ||
407 | .jqx-slider-tooltip-dark.jqx-primary-slider, .jqx-slider-tooltip-dark.jqx-primary-slider .jqx-fill-state-normal-dark { | |
408 | border-color: var(--jqx-primary); | |
409 | background: var(--jqx-primary); | |
410 | } | |
411 | .jqx-slider-tooltip-dark.jqx-success-slider, .jqx-slider-tooltip-dark.jqx-success-slider .jqx-fill-state-normal-dark { | |
412 | border-color: #5cb85c; | |
413 | background: #5cb85c; | |
414 | } | |
415 | .jqx-slider-tooltip-dark.jqx-inverse-slider, .jqx-slider-tooltip-dark.jqx-inverse-slider .jqx-fill-state-normal-dark { | |
416 | border-color: #666; | |
417 | background: #666; | |
418 | } | |
419 | .jqx-slider-tooltip-dark.jqx-danger-slider, .jqx-slider-tooltip-dark.jqx-danger-slider .jqx-fill-state-normal-dark { | |
420 | border-color: #d9534f; | |
421 | background: #d9534f; | |
422 | } | |
423 | .jqx-slider-tooltip-dark.jqx-warning-slider, .jqx-slider-tooltip-dark.jqx-warning-slider .jqx-fill-state-normal-dark { | |
424 | border-color: #f0ad4e; | |
425 | background: #f0ad4e; | |
426 | } | |
427 | .jqx-slider-tooltip-dark.jqx-info-slider, .jqx-slider-tooltip-dark.jqx-info-slider .jqx-fill-state-normal-dark { | |
428 | border-color: #5bc0de; | |
429 | background: #5bc0de; | |
430 | } | |
431 | ||
432 | ||
433 | .jqx-primary-dark { | |
434 | color: var(--jqx-primary) !important; | |
435 | background: #fff !important; | |
436 | border-color: var(--jqx-primary) !important; | |
437 | text-shadow: none !important; | |
438 | } | |
439 | ||
440 | .jqx-primary-dark.jqx-dropdownlist-state-normal-dark, | |
441 | .jqx-primary-dark.jqx-slider-button-dark, | |
442 | .jqx-primary-dark.jqx-slider-slider-dark, | |
443 | .jqx-primary-dark.jqx-combobox-arrow-normal-dark, | |
444 | .jqx-primary-dark.jqx-combobox-arrow-hover-dark, | |
445 | .jqx-primary-dark.jqx-action-button-dark, | |
446 | .jqx-primary-dark:hover, | |
447 | .jqx-primary-dark:focus, | |
448 | .jqx-primary-dark:active, | |
449 | .jqx-primary-dark.active, | |
450 | .jqx-primary-dark.disabled, | |
451 | .jqx-primary-dark[disabled] { | |
452 | color: #fff !important; | |
453 | background: var(--jqx-primary) !important; | |
454 | border-color: var(--jqx-primary) !important; | |
455 | text-shadow: none !important; | |
456 | } | |
457 | ||
458 | .jqx-fill-state-pressed-dark.jqx-primary-dark, | |
459 | .jqx-primary-dark:active, | |
460 | .jqx-primary-dark.active { | |
461 | color: #fff !important; | |
462 | background-color: var(--jqx-primary) !important; | |
463 | border-color: var(--jqx-primary) !important; | |
464 | text-shadow: none !important; | |
465 | } | |
466 | ||
467 | .jqx-success-dark { | |
468 | color: #5cb85c !important; | |
469 | background: #fff !important; | |
470 | border-color: #5cb85c !important; | |
471 | text-shadow: none !important; | |
472 | } | |
473 | ||
474 | .jqx-success-dark.jqx-dropdownlist-state-normal-dark, | |
475 | .jqx-success-dark.jqx-slider-button-dark, | |
476 | .jqx-success-dark.jqx-slider-slider-dark, | |
477 | .jqx-success-dark.jqx-combobox-arrow-normal-dark, | |
478 | .jqx-success-dark.jqx-combobox-arrow-hover-dark, | |
479 | .jqx-success-dark.jqx-action-button-dark, | |
480 | .jqx-success-dark:hover, | |
481 | .jqx-success-dark:focus, | |
482 | .jqx-success-dark:active, | |
483 | .jqx-success-dark.active, | |
484 | .jqx-success-dark.disabled, | |
485 | .jqx-success-dark[disabled] { | |
486 | color: #fff !important; | |
487 | background: #5cb85c !important; | |
488 | border-color: #5cb85c !important; | |
489 | text-shadow: none !important; | |
490 | } | |
491 | ||
492 | .jqx-fill-state-pressed-dark.jqx-success-dark, | |
493 | .jqx-success-dark:active, | |
494 | .jqx-success-dark.active { | |
495 | text-shadow: none !important; | |
496 | color: #fff !important; | |
497 | background: #5cb85c !important; | |
498 | border-color: #5cb85c !important; | |
499 | } | |
500 | ||
501 | .jqx-inverse-dark { | |
502 | text-shadow: none !important; | |
503 | color: #666 !important; | |
504 | background: #fff !important; | |
505 | border-color: #cccccc !important; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
506 | } |
617 | 507 | |
508 | .jqx-inverse-dark.jqx-dropdownlist-state-normal-dark, | |
509 | .jqx-inverse-dark.jqx-slider-button-dark, | |
510 | .jqx-inverse-dark.jqx-slider-slider-dark, | |
511 | .jqx-inverse-dark.jqx-combobox-arrow-hover-dark, | |
512 | .jqx-inverse-dark.jqx-combobox-arrow-normal-dark, | |
513 | .jqx-inverse-dark.jqx-action-button-dark, | |
514 | .jqx-inverse-dark:hover, | |
515 | .jqx-inverse-dark:focus, | |
516 | .jqx-inverse-dark:active, | |
517 | .jqx-inverse-dark.active, | |
518 | .jqx-inverse-dark.disabled, | |
519 | .jqx-inverse-dark[disabled] { | |
520 | text-shadow: none !important; | |
521 | color: #666 !important; | |
522 | background: #cccccc !important; | |
523 | border-color: #cccccc !important; | |
524 | } | |
525 | ||
526 | .jqx-fill-state-pressed-dark.jqx-inverse-dark, | |
527 | .jqx-inverse-dark:active, | |
528 | .jqx-inverse-dark.active { | |
529 | text-shadow: none !important; | |
530 | color: #666 !important; | |
531 | background: #cccccc !important; | |
532 | border-color: #cccccc !important; | |
533 | } | |
534 | ||
535 | ||
536 | .jqx-danger-dark { | |
537 | text-shadow: none !important; | |
538 | color: #d9534f !important; | |
539 | background: #fff !important; | |
540 | border-color: #d9534f !important; | |
541 | } | |
542 | ||
543 | .jqx-danger-dark.jqx-dropdownlist-state-normal-dark, | |
544 | .jqx-danger-dark.jqx-slider-button-dark, | |
545 | .jqx-danger-dark.jqx-slider-slider-dark, | |
546 | .jqx-danger-dark.jqx-combobox-arrow-hover-dark, | |
547 | .jqx-danger-dark.jqx-combobox-arrow-normal-dark, | |
548 | .jqx-danger-dark.jqx-action-button-dark, | |
549 | .jqx-danger-dark:hover, | |
550 | .jqx-danger-dark:focus, | |
551 | .jqx-danger-dark:active, | |
552 | .jqx-danger-dark.active, | |
553 | .jqx-danger-dark.disabled, | |
554 | .jqx-danger-dark[disabled] { | |
555 | text-shadow: none !important; | |
556 | color: #fff !important; | |
557 | background: #d9534f !important; | |
558 | border-color: #d9534f !important; | |
559 | } | |
560 | ||
561 | .jqx-fill-state-pressed-dark.jqx-danger-dark, | |
562 | .jqx-danger-dark:active, | |
563 | .jqx-danger-dark.active { | |
564 | text-shadow: none !important; | |
565 | color: #fff !important; | |
566 | background: #d9534f !important; | |
567 | border-color: #d9534f !important; | |
568 | } | |
569 | ||
570 | .jqx-validator-error-label-dark { | |
571 | color: #d9534f !important; | |
572 | } | |
573 | ||
574 | .jqx-warning-dark { | |
575 | text-shadow: none !important; | |
576 | color: #f0ad4e !important; | |
577 | background: #fff !important; | |
578 | border-color: #f0ad4e !important; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
579 | } |
617 | 580 | |
581 | .jqx-warning-dark.jqx-dropdownlist-state-normal-dark, | |
582 | .jqx-warning-dark.jqx-slider-button-dark, | |
583 | .jqx-warning-dark.jqx-slider-slider-dark, | |
584 | .jqx-warning-dark.jqx-combobox-arrow-hover-dark, | |
585 | .jqx-warning-dark.jqx-combobox-arrow-normal-dark, | |
586 | .jqx-warning-dark.jqx-action-button-dark, | |
587 | .jqx-warning-dark:hover, | |
588 | .jqx-warning-dark:focus, | |
589 | .jqx-warning-dark:active, | |
590 | .jqx-warning-dark.active, | |
591 | .jqx-warning-dark.disabled, | |
592 | .jqx-warning-dark[disabled] { | |
593 | text-shadow: none !important; | |
594 | color: #fff !important; | |
595 | background: #f0ad4e !important; | |
596 | border-color: #f0ad4e !important; | |
597 | } | |
598 | ||
599 | .jqx-fill-state-pressed-dark.jqx-warning-dark, | |
600 | .jqx-warning-dark:active, | |
601 | .jqx-warning-dark.active { | |
602 | text-shadow: none !important; | |
603 | color: #fff !important; | |
604 | background: #f0ad4e !important; | |
605 | border-color: #f0ad4e !important; | |
606 | } | |
607 | ||
608 | ||
609 | .jqx-info-dark { | |
610 | text-shadow: none !important; | |
611 | color: #5bc0de !important; | |
612 | background: #fff !important; | |
613 | border-color: #5bc0de !important; | |
614 | } | |
615 | ||
616 | .jqx-info-dark.jqx-dropdownlist-state-normal-dark, | |
617 | .jqx-info-dark.jqx-slider-button-dark, | |
618 | .jqx-info-dark.jqx-slider-slider-dark, | |
619 | .jqx-info-dark.jqx-combobox-arrow-hover-dark, | |
620 | .jqx-info-dark.jqx-combobox-arrow-normal-dark, | |
621 | .jqx-info-dark.jqx-action-button-dark, | |
622 | .jqx-info-dark:hover, | |
623 | .jqx-info-dark:focus, | |
624 | .jqx-info-dark:active, | |
625 | .jqx-info-dark.active, | |
626 | .jqx-info-dark.disabled, | |
627 | .jqx-info-dark[disabled] { | |
628 | color: #fff !important; | |
629 | background: #5bc0de !important; | |
630 | border-color: #5bc0de !important; | |
631 | text-shadow: none !important; | |
632 | } | |
633 | ||
634 | .jqx-fill-state-pressed-dark.jqx-info-dark, | |
635 | .jqx-info-dark:active, | |
636 | .jqx-info-dark.active { | |
637 | text-shadow: none !important; | |
638 | color: #fff !important; | |
639 | background: #5bc0de !important; | |
640 | border-color: #5bc0de !important; | |
641 | } | |
642 | ||
643 | .jqx-fill-state-pressed-dark { | |
644 | background-image: none; | |
645 | outline: 0; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
646 | } |
617 | 647 | |
648 | .jqx-grid-group-column-dark { | |
649 | border-color: transparent; | |
650 | } | |
651 | .jqx-grid-column-menubutton-dark { | |
652 | border-width: 0px; | |
653 | } | |
654 | .jqx-grid-groups-row-dark > span { | |
655 | padding-left: 4px; | |
656 | } | |
657 | .jqx-grid-column-filterbutton-dark, | |
658 | .jqx-grid-column-menubutton-dark{ | |
659 | background-image: none; | |
660 | font-family: 'jqx-icons'; | |
661 | display: flex; | |
662 | justify-content: center; | |
663 | align-items: center; | |
664 | margin-top: 0px; | |
665 | } | |
666 | ||
667 | .jqx-grid-column-filterbutton-dark:after { | |
668 | content: var(--jqx-icon-filter); | |
669 | background: var(--jqx-surface); | |
670 | color: var(--jqx-surface-color); | |
671 | } | |
672 | .jqx-grid-column-menubutton-dark:after { | |
673 | content: var(--jqx-icon-menu) !important; | |
674 | background: var(--jqx-surface); | |
675 | color: var(--jqx-surface-color); | |
676 | } | |
677 | ||
678 | .jqx-datatable-dark .jqx-widget-header-dark .jqx-grid-column-header-dark { | |
679 | border-right-color: var(--jqx-border); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
680 | } |
617 | 681 | .jqx-datatable-dark .jqx-widget-header-dark:not(:hover) .jqx-grid-column-header-dark { |
682 | border-right-color: transparent !important; | |
683 | } | |
684 | ||
685 | .jqx-datatable-dark td.jqx-grid-cell-dark, | |
686 | .jqx-treegrid-dark .jqx-grid-cell-dark{ | |
687 | padding-top: 10px; | |
688 | padding-bottom: 9px; | |
689 | font-size: 14px; | |
690 | border-left: none !important; | |
691 | } | |
692 | ||
693 | .jqx-grid-cell-dark { | |
694 | background: var(--jqx-background); | |
695 | color: var(--jqx-background-color); | |
696 | -webkit-box-shadow: none; | |
697 | -moz-box-shadow: none; | |
698 | box-shadow: none; | |
699 | } | |
700 | .jqx-grid-cell-alt-dark { | |
701 | background: #333; | |
702 | color: var(--jqx-surface-color); | |
703 | } | |
704 | ||
705 | .jqx-grid-pager-top-dark .jqx-button-dark, | |
706 | .jqx-grid-pager-dark .jqx-button-dark { | |
707 | color: inherit !important; | |
708 | background-color: transparent !important; | |
709 | border-color: transparent !important; | |
710 | position: relative; | |
711 | top: 0px; | |
712 | border-radius: 4px; | |
713 | display: flex; | |
714 | font-size: 16px; | |
715 | justify-content: center; | |
716 | align-content: center; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
717 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
718 | |
617 | 719 | .jqx-grid-pager-input-dark { |
720 | padding:0px !important; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
721 | } |
617 | 722 | |
723 | .jqx-grid-pager-top-dark .jqx-button-dark > div, | |
724 | .jqx-grid-pager-dark .jqx-button-dark > div { | |
725 | top: 0px; | |
726 | position: relative; | |
727 | left: 0px; | |
728 | display: flex; | |
729 | align-items: center; | |
730 | margin-left: 0px !important; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
731 | } |
617 | 732 | |
733 | .jqx-grid-pager-top-dark .jqx-button-dark.jqx-fill-state-hover, | |
734 | .jqx-grid-pager-dark .jqx-button-dark.jqx-fill-state-hover | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
735 | { |
617 | 736 | color: var(--jqx-background-color-hover); |
737 | background: var(--jqx-background-hover); | |
738 | border-color: var(--jqx-background-hover); | |
739 | box-shadow: none; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
740 | } |
617 | 741 | .jqx-grid-pager-top-dark .jqx-button-dark.jqx-fill-state-pressed, |
742 | .jqx-grid-pager-dark .jqx-button-dark.jqx-fill-state-pressed | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
743 | { |
617 | 744 | background: var(--jqx-primary); |
745 | } | |
746 | .jqx-grid-pager-dark .jqx-button-dark:hover:after, | |
747 | .jqx-grid-pager-top-dark .jqx-button-dark:hover:after, | |
748 | .jqx-grid-pager-top-dark .jqx-button-dark.jqx-fill-state-pressed-dark:after, | |
749 | .jqx-grid-pager-dark .jqx-button-dark.jqx-fill-state-pressed-dark:after { | |
750 | content: ''; | |
751 | position: absolute; | |
752 | width: calc(100% - 4px); | |
753 | height: calc(100% - 4px); | |
754 | border: 2px solid var(--jqx-background); | |
755 | border-radius: 4px; | |
756 | left:0px; | |
757 | top:0px; | |
758 | } | |
759 | .jqx-grid-pager-top-dark .jqx-grid-pager-number-dark, | |
760 | .jqx-grid-pager-dark .jqx-grid-pager-number-dark { | |
761 | background-color: transparent; | |
762 | border-color: transparent; | |
763 | color: inherit; | |
764 | font-size:14px; | |
765 | padding: 6px 10px; | |
766 | border-radius: 4px; | |
767 | ||
768 | position: relative; | |
769 | } | |
770 | ||
771 | .jqx-grid-pager-top-dark .jqx-grid-pager-number-dark:hover, | |
772 | .jqx-grid-pager-dark .jqx-grid-pager-number-dark:hover { | |
773 | background: var(--jqx-background-hover); | |
774 | color:var(--jqx-background-color-hover) !important; | |
775 | font-size: var(--jqx-font-size); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
776 | } |
617 | 777 | .jqx-grid-pager-dark .jqx-grid-pager-number-dark:hover:after, |
778 | .jqx-grid-pager-top-dark .jqx-grid-pager-number-dark:hover:after, | |
779 | .jqx-grid-pager-top-dark .jqx-grid-pager-number-dark.jqx-fill-state-pressed-dark:after, | |
780 | .jqx-grid-pager-dark .jqx-grid-pager-number-dark.jqx-fill-state-pressed-dark:after { | |
781 | content: ''; | |
782 | position: absolute; | |
783 | width: calc(100% - 4px); | |
784 | height: calc(100% - 4px); | |
785 | border: 2px solid var(--jqx-background); | |
786 | border-radius: var(--jqx-border-radius); | |
787 | left:0px; | |
788 | top:0px; | |
789 | } | |
790 | .jqx-grid-pager-top-dark .jqx-grid-pager-number-dark.jqx-fill-state-pressed-dark , | |
791 | .jqx-grid-pager-dark .jqx-grid-pager-number-dark.jqx-fill-state-pressed-dark { | |
792 | font-weight: bold !important; | |
793 | background: var(--jqx-primary); | |
794 | color:var(--jqx-background) !important; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
795 | } |
617 | 796 | |
797 | .jqx-grid-column-menubutton-dark { | |
798 | background-color: transparent; | |
799 | border-color: var(--jqx-border) !important; | |
800 | } | |
801 | ||
802 | .jqx-cell-dark { | |
803 | font-size: 13px; | |
804 | } | |
805 | ||
806 | .jqx-calendar-dark > div { | |
807 | padding: 0px; | |
808 | box-sizing: border-box; | |
809 | } | |
810 | .jqx-calendar-month-dark { | |
811 | width: 90%; | |
812 | position: relative; | |
813 | left: 5%; | |
814 | } | |
815 | .jqx-calendar-title-navigation-dark { | |
816 | font-size: 20px; | |
817 | padding: 0px 20px; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
818 | } |
617 | 819 | .jqx-calendar-row-header-dark, .jqx-calendar-top-left-header-dark { |
820 | background-color: var(--jqx-background); | |
821 | border: 0px solid var(--jqx-background); | |
822 | } | |
823 | ||
824 | .jqx-calendar-column-header-dark { | |
825 | background-color: var(--jqx-background); | |
826 | border-top: 1px solid var(--jqx-background); | |
827 | border-bottom: 1px solid var(--jqx-border); | |
828 | font-size: 12px; | |
829 | color: var(--jqx-background-color); | |
830 | } | |
831 | ||
832 | .jqx-expander-header-dark { | |
833 | padding-top: 10px; | |
834 | padding-bottom: 10px; | |
835 | } | |
836 | ||
837 | .jqx-ribbon-header-vertical-dark, .jqx-widget-header-vertical-dark { | |
838 | background: var(--jqx-background); | |
839 | } | |
840 | ||
841 | .jqx-scrollbar-state-normal-dark { | |
842 | background-color: var(--jqx-scrollbar-background); | |
843 | border: 1px solid var(--jqx-scrollbar-background); | |
844 | border-left-color: var(--jqx-scrollbar-border); | |
845 | } | |
846 | ||
847 | .jqx-scrollbar-thumb-state-normal-dark, .jqx-scrollbar-thumb-state-normal-horizontal-dark { | |
848 | background: var(--jqx-scrollbar-thumb-background); | |
849 | border-color: var(--jqx-scrollbar-thumb-border); | |
850 | border-radius: 0px; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
851 | } |
617 | 852 | |
853 | .jqx-scrollbar-thumb-state-hover-dark, .jqx-scrollbar-thumb-state-hover-horizontal-dark { | |
854 | background: var(--jqx-scrollbar-thumb-background-hover); | |
855 | border-color: var(--jqx-scrollbar-thumb-border-hover); | |
856 | box-shadow: none; | |
857 | -webkit-box-shadow: none; | |
858 | -moz-box-shadow: none; | |
859 | } | |
860 | ||
861 | .jqx-progressbar-dark { | |
862 | background: var(--jqx-background) !important; | |
863 | -webkit-box-shadow: none; | |
864 | -moz-box-shadow: none; | |
865 | box-shadow: none; | |
866 | } | |
867 | ||
868 | .jqx-progressbar-value-dark, .jqx-splitter-collapse-button-horizontal-dark { | |
869 | background: var(--jqx-primary); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
870 | } |
617 | 871 | |
872 | .jqx-splitter-collapse-button-vertical-dark, .jqx-progressbar-value-vertical-dark { | |
873 | background: var(--jqx-primary); | |
874 | } | |
875 | .jqx-scrollbar-mobile-dark .jqx-scrollbar-button-state-normal { | |
876 | display: none !important; | |
877 | } | |
878 | .jqx-scrollbar-button-state-hover-dark { | |
879 | color: var(--jqx-scrollbar-button-color-hover); | |
880 | background: var(--jqx-scrollbar-button-background-hover); | |
881 | border-color: var(--jqx-scrollbar-button-border-hover); | |
882 | } | |
883 | ||
884 | ||
885 | .jqx-scrollbar-button-state-pressed-dark { | |
886 | color: var(--jqx-scrollbar-button-color-pressed); | |
887 | background: var(--jqx-scrollbar-button-background-pressed); | |
888 | border-color: var(--jqx-scrollbar-button-border-pressed); | |
889 | } | |
890 | ||
891 | .jqx-splitter-splitbar-vertical-dark, | |
892 | .jqx-splitter-splitbar-horizontal-dark { | |
893 | background: var(--jqx-scrollbar-thumb-background); | |
894 | border-color: var(--jqx-scrollbar-thumb-border); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
895 | } |
617 | 896 | |
897 | .jqx-scrollbar-thumb-state-pressed-dark, | |
898 | .jqx-scrollbar-thumb-state-pressed-horizontal-dark, | |
899 | .jqx-scrollbar-button-state-pressed-dark { | |
900 | background: var(--jqx-scrollbar-thumb-background-pressed); | |
901 | border-color: var(--jqx-scrollbar-thumb-border-pressed); | |
902 | box-shadow: none; | |
903 | } | |
904 | ||
905 | .jqx-grid-column-sortdescbutton-dark, jqx-grid-column-filterbutton-dark, .jqx-grid-column-sortascbutton-dark { | |
906 | background-color: transparent; | |
907 | border-style: solid; | |
908 | border-width: 0px 0px 0px 0px; | |
909 | border-color: var(--jqx-border); | |
910 | } | |
911 | ||
912 | .jqx-menu-vertical-dark { | |
913 | background: var(--jqx-background); | |
914 | filter: none; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
915 | } |
617 | 916 | |
917 | .jqx-grid-bottomright-dark, .jqx-panel-bottomright-dark, .jqx-listbox-bottomright-dark { | |
918 | background-color: var(--jqx-scrollbar-background); | |
919 | } | |
920 | ||
921 | .jqx-window-dark, .jqx-tooltip-dark { | |
922 | box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
923 | } |
617 | 924 | .jqx-tooltip-dark, .jqx-tooltip-dark.jqx-popup-dark, .jqx-tooltip-dark .jqx-fill-state-normal-dark { |
925 | background: var(--jqx-primary); | |
926 | border-color: var(--jqx-primary); | |
927 | box-shadow:none; | |
928 | color: var(--jqx-primary-color); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
929 | } |
617 | 930 | .jqx-docking-dark .jqx-window-dark { |
931 | box-shadow: none; | |
932 | } | |
933 | ||
934 | .jqx-docking-panel-dark .jqx-window-dark { | |
935 | box-shadow: none; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
936 | } |
617 | 937 | |
938 | .jqx-checkbox-dark { | |
939 | line-height:20px; | |
940 | overflow: visible; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
941 | } |
617 | 942 | .jqx-radiobutton-dark { |
943 | overflow: visible; | |
944 | box-shadow: none; | |
945 | -webkit-box-shadow: none; | |
946 | -moz-box-shadow: none; | |
947 | background-repeat: no-repeat; | |
948 | background: none; | |
949 | line-height:20px; | |
950 | } | |
951 | ||
952 | .jqx-radiobutton-dark-dark, .jqx-radiobutton-hover-dark { | |
953 | border-radius: 100%; | |
954 | background-repeat: no-repeat; | |
955 | transition: background-color ease-in .3s; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
956 | } |
617 | 957 | |
958 | .jqx-radiobutton-check-checked-dark { | |
959 | filter: none; | |
960 | background: var(--jqx-background); | |
961 | background-repeat: no-repeat; | |
962 | border-radius: 100%; | |
963 | } | |
964 | ||
965 | .jqx-radiobutton-check-indeterminate-dark { | |
966 | filter: none; | |
967 | background: var(--jqx-background); | |
968 | border-radius: 100%; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
969 | } |
617 | 970 | |
971 | .jqx-radiobutton-check-indeterminate-disabled-dark { | |
972 | filter: none; | |
973 | background: var(--jqx-background); | |
974 | opacity: 0.7; | |
975 | border-radius: 100%; | |
976 | } | |
977 | ||
978 | .jqx-checkbox-default-dark, | |
979 | .jqx-radiobutton-default-dark | |
980 | { | |
981 | border-width: 1px; | |
982 | border-color: var(--jqx-border); | |
983 | background-color: var(--jqx-background); | |
984 | overflow: visible; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
985 | } |
617 | 986 | |
987 | .jqx-tree-grid-expand-button-dark, | |
988 | .jqx-tree-grid-collapse-button-dark { | |
989 | font-size: 16px; | |
990 | } | |
991 | .jqx-grid-table-dark .jqx-grid-cell:first-child { | |
992 | padding-left: 10px; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
993 | } |
617 | 994 | .jqx-tree-grid-title-dark { |
995 | margin-left: 5px; | |
996 | } | |
997 | .jqx-tree-dark .jqx-checkbox-dark .jqx-checkbox-default-dark, | |
998 | .jqx-checkbox-dark[checked] .jqx-checkbox-default-dark, | |
999 | .jqx-tree-grid-checkbox[checked].jqx-checkbox-default-dark, | |
1000 | .jqx-radiobutton-dark[checked] .jqx-radiobutton-default-dark | |
1001 | { | |
1002 | color: var(--jqx-primary-color); | |
1003 | background-color: var(--jqx-primary); | |
1004 | border-color: var(--jqx-primary); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1005 | } |
617 | 1006 | .jqx-menu-item-disabled-dark { |
1007 | color: inherit; | |
1008 | } | |
1009 | ||
1010 | .jqx-grid-dark .jqx-checkbox-default-dark { | |
1011 | border-radius: 0px; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1012 | } |
617 | 1013 | .jqx-checkbox-check-checked-dark { |
1014 | background: none; | |
1015 | font-family: jqx-icons; | |
1016 | display: flex; | |
1017 | justify-content: center; | |
1018 | } | |
1019 | ||
1020 | .jqx-checkbox-check-checked-dark:after { | |
1021 | content: var(--jqx-icon-check); | |
1022 | } | |
1023 | .jqx-checkbox-check-indeterminate-dark { | |
1024 | width:14px !important; | |
1025 | height:14px !important; | |
1026 | position:relative; | |
1027 | top: 1px; | |
1028 | left: 1px; | |
1029 | background: var(--jqx-background); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1030 | } |
617 | 1031 | .jqx-tree-dark .jqx-checkbox-check-indeterminate-dark { |
1032 | width:12px !important; | |
1033 | height:12px !important; | |
1034 | top: 2px; | |
1035 | left:2px; | |
1036 | } | |
1037 | ||
1038 | .jqx-checkbox-hover-dark, | |
1039 | .jqx-radiobutton-hover-dark { | |
1040 | background-color: var(--jqx-primary); | |
1041 | border-color: var(--jqx-primary); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1042 | } |
617 | 1043 | |
1044 | ||
1045 | .jqx-slider-slider-dark { | |
1046 | transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s ease; | |
1047 | } | |
1048 | ||
1049 | .jqx-slider-slider-dark:active { | |
1050 | transform: scale(1.2); | |
1051 | box-shadow: rgba(0,0,0,0.3) 0 0 10px; | |
1052 | } | |
1053 | .jqx-slider-dark[discrete] .jqx-slider-slider-dark:active | |
1054 | { | |
1055 | transform: scaleX(0); | |
1056 | ||
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1057 | } |
617 | 1058 | .jqx-slider-slider-horizontal-dark { |
1059 | background: var(--jqx-primary); | |
1060 | } | |
1061 | .jqx-slider-slider-vertical-dark { | |
1062 | background: var(--jqx-primary); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1063 | } |
617 | 1064 | .jqx-slider-tooltip-dark { |
1065 | width: 25px; | |
1066 | height: 25px; | |
1067 | transform-origin: 50% 100%; | |
1068 | border-radius: 50%; | |
1069 | transform: scale(0) rotate(45deg); | |
1070 | padding:0px; | |
1071 | background: transparent !important; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1072 | } |
617 | 1073 | .jqx-slider-tooltip-dark.init { |
1074 | transform: scale(1) rotate(45deg); | |
1075 | } | |
1076 | .jqx-slider-tooltip-dark.hide { | |
1077 | transition: transform 0.2s ease; | |
1078 | transform-origin:50% 100%; | |
1079 | transform: scale(0) rotate(45deg); | |
1080 | } | |
1081 | .jqx-slider-tooltip-dark.show { | |
1082 | transition: transform 0.2s ease; | |
1083 | transform: scale(1) rotate(45deg); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1084 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1085 | |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1086 | |
617 | 1087 | .jqx-slider-tooltip-dark .jqx-tooltip-arrow-t-b, |
1088 | .jqx-slider-tooltip-dark .jqx-tooltip-arrow-l-r { | |
1089 | display:none; | |
1090 | visibility:hidden; | |
1091 | } | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1092 | |
617 | 1093 | .jqx-slider-tooltip-dark, .jqx-slider-tooltip-dark .jqx-fill-state-normal-dark { |
1094 | border-radius: 15px 15px 0px; | |
1095 | display: flex; | |
1096 | align-items: center; | |
1097 | justify-content: center; | |
1098 | background: var(--jqx-primary); | |
1099 | color: var(--jqx-primary-color); | |
1100 | font-size:11px; | |
1101 | } | |
1102 | .jqx-slider-tooltip-dark.far, .jqx-slider-tooltip-dark.far .jqx-fill-state-normal-dark { | |
1103 | border-radius: 0px 15px 15px 15px; | |
1104 | } | |
1105 | .jqx-slider-tooltip-dark.vertical, .jqx-slider-tooltip-dark.vertical .jqx-fill-state-normal-dark { | |
1106 | border-radius: 15px 0px 15px 15px; | |
1107 | } | |
1108 | .jqx-slider-tooltip-dark.vertical.far, .jqx-slider-tooltip-dark.vertical.far .jqx-fill-state-normal-dark { | |
1109 | border-radius: 15px 15px 15px 0px; | |
1110 | } | |
1111 | .jqx-slider-tooltip-dark { | |
1112 | background:transparent; | |
1113 | border:none !important; | |
1114 | box-shadow:none; | |
1115 | } | |
1116 | .jqx-slider-tooltip-dark .jqx-tooltip-main-dark { | |
1117 | top: -7px; | |
1118 | right: 11px; | |
1119 | } | |
1120 | .jqx-slider-tooltip-dark.far .jqx-tooltip-main-dark { | |
1121 | top: 3px; | |
1122 | right: 4px; | |
1123 | } | |
1124 | .jqx-slider-tooltip-dark.vertical .jqx-tooltip-main-dark { | |
1125 | top: -3px; | |
1126 | right: 3px; | |
1127 | } | |
1128 | .jqx-slider-tooltip-dark .jqx-tooltip-text { | |
1129 | background: transparent; | |
1130 | border:none; | |
1131 | padding: 0px; | |
1132 | overflow:visible; | |
1133 | } | |
1134 | .jqx-slider-tooltip-dark .jqx-tooltip-text>span { | |
1135 | transform: rotate(-45deg); | |
1136 | } | |
1137 | .jqx-slider-tooltip-dark.range { | |
1138 | width: 35px; | |
1139 | height:35px; | |
1140 | } | |
1141 | ||
1142 | .jqx-slider-rangebar-dark { | |
1143 | border-color: var(--jqx-primary); | |
1144 | background: var(--jqx-primary); | |
1145 | } | |
1146 | ||
1147 | .jqx-slider-track-horizontal-dark, .jqx-slider-track-vertical-dark { | |
1148 | border-color: var(--jqx-border); | |
1149 | background: var(--jqx-background); | |
1150 | } | |
1151 | ||
1152 | .jqx-slider-button-dark { | |
1153 | -moz-border-radius: 100%; | |
1154 | -webkit-border-radius: 100%; | |
1155 | border-radius: 100%; | |
1156 | } | |
1157 | .jqx-slider-button-dark.jqx-fill-state-normal-dark, | |
1158 | .jqx-slider-button-dark.jqx-fill-state-hover-dark, | |
1159 | .jqx-slider-button-dark.jqx-fill-state-pressed-dark | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1160 | { |
617 | 1161 | background: transparent !important; |
1162 | } | |
1163 | ||
1164 | .jqx-tree-item-dark, | |
1165 | .jqx-tree-item-selected { | |
1166 | padding: 6px; | |
1167 | border-radius: 4px; | |
1168 | } | |
1169 | .jqx-listitem-element-dark .jqx-checkbox-default-dark { | |
1170 | border-radius: 0px; | |
1171 | } | |
1172 | .jqx-listitem-state-hover-dark, | |
1173 | .jqx-listitem-state-selected-dark, | |
1174 | .jqx-listitem-state-normal-dark { | |
1175 | border-radius: 0; | |
1176 | margin:0px; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1177 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1178 | |
617 | 1179 | .jqx-scheduler-edit-dialog-label-dark { |
1180 | font-size: 12px; | |
1181 | text-transform: uppercase; | |
1182 | padding-top: 6px; | |
1183 | padding-bottom: 6px; | |
1184 | ||
1185 | } | |
1186 | .jqx-scheduler-edit-dialog-field-dark { | |
1187 | padding-top: 6px; | |
1188 | padding-bottom: 6px; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1189 | } |
617 | 1190 | .jqx-scheduler-edit-dialog-label-rtl-dark { |
1191 | line-height: 35px; | |
1192 | padding-top: 6px; | |
1193 | padding-bottom: 6px; | |
1194 | } | |
1195 | .jqx-scheduler-edit-dialog-field-rtl-dark { | |
1196 | line-height: 35px; | |
1197 | padding-top: 6px; | |
1198 | padding-bottom: 6px; | |
1199 | } | |
1200 | .jqx-menu-horizontal-dark { | |
1201 | height: auto !important; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1202 | } |
617 | 1203 | .jqx-menu-horizontal-dark .jqx-menu-item-top-dark { |
1204 | padding: 8px; | |
1205 | } | |
1206 | .jqx-menu-item-top-dark, | |
1207 | .jqx-menu-item-dark { | |
1208 | padding: 8px; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1209 | } |
617 | 1210 | /*applied to a list item when the item is selected.*/ |
1211 | .jqx-listitem-state-hover-dark, .jqx-menu-item-hover-dark, .jqx-tree-item-hover-dark, .jqx-calendar-cell-hover-dark, .jqx-grid-cell-hover-dark, | |
1212 | .jqx-input-popup-dark .jqx-fill-state-hover-dark, | |
1213 | .jqx-input-popup-dark .jqx-fill-state-pressed-dark { | |
1214 | color: var(--jqx-background-color-hover) !important; | |
1215 | border-color: var(--jqx-background-hover); | |
1216 | text-decoration: none; | |
1217 | background-color: var(--jqx-background-hover); | |
1218 | background-repeat: repeat-x; | |
1219 | outline: 0; | |
1220 | background: var(--jqx-background-hover); | |
1221 | box-shadow: none; | |
1222 | background-position: 0 0; | |
1223 | } | |
1224 | ||
1225 | .jqx-scheduler-cell-hover-dark { | |
1226 | border-color: var(--jqx-primary) !important; | |
1227 | background: var(--jqx-primary) !important; | |
1228 | color: var(--jqx-background) !important; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1229 | } |
617 | 1230 | |
1231 | .jqx-listitem-state-selected-dark, .jqx-menu-item-selected-dark, .jqx-tree-item-selected-dark, .jqx-calendar-cell-selected-dark, .jqx-grid-cell-selected-dark, | |
1232 | .jqx-menu-item-top-selected-dark, .jqx-grid-selectionarea-dark, .jqx-input-button-header-dark, .jqx-input-button-innerHeader-dark { | |
1233 | color: var(--jqx-primary-color) !important; | |
1234 | border-color: var(--jqx-primary) !important; | |
1235 | background: var(--jqx-primary) !important; /* Old browsers */ | |
1236 | box-shadow: none; | |
1237 | } | |
1238 | ||
1239 | .jqx-grid-cell-dark .jqx-button-dark, .jqx-grid-cell-dark .jqx-button-dark.jqx-fill-state-hover-dark, .jqx-grid-cell-dark .jqx-button-dark.jqx-fill-state-pressed-dark { | |
1240 | box-shadow: none; | |
1241 | transition: none; | |
1242 | } | |
1243 | ||
1244 | .jqx-menu-popup-dark{ | |
1245 | opacity: 0; | |
1246 | transform-origin: top left; | |
1247 | box-shadow: 0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 3px rgba(0,0,0,.12),0 4px 15px 0 rgba(0,0,0,.2); | |
1248 | background: var(--jqx-background) !important; | |
1249 | } | |
1250 | .jqx-menu-popup-dark.top { | |
1251 | transform: scaleY(0); | |
1252 | transition: transform 0.2s ease-in-out, opacity 0.3s ease-in-out; | |
1253 | } | |
1254 | ||
1255 | .jqx-menu-popup-dark.horizontal { | |
1256 | transform: scaleX(0); | |
1257 | transition: transform 0.2s ease-in-out, opacity 0.3s ease-in-out; | |
1258 | } | |
1259 | ||
1260 | .jqx-menu-popup-dark.show { | |
1261 | transform: scale(1); | |
1262 | opacity: 1; | |
1263 | } | |
1264 | .jqx-popup-dark { | |
1265 | border: 1px solid var(--jqx-border); | |
1266 | background: var(--jqx-background); | |
1267 | box-shadow: 0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 3px rgba(0,0,0,.12),0 4px 15px 0 rgba(0,0,0,.2); | |
1268 | } | |
1269 | .jqx-menu-popup-dark .jqx-popup-dark { | |
1270 | box-shadow: none; | |
1271 | border: none; | |
1272 | } | |
1273 | ||
1274 | .jqx-datatable-dark .jqx-grid-column-sortdescbutton-dark, | |
1275 | .jqx-datatable-dark .jqx-grid-column-sortascbutton-dark { | |
1276 | display: flex; | |
1277 | align-items: center; | |
1278 | } | |
1279 | ||
1280 | .jqx-grid-column-sortascbutton-dark, | |
1281 | .jqx-expander-arrow-bottom-dark, | |
1282 | .jqx-window-collapse-button-dark, | |
1283 | .jqx-menu-item-arrow-up-dark, | |
1284 | .jqx-menu-item-arrow-up-selected-dark, | |
1285 | .jqx-menu-item-arrow-top-up-dark, | |
1286 | .jqx-icon-arrow-up-dark, | |
1287 | .jqx-icon-arrow-up-hover-dark, | |
1288 | .jqx-icon-arrow-up-selected-dark { | |
1289 | background-image: none; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1290 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1291 | |
617 | 1292 | .jqx-grid-column-sortascbutton-dark, |
1293 | .jqx-expander-arrow-bottom-dark, | |
1294 | .jqx-window-collapse-button-dark, | |
1295 | .jqx-menu-item-arrow-up-dark, | |
1296 | .jqx-menu-item-arrow-up-selected-dark, | |
1297 | .jqx-menu-item-arrow-top-up-dark, | |
1298 | .jqx-icon-arrow-up-dark, | |
1299 | .jqx-icon-arrow-up-hover-dark, | |
1300 | .jqx-icon-arrow-up-selected-dark { | |
1301 | background-image: none; | |
1302 | font-family: jqx-icons; | |
1303 | } | |
1304 | .jqx-grid-column-sortascbutton-dark:after, | |
1305 | .jqx-expander-arrow-bottom-dark:after, | |
1306 | .jqx-window-collapse-button-dark:after, | |
1307 | .jqx-menu-item-arrow-up-dark:after, | |
1308 | .jqx-menu-item-arrow-up-selected-dark:after, | |
1309 | .jqx-menu-item-arrow-top-up-dark:after, | |
1310 | .jqx-icon-arrow-up-dark:after, | |
1311 | .jqx-icon-arrow-up-hover-dark:after, | |
1312 | .jqx-icon-arrow-up-selected-dark:after { | |
1313 | content: var(--jqx-icon-arrow-up); | |
1314 | } | |
1315 | ||
1316 | .jqx-widget-dark .jqx-grid-group-expand-dark, | |
1317 | .jqx-grid-group-expand-dark, | |
1318 | .jqx-grid-column-sortdescbutton-dark, | |
1319 | .jqx-expander-arrow-top-dark, | |
1320 | .jqx-window-collapse-button-collapsed-dark, | |
1321 | .jqx-menu-item-arrow-down-dark, | |
1322 | .jqx-menu-item-arrow-down-selected-dark, | |
1323 | .jqx-menu-item-arrow-down-dark, | |
1324 | .jqx-icon-arrow-down-dark, | |
1325 | .jqx-icon-arrow-down-hover-dark, | |
1326 | .jqx-icon-arrow-down-selected-dark { | |
1327 | background-image: none; | |
1328 | font-family: jqx-icons; | |
1329 | } | |
1330 | .jqx-widget-dark .jqx-grid-group-expand-dark:after, | |
1331 | .jqx-grid-group-expand-dark:after, | |
1332 | .jqx-grid-column-sortdescbutton-dark:after, | |
1333 | .jqx-expander-arrow-top-dark:after, | |
1334 | .jqx-window-collapse-button-collapsed-dark:after, | |
1335 | .jqx-menu-item-arrow-down-dark:after, | |
1336 | .jqx-menu-item-arrow-down-selected-dark:after, | |
1337 | .jqx-menu-item-arrow-down-dark:after, | |
1338 | .jqx-icon-arrow-down-dark:after, | |
1339 | .jqx-icon-arrow-down-hover-dark:after, | |
1340 | .jqx-icon-arrow-down-selected-dark:after { | |
1341 | content: var(--jqx-icon-arrow-down); | |
1342 | } | |
1343 | ||
1344 | .jqx-tabs-arrow-left-dark, | |
1345 | .jqx-menu-item-arrow-left-selected-dark, | |
1346 | .jqx-menu-item-arrow-top-left, | |
1347 | .jqx-icon-arrow-left-dark, | |
1348 | .jqx-icon-arrow-down-left-dark, | |
1349 | .jqx-icon-arrow-left-selected-dark { | |
1350 | background-image: none; | |
1351 | font-family: jqx-icons; | |
1352 | background-repeat: no-repeat; | |
1353 | background-position: center; | |
1354 | } | |
1355 | .jqx-tabs-arrow-left-dark:after, | |
1356 | .jqx-menu-item-arrow-left-selected-dark:after, | |
1357 | .jqx-menu-item-arrow-top-left:after, | |
1358 | .jqx-icon-arrow-left-dark:after, | |
1359 | .jqx-icon-arrow-down-left-dark:after, | |
1360 | .jqx-icon-arrow-left-selected-dark:after { | |
1361 | content: var(--jqx-icon-arrow-left); | |
1362 | } | |
1363 | ||
1364 | .jqx-widget-dark .jqx-grid-group-collapse-dark, | |
1365 | .jqx-grid-group-collapse-dark, | |
1366 | .jqx-tabs-arrow-right-dark, | |
1367 | .jqx-menu-item-arrow-right-selected-dark, | |
1368 | .jqx-menu-item-arrow-top-right-dark, | |
1369 | .jqx-icon-arrow-right-dark, | |
1370 | .jqx-icon-arrow-right-hover-dark, | |
1371 | .jqx-icon-arrow-right-selected-dark { | |
1372 | background-image: none; | |
1373 | font-family: jqx-icons; | |
1374 | background-repeat: no-repeat; | |
1375 | background-position: center; | |
1376 | } | |
1377 | .jqx-widget-dark .jqx-grid-group-collapse-dark:after, | |
1378 | .jqx-grid-group-collapse-dark:after, | |
1379 | .jqx-tabs-arrow-right-dark:after, | |
1380 | .jqx-menu-item-arrow-right-selected-dark:after, | |
1381 | .jqx-menu-item-arrow-top-right-dark:after, | |
1382 | .jqx-icon-arrow-right-dark:after, | |
1383 | .jqx-icon-arrow-right-hover-dark:after, | |
1384 | .jqx-icon-arrow-right-selected-dark:after { | |
1385 | content: var(--jqx-icon-arrow-right); | |
1386 | } | |
1387 | ||
1388 | .jqx-tree-item-arrow-collapse-rtl-dark, | |
1389 | .jqx-tree-item-arrow-collapse-hover-rtl-dark { | |
1390 | background-image: none; | |
1391 | } | |
1392 | ||
1393 | .jqx-tree-item-arrow-collapse-rtl-dark:after, | |
1394 | .jqx-tree-item-arrow-collapse-hover-rtl-dark:after { | |
1395 | content: var(--jqx-icon-arrow-left); | |
1396 | } | |
1397 | ||
1398 | .jqx-menu-item-arrow-left-selected-dark { | |
1399 | background-image: none; | |
1400 | } | |
1401 | ||
1402 | .jqx-menu-item-arrow-right-selected-dark { | |
1403 | background-image: none; | |
1404 | } | |
1405 | ||
1406 | .jqx-input-button-content-dark { | |
1407 | font-size: 10px; | |
1408 | } | |
1409 | ||
1410 | .jqx-widget .jqx-grid-column-header-cell-dark { | |
1411 | padding-top: 8px; | |
1412 | padding-bottom: 8px; | |
1413 | height:30px; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1414 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1415 | |
617 | 1416 | .jqx-widget .jqx-grid-row-cell-dark { |
1417 | padding-top: 8px; | |
1418 | padding-bottom: 8px; | |
1419 | height:30px; | |
1420 | } | |
1421 | ||
1422 | .jqx-listbox-container-dark, | |
1423 | .jqx-calendar-container-dark { | |
1424 | margin-left: -10px; | |
1425 | } | |
1426 | .jqx-calendar-container-dark .jqx-popup, | |
1427 | .jqx-calendar-dark.jqx-popup, | |
1428 | .jqx-listbox-dark.jqx-popup { | |
1429 | margin-left: 9px; | |
1430 | } | |
1431 | ||
1432 | .jqx-dropdownbutton-popup, | |
1433 | .jqx-calendar-dark.jqx-popup, | |
1434 | .jqx-listbox-dark.jqx-popup, | |
1435 | .jqx-grid-menu.jqx-popup { | |
1436 | transition: transform 0.25s ease-in-out, opacity 0.35s ease-in-out; | |
1437 | transform: scaleY(0); | |
1438 | opacity: 0; | |
1439 | transform-origin: top left; | |
1440 | display: block !important; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1441 | } |
617 | 1442 | |
1443 | .jqx-dropdownbutton-popup.jqx-popup-show, | |
1444 | .jqx-calendar-dark.jqx-popup-show, | |
1445 | .jqx-listbox-dark.jqx-popup-show, | |
1446 | .jqx-grid-menu.jqx-popup-show { | |
1447 | transform: scaleY(1); | |
1448 | opacity: 1; | |
1449 | } | |
1450 | ||
1451 | .jqx-widget-dark .jqx-grid-cell { | |
1452 | border-color: var(--jqx-border); | |
1453 | color: var(--jqx-background-color); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1454 | } |
617 | 1455 | |
1456 | .jqx-widget-dark .jqx-grid-column-header, .jqx-widget-dark .jqx-grid-group-cell { | |
1457 | border-color: var(--jqx-border); | |
1458 | color: var(--jqx-surface-color); | |
1459 | background: var(--jqx-surface); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1460 | } |
617 | 1461 | |
1462 | .jqx-widget-dark .jqx-grid-column-header-dark { | |
1463 | border-color: var(--jqx-border); | |
1464 | font-size: 12px; | |
1465 | color: var(--jqx-surface-color); | |
1466 | font-weight: 500; | |
1467 | } | |
1468 | .jqx-widget-dark .jqx-grid-cell-dark { | |
1469 | border-color: var(--jqx-border); | |
1470 | } | |
1471 | ||
1472 | .jqx-widget-dark .jqx-widget-header-dark:hover .jqx-grid-column-header-dark { | |
1473 | border-right-color: var(--jqx-border) !important; | |
1474 | border-bottom-color: var(--jqx-border) !important; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1475 | } |
617 | 1476 | |
1477 | .jqx-widgets-dark .jqx-scheduler-cell-selected span{ | |
1478 | color: var(--jqx-background) !important; | |
1479 | } | |
1480 | .jqx-scheduler-time-column-dark, | |
1481 | .jqx-scheduler-toolbar-dark { | |
1482 | background: var(--jqx-surface) !important; | |
1483 | color: var(--jqx-surface-color) !important; | |
1484 | border-color: var(--jqx-border) !important; | |
1485 | } | |
1486 | ||
1487 | .jqx-widget-dark.jqx-scheduler-dark .jqx-grid-cell-dark, | |
1488 | .jqx-widget-dark.jqx-scheduler-dark .jqx-grid-column-header-dark { | |
1489 | border-color: transparent; | |
1490 | border-bottom-color: var(--jqx-border); | |
1491 | } | |
1492 | ||
1493 | .jqx-widget-dark.jqx-scheduler-dark td.jqx-grid-cell-dark span{ | |
1494 | font-size: 10px; | |
1495 | color: var(--jqx-background-color); | |
1496 | } | |
1497 | .jqx-widget-dark.jqx-scheduler-dark td.jqx-grid-cell-dark.jqx-scheduler-cell-hover span, | |
1498 | .jqx-widget-dark.jqx-scheduler-dark td.jqx-grid-cell-dark.jqx-scheduler-cell-selected span{ | |
1499 | color:var(--jqx-primary-color); | |
1500 | } | |
1501 | ||
1502 | .jqx-passwordinput-password-icon-dark, | |
1503 | .jqx-passwordinput-password-icon-rtl-dark { | |
1504 | background-image: none; | |
1505 | font-family: jqx-icons; | |
1506 | color:var(--jqx-background-color); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1507 | } |
617 | 1508 | .jqx-passwordinput-password-icon-dark:after, |
1509 | .jqx-passwordinput-password-icon-rtl-dark:after { | |
1510 | content: var(--jqx-icon-visibility); | |
1511 | } | |
1512 | ||
1513 | .jqx-combobox-dark .jqx-icon-close-dark { | |
1514 | background-image: none; | |
1515 | font-family: jqx-icons; | |
1516 | } | |
1517 | .jqx-combobox-multi-item-dark { | |
1518 | height: 30px; | |
1519 | display: flex; | |
1520 | justify-content: center; | |
1521 | align-items: center; | |
1522 | } | |
1523 | .jqx-combobox-multi-item-dark a { | |
1524 | margin-right: 10px; | |
1525 | } | |
1526 | .jqx-combobox-dark .jqx-icon-close-dark:after { | |
1527 | content: var(--jqx-icon-close); | |
1528 | } | |
1529 | .jqx-combobox-dark, .jqx-input-dark { | |
1530 | border-color: var(--jqx-border); | |
1531 | color: var(--jqx-background-color); | |
1532 | background-color: var(--jqx-background); | |
1533 | } | |
1534 | ||
1535 | .jqx-combobox-content-dark, | |
1536 | .jqx-datetimeinput-content-dark | |
1537 | { | |
1538 | border-color: transparent; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1539 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1540 | |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1541 | |
617 | 1542 | .jqx-combobox-content-focus-dark, |
1543 | .jqx-combobox-state-focus-dark, | |
1544 | .jqx-numberinput-focus-dark { | |
1545 | outline: none; | |
1546 | } | |
1547 | ||
1548 | .jqx-input-group-dark { | |
1549 | position: relative; | |
1550 | display: inline-block; | |
1551 | overflow: visible; | |
1552 | border: none; | |
1553 | box-shadow: none; | |
1554 | } | |
1555 | ||
1556 | .jqx-input-group-dark input { | |
1557 | width: 100%; | |
1558 | height: 100%; | |
1559 | box-sizing: border-box; | |
1560 | } | |
1561 | .jqx-input-group-dark textarea { | |
1562 | width: 100%; | |
1563 | height: 100%; | |
1564 | outline: none; | |
1565 | resize: none; | |
1566 | border-left: none; | |
1567 | border-right: none; | |
1568 | border-top: none; | |
1569 | border-bottom-color: var(--jqx-border); | |
1570 | } | |
1571 | .jqx-numberinput-dark, | |
1572 | .jqx-maskedinput-dark | |
1573 | { | |
1574 | position:relative; | |
1575 | } | |
1576 | .jqx-numberinput-dark input { | |
1577 | height:100% !important; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1578 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1579 | |
617 | 1580 | .jqx-input-dark.jqx-validator-error-element { |
1581 | border-color: transparent !important; | |
1582 | border-bottom: 1px solid #df2227 !important; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1583 | } |
617 | 1584 | .jqx-input-dark input, |
1585 | .jqx-dropdownlist-state-normal-dark, | |
1586 | .jqx-combobox-state-normal-dark, | |
1587 | .jqx-numberinput-dark, | |
1588 | .jqx-maskedinput-dark, | |
1589 | .jqx-datetimeinput-dark | |
1590 | { | |
1591 | background: var(--jqx-surface); | |
1592 | border-color: var(--jqx-surface); | |
1593 | border-radius: 0; | |
1594 | color: var(--jqx-surface-color); | |
1595 | box-shadow: none; | |
1596 | border-bottom: 1px solid var(--jqx-border); | |
1597 | outline: none; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1598 | } |
617 | 1599 | .jqx-numberinput-dark .jqx-action-button-dark{ |
1600 | border-radius: 0; | |
1601 | font-size:12px; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1602 | } |
617 | 1603 | .jqx-numberinput-dark .jqx-action-button-dark > div { |
1604 | width: 100%; | |
1605 | display: flex; | |
1606 | align-items: center; | |
1607 | justify-content: center; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1608 | } |
617 | 1609 | .jqx-maskedinput-dark, |
1610 | .jqx-combobox-dark, | |
1611 | .jqx-datetimeinput-dark { | |
1612 | background: var(--jqx-background); | |
1613 | color: var(--jqx-background-color); | |
1614 | border-color: var(--jqx-background); | |
1615 | border-bottom: 1px solid var(--jqx-border); | |
1616 | } | |
1617 | .jqx-combobox-dark .jqx-combobox-arrow-normal-dark, | |
1618 | .jqx-datetimeinput-dark .jqx-action-button-dark, | |
1619 | .jqx-datetimeinput-dark .jqx-action-button-rtl-dark | |
1620 | { | |
1621 | background-color: var(--jqx-surface); | |
1622 | border-color: var(--jqx-surface); | |
1623 | color:var(--jqx-surface-color); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1624 | } |
617 | 1625 | .jqx-datetimeinput-dark, .jqx-datetimeinput-dark > div, |
1626 | .jqx-numberinput-dark, .jqx-numberinput-dark > div, | |
1627 | .jqx-maskedinput-dark, .jqx-maskedinput-dark > div, | |
1628 | .jqx-dropdownlist-state-normal-dark, .jqx-dropdownlist-state-normal-dark > div, .jqx-dropdownlist-state-normal-dark > div > div, | |
1629 | .jqx-combobox-state-normal-dark, .jqx-combobox-state-normal-dark > div, .jqx-combobox-state-normal-dark > div > div { | |
1630 | overflow: visible !important; | |
1631 | } | |
1632 | ||
1633 | .jqx-input-dark input:focus { | |
1634 | border-radius: 0; | |
1635 | box-shadow: none; | |
1636 | } | |
1637 | ||
1638 | .jqx-input-dark input, input[type="text"].jqx-input-dark, input[type="password"].jqx-input-dark, input[type="text"].jqx-widget-content-dark, input[type="textarea"].jqx-widget-content-dark, textarea.jqx-input-dark { | |
1639 | font-size: var(--jqx-font-size); | |
1640 | font-family: var(--jqx-font-family); | |
1641 | resize: none; | |
1642 | background: var(--jqx-background); | |
1643 | color: var(--jqx-background-color); | |
1644 | border: none; | |
1645 | border-radius: 0; | |
1646 | box-sizing:border-box; | |
1647 | box-shadow: none; | |
1648 | border-bottom: 1px solid var(--jqx-border); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1649 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1650 | |
617 | 1651 | input[type="text"].jqx-widget-content-dark, |
1652 | input[type="textarea"].jqx-widget-content-dark { | |
1653 | height: 100%; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1654 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1655 | |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1656 | |
617 | 1657 | .jqx-input-label { |
1658 | visibility:inherit; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1659 | } |
617 | 1660 | .jqx-input-bar{ |
1661 | visibility:inherit; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1662 | } |
617 | 1663 | input:focus ~ .jqx-input-label-dark, |
1664 | textarea:focus ~ .jqx-input-label-dark, | |
1665 | .jqx-input-widget-dark[hint=true] .jqx-input-label, | |
1666 | .jqx-text-area-dark[hint=true] .jqx-input-label, | |
1667 | .jqx-dropdownlist-state-selected-dark .jqx-input-label, | |
1668 | .jqx-dropdownlist-state-normal-dark[hint=true] .jqx-input-label, | |
1669 | .jqx-combobox-state-normal-dark[hint=true] .jqx-input-label, | |
1670 | .jqx-combobox-dark .jqx-input-label.focused, | |
1671 | .jqx-dropdownlist-dark .jqx-input-label.focused, | |
1672 | .jqx-datetimeinput-dark[hint=true] .jqx-input-label, | |
1673 | .jqx-maskedinput-dark[hint=true] .jqx-input-label, | |
1674 | .jqx-numberinput-dark[hint=true] .jqx-input-label, | |
1675 | .jqx-formattedinput-dark[hint=true] .jqx-input-label | |
1676 | { | |
1677 | top: -15px; | |
1678 | font-size: 12px; | |
1679 | color: var(--jqx-primary); | |
1680 | opacity: 1; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1681 | } |
617 | 1682 | .jqx-dropdownlist-dark[default-placeholder="true"] .jqx-input-label { |
1683 | visibility: hidden; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1684 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1685 | |
617 | 1686 | |
1687 | input:focus ~ .jqx-input-bar:before, | |
1688 | textarea:focus ~ .jqx-input-bar:before, | |
1689 | .jqx-dropdownlist-state-selected-dark .jqx-input-bar:before, | |
1690 | .jqx-dropdownlist-dark .jqx-input-bar.focused:before, | |
1691 | .jqx-combobox-dark .jqx-input-bar.focused:before, | |
1692 | .jqx-complex-input-group-dark .jqx-input-bar.focused::before, | |
1693 | .jqx-combobox-state-selected-dark .jqx-input-bar:before { | |
1694 | width: 100%; | |
1695 | } | |
1696 | .jqx-complex-input-group-dark .jqx-fill-state-normal-dark { | |
1697 | border-color: var(--jqx-border); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1698 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1699 | |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1700 | |
617 | 1701 | .jqx-input-widget-dark.jqx-rtl > input { |
1702 | direction: rtl | |
1703 | } | |
1704 | ||
1705 | .jqx-input-label-dark { | |
1706 | color: var(--jqx-background-color); | |
1707 | font-size: 14px; | |
1708 | font-weight: normal; | |
1709 | position: absolute; | |
1710 | pointer-events: none; | |
1711 | left: 2px; | |
1712 | top:10px; | |
1713 | opacity: 0; | |
1714 | top: calc(50% - 7px); | |
1715 | transition: 300ms ease all; | |
1716 | } | |
1717 | .jqx-input-label.initial { | |
1718 | transition: none; | |
1719 | } | |
1720 | .jqx-input-bar-dark { | |
1721 | position: relative; | |
1722 | display: block; | |
1723 | z-index:1; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1724 | } |
617 | 1725 | |
1726 | .jqx-input-bar-dark:before { | |
1727 | content: ''; | |
1728 | height: 2px; | |
1729 | width: 0; | |
1730 | bottom: 0px; | |
1731 | position: absolute; | |
1732 | background: var(--jqx-primary); | |
1733 | transition: 300ms ease all; | |
1734 | left: 0%; | |
1735 | } | |
1736 | .jqx-formatted-input-spin-button-dark, .jqx-input-group-addon-dark { | |
1737 | border-color: var(--jqx-background); | |
1738 | color: var(--jqx-background-color); | |
1739 | background: var(--jqx-background); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1740 | } |
617 | 1741 | .jqx-dropdownlist-state-selected-dark, |
1742 | .jqx-combobox-state-selected-dark { | |
1743 | color: var(--jqx-primary); | |
1744 | background: var(--jqx-primary-color); | |
1745 | border-color: var(--jqx-primary-color); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1746 | } |
617 | 1747 | |
1748 | ||
1749 | .jqx-window-collapse-button-dark { | |
1750 | position: relative; | |
1751 | right: 10px; | |
1752 | font-weight: bold; | |
1753 | font-size: 18px; | |
1754 | margin-top:0px; | |
1755 | } | |
1756 | ||
1757 | .jqx-dropdownlist-state-normal-dark .jqx-icon-arrow-down-dark, | |
1758 | .jqx-combobox-state-normal-dark .jqx-icon-arrow-down-dark, | |
1759 | .sorticon.descending .jqx-grid-column-sorticon-dark, | |
1760 | .jqx-tree-item-arrow-expand-dark, | |
1761 | .jqx-expander-header-dark .jqx-icon-arrow-down | |
1762 | { | |
1763 | transform: rotate(0deg); | |
1764 | display: flex; | |
1765 | align-items: center; | |
1766 | transition: transform 0.2s ease-out; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1767 | } |
617 | 1768 | .jqx-expander-header-dark .jqx-icon-arrow-up { |
1769 | transform: rotate(180deg); | |
1770 | transition: transform 0.2s ease-out; | |
1771 | font-family: jqx-icons; | |
1772 | background-image: none; | |
1773 | } | |
1774 | .jqx-expander-header-dark .jqx-icon-arrow-up:after { | |
1775 | content: var(--jqx-icon-arrow-down); | |
1776 | } | |
1777 | .jqx-tree-item-arrow-expand-dark, | |
1778 | .jqx-tree-item-arrow-collapse-dark | |
1779 | { | |
1780 | font-size: 16px; | |
1781 | } | |
1782 | .jqx-tree-item-arrow-expand-dark { | |
1783 | transform: rotate(180deg); | |
1784 | } | |
1785 | ||
1786 | .jqx-tree-item-arrow-expand-dark:after { | |
1787 | content: var(--jqx-icon-arrow-up); | |
1788 | margin-left: 2px; | |
1789 | } | |
1790 | .jqx-tree-item-arrow-collapse-dark | |
1791 | { | |
1792 | transform: rotate(0deg); | |
1793 | background-image: none; | |
1794 | background-repeat: no-repeat; | |
1795 | background-position: center; | |
1796 | transition: transform 0.2s ease-out; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1797 | } |
617 | 1798 | .jqx-dropdownlist-state-selected-dark .jqx-icon-arrow-down-dark, |
1799 | .jqx-combobox-state-selected-dark .jqx-icon-arrow-down-dark, | |
1800 | .sorticon.ascending .jqx-grid-column-sorticon-dark | |
1801 | { | |
1802 | display: flex; | |
1803 | align-items: center; | |
1804 | transform: rotate(180deg); | |
1805 | transition: transform 0.2s ease-out; | |
1806 | left: -1px; | |
1807 | } | |
1808 | .jqx-combobox-state-selected-dark .jqx-icon-arrow-down-dark{ | |
1809 | left:-1px; | |
1810 | } | |
1811 | .jqx-listbox-container { | |
1812 | margin-top: 1px; | |
1813 | } | |
1814 | ||
1815 | input[type="text"].jqx-input-dark:-moz-placeholder, input[type="text"].jqx-widget-content-dark:-moz-placeholder, input[type="textarea"].jqx-widget-content-dark:-moz-placeholder, textarea.jqx-input-dark:-moz-placeholder { | |
1816 | color: #999999; | |
1817 | } | |
1818 | ||
1819 | input[type="text"].jqx-input-dark:-webkit-input-placeholder, input[type="text"].jqx-widget-content-dark:-webkit-input-placeholder, input[type="textarea"].jqx-widget-content-dark:-webkit-input-placeholder, textarea.jqx-input-dark:-webkit-input-placeholder { | |
1820 | color: #999999; | |
1821 | } | |
1822 | ||
1823 | input[type="text"].jqx-input-dark:-ms-input-placeholder, input[type="text"].jqx-widget-content-dark:-ms-input-placeholder, input[type="textarea"].jqx-widget-content-dark:-ms-input-placeholder, textarea.jqx-input-dark:-ms-input-placeholder { | |
1824 | color: #999999; | |
1825 | } | |
1826 | ||
1827 | .jqx-combobox-content-focus-dark, .jqx-combobox-state-focus-dark, .jqx-fill-state-focus-dark, | |
1828 | .jqx-numberinput-focus-dark { | |
1829 | outline: none; | |
1830 | } | |
1831 | ||
1832 | .jqx-popup-dark.jqx-fill-state-focus-dark { | |
1833 | outline: none; | |
1834 | border-color: var(--jqx-border) !important; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1835 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1836 | |
617 | 1837 | .jqx-datetimeinput-content, .jqx-datetimeinput-container { |
1838 | overflow: visible !important; | |
1839 | } | |
1840 | .jqx-text-area-dark, .jqx-text-area-dark > div { | |
1841 | overflow:visible !important; | |
1842 | } | |
1843 | .jqx-text-area-element-dark { | |
1844 | box-sizing: border-box; | |
1845 | } | |
1846 | .jqx-pivotgrid-content-wrapper.jqx-fill-state-normal-dark { | |
1847 | border-color: var(--jqx-border); | |
1848 | } | |
1849 | ||
1850 | .jqx-grid-cell-dark.jqx-grid-cell-selected-dark > .jqx-grid-group-expand-dark { | |
1851 | background-image: none; | |
1852 | } | |
1853 | ||
1854 | .jqx-grid-cell-dark.jqx-grid-cell-selected-dark > .jqx-grid-group-collapse-dark { | |
1855 | background-image: none; | |
1856 | } | |
1857 | ||
1858 | .jqx-grid-cell-dark.jqx-grid-cell-selected-dark > .jqx-grid-group-collapse-rtl-dark { | |
1859 | background-image: none; | |
1860 | } | |
1861 | ||
1862 | .jqx-grid-cell-dark.jqx-grid-cell-selected-dark > .jqx-grid-group-expand-rtl-dark { | |
1863 | background-image: none; | |
1864 | } | |
1865 | .jqx-tabs-title-selected-top-dark, .jqx-tabs-selection-tracker-top-dark { | |
1866 | border-color: transparent; | |
1867 | filter: none; | |
1868 | background: inherit; | |
1869 | color: inherit; | |
1870 | -webkit-box-shadow: none; | |
1871 | -moz-box-shadow: none; | |
1872 | box-shadow: none; | |
1873 | } | |
1874 | .jqx-grid-cell-filter-row-dark { | |
1875 | background-color: var(--jqx-surface); | |
1876 | } | |
1877 | ||
1878 | .jqx-tabs-title-dark, .jqx-ribbon-item-dark { | |
1879 | color: inherit; | |
1880 | } | |
1881 | .jqx-ribbon-item-selected-dark { | |
1882 | background: inherit; | |
1883 | } | |
1884 | .jqx-tabs-title-selected-bottom-dark, | |
1885 | .jqx-tabs-title-selected-top-dark | |
1886 | { | |
1887 | color: var(--jqx-primary); | |
1888 | font-weight:500; | |
1889 | padding-top:5px; | |
1890 | padding-bottom:5px; | |
1891 | } | |
1892 | .jqx-tabs-title.jqx-fill-state-hover-dark { | |
1893 | border-color: transparent; | |
1894 | } | |
1895 | .jqx-ribbon-item-dark { | |
1896 | cursor: pointer; | |
1897 | } | |
1898 | .jqx-ribbon-item-selected-dark { | |
1899 | color: var(--jqx-primary); | |
1900 | font-weight:500; | |
1901 | border-color: transparent; | |
1902 | } | |
1903 | ||
1904 | .jqx-ribbon-item-hover-dark { | |
1905 | background: transparent; | |
1906 | } | |
1907 | ||
1908 | .jqx-ribbon-header-top-dark { | |
1909 | border-color: transparent; | |
1910 | border-bottom-color: var(--jqx-border); | |
1911 | } | |
1912 | ||
1913 | .jqx-ribbon-header-bottom-dark { | |
1914 | border-color: transparent; | |
1915 | border-top-color: var(--jqx-border); | |
1916 | } | |
1917 | ||
1918 | .jqx-ribbon-header-right-dark { | |
1919 | border-color: transparent; | |
1920 | border-left-color:var(--jqx-border); | |
1921 | } | |
1922 | ||
1923 | .jqx-ribbon-header-left-dark { | |
1924 | border-color: transparent; | |
1925 | border-right-color:var(--jqx-border); | |
1926 | } | |
1927 | ||
1928 | .jqx-tabs-title-selected-bottom-dark, .jqx-tabs-selection-tracker-bottom-dark { | |
1929 | border-color: transparent; | |
1930 | border-top: 1px solid var(--jqx-background); | |
1931 | filter: none; | |
1932 | background: var(--jqx-background); | |
1933 | -webkit-box-shadow: none; | |
1934 | -moz-box-shadow: none; | |
1935 | box-shadow: none; | |
1936 | } | |
1937 | ||
1938 | .jqx-tabs-dark, .jqx-ribbon-dark { | |
1939 | border-color: transparent; | |
1940 | } | |
1941 | ||
1942 | .jqx-tabs-header-dark { | |
1943 | background: transparent; | |
1944 | } | |
1945 | .jqx-ribbon-header-dark { | |
1946 | background: var(--jqx-surface); | |
1947 | color: var(--jqx-surface-color); | |
1948 | } | |
1949 | .jqx-tabs-position-bottom .jqx-tabs-header-dark { | |
1950 | border-color: transparent; | |
1951 | } | |
1952 | .jqx-layout-dark .jqx-tabs-header-dark, .jqx-layout-dark .jqx-ribbon-header-dark { | |
1953 | background: var(--jqx-background); | |
1954 | border-color: var(--jqx-border); | |
1955 | } | |
1956 | .jqx-tabs-title-bottom { | |
1957 | border-color: transparent; | |
1958 | } | |
1959 | .jqx-tabs-title-hover-top-dark, .jqx-tabs-title-hover-bottom-dark, .jqx-tabs-header-dark { | |
1960 | -webkit-box-shadow: none !important; | |
1961 | -moz-box-shadow: none !important; | |
1962 | box-shadow: none !important; | |
1963 | background: var(--jqx-surface); | |
1964 | color: var(--jqx-surface-color); | |
1965 | } | |
1966 | ||
1967 | .jqx-tabs-content-dark { | |
1968 | box-sizing: border-box; | |
1969 | border: 1px solid var(--jqx-border); | |
1970 | border-top-color: transparent; | |
1971 | padding:5px; | |
1972 | } | |
1973 | .jqx-tabs-bar-dark { | |
1974 | position: absolute; | |
1975 | bottom: 0; | |
1976 | background: var(--jqx-primary); | |
1977 | height: 2px; | |
1978 | z-index:10; | |
1979 | transition: .5s cubic-bezier(.35,0,.25,1); | |
1980 | } | |
1981 | .jqx-tabs-bar-dark.vertical { | |
1982 | width: 2px; | |
1983 | } | |
1984 | .jqx-tabs-position-bottom .jqx-tabs-bar-dark { | |
1985 | top: 0; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1986 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1987 | |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
1988 | |
617 | 1989 | .jqx-layout-dark { |
1990 | background-color: var(--jqx-background); | |
1991 | } | |
1992 | ||
1993 | .jqx-kanban-column-header-collapsed-dark { | |
1994 | background: var(--jqx-surface); | |
1995 | color: var(--jqx-surface-color); | |
1996 | } | |
1997 | ||
1998 | .jqx-calendar-cell-dark { | |
1999 | border-radius: 0px; | |
2000 | font-size:12px; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2001 | } |
617 | 2002 | .jqx-calendar-cell-dark.jqx-fill-state-pressed-dark { |
2003 | outline: 2px var(--jqx-primary); | |
2004 | overflow: hidden; | |
2005 | position: relative; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2006 | } |
617 | 2007 | .jqx-calendar-cell-dark.jqx-fill-state-pressed-dark:after { |
2008 | content: ''; | |
2009 | width: calc(100% - 4px); | |
2010 | position: absolute; | |
2011 | left: 0px; | |
2012 | top: 0px; | |
2013 | height: calc(100% - 4px); | |
2014 | border: 2px solid var(--jqx-background); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2015 | } |
617 | 2016 | .jqx-calendar-cell-year-dark, |
2017 | .jqx-calendar-cell-decade-dark { | |
2018 | border-radius: 0x; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2019 | } |
617 | 2020 | .jqx-calendar-title-content-dark { |
2021 | font-weight:bold; | |
2022 | } | |
2023 | .jqx-calendar-column-cell-dark { | |
2024 | color: var(--jqx-background-color); | |
2025 | font-size:12px; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2026 | } |
617 | 2027 | |
2028 | .jqx-icon-time-dark, | |
2029 | .jqx-icon-time-hover-dark, | |
2030 | .jqx-icon-time-pressed-dark { | |
2031 | background-image: none !important; | |
2032 | font-family: 'jqx-icons'; | |
2033 | display: flex; | |
2034 | font-family: 'jqx-icons'; | |
2035 | font-size: 16px; | |
2036 | align-content: center; | |
2037 | justify-content: center; | |
2038 | left: initial !important; | |
2039 | margin-top: 0px; | |
2040 | top: 0px; | |
2041 | left: 0px; | |
2042 | margin: 0; | |
2043 | align-items: center; | |
2044 | width: 100%; | |
2045 | height: 100%; | |
2046 | } | |
2047 | ||
2048 | .jqx-icon-time-dark:after, | |
2049 | .jqx-icon-time-hover-dark:after, | |
2050 | .jqx-icon-time-pressed-dark:after { | |
2051 | content: var(--jqx-icon-arrow-down); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2052 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2053 | |
617 | 2054 | .jqx-icon-calendar-dark, |
2055 | .jqx-icon-calendar-hover-dark, | |
2056 | .jqx-icon-calendar-pressed-dark { | |
2057 | background-image: none !important; | |
2058 | font-family: 'jqx-icons'; | |
2059 | left: 0; | |
2060 | top: 0 !important; | |
2061 | margin: 0 !important; | |
2062 | display: flex; | |
2063 | justify-content: center; | |
2064 | align-items: center; | |
2065 | width: 100% !important; | |
2066 | height: 100% !important; | |
2067 | } | |
2068 | .jqx-icon-calendar-dark:after, | |
2069 | .jqx-icon-calendar-hover-dark:after, | |
2070 | .jqx-icon-calendar-pressed-dark:after { | |
2071 | content: var(--jqx-icon-calendar); | |
2072 | } | |
2073 | ||
2074 | .jqx-tabs-close-button-dark, | |
2075 | .jqx-tabs-close-button-selected-dark, | |
2076 | .jqx-tabs-close-button-hover-dark { | |
2077 | background-image: none; | |
2078 | } | |
2079 | ||
2080 | .jqx-tabs-close-button-dark:after { | |
2081 | content: var(--jqx-icon-close); | |
2082 | } | |
2083 | ||
2084 | .jqx-scrollbar-button-state-pressed-dark .jqx-icon-arrow-up-selected-dark { | |
2085 | background-image: none; | |
2086 | } | |
2087 | ||
2088 | .jqx-scrollbar-button-state-pressed-dark .jqx-icon-arrow-down-selected-dark { | |
2089 | background-image: none; | |
2090 | } | |
2091 | ||
2092 | .jqx-scrollbar-button-state-pressed-dark .jqx-icon-arrow-left-selected-dark { | |
2093 | background-image: none; | |
2094 | } | |
2095 | ||
2096 | .jqx-scrollbar-button-state-pressed-dark .jqx-icon-arrow-right-selected-dark { | |
2097 | background-image: none; | |
2098 | } | |
2099 | ||
2100 | .jqx-grid-cell-dark.jqx-grid-cell-selected-dark > .jqx-grid-group-expand-dark { | |
2101 | background-image: none; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2102 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2103 | |
617 | 2104 | .jqx-grid-cell-dark.jqx-grid-cell-selected-dark > .jqx-grid-group-collapse-dark { |
2105 | background-image: none; | |
2106 | } | |
2107 | ||
2108 | .jqx-grid-cell-dark.jqx-grid-cell-selected-dark > .jqx-grid-group-collapse-rtl-dark { | |
2109 | background-image: none; | |
2110 | } | |
2111 | ||
2112 | .jqx-grid-cell-dark.jqx-grid-cell-selected-dark > .jqx-grid-group-expand-rtl-dark { | |
2113 | background-image: none; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2114 | } |
617 | 2115 | |
2116 | .jqx-grid-group-collapse-dark { | |
2117 | background-image: none; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2118 | } |
617 | 2119 | |
2120 | .jqx-grid-group-collapse-rtl-dark { | |
2121 | background-image: none; | |
2122 | } | |
2123 | ||
2124 | .jqx-grid-group-expand-dark, .jqx-grid-group-expand-rtl-dark { | |
2125 | background-image: none; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2126 | } |
617 | 2127 | |
2128 | .jqx-icon-arrow-first-dark, | |
2129 | .jqx-icon-arrow-last-dark { | |
2130 | background-image: none; | |
2131 | font-family: jqx-icons; | |
2132 | } | |
2133 | .jqx-icon-arrow-first-dark:after { | |
2134 | content: var(--jqx-icon-first-page); | |
2135 | } | |
2136 | .jqx-icon-arrow-last-dark:after { | |
2137 | content: var(--jqx-icon-last-page); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2138 | } |
617 | 2139 | |
2140 | /* Ripple effect */ | |
2141 | .ripple { | |
2142 | position: relative; | |
2143 | transform: translate3d(0, 0, 0); | |
2144 | overflow:hidden; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2145 | } |
617 | 2146 | |
2147 | .ink { | |
2148 | display: block; | |
2149 | position: absolute; | |
2150 | pointer-events: none; | |
2151 | border-radius: 0%; | |
2152 | transform: scaleX(0); | |
2153 | background: rgba(var(--jqx-primary-rgb),0.5); | |
2154 | opacity: 0.25; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2155 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2156 | |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2157 | |
617 | 2158 | .jqx-scrollbar-dark .jqx-icon-arrow-up, |
2159 | .jqx-scrollbar-dark .jqx-icon-arrow-down, | |
2160 | .jqx-scrollbar-dark .jqx-icon-arrow-right, | |
2161 | .jqx-scrollbar-dark .jqx-icon-arrow-left { | |
2162 | display: flex; | |
2163 | justify-content: center; | |
2164 | align-items: center; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2165 | } |
617 | 2166 | |
2167 | .outlined .ink, .flat .ink { | |
2168 | background: rgba(var(--jqx-primary-rgb),0.5); | |
2169 | overflow:hidden; | |
2170 | } | |
2171 | ||
2172 | .ink.animate { | |
2173 | animation: ripple .7s ease; | |
2174 | animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
2175 | } | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2176 | |
617 | 2177 | .jqx-tree-dark .jqx-checkbox-dark { |
2178 | margin-top: 6px !important; | |
2179 | border-radius: 0px !important; | |
2180 | } | |
2181 | .jqx-tree-item-arrow-expand-dark, | |
2182 | .jqx-tree-item-arrow-collapse-dark { | |
2183 | margin-top: 6px !important; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2184 | } |
617 | 2185 | |
2186 | .jqx-checkbox-dark .ripple, | |
2187 | .jqx-radiobutton-dark .ripple | |
2188 | { | |
2189 | overflow:visible; | |
2190 | } | |
2191 | .jqx-checkbox-dark .ink, | |
2192 | .jqx-radiobutton-dark .ink | |
2193 | { | |
2194 | transform: scale(0); | |
2195 | background: var(--jqx-primary); | |
2196 | border-radius: 50%; | |
2197 | } | |
2198 | .jqx-checkbox-dark .ink.animate, | |
2199 | .jqx-radiobutton-dark .ink.animate | |
2200 | { | |
2201 | animation: checkRipple 0.3s ease; | |
2202 | animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2203 | } |
617 | 2204 | .jqx-checkbox-dark .ink.active, |
2205 | .jqx-radiobutton-dark .ink.active | |
2206 | { | |
2207 | opacity: 0.2; | |
2208 | transform: scale(2); | |
2209 | } | |
2210 | .jqx-checkbox-default-dark.active .ink, | |
2211 | .jqx-radiobutton-default-dark.active .ink | |
2212 | { | |
2213 | opacity: 0.2; | |
2214 | transform: scale(2); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2215 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2216 | |
617 | 2217 | /* Ripple effect */ |
2218 | /* Ripple effect */ | |
2219 | .buttonRipple { | |
2220 | background-position: center; | |
2221 | transition: background 0.8s; | |
2222 | } | |
2223 | .buttonRipple.jqx-button-dark.jqx-fill-state-hover { | |
2224 | color: var(--jqx-background-color-hover); | |
2225 | background: var(--jqx-background-hover) radial-gradient(circle, transparent 1%, var(--jqx-background-hover) 1%) center/15000%; | |
2226 | } | |
2227 | .buttonRipple.jqx-button-dark.jqx-fill-state-pressed { | |
2228 | color: var(--jqx-background-color-hover); | |
2229 | background-color: rgba(var(--jqx-background-hover-rgb), 0.5); | |
2230 | background-size: 100%; | |
2231 | transition: background 0s; | |
2232 | } | |
2233 | .buttonRipple.jqx-button-dark.jqx-fill-state-hover.primary { | |
2234 | color: var(--jqx-primary-color); | |
2235 | background: var(--jqx-primary) radial-gradient(circle, transparent 1%, var(--jqx-primary) 1%) center/15000%; | |
2236 | } | |
2237 | .buttonRipple.jqx-button-dark.jqx-fill-state-pressed.primary { | |
2238 | color: var(--jqx-primary-color); | |
2239 | background-color: rgba(var(--jqx-primary-rgb), 0.8); | |
2240 | background-size: 100%; | |
2241 | transition: background 0s; | |
2242 | } | |
2243 | ||
2244 | @keyframes ripple { | |
2245 | 100% { | |
2246 | opacity: 0; | |
2247 | transform: scale(5); | |
2248 | animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
2249 | } | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2250 | } |
617 | 2251 | @keyframes checkRipple { |
2252 | 100% { | |
2253 | opacity: 0.2; | |
2254 | transform: scale(2); | |
2255 | animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
2256 | } | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2257 | } |
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2258 | |
617 | 2259 | .jqx-fill-state-pressed-dark .jqx-icon-delete-dark |
2260 | { | |
2261 | background-image: url('images/icon-delete-white.png'); | |
2262 | } | |
2263 | .jqx-fill-state-pressed-dark .jqx-icon-edit-dark | |
2264 | { | |
2265 | background-image: url('images/icon-edit-white.png'); | |
2266 | } | |
2267 | .jqx-fill-state-pressed-dark .jqx-icon-save-dark | |
2268 | { | |
2269 | background-image: url('images/icon-save-white.png'); | |
2270 | } | |
2271 | .jqx-fill-state-pressed-dark .jqx-icon-cancel-dark | |
2272 | { | |
2273 | background-image: url('images/icon-cancel-white.png'); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2274 | } |
617 | 2275 | .jqx-fill-state-pressed-dark .jqx-icon-search-dark |
2276 | { | |
2277 | background-image: url('images/search_white.png'); | |
2278 | } | |
2279 | .jqx-fill-state-pressed-dark .jqx-icon-plus-dark | |
2280 | { | |
2281 | background-image: url('images/plus_white.png'); | |
2282 | } | |
2283 | .jqx-menu-minimized-button-dark { | |
2284 | padding: 0px !important; | |
2285 | } | |
2286 | .jqx-fill-state-pressed-dark .jqx-menu-minimized-button-dark { | |
2287 | background-image: url('images/icon-menu-minimized-white.png'); | |
2288 | } | |
2289 | ||
2290 | ||
2291 | .jqx-editor-toolbar-icon-dark { | |
2292 | background: url('images/html_editor_white.png') no-repeat; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2293 | } |
617 | 2294 | |
2295 | .jqx-fill-state-hover-dark .jqx-editor-toolbar-icon-fontsize-dark, | |
2296 | .jqx-fill-state-pressed-dark .jqx-editor-toolbar-icon-fontsize-dark, | |
2297 | .jqx-fill-state-hover-dark .jqx-editor-toolbar-icon-forecolor-dark, | |
2298 | .jqx-fill-state-pressed-dark .jqx-editor-toolbar-icon-forecolor-dark | |
2299 | { | |
2300 | background: url('images/html_editor.png') no-repeat; | |
2301 | } | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2302 | |
617 | 2303 | .jqx-editor-toolbar-button-dark{ |
2304 | border-color: var(--jqx-border); | |
2305 | box-shadow: none !important; | |
2306 | color: var(--jqx-background-color); | |
2307 | } | |
2308 | ||
2309 | .jqx-time-picker .jqx-main-container { | |
2310 | background: var(--jqx-background); | |
2311 | } | |
2312 | ||
2313 | /*applied to the timepicker*/ | |
2314 | .jqx-needle-central-circle-dark { | |
2315 | fill: var(--jqx-primary); | |
2316 | } | |
2317 | .jqx-time-picker-dark .jqx-label-dark { | |
2318 | fill: var(--jqx-background-color); | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2319 | } |
617 | 2320 | .jqx-needle-dark { |
2321 | fill: var(--jqx-primary); | |
2322 | } | |
2323 | .jqx-time-picker .jqx-header .jqx-selected-dark:focus { | |
2324 | outline: 2px solid var(--jqx-primary); | |
2325 | box-shadow: 0px 0px 4px 2px rgba(0, 119, 190, 0.125); | |
2326 | } | |
2327 | .jqx-svg-picker-dark:focus { | |
2328 | border: 1px solid var(--jqx-primary) !important; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2329 | } |
617 | 2330 | .jqx-validator-hint-dark { |
2331 | background: #D94F43; | |
2332 | border-color: #D94F43; | |
2333 | padding: 10px; | |
2334 | } | |
2335 | .jqx-validator-hint-dark img { | |
2336 | display: none; | |
2337 | } | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2338 | |
617 | 2339 | .jqx-grid-group-expand-dark:after, |
2340 | .jqx-grid-group-collapse-dark:after { | |
2341 | display: flex; | |
2342 | justify-content: center; | |
2343 | align-content: center; | |
2344 | align-items: center; | |
2345 | height: 100%; | |
511
2d1d43c3a2c2
Upgraded jqwidgets to version 4.5.2
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
2346 | } |