Sun, 06 Dec 2015 12:34:44 +0100
Read/Write PID parameters from configuration.
117 | 1 | /*Rounded Corners*/ |
2 | /*top-left rounded Corners*/ | |
3 | .jqx-rc-tl-web { | |
4 | -moz-border-radius-topleft: 2px; | |
5 | -webkit-border-top-left-radius: 2px; | |
6 | border-top-left-radius: 2px; | |
7 | } | |
8 | /*top-right rounded Corners*/ | |
9 | .jqx-rc-tr-web { | |
10 | -moz-border-radius-topright: 2px; | |
11 | -webkit-border-top-right-radius: 2px; | |
12 | border-top-right-radius: 2px; | |
13 | } | |
14 | /*bottom-left rounded Corners*/ | |
15 | .jqx-rc-bl-web { | |
16 | -moz-border-radius-bottomleft: 2px; | |
17 | -webkit-border-bottom-left-radius: 2px; | |
18 | border-bottom-left-radius: 2px; | |
19 | } | |
20 | /*bottom-right rounded Corners*/ | |
21 | .jqx-rc-br-web { | |
22 | -moz-border-radius-bottomright: 2px; | |
23 | -webkit-border-bottom-right-radius: 2px; | |
24 | border-bottom-right-radius: 2px; | |
25 | } | |
26 | /*top rounded Corners*/ | |
27 | .jqx-rc-t-web { | |
28 | -moz-border-radius-topleft: 2px; | |
29 | -webkit-border-top-left-radius: 2px; | |
30 | border-top-left-radius: 2px; | |
31 | -moz-border-radius-topright: 2px; | |
32 | -webkit-border-top-right-radius: 2px; | |
33 | border-top-right-radius: 2px; | |
34 | } | |
35 | /*bottom rounded Corners*/ | |
36 | .jqx-rc-b-web { | |
37 | -moz-border-radius-bottomleft: 2px; | |
38 | -webkit-border-bottom-left-radius: 2px; | |
39 | border-bottom-left-radius: 2px; | |
40 | -moz-border-radius-bottomright: 2px; | |
41 | -webkit-border-bottom-right-radius: 2px; | |
42 | border-bottom-right-radius: 2px; | |
43 | } | |
44 | /*right rounded Corners*/ | |
45 | .jqx-rc-r-web { | |
46 | -moz-border-radius-topright: 2px; | |
47 | -webkit-border-top-right-radius: 2px; | |
48 | border-top-right-radius: 2px; | |
49 | -moz-border-radius-bottomright: 2px; | |
50 | -webkit-border-bottom-right-radius: 2px; | |
51 | border-bottom-right-radius: 2px; | |
52 | } | |
53 | /*left rounded Corners*/ | |
54 | .jqx-rc-l-web { | |
55 | -moz-border-radius-topleft: 2px; | |
56 | -webkit-border-top-left-radius: 2px; | |
57 | border-top-left-radius: 2px; | |
58 | -moz-border-radius-bottomleft: 2px; | |
59 | -webkit-border-bottom-left-radius: 2px; | |
60 | border-bottom-left-radius: 2px; | |
61 | } | |
62 | /*all rounded Corners*/ | |
63 | .jqx-rc-all-web { | |
64 | -moz-border-radius: 2px; | |
65 | -webkit-border-radius: 2px; | |
66 | border-radius: 2px; | |
67 | } | |
68 | ||
69 | .jqx-widget-web, .jqx-widget-content, .jqx-widget-header, .jqx-input-web { | |
70 | -webkit-transition: box-shadow linear 0.2s; | |
71 | -moz-transition: box-shadow linear 0.2s; | |
72 | -o-transition: box-shadow linear 0.2s; | |
73 | transition: box-shadow linear 0.2s; | |
74 | } | |
75 | .jqx-listitem-state-normal-web, .jqx-listitem-state-hover-web,.jqx-listitem-state-selected-web, | |
76 | .jqx-tabs-title-selected-top-web, .jqx-tabs-title-selected-bottom-web{ | |
77 | -webkit-transition: none; | |
78 | -moz-transition: none; | |
79 | -o-transition: none; | |
80 | transition: none; | |
81 | } | |
82 | .jqx-fill-state-normal-web { | |
83 | box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);; | |
84 | -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);; | |
85 | -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);; | |
86 | } | |
87 | ||
88 | .jqx-widget-header-web, .jqx-fill-state-normal-web { | |
89 | text-shadow: 0 1px 0 rgb(240, 240, 240); | |
90 | border-color: #b2b2b2; | |
91 | border-color: rgba(0, 0, 0, 0.25); | |
92 | color: #444; | |
93 | background-color: #f0f0f0; | |
94 | background-image: linear-gradient(#ededed, #ededed 38%, #dedede); | |
95 | background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede); | |
96 | background-image: -moz-linear-gradient(#ededed, #ededed 38%, #dedede); | |
97 | background-image: -o-linear-gradient(#ededed, #ededed 38%, #dedede); | |
98 | -webkit-transition: color 200ms; | |
99 | } | |
100 | .jqx-widget-content-web { | |
101 | border-color: #b2b2b2; | |
102 | border-color: rgba(0, 0, 0, 0.25); | |
103 | } | |
104 | .jqx-fill-state-hover-web { | |
105 | text-shadow: 0 1px 0 rgb(240, 240, 240); | |
106 | border-color: #b2b2b2; | |
107 | border-color: rgba(0, 0, 0, 0.3); | |
108 | color: black; | |
109 | background-color: #f0f0f0; | |
110 | background-image: linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0); | |
111 | background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0); | |
112 | background-image: -moz-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0); | |
113 | background-image: -o-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0); | |
114 | box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.95); | |
115 | -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.95); | |
116 | -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.95); | |
117 | -webkit-transition: color 200ms; | |
118 | } | |
119 | ||
120 | .jqx-fill-state-pressed-web { | |
121 | box-shadow: none; | |
122 | -webkit-box-shadow: none; | |
123 | -moz-box-shadow: none; | |
124 | text-shadow: none; | |
125 | background-color: #f0f0f0; | |
126 | background-image: linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7); | |
127 | background-image: -webkit-linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7); | |
128 | background-image: -moz-linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7); | |
129 | background-image: -o-linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7); | |
130 | -webkit-transition: color 200ms; | |
131 | } | |
132 | ||
133 | .jqx-grid-column-menubutton-web { | |
134 | background-color: transparent; | |
135 | } | |
136 | ||
137 | .jqx-calendar-row-header-web, .jqx-calendar-top-left-header-web { | |
138 | background-color: #f0f0f0; | |
139 | border: 0px solid #f2f2f2; | |
140 | } | |
141 | ||
142 | .jqx-calendar-column-header-web { | |
143 | background-color: #FFF; | |
144 | border-top: 1px solid #FFF; | |
145 | border-bottom: 1px solid #e9e9e9; | |
146 | } | |
147 | ||
148 | .jqx-scrollbar-state-normal-web { | |
149 | background-color: #f0f0f0; | |
150 | border: 1px solid #f0f0f0; | |
151 | } | |
152 | .jqx-grid-cell-hover-web { | |
153 | box-shadow: none; | |
154 | -webkit-box-shadow: none; | |
155 | -moz-box-shadow: none; | |
156 | } | |
157 | .jqx-scrollbar-thumb-state-normal-web { | |
158 | background-color: #f0f0f0; | |
159 | background-image: linear-gradient(left, #ededed, #ededed 38%, #dedede); | |
160 | background-image: -webkit-linear-gradient(left, #ededed, #ededed 38%, #dedede); | |
161 | background-image: -moz-linear-gradient(left, #ededed, #ededed 38%, #dedede); | |
162 | background-image: -o-linear-gradient(left, #ededed, #ededed 38%, #dedede); | |
163 | background-image: -ms-linear-gradient(left, #ededed, #ededed 38%, #dedede); | |
164 | } | |
165 | ||
166 | .jqx-scrollbar-thumb-state-hover-web { | |
167 | background-color: #f0f0f0; | |
168 | background-image: linear-gradient(left,#f0f0f0, #f0f0f0 38%, #e0e0e0); | |
169 | background-image: -webkit-linear-gradient(left,#f0f0f0, #f0f0f0 38%, #e0e0e0); | |
170 | background-image: -moz-linear-gradient(left,#f0f0f0, #f0f0f0 38%, #e0e0e0); | |
171 | background-image: -o-linear-gradient(left,#f0f0f0, #f0f0f0 38%, #e0e0e0); | |
172 | background-image: -ms-linear-gradient(left,#f0f0f0, #f0f0f0 38%, #e0e0e0); | |
173 | } | |
174 | .jqx-splitter-collapse-button-vertical-web, .jqx-splitter-collapse-button-horizontal-web { | |
175 | background: #b2b2b2; | |
176 | } | |
177 | .jqx-scrollbar-thumb-state-pressed-web, .jqx-progressbar-value-vertical-web{ | |
178 | background-color: #f0f0f0; | |
179 | background-image: linear-gradient(left, #e7e7e7, #e7e7e7 38%, #d7d7d7); | |
180 | background-image: -webkit-linear-gradient(left, #e7e7e7, #e7e7e7 38%, #d7d7d7); | |
181 | background-image: -moz-linear-gradient(left, #e7e7e7, #e7e7e7 38%, #d7d7d7); | |
182 | background-image: -o-linear-gradient(left, #e7e7e7, #e7e7e7 38%, #d7d7d7); | |
183 | background-image: -ms-linear-gradient(left, #e7e7e7, #e7e7e7 38%, #d7d7d7); | |
184 | } | |
185 | ||
186 | .jqx-grid-column-sortdescbutton-web, jqx-grid-column-filterbutton-web, .jqx-grid-column-sortascbutton-web { | |
187 | background-color: transparent; | |
188 | border-style: solid; | |
189 | border-width: 0px 0px 0px 0px; | |
190 | border-color: #b2b2b2; | |
191 | } | |
192 | .jqx-slider-rangebar-web { | |
193 | background: #C3C3C3; | |
194 | } | |
195 | .jqx-menu-vertical-web { | |
196 | background: #f5f5f5; | |
197 | filter: none; | |
198 | } | |
199 | ||
200 | .jqx-checkbox-check-checked-web { | |
201 | background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAcklEQVQY02NgwA/YoJgoEA/Es4DYgJBCJSBeD8SboRinBiYg7kZS2IosyQ/Eakh8LySFq4FYHFlxGRBvBOJYqMRqJMU+yApNkSRAeC0Sux3dfSCTetE0wKyXxOWhMKhTYIr9CAUXyJMzgLgBagBBgDPGAI2LGdNt0T1AAAAAAElFTkSuQmCC'); | |
202 | } | |
203 | ||
204 | .jqx-combobox-content-web, .jqx-input-web { | |
205 | border-color: #b2b2b2; | |
206 | box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); | |
207 | -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); | |
208 | -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); | |
209 | } | |
210 | .jqx-combobox-content-web { | |
211 | border-color: #b2b2b2; | |
212 | border-color: rgba(0, 0, 0, 0.25); | |
213 | } | |
214 | .jqx-fill-state-focus-web, .jqx-combobox-content-focus-web, .jqx-numberinput-focus-web { | |
215 | outline: none; | |
216 | border-color: #777777; | |
217 | } | |
218 | .jqx-dropdownbutton-popup-web.jqx-fill-state-focus-web { | |
219 | ||
220 | } | |
221 | .jqx-grid-bottomright-web, .jqx-panel-bottomright-web, .jqx-listbox-bottomright-web { | |
222 | background-color: #efefef; | |
223 | } | |
224 | ||
225 | .jqx-tabs-title-selected-top-web, .jqx-tabs-selection-tracker-top-web { | |
226 | border-color: #b2b2b2; | |
227 | border-bottom: 1px solid #fff; | |
228 | text-shadow: 0 1px 0 #f2f2f2; | |
229 | filter: none; | |
230 | color: #222; | |
231 | background: #fff; | |
232 | } | |
233 | ||
234 | .jqx-tabs-title-selected-bottom-web, .jqx-tabs-selection-tracker-bottom-web { | |
235 | border-color: #b2b2b2; | |
236 | border-top: 1px solid #fff; | |
237 | text-shadow: 0 1px 0 #f2f2f2; | |
238 | filter: none; | |
239 | color: #222; | |
240 | background: #fff; | |
241 | } | |
242 | ||
243 | .jqx-popup-web { | |
244 | -webkit-box-shadow: 4px 4px 23px rgba(0, 0, 0, 0.15); | |
245 | -moz-box-shadow: 4px 4px 23px rgba(0, 0, 0, 0.15); | |
246 | box-shadow: 4px 4px 23px rgba(0, 0, 0, 0.15); | |
247 | } | |
248 | .jqx-menu-popup-web>div:first-child{ | |
249 | padding-bottom: 15px !important; | |
250 | padding-right: 15px !important; | |
251 | } | |
252 | .jqx-menu-popup-clear-web>div:first-child{ | |
253 | padding-bottom: 0px !important; | |
254 | } | |
255 | .jqx-window-web, .jqx-tooltip-web { | |
256 | -webkit-box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15); | |
257 | -moz-box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15); | |
258 | box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15); | |
259 | } | |
260 | .jqx-docking-web .jqx-window-web { | |
261 | -webkit-box-shadow: none; | |
262 | -moz-box-shadow: none; | |
263 | } | |
264 | .jqx-docking-panel-web .jqx-window-web { | |
265 | -webkit-box-shadow: none; | |
266 | -moz-box-shadow: none; | |
267 | box-shadow: none; | |
268 | } | |
269 | .jqx-radiobutton-web { | |
270 | -moz-border-radius: 100%; | |
271 | -webkit-border-radius: 100%; | |
272 | border-radius: 100%; | |
273 | background-repeat: no-repeat; | |
274 | background: none; | |
275 | } | |
276 | .jqx-radiobutton-web-web, .jqx-radiobutton-hover-web { | |
277 | -moz-border-radius: 100%; | |
278 | -webkit-border-radius: 100%; | |
279 | border-radius: 100%; | |
280 | background-repeat: no-repeat; | |
281 | } | |
282 | .jqx-radiobutton-check-checked-web { | |
283 | filter: none; | |
284 | background: #666; | |
285 | background-repeat: no-repeat; | |
286 | -moz-border-radius: 100%; | |
287 | -webkit-border-radius: 100%; | |
288 | border-radius: 100%; | |
289 | } | |
290 | .jqx-radiobutton-check-indeterminate-web { | |
291 | filter: none; | |
292 | background: #999; | |
293 | -moz-border-radius: 100%; | |
294 | -webkit-border-radius: 100%; | |
295 | border-radius: 100%; | |
296 | } | |
297 | .jqx-radiobutton-check-indeterminate-disabled-web { | |
298 | filter: none; | |
299 | background: #999; | |
300 | -moz-border-radius: 100%; | |
301 | -webkit-border-radius: 100%; | |
302 | border-radius: 100%; | |
303 | } | |
304 | .jqx-slider-track-horizontal-web, .jqx-slider-track-vertical-web { | |
305 | border-color: #b2b2b2; | |
306 | background: #f0f0f0; | |
307 | } | |
308 | .jqx-slider-button-web | |
309 | { | |
310 | -moz-border-radius: 100%; | |
311 | -webkit-border-radius: 100%; | |
312 | border-radius: 100%; | |
313 | } |