1 | /*!
|
---|
2 | * jQuery Mobile 1.4.2
|
---|
3 | * Git HEAD hash: 9d9a42a27d0c693e8b5569c3a10d771916af5045 <> Date: Fri Feb 28 2014 17:32:01 UTC
|
---|
4 | * http://jquerymobile.com
|
---|
5 | *
|
---|
6 | * Copyright 2010, 2014 jQuery Foundation, Inc. and other contributors
|
---|
7 | * Released under the MIT license.
|
---|
8 | * http://jquery.org/license
|
---|
9 | *
|
---|
10 | */
|
---|
11 |
|
---|
12 |
|
---|
13 | /* Globals */
|
---|
14 | /* Font
|
---|
15 | -----------------------------------------------------------------------------------------------------------*/
|
---|
16 | html {
|
---|
17 | font-size: 100%;
|
---|
18 | }
|
---|
19 | body,
|
---|
20 | input,
|
---|
21 | select,
|
---|
22 | textarea,
|
---|
23 | button,
|
---|
24 | .ui-btn {
|
---|
25 | font-size: 1em;
|
---|
26 | line-height: 1.3;
|
---|
27 | font-family: sans-serif /*{global-font-family}*/;
|
---|
28 | }
|
---|
29 | legend,
|
---|
30 | .ui-input-text input,
|
---|
31 | .ui-input-search input {
|
---|
32 | color: inherit;
|
---|
33 | text-shadow: inherit;
|
---|
34 | }
|
---|
35 | /* Form labels (overrides font-weight bold in bars, and mini font-size) */
|
---|
36 | .ui-mobile label,
|
---|
37 | div.ui-controlgroup-label {
|
---|
38 | font-weight: normal;
|
---|
39 | font-size: 16px;
|
---|
40 | }
|
---|
41 | /* Separators
|
---|
42 | -----------------------------------------------------------------------------------------------------------*/
|
---|
43 | /* Field contain separator (< 28em) */
|
---|
44 | .ui-field-contain {
|
---|
45 | border-bottom-color: #828282;
|
---|
46 | border-bottom-color: rgba(0,0,0,.15);
|
---|
47 | border-bottom-width: 1px;
|
---|
48 | border-bottom-style: solid;
|
---|
49 | }
|
---|
50 | /* Table opt-in classes: strokes between each row, and alternating row stripes */
|
---|
51 | /* Classes table-stroke and table-stripe are deprecated in 1.4. */
|
---|
52 | .table-stroke thead th,
|
---|
53 | .table-stripe thead th,
|
---|
54 | .table-stripe tbody tr:last-child {
|
---|
55 | border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
|
---|
56 | border-bottom: 1px solid rgba(0,0,0,.1);
|
---|
57 | }
|
---|
58 | .table-stroke tbody th,
|
---|
59 | .table-stroke tbody td {
|
---|
60 | border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback */
|
---|
61 | border-bottom: 1px solid rgba(0,0,0,.05);
|
---|
62 | }
|
---|
63 | .table-stripe.table-stroke tbody tr:last-child th,
|
---|
64 | .table-stripe.table-stroke tbody tr:last-child td {
|
---|
65 | border-bottom: 0;
|
---|
66 | }
|
---|
67 | .table-stripe tbody tr:nth-child(odd) td,
|
---|
68 | .table-stripe tbody tr:nth-child(odd) th {
|
---|
69 | background-color: #eeeeee; /* non-RGBA fallback */
|
---|
70 | background-color: rgba(0,0,0,.04);
|
---|
71 | }
|
---|
72 | /* Buttons
|
---|
73 | -----------------------------------------------------------------------------------------------------------*/
|
---|
74 | .ui-btn,
|
---|
75 | label.ui-btn {
|
---|
76 | font-weight: bold;
|
---|
77 | border-width: 1px;
|
---|
78 | border-style: solid;
|
---|
79 | }
|
---|
80 | .ui-btn:link {
|
---|
81 | text-decoration: none !important;
|
---|
82 | }
|
---|
83 | .ui-btn-active {
|
---|
84 | cursor: pointer;
|
---|
85 | }
|
---|
86 | /* Corner rounding
|
---|
87 | -----------------------------------------------------------------------------------------------------------*/
|
---|
88 | /* Class ui-btn-corner-all deprecated in 1.4 */
|
---|
89 | .ui-corner-all {
|
---|
90 | -webkit-border-radius: .6em /*{global-radii-blocks}*/;
|
---|
91 | border-radius: .6em /*{global-radii-blocks}*/;
|
---|
92 | }
|
---|
93 | /* Buttons */
|
---|
94 | .ui-btn-corner-all,
|
---|
95 | .ui-btn.ui-corner-all,
|
---|
96 | /* Slider track */
|
---|
97 | .ui-slider-track.ui-corner-all,
|
---|
98 | /* Flipswitch */
|
---|
99 | .ui-flipswitch.ui-corner-all,
|
---|
100 | /* Count bubble */
|
---|
101 | .ui-li-count {
|
---|
102 | -webkit-border-radius: .3125em /*{global-radii-buttons}*/;
|
---|
103 | border-radius: .3125em /*{global-radii-buttons}*/;
|
---|
104 | }
|
---|
105 | /* Icon-only buttons */
|
---|
106 | .ui-btn-icon-notext.ui-btn-corner-all,
|
---|
107 | .ui-btn-icon-notext.ui-corner-all {
|
---|
108 | -webkit-border-radius: 1em;
|
---|
109 | border-radius: 1em;
|
---|
110 | }
|
---|
111 | /* Radius clip workaround for cleaning up corner trapping */
|
---|
112 | .ui-btn-corner-all,
|
---|
113 | .ui-corner-all {
|
---|
114 | -webkit-background-clip: padding;
|
---|
115 | background-clip: padding-box;
|
---|
116 | }
|
---|
117 | /* Popup arrow */
|
---|
118 | .ui-popup.ui-corner-all > .ui-popup-arrow-guide {
|
---|
119 | left: .6em /*{global-radii-blocks}*/;
|
---|
120 | right: .6em /*{global-radii-blocks}*/;
|
---|
121 | top: .6em /*{global-radii-blocks}*/;
|
---|
122 | bottom: .6em /*{global-radii-blocks}*/;
|
---|
123 | }
|
---|
124 | /* Shadow
|
---|
125 | -----------------------------------------------------------------------------------------------------------*/
|
---|
126 | .ui-shadow {
|
---|
127 | -webkit-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
|
---|
128 | -moz-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
|
---|
129 | box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
|
---|
130 | }
|
---|
131 | .ui-shadow-inset {
|
---|
132 | -webkit-box-shadow: inset 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
|
---|
133 | -moz-box-shadow: inset 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
|
---|
134 | box-shadow: inset 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
|
---|
135 | }
|
---|
136 | .ui-overlay-shadow {
|
---|
137 | -webkit-box-shadow: 0 0 12px rgba(0,0,0,.6);
|
---|
138 | -moz-box-shadow: 0 0 12px rgba(0,0,0,.6);
|
---|
139 | box-shadow: 0 0 12px rgba(0,0,0,.6);
|
---|
140 | }
|
---|
141 | /* Icons
|
---|
142 | -----------------------------------------------------------------------------------------------------------*/
|
---|
143 | .ui-btn-icon-left:after,
|
---|
144 | .ui-btn-icon-right:after,
|
---|
145 | .ui-btn-icon-top:after,
|
---|
146 | .ui-btn-icon-bottom:after,
|
---|
147 | .ui-btn-icon-notext:after {
|
---|
148 | background-color: #666666 /*{global-icon-color}*/;
|
---|
149 | background-color: rgba(0,0,0,.3) /*{global-icon-disc}*/;
|
---|
150 | background-position: center center;
|
---|
151 | background-repeat: no-repeat;
|
---|
152 | -webkit-border-radius: 1em;
|
---|
153 | border-radius: 1em;
|
---|
154 | }
|
---|
155 | /* Alt icons */
|
---|
156 | .ui-alt-icon.ui-btn:after,
|
---|
157 | .ui-alt-icon .ui-btn:after,
|
---|
158 | html .ui-alt-icon.ui-checkbox-off:after,
|
---|
159 | html .ui-alt-icon.ui-radio-off:after,
|
---|
160 | html .ui-alt-icon .ui-checkbox-off:after,
|
---|
161 | html .ui-alt-icon .ui-radio-off:after {
|
---|
162 | background-color: #666666 /*{global-icon-color}*/;
|
---|
163 | background-color: rgba(0,0,0,.15);
|
---|
164 | }
|
---|
165 | /* No disc */
|
---|
166 | .ui-nodisc-icon.ui-btn:after,
|
---|
167 | .ui-nodisc-icon .ui-btn:after {
|
---|
168 | background-color: transparent;
|
---|
169 | }
|
---|
170 | /* Icon shadow */
|
---|
171 | .ui-shadow-icon.ui-btn:after,
|
---|
172 | .ui-shadow-icon .ui-btn:after {
|
---|
173 | -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/;
|
---|
174 | -moz-box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/;
|
---|
175 | box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/;
|
---|
176 | }
|
---|
177 | /* Checkbox and radio */
|
---|
178 | .ui-btn.ui-checkbox-off:after,
|
---|
179 | .ui-btn.ui-checkbox-on:after,
|
---|
180 | .ui-btn.ui-radio-off:after,
|
---|
181 | .ui-btn.ui-radio-on:after {
|
---|
182 | display: block;
|
---|
183 | width: 18px;
|
---|
184 | height: 18px;
|
---|
185 | margin: -9px 2px 0 2px;
|
---|
186 | }
|
---|
187 | .ui-checkbox-off:after,
|
---|
188 | .ui-btn.ui-radio-off:after {
|
---|
189 | filter: Alpha(Opacity=30);
|
---|
190 | opacity: .3;
|
---|
191 | }
|
---|
192 | .ui-btn.ui-checkbox-off:after,
|
---|
193 | .ui-btn.ui-checkbox-on:after {
|
---|
194 | -webkit-border-radius: .1875em;
|
---|
195 | border-radius: .1875em;
|
---|
196 | }
|
---|
197 | .ui-radio .ui-btn.ui-radio-on:after {
|
---|
198 | background-image: none;
|
---|
199 | background-color: #fff;
|
---|
200 | width: 8px;
|
---|
201 | height: 8px;
|
---|
202 | border-width: 5px;
|
---|
203 | border-style: solid;
|
---|
204 | }
|
---|
205 | .ui-alt-icon.ui-btn.ui-radio-on:after,
|
---|
206 | .ui-alt-icon .ui-btn.ui-radio-on:after {
|
---|
207 | background-color: #000;
|
---|
208 | }
|
---|
209 | /* Loader */
|
---|
210 | .ui-icon-loading {
|
---|
211 | background: url("../js/images/ajax-loader.gif");
|
---|
212 | background-size: 2.875em 2.875em;
|
---|
213 | }
|
---|
214 | /* Swatches */
|
---|
215 | /* A
|
---|
216 | -----------------------------------------------------------------------------------------------------------*/
|
---|
217 | /* Bar: Toolbars, dividers, slider track */
|
---|
218 | .ui-bar-a,
|
---|
219 | .ui-page-theme-a .ui-bar-inherit,
|
---|
220 | html .ui-bar-a .ui-bar-inherit,
|
---|
221 | html .ui-body-a .ui-bar-inherit,
|
---|
222 | html body .ui-group-theme-a .ui-bar-inherit {
|
---|
223 | background-color: #e9e9e9 /*{a-bar-background-color}*/;
|
---|
224 | border-color: #dddddd /*{a-bar-border}*/;
|
---|
225 | color: #333333 /*{a-bar-color}*/;
|
---|
226 | text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #eeeeee /*{a-bar-shadow-color}*/;
|
---|
227 | font-weight: bold;
|
---|
228 | }
|
---|
229 | .ui-bar-a {
|
---|
230 | border-width: 1px;
|
---|
231 | border-style: solid;
|
---|
232 | }
|
---|
233 | /* Page and overlay */
|
---|
234 | .ui-overlay-a,
|
---|
235 | .ui-page-theme-a,
|
---|
236 | .ui-page-theme-a .ui-panel-wrapper {
|
---|
237 | background-color: #ffffff /*{a-page-background-color}*/;
|
---|
238 | border-color: #ffffff /*{a-page-border}*/;
|
---|
239 | color: #000000 /*{a-page-color}*/;
|
---|
240 | text-shadow: 0 /*{a-page-shadow-x}*/ 1px /*{a-page-shadow-y}*/ 0 /*{a-page-shadow-radius}*/ #eeeeee /*{a-page-shadow-color}*/;
|
---|
241 | }
|
---|
242 | /* Body: Read-only lists, text inputs, collapsible content */
|
---|
243 | .ui-body-a,
|
---|
244 | .ui-page-theme-a .ui-body-inherit,
|
---|
245 | html .ui-bar-a .ui-body-inherit,
|
---|
246 | html .ui-body-a .ui-body-inherit,
|
---|
247 | html body .ui-group-theme-a .ui-body-inherit,
|
---|
248 | html .ui-panel-page-container-a {
|
---|
249 | background-color: #fafafa /*{a-body-background-color}*/;
|
---|
250 | border-color: #dddddd /*{a-body-border}*/;
|
---|
251 | color: #000000 /*{a-body-color}*/;
|
---|
252 | text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #eeeeee /*{a-body-shadow-color}*/;
|
---|
253 | }
|
---|
254 | .ui-body-a {
|
---|
255 | border-width: 1px;
|
---|
256 | border-style: solid;
|
---|
257 | }
|
---|
258 | /* Links */
|
---|
259 | .ui-page-theme-a a,
|
---|
260 | html .ui-bar-a a,
|
---|
261 | html .ui-body-a a,
|
---|
262 | html body .ui-group-theme-a a {
|
---|
263 | color: #3388cc /*{a-link-color}*/;
|
---|
264 | font-weight: bold;
|
---|
265 | }
|
---|
266 | .ui-page-theme-a a:visited,
|
---|
267 | html .ui-bar-a a:visited,
|
---|
268 | html .ui-body-a a:visited,
|
---|
269 | html body .ui-group-theme-a a:visited {
|
---|
270 | color: #3388cc /*{a-link-visited}*/;
|
---|
271 | }
|
---|
272 | .ui-page-theme-a a:hover,
|
---|
273 | html .ui-bar-a a:hover,
|
---|
274 | html .ui-body-a a:hover,
|
---|
275 | html body .ui-group-theme-a a:hover {
|
---|
276 | color: #005599 /*{a-link-hover}*/;
|
---|
277 | }
|
---|
278 | .ui-page-theme-a a:active,
|
---|
279 | html .ui-bar-a a:active,
|
---|
280 | html .ui-body-a a:active,
|
---|
281 | html body .ui-group-theme-a a:active {
|
---|
282 | color: #005599 /*{a-link-active}*/;
|
---|
283 | }
|
---|
284 | /* Button up */
|
---|
285 | .ui-page-theme-a .ui-btn,
|
---|
286 | html .ui-bar-a .ui-btn,
|
---|
287 | html .ui-body-a .ui-btn,
|
---|
288 | html body .ui-group-theme-a .ui-btn,
|
---|
289 | html head + body .ui-btn.ui-btn-a,
|
---|
290 | /* Button visited */
|
---|
291 | .ui-page-theme-a .ui-btn:visited,
|
---|
292 | html .ui-bar-a .ui-btn:visited,
|
---|
293 | html .ui-body-a .ui-btn:visited,
|
---|
294 | html body .ui-group-theme-a .ui-btn:visited,
|
---|
295 | html head + body .ui-btn.ui-btn-a:visited {
|
---|
296 | background-color: #ededed /*{a-bup-background-color}*/;
|
---|
297 | border-color: #dddddd /*{a-bup-border}*/;
|
---|
298 | color: #000000 /*{a-bup-color}*/;
|
---|
299 | text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #eeeeee /*{a-bup-shadow-color}*/;
|
---|
300 | }
|
---|
301 | /* Button hover */
|
---|
302 | .ui-page-theme-a .ui-btn:hover,
|
---|
303 | html .ui-bar-a .ui-btn:hover,
|
---|
304 | html .ui-body-a .ui-btn:hover,
|
---|
305 | html body .ui-group-theme-a .ui-btn:hover,
|
---|
306 | html head + body .ui-btn.ui-btn-a:hover {
|
---|
307 | background-color: #FFFFFF /*{a-bhover-background-color}*/;
|
---|
308 | border-color: #dddddd /*{a-bhover-border}*/;
|
---|
309 | color: #000000 /*{a-bhover-color}*/;
|
---|
310 | text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #eeeeee /*{a-bhover-shadow-color}*/;
|
---|
311 | }
|
---|
312 | /* Button down */
|
---|
313 | .ui-page-theme-a .ui-btn:active,
|
---|
314 | html .ui-bar-a .ui-btn:active,
|
---|
315 | html .ui-body-a .ui-btn:active,
|
---|
316 | html body .ui-group-theme-a .ui-btn:active,
|
---|
317 | html head + body .ui-btn.ui-btn-a:active {
|
---|
318 | background-color: #FFFFFF /*{a-bdown-background-color}*/;
|
---|
319 | border-color: #005599 /*{a-bdown-border}*/;
|
---|
320 | color: #000000 /*{a-bdown-color}*/;
|
---|
321 | text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #eeeeee /*{a-bdown-shadow-color}*/;
|
---|
322 | }
|
---|
323 | /* Active button */
|
---|
324 | .ui-page-theme-a .ui-btn.ui-btn-active,
|
---|
325 | html .ui-bar-a .ui-btn.ui-btn-active,
|
---|
326 | html .ui-body-a .ui-btn.ui-btn-active,
|
---|
327 | html body .ui-group-theme-a .ui-btn.ui-btn-active,
|
---|
328 | html head + body .ui-btn.ui-btn-a.ui-btn-active,
|
---|
329 | /* Active checkbox icon */
|
---|
330 | .ui-page-theme-a .ui-checkbox-on:after,
|
---|
331 | html .ui-bar-a .ui-checkbox-on:after,
|
---|
332 | html .ui-body-a .ui-checkbox-on:after,
|
---|
333 | html body .ui-group-theme-a .ui-checkbox-on:after,
|
---|
334 | .ui-btn.ui-checkbox-on.ui-btn-a:after,
|
---|
335 | /* Active flipswitch background */
|
---|
336 | .ui-page-theme-a .ui-flipswitch-active,
|
---|
337 | html .ui-bar-a .ui-flipswitch-active,
|
---|
338 | html .ui-body-a .ui-flipswitch-active,
|
---|
339 | html body .ui-group-theme-a .ui-flipswitch-active,
|
---|
340 | html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active,
|
---|
341 | /* Active slider track */
|
---|
342 | .ui-page-theme-a .ui-slider-track .ui-btn-active,
|
---|
343 | html .ui-bar-a .ui-slider-track .ui-btn-active,
|
---|
344 | html .ui-body-a .ui-slider-track .ui-btn-active,
|
---|
345 | html body .ui-group-theme-a .ui-slider-track .ui-btn-active,
|
---|
346 | html body div.ui-slider-track.ui-body-a .ui-btn-active {
|
---|
347 | background-color: #3388cc /*{a-active-background-color}*/;
|
---|
348 | border-color: #005599 /*{a-active-border}*/;
|
---|
349 | color: #ffffff /*{a-active-color}*/;
|
---|
350 | text-shadow: 0 /*{a-active-shadow-x}*/ 1px /*{a-active-shadow-y}*/ 0 /*{a-active-shadow-radius}*/ #005599 /*{a-active-shadow-color}*/;
|
---|
351 | }
|
---|
352 | /* Active radio button icon */
|
---|
353 | .ui-page-theme-a .ui-radio-on:after,
|
---|
354 | html .ui-bar-a .ui-radio-on:after,
|
---|
355 | html .ui-body-a .ui-radio-on:after,
|
---|
356 | html body .ui-group-theme-a .ui-radio-on:after,
|
---|
357 | .ui-btn.ui-radio-on.ui-btn-a:after {
|
---|
358 | border-color: #3388cc /*{a-active-background-color}*/;
|
---|
359 | }
|
---|
360 | /* Focus */
|
---|
361 | .ui-page-theme-a .ui-btn:focus,
|
---|
362 | html .ui-bar-a .ui-btn:focus,
|
---|
363 | html .ui-body-a .ui-btn:focus,
|
---|
364 | html body .ui-group-theme-a .ui-btn:focus,
|
---|
365 | html head + body .ui-btn.ui-btn-a:focus,
|
---|
366 | /* Focus buttons and text inputs with div wrap */
|
---|
367 | .ui-page-theme-a .ui-focus,
|
---|
368 | html .ui-bar-a .ui-focus,
|
---|
369 | html .ui-body-a .ui-focus,
|
---|
370 | html body .ui-group-theme-a .ui-focus,
|
---|
371 | html head + body .ui-btn-a.ui-focus,
|
---|
372 | html head + body .ui-body-a.ui-focus {
|
---|
373 | -webkit-box-shadow: 0 0 12px #3388cc /*{a-active-background-color}*/;
|
---|
374 | -moz-box-shadow: 0 0 12px #3388cc /*{a-active-background-color}*/;
|
---|
375 | box-shadow: 0 0 12px #3388cc /*{a-active-background-color}*/;
|
---|
376 | }
|
---|
377 | /* B
|
---|
378 | -----------------------------------------------------------------------------------------------------------*/
|
---|
379 | /* Bar: Toolbars, dividers, slider track */
|
---|
380 | .ui-bar-b,
|
---|
381 | .ui-page-theme-b .ui-bar-inherit,
|
---|
382 | html .ui-bar-b .ui-bar-inherit,
|
---|
383 | html .ui-body-b .ui-bar-inherit,
|
---|
384 | html body .ui-group-theme-b .ui-bar-inherit {
|
---|
385 | background-color: #8cc63f /*{b-bar-background-color}*/;
|
---|
386 | border-color: #4d6c22 /*{b-bar-border}*/;
|
---|
387 | color: #ffffff /*{b-bar-color}*/;
|
---|
388 | text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 0 /*{b-bar-shadow-radius}*/ #444444 /*{b-bar-shadow-color}*/;
|
---|
389 | font-weight: bold;
|
---|
390 | }
|
---|
391 | .ui-bar-b {
|
---|
392 | border-width: 1px;
|
---|
393 | border-style: solid;
|
---|
394 | }
|
---|
395 | /* Page and overlay */
|
---|
396 | .ui-overlay-b,
|
---|
397 | .ui-page-theme-b,
|
---|
398 | .ui-page-theme-b .ui-panel-wrapper {
|
---|
399 | background-color: #ffffff /*{b-page-background-color}*/;
|
---|
400 | border-color: #ffffff /*{b-page-border}*/;
|
---|
401 | color: #000000 /*{b-page-color}*/;
|
---|
402 | text-shadow: 0 /*{b-page-shadow-x}*/ 1px /*{b-page-shadow-y}*/ 0 /*{b-page-shadow-radius}*/ #eeeeee /*{b-page-shadow-color}*/;
|
---|
403 | }
|
---|
404 | /* Body: Read-only lists, text inputs, collapsible content */
|
---|
405 | .ui-body-b,
|
---|
406 | .ui-page-theme-b .ui-body-inherit,
|
---|
407 | html .ui-bar-b .ui-body-inherit,
|
---|
408 | html .ui-body-b .ui-body-inherit,
|
---|
409 | html body .ui-group-theme-b .ui-body-inherit,
|
---|
410 | html .ui-panel-page-container-b {
|
---|
411 | background-color: #eff7e4 /*{b-body-background-color}*/;
|
---|
412 | border-color: #4d6c22 /*{b-body-border}*/;
|
---|
413 | color: #000000 /*{b-body-color}*/;
|
---|
414 | text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #eeeeee /*{b-body-shadow-color}*/;
|
---|
415 | }
|
---|
416 | .ui-body-b {
|
---|
417 | border-width: 1px;
|
---|
418 | border-style: solid;
|
---|
419 | }
|
---|
420 | /* Links */
|
---|
421 | .ui-page-theme-b a,
|
---|
422 | html .ui-bar-b a,
|
---|
423 | html .ui-body-b a,
|
---|
424 | html body .ui-group-theme-b a {
|
---|
425 | color: #6e9e2f /*{b-link-color}*/;
|
---|
426 | font-weight: bold;
|
---|
427 | }
|
---|
428 | .ui-page-theme-b a:visited,
|
---|
429 | html .ui-bar-b a:visited,
|
---|
430 | html .ui-body-b a:visited,
|
---|
431 | html body .ui-group-theme-b a:visited {
|
---|
432 | color: #47661e /*{b-link-visited}*/;
|
---|
433 | }
|
---|
434 | .ui-page-theme-b a:hover,
|
---|
435 | html .ui-bar-b a:hover,
|
---|
436 | html .ui-body-b a:hover,
|
---|
437 | html body .ui-group-theme-b a:hover {
|
---|
438 | color: #7eb536 /*{b-link-hover}*/;
|
---|
439 | }
|
---|
440 | .ui-page-theme-b a:active,
|
---|
441 | html .ui-bar-b a:active,
|
---|
442 | html .ui-body-b a:active,
|
---|
443 | html body .ui-group-theme-b a:active {
|
---|
444 | color: #6e9e2f /*{b-link-active}*/;
|
---|
445 | }
|
---|
446 | /* Button up */
|
---|
447 | .ui-page-theme-b .ui-btn,
|
---|
448 | html .ui-bar-b .ui-btn,
|
---|
449 | html .ui-body-b .ui-btn,
|
---|
450 | html body .ui-group-theme-b .ui-btn,
|
---|
451 | html head + body .ui-btn.ui-btn-b,
|
---|
452 | /* Button visited */
|
---|
453 | .ui-page-theme-b .ui-btn:visited,
|
---|
454 | html .ui-bar-b .ui-btn:visited,
|
---|
455 | html .ui-body-b .ui-btn:visited,
|
---|
456 | html body .ui-group-theme-b .ui-btn:visited,
|
---|
457 | html head + body .ui-btn.ui-btn-b:visited {
|
---|
458 | background-color: #d0e8b1 /*{b-bup-background-color}*/;
|
---|
459 | border-color: #727f61 /*{b-bup-border}*/;
|
---|
460 | color: #000000 /*{b-bup-color}*/;
|
---|
461 | text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #eeeeee /*{b-bup-shadow-color}*/;
|
---|
462 | }
|
---|
463 | /* Button hover */
|
---|
464 | .ui-page-theme-b .ui-btn:hover,
|
---|
465 | html .ui-bar-b .ui-btn:hover,
|
---|
466 | html .ui-body-b .ui-btn:hover,
|
---|
467 | html body .ui-group-theme-b .ui-btn:hover,
|
---|
468 | html head + body .ui-btn.ui-btn-b:hover {
|
---|
469 | background-color: #efFFcb /*{b-bhover-background-color}*/;
|
---|
470 | border-color: #838c6f /*{b-bhover-border}*/;
|
---|
471 | color: #000000 /*{b-bhover-color}*/;
|
---|
472 | text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #eeeeee /*{b-bhover-shadow-color}*/;
|
---|
473 | }
|
---|
474 | /* Button down */
|
---|
475 | .ui-page-theme-b .ui-btn:active,
|
---|
476 | html .ui-bar-b .ui-btn:active,
|
---|
477 | html .ui-body-b .ui-btn:active,
|
---|
478 | html body .ui-group-theme-b .ui-btn:active,
|
---|
479 | html head + body .ui-btn.ui-btn-b:active {
|
---|
480 | background-color: #efFFcb /*{b-bdown-background-color}*/;
|
---|
481 | border-color: #838c6f /*{b-bdown-border}*/;
|
---|
482 | color: #000000 /*{b-bdown-color}*/;
|
---|
483 | text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #eeeeee /*{b-bdown-shadow-color}*/;
|
---|
484 | }
|
---|
485 | /* Active button */
|
---|
486 | .ui-page-theme-b .ui-btn.ui-btn-active,
|
---|
487 | html .ui-bar-b .ui-btn.ui-btn-active,
|
---|
488 | html .ui-body-b .ui-btn.ui-btn-active,
|
---|
489 | html body .ui-group-theme-b .ui-btn.ui-btn-active,
|
---|
490 | html head + body .ui-btn.ui-btn-b.ui-btn-active,
|
---|
491 | /* Active checkbox icon */
|
---|
492 | .ui-page-theme-b .ui-checkbox-on:after,
|
---|
493 | html .ui-bar-b .ui-checkbox-on:after,
|
---|
494 | html .ui-body-b .ui-checkbox-on:after,
|
---|
495 | html body .ui-group-theme-b .ui-checkbox-on:after,
|
---|
496 | .ui-btn.ui-checkbox-on.ui-btn-b:after,
|
---|
497 | /* Active flipswitch background */
|
---|
498 | .ui-page-theme-b .ui-flipswitch-active,
|
---|
499 | html .ui-bar-b .ui-flipswitch-active,
|
---|
500 | html .ui-body-b .ui-flipswitch-active,
|
---|
501 | html body .ui-group-theme-b .ui-flipswitch-active,
|
---|
502 | html body .ui-flipswitch.ui-bar-b.ui-flipswitch-active,
|
---|
503 | /* Active slider track */
|
---|
504 | .ui-page-theme-b .ui-slider-track .ui-btn-active,
|
---|
505 | html .ui-bar-b .ui-slider-track .ui-btn-active,
|
---|
506 | html .ui-body-b .ui-slider-track .ui-btn-active,
|
---|
507 | html body .ui-group-theme-b .ui-slider-track .ui-btn-active,
|
---|
508 | html body div.ui-slider-track.ui-body-b .ui-btn-active {
|
---|
509 | background-color: #6e9e2f /*{b-active-background-color}*/;
|
---|
510 | border-color: #3c5619 /*{b-active-border}*/;
|
---|
511 | color: #ffffff /*{b-active-color}*/;
|
---|
512 | text-shadow: 0 /*{b-active-shadow-x}*/ 1px /*{b-active-shadow-y}*/ 0 /*{b-active-shadow-radius}*/ #444444 /*{b-active-shadow-color}*/;
|
---|
513 | }
|
---|
514 | /* Active radio button icon */
|
---|
515 | .ui-page-theme-b .ui-radio-on:after,
|
---|
516 | html .ui-bar-b .ui-radio-on:after,
|
---|
517 | html .ui-body-b .ui-radio-on:after,
|
---|
518 | html body .ui-group-theme-b .ui-radio-on:after,
|
---|
519 | .ui-btn.ui-radio-on.ui-btn-b:after {
|
---|
520 | border-color: #6e9e2f /*{b-active-background-color}*/;
|
---|
521 | }
|
---|
522 | /* Focus */
|
---|
523 | .ui-page-theme-b .ui-btn:focus,
|
---|
524 | html .ui-bar-b .ui-btn:focus,
|
---|
525 | html .ui-body-b .ui-btn:focus,
|
---|
526 | html body .ui-group-theme-b .ui-btn:focus,
|
---|
527 | html head + body .ui-btn.ui-btn-b:focus,
|
---|
528 | /* Focus buttons and text inputs with div wrap */
|
---|
529 | .ui-page-theme-b .ui-focus,
|
---|
530 | html .ui-bar-b .ui-focus,
|
---|
531 | html .ui-body-b .ui-focus,
|
---|
532 | html body .ui-group-theme-b .ui-focus,
|
---|
533 | html head + body .ui-btn-b.ui-focus,
|
---|
534 | html head + body .ui-body-b.ui-focus {
|
---|
535 | -webkit-box-shadow: 0 0 12px #6e9e2f /*{b-active-background-color}*/;
|
---|
536 | -moz-box-shadow: 0 0 12px #6e9e2f /*{b-active-background-color}*/;
|
---|
537 | box-shadow: 0 0 12px #6e9e2f /*{b-active-background-color}*/;
|
---|
538 | }
|
---|
539 |
|
---|
540 |
|
---|
541 | /* C
|
---|
542 | -----------------------------------------------------------------------------------------------------------*/
|
---|
543 | /* Bar: Toolbars, dividers, slider track */
|
---|
544 | .ui-bar-c,
|
---|
545 | .ui-page-theme-c .ui-bar-inherit,
|
---|
546 | html .ui-bar-c .ui-bar-inherit,
|
---|
547 | html .ui-body-c .ui-bar-inherit,
|
---|
548 | html body .ui-group-theme-c .ui-bar-inherit {
|
---|
549 | background-color: #ffd557 /*{c-bar-background-color}*/;
|
---|
550 | border-color: #8c752f /*{c-bar-border}*/;
|
---|
551 | color: #000000 /*{c-bar-color}*/;
|
---|
552 | text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 0 /*{c-bar-shadow-radius}*/ #eeeeee /*{c-bar-shadow-color}*/;
|
---|
553 | font-weight: bold;
|
---|
554 | }
|
---|
555 | .ui-bar-c {
|
---|
556 | border-width: 1px;
|
---|
557 | border-style: solid;
|
---|
558 | }
|
---|
559 | /* Page and overlay */
|
---|
560 | .ui-overlay-c,
|
---|
561 | .ui-page-theme-c,
|
---|
562 | .ui-page-theme-c .ui-panel-wrapper {
|
---|
563 | background-color: #ffffff /*{c-page-background-color}*/;
|
---|
564 | border-color: #ffffff /*{c-page-border}*/;
|
---|
565 | color: #000000 /*{c-page-color}*/;
|
---|
566 | text-shadow: 0 /*{c-page-shadow-x}*/ 1px /*{c-page-shadow-y}*/ 0 /*{c-page-shadow-radius}*/ #eeeeee /*{c-page-shadow-color}*/;
|
---|
567 | }
|
---|
568 | /* Body: Read-only lists, text inputs, collapsible content */
|
---|
569 | .ui-body-c,
|
---|
570 | .ui-page-theme-c .ui-body-inherit,
|
---|
571 | html .ui-bar-c .ui-body-inherit,
|
---|
572 | html .ui-body-c .ui-body-inherit,
|
---|
573 | html body .ui-group-theme-c .ui-body-inherit,
|
---|
574 | html .ui-panel-page-container-c {
|
---|
575 | background-color: #fff9e5 /*{c-body-background-color}*/;
|
---|
576 | border-color: #8c887d /*{c-body-border}*/;
|
---|
577 | color: #000000 /*{c-body-color}*/;
|
---|
578 | text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #eeeeee /*{c-body-shadow-color}*/;
|
---|
579 | }
|
---|
580 | .ui-body-c {
|
---|
581 | border-width: 1px;
|
---|
582 | border-style: solid;
|
---|
583 | }
|
---|
584 | /* Links */
|
---|
585 | .ui-page-theme-c a,
|
---|
586 | html .ui-bar-c a,
|
---|
587 | html .ui-body-c a,
|
---|
588 | html body .ui-group-theme-c a {
|
---|
589 | color: #fabb00 /*{c-link-color}*/;
|
---|
590 | font-weight: bold;
|
---|
591 | }
|
---|
592 | .ui-page-theme-c a:visited,
|
---|
593 | html .ui-bar-c a:visited,
|
---|
594 | html .ui-body-c a:visited,
|
---|
595 | html body .ui-group-theme-c a:visited {
|
---|
596 | color: #a27900 /*{c-link-visited}*/;
|
---|
597 | }
|
---|
598 | .ui-page-theme-c a:hover,
|
---|
599 | html .ui-bar-c a:hover,
|
---|
600 | html .ui-body-c a:hover,
|
---|
601 | html body .ui-group-theme-c a:hover {
|
---|
602 | color: #FFd745 /*{c-link-hover}*/;
|
---|
603 | }
|
---|
604 | .ui-page-theme-c a:active,
|
---|
605 | html .ui-bar-c a:active,
|
---|
606 | html .ui-body-c a:active,
|
---|
607 | html body .ui-group-theme-c a:active {
|
---|
608 | color: #fabb00 /*{c-link-active}*/;
|
---|
609 | }
|
---|
610 | /* Button up */
|
---|
611 | .ui-page-theme-c .ui-btn,
|
---|
612 | html .ui-bar-c .ui-btn,
|
---|
613 | html .ui-body-c .ui-btn,
|
---|
614 | html body .ui-group-theme-c .ui-btn,
|
---|
615 | html head + body .ui-btn.ui-btn-c,
|
---|
616 | /* Button visited */
|
---|
617 | .ui-page-theme-c .ui-btn:visited,
|
---|
618 | html .ui-bar-c .ui-btn:visited,
|
---|
619 | html .ui-body-c .ui-btn:visited,
|
---|
620 | html body .ui-group-theme-c .ui-btn:visited,
|
---|
621 | html head + body .ui-btn.ui-btn-c:visited {
|
---|
622 | background-color: #fff1c7 /*{c-bup-background-color}*/;
|
---|
623 | border-color: #8c846d /*{c-bup-border}*/;
|
---|
624 | color: #000000 /*{c-bup-color}*/;
|
---|
625 | text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #eeeeee /*{c-bup-shadow-color}*/;
|
---|
626 | }
|
---|
627 | /* Button hover */
|
---|
628 | .ui-page-theme-c .ui-btn:hover,
|
---|
629 | html .ui-bar-c .ui-btn:hover,
|
---|
630 | html .ui-body-c .ui-btn:hover,
|
---|
631 | html body .ui-group-theme-c .ui-btn:hover,
|
---|
632 | html head + body .ui-btn.ui-btn-c:hover {
|
---|
633 | background-color: #FFFFe4 /*{c-bhover-background-color}*/;
|
---|
634 | border-color: #8c8c7d /*{c-bhover-border}*/;
|
---|
635 | color: #000000 /*{c-bhover-color}*/;
|
---|
636 | text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #eeeeee /*{c-bhover-shadow-color}*/;
|
---|
637 | }
|
---|
638 | /* Button down */
|
---|
639 | .ui-page-theme-c .ui-btn:active,
|
---|
640 | html .ui-bar-c .ui-btn:active,
|
---|
641 | html .ui-body-c .ui-btn:active,
|
---|
642 | html body .ui-group-theme-c .ui-btn:active,
|
---|
643 | html head + body .ui-btn.ui-btn-c:active {
|
---|
644 | background-color: #FFFFe4 /*{c-bdown-background-color}*/;
|
---|
645 | border-color: #8c8c7d /*{c-bdown-border}*/;
|
---|
646 | color: #000000 /*{c-bdown-color}*/;
|
---|
647 | text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #eeeeee /*{c-bdown-shadow-color}*/;
|
---|
648 | }
|
---|
649 | /* Active button */
|
---|
650 | .ui-page-theme-c .ui-btn.ui-btn-active,
|
---|
651 | html .ui-bar-c .ui-btn.ui-btn-active,
|
---|
652 | html .ui-body-c .ui-btn.ui-btn-active,
|
---|
653 | html body .ui-group-theme-c .ui-btn.ui-btn-active,
|
---|
654 | html head + body .ui-btn.ui-btn-c.ui-btn-active,
|
---|
655 | /* Active checkbox icon */
|
---|
656 | .ui-page-theme-c .ui-checkbox-on:after,
|
---|
657 | html .ui-bar-c .ui-checkbox-on:after,
|
---|
658 | html .ui-body-c .ui-checkbox-on:after,
|
---|
659 | html body .ui-group-theme-c .ui-checkbox-on:after,
|
---|
660 | .ui-btn.ui-checkbox-on.ui-btn-c:after,
|
---|
661 | /* Active flipswitch background */
|
---|
662 | .ui-page-theme-c .ui-flipswitch-active,
|
---|
663 | html .ui-bar-c .ui-flipswitch-active,
|
---|
664 | html .ui-body-c .ui-flipswitch-active,
|
---|
665 | html body .ui-group-theme-c .ui-flipswitch-active,
|
---|
666 | html body .ui-flipswitch.ui-bar-c.ui-flipswitch-active,
|
---|
667 | /* Active slider track */
|
---|
668 | .ui-page-theme-c .ui-slider-track .ui-btn-active,
|
---|
669 | html .ui-bar-c .ui-slider-track .ui-btn-active,
|
---|
670 | html .ui-body-c .ui-slider-track .ui-btn-active,
|
---|
671 | html body .ui-group-theme-c .ui-slider-track .ui-btn-active,
|
---|
672 | html body div.ui-slider-track.ui-body-c .ui-btn-active {
|
---|
673 | background-color: #fabb00 /*{c-active-background-color}*/;
|
---|
674 | border-color: #896600 /*{c-active-border}*/;
|
---|
675 | color: #ffffff /*{c-active-color}*/;
|
---|
676 | text-shadow: 0 /*{c-active-shadow-x}*/ 1px /*{c-active-shadow-y}*/ 0 /*{c-active-shadow-radius}*/ #444444 /*{c-active-shadow-color}*/;
|
---|
677 | }
|
---|
678 | /* Active radio button icon */
|
---|
679 | .ui-page-theme-c .ui-radio-on:after,
|
---|
680 | html .ui-bar-c .ui-radio-on:after,
|
---|
681 | html .ui-body-c .ui-radio-on:after,
|
---|
682 | html body .ui-group-theme-c .ui-radio-on:after,
|
---|
683 | .ui-btn.ui-radio-on.ui-btn-c:after {
|
---|
684 | border-color: #fabb00 /*{c-active-background-color}*/;
|
---|
685 | }
|
---|
686 | /* Focus */
|
---|
687 | .ui-page-theme-c .ui-btn:focus,
|
---|
688 | html .ui-bar-c .ui-btn:focus,
|
---|
689 | html .ui-body-c .ui-btn:focus,
|
---|
690 | html body .ui-group-theme-c .ui-btn:focus,
|
---|
691 | html head + body .ui-btn.ui-btn-c:focus,
|
---|
692 | /* Focus buttons and text inputs with div wrap */
|
---|
693 | .ui-page-theme-c .ui-focus,
|
---|
694 | html .ui-bar-c .ui-focus,
|
---|
695 | html .ui-body-c .ui-focus,
|
---|
696 | html body .ui-group-theme-c .ui-focus,
|
---|
697 | html head + body .ui-btn-c.ui-focus,
|
---|
698 | html head + body .ui-body-c.ui-focus {
|
---|
699 | -webkit-box-shadow: 0 0 12px #fabb00 /*{c-active-background-color}*/;
|
---|
700 | -moz-box-shadow: 0 0 12px #fabb00 /*{c-active-background-color}*/;
|
---|
701 | box-shadow: 0 0 12px #fabb00 /*{c-active-background-color}*/;
|
---|
702 | }
|
---|
703 |
|
---|
704 |
|
---|
705 | /* Structure */
|
---|
706 | /* Disabled
|
---|
707 | -----------------------------------------------------------------------------------------------------------*/
|
---|
708 | /* Class ui-disabled deprecated in 1.4. :disabled not supported by IE8 so we use [disabled] */
|
---|
709 | .ui-disabled,
|
---|
710 | .ui-state-disabled,
|
---|
711 | button[disabled],
|
---|
712 | .ui-select .ui-btn.ui-state-disabled {
|
---|
713 | filter: Alpha(Opacity=30);
|
---|
714 | opacity: .3;
|
---|
715 | cursor: default !important;
|
---|
716 | pointer-events: none;
|
---|
717 | }
|
---|
718 | /* Focus state outline
|
---|
719 | -----------------------------------------------------------------------------------------------------------*/
|
---|
720 | .ui-btn:focus,
|
---|
721 | .ui-btn.ui-focus {
|
---|
722 | outline: 0;
|
---|
723 | }
|
---|
724 | /* Unset box-shadow in browsers that don't do it right */
|
---|
725 | .ui-noboxshadow .ui-shadow,
|
---|
726 | .ui-noboxshadow .ui-shadow-inset,
|
---|
727 | .ui-noboxshadow .ui-overlay-shadow,
|
---|
728 | .ui-noboxshadow .ui-shadow-icon.ui-btn:after,
|
---|
729 | .ui-noboxshadow .ui-shadow-icon .ui-btn:after,
|
---|
730 | .ui-noboxshadow .ui-focus,
|
---|
731 | .ui-noboxshadow .ui-btn:focus,
|
---|
732 | .ui-noboxshadow input:focus,
|
---|
733 | .ui-noboxshadow .ui-panel {
|
---|
734 | -webkit-box-shadow: none !important;
|
---|
735 | -moz-box-shadow: none !important;
|
---|
736 | box-shadow: none !important;
|
---|
737 | }
|
---|
738 | .ui-noboxshadow .ui-btn:focus,
|
---|
739 | .ui-noboxshadow .ui-focus {
|
---|
740 | outline-width: 1px;
|
---|
741 | outline-style: auto;
|
---|
742 | }
|
---|