source: uKadecot/trunk/tools/EcnlControllerUI/EcnlCtrlUI/themes/ecn-theme.css@ 101

Last change on this file since 101 was 101, checked in by coas-nagasima, 9 years ago

TOPPERS/uKadecotのソースコードを追加
  • Property svn:eol-style set to native
  • Property svn:keywords set to Id
  • Property svn:mime-type set to text/css
File size: 25.1 KB
Line 
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-----------------------------------------------------------------------------------------------------------*/
16html {
17 font-size: 100%;
18}
19body,
20input,
21select,
22textarea,
23button,
24.ui-btn {
25 font-size: 1em;
26 line-height: 1.3;
27 font-family: sans-serif /*{global-font-family}*/;
28}
29legend,
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,
37div.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,
75label.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,
158html .ui-alt-icon.ui-checkbox-off:after,
159html .ui-alt-icon.ui-radio-off:after,
160html .ui-alt-icon .ui-checkbox-off:after,
161html .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,
220html .ui-bar-a .ui-bar-inherit,
221html .ui-body-a .ui-bar-inherit,
222html 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,
245html .ui-bar-a .ui-body-inherit,
246html .ui-body-a .ui-body-inherit,
247html body .ui-group-theme-a .ui-body-inherit,
248html .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,
260html .ui-bar-a a,
261html .ui-body-a a,
262html body .ui-group-theme-a a {
263 color: #3388cc /*{a-link-color}*/;
264 font-weight: bold;
265}
266.ui-page-theme-a a:visited,
267html .ui-bar-a a:visited,
268html .ui-body-a a:visited,
269html body .ui-group-theme-a a:visited {
270 color: #3388cc /*{a-link-visited}*/;
271}
272.ui-page-theme-a a:hover,
273html .ui-bar-a a:hover,
274html .ui-body-a a:hover,
275html body .ui-group-theme-a a:hover {
276 color: #005599 /*{a-link-hover}*/;
277}
278.ui-page-theme-a a:active,
279html .ui-bar-a a:active,
280html .ui-body-a a:active,
281html body .ui-group-theme-a a:active {
282 color: #005599 /*{a-link-active}*/;
283}
284/* Button up */
285.ui-page-theme-a .ui-btn,
286html .ui-bar-a .ui-btn,
287html .ui-body-a .ui-btn,
288html body .ui-group-theme-a .ui-btn,
289html head + body .ui-btn.ui-btn-a,
290/* Button visited */
291.ui-page-theme-a .ui-btn:visited,
292html .ui-bar-a .ui-btn:visited,
293html .ui-body-a .ui-btn:visited,
294html body .ui-group-theme-a .ui-btn:visited,
295html 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,
303html .ui-bar-a .ui-btn:hover,
304html .ui-body-a .ui-btn:hover,
305html body .ui-group-theme-a .ui-btn:hover,
306html 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,
314html .ui-bar-a .ui-btn:active,
315html .ui-body-a .ui-btn:active,
316html body .ui-group-theme-a .ui-btn:active,
317html 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,
325html .ui-bar-a .ui-btn.ui-btn-active,
326html .ui-body-a .ui-btn.ui-btn-active,
327html body .ui-group-theme-a .ui-btn.ui-btn-active,
328html head + body .ui-btn.ui-btn-a.ui-btn-active,
329/* Active checkbox icon */
330.ui-page-theme-a .ui-checkbox-on:after,
331html .ui-bar-a .ui-checkbox-on:after,
332html .ui-body-a .ui-checkbox-on:after,
333html 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,
337html .ui-bar-a .ui-flipswitch-active,
338html .ui-body-a .ui-flipswitch-active,
339html body .ui-group-theme-a .ui-flipswitch-active,
340html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active,
341/* Active slider track */
342.ui-page-theme-a .ui-slider-track .ui-btn-active,
343html .ui-bar-a .ui-slider-track .ui-btn-active,
344html .ui-body-a .ui-slider-track .ui-btn-active,
345html body .ui-group-theme-a .ui-slider-track .ui-btn-active,
346html 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,
354html .ui-bar-a .ui-radio-on:after,
355html .ui-body-a .ui-radio-on:after,
356html 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,
362html .ui-bar-a .ui-btn:focus,
363html .ui-body-a .ui-btn:focus,
364html body .ui-group-theme-a .ui-btn:focus,
365html head + body .ui-btn.ui-btn-a:focus,
366/* Focus buttons and text inputs with div wrap */
367.ui-page-theme-a .ui-focus,
368html .ui-bar-a .ui-focus,
369html .ui-body-a .ui-focus,
370html body .ui-group-theme-a .ui-focus,
371html head + body .ui-btn-a.ui-focus,
372html 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,
382html .ui-bar-b .ui-bar-inherit,
383html .ui-body-b .ui-bar-inherit,
384html 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,
407html .ui-bar-b .ui-body-inherit,
408html .ui-body-b .ui-body-inherit,
409html body .ui-group-theme-b .ui-body-inherit,
410html .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,
422html .ui-bar-b a,
423html .ui-body-b a,
424html body .ui-group-theme-b a {
425 color: #6e9e2f /*{b-link-color}*/;
426 font-weight: bold;
427}
428.ui-page-theme-b a:visited,
429html .ui-bar-b a:visited,
430html .ui-body-b a:visited,
431html body .ui-group-theme-b a:visited {
432 color: #47661e /*{b-link-visited}*/;
433}
434.ui-page-theme-b a:hover,
435html .ui-bar-b a:hover,
436html .ui-body-b a:hover,
437html body .ui-group-theme-b a:hover {
438 color: #7eb536 /*{b-link-hover}*/;
439}
440.ui-page-theme-b a:active,
441html .ui-bar-b a:active,
442html .ui-body-b a:active,
443html body .ui-group-theme-b a:active {
444 color: #6e9e2f /*{b-link-active}*/;
445}
446/* Button up */
447.ui-page-theme-b .ui-btn,
448html .ui-bar-b .ui-btn,
449html .ui-body-b .ui-btn,
450html body .ui-group-theme-b .ui-btn,
451html head + body .ui-btn.ui-btn-b,
452/* Button visited */
453.ui-page-theme-b .ui-btn:visited,
454html .ui-bar-b .ui-btn:visited,
455html .ui-body-b .ui-btn:visited,
456html body .ui-group-theme-b .ui-btn:visited,
457html 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,
465html .ui-bar-b .ui-btn:hover,
466html .ui-body-b .ui-btn:hover,
467html body .ui-group-theme-b .ui-btn:hover,
468html 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,
476html .ui-bar-b .ui-btn:active,
477html .ui-body-b .ui-btn:active,
478html body .ui-group-theme-b .ui-btn:active,
479html 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,
487html .ui-bar-b .ui-btn.ui-btn-active,
488html .ui-body-b .ui-btn.ui-btn-active,
489html body .ui-group-theme-b .ui-btn.ui-btn-active,
490html head + body .ui-btn.ui-btn-b.ui-btn-active,
491/* Active checkbox icon */
492.ui-page-theme-b .ui-checkbox-on:after,
493html .ui-bar-b .ui-checkbox-on:after,
494html .ui-body-b .ui-checkbox-on:after,
495html 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,
499html .ui-bar-b .ui-flipswitch-active,
500html .ui-body-b .ui-flipswitch-active,
501html body .ui-group-theme-b .ui-flipswitch-active,
502html body .ui-flipswitch.ui-bar-b.ui-flipswitch-active,
503/* Active slider track */
504.ui-page-theme-b .ui-slider-track .ui-btn-active,
505html .ui-bar-b .ui-slider-track .ui-btn-active,
506html .ui-body-b .ui-slider-track .ui-btn-active,
507html body .ui-group-theme-b .ui-slider-track .ui-btn-active,
508html 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,
516html .ui-bar-b .ui-radio-on:after,
517html .ui-body-b .ui-radio-on:after,
518html 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,
524html .ui-bar-b .ui-btn:focus,
525html .ui-body-b .ui-btn:focus,
526html body .ui-group-theme-b .ui-btn:focus,
527html head + body .ui-btn.ui-btn-b:focus,
528/* Focus buttons and text inputs with div wrap */
529.ui-page-theme-b .ui-focus,
530html .ui-bar-b .ui-focus,
531html .ui-body-b .ui-focus,
532html body .ui-group-theme-b .ui-focus,
533html head + body .ui-btn-b.ui-focus,
534html 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,
546html .ui-bar-c .ui-bar-inherit,
547html .ui-body-c .ui-bar-inherit,
548html 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,
571html .ui-bar-c .ui-body-inherit,
572html .ui-body-c .ui-body-inherit,
573html body .ui-group-theme-c .ui-body-inherit,
574html .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,
586html .ui-bar-c a,
587html .ui-body-c a,
588html body .ui-group-theme-c a {
589 color: #fabb00 /*{c-link-color}*/;
590 font-weight: bold;
591}
592.ui-page-theme-c a:visited,
593html .ui-bar-c a:visited,
594html .ui-body-c a:visited,
595html body .ui-group-theme-c a:visited {
596 color: #a27900 /*{c-link-visited}*/;
597}
598.ui-page-theme-c a:hover,
599html .ui-bar-c a:hover,
600html .ui-body-c a:hover,
601html body .ui-group-theme-c a:hover {
602 color: #FFd745 /*{c-link-hover}*/;
603}
604.ui-page-theme-c a:active,
605html .ui-bar-c a:active,
606html .ui-body-c a:active,
607html body .ui-group-theme-c a:active {
608 color: #fabb00 /*{c-link-active}*/;
609}
610/* Button up */
611.ui-page-theme-c .ui-btn,
612html .ui-bar-c .ui-btn,
613html .ui-body-c .ui-btn,
614html body .ui-group-theme-c .ui-btn,
615html head + body .ui-btn.ui-btn-c,
616/* Button visited */
617.ui-page-theme-c .ui-btn:visited,
618html .ui-bar-c .ui-btn:visited,
619html .ui-body-c .ui-btn:visited,
620html body .ui-group-theme-c .ui-btn:visited,
621html 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,
629html .ui-bar-c .ui-btn:hover,
630html .ui-body-c .ui-btn:hover,
631html body .ui-group-theme-c .ui-btn:hover,
632html 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,
640html .ui-bar-c .ui-btn:active,
641html .ui-body-c .ui-btn:active,
642html body .ui-group-theme-c .ui-btn:active,
643html 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,
651html .ui-bar-c .ui-btn.ui-btn-active,
652html .ui-body-c .ui-btn.ui-btn-active,
653html body .ui-group-theme-c .ui-btn.ui-btn-active,
654html head + body .ui-btn.ui-btn-c.ui-btn-active,
655/* Active checkbox icon */
656.ui-page-theme-c .ui-checkbox-on:after,
657html .ui-bar-c .ui-checkbox-on:after,
658html .ui-body-c .ui-checkbox-on:after,
659html 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,
663html .ui-bar-c .ui-flipswitch-active,
664html .ui-body-c .ui-flipswitch-active,
665html body .ui-group-theme-c .ui-flipswitch-active,
666html body .ui-flipswitch.ui-bar-c.ui-flipswitch-active,
667/* Active slider track */
668.ui-page-theme-c .ui-slider-track .ui-btn-active,
669html .ui-bar-c .ui-slider-track .ui-btn-active,
670html .ui-body-c .ui-slider-track .ui-btn-active,
671html body .ui-group-theme-c .ui-slider-track .ui-btn-active,
672html 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,
680html .ui-bar-c .ui-radio-on:after,
681html .ui-body-c .ui-radio-on:after,
682html 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,
688html .ui-bar-c .ui-btn:focus,
689html .ui-body-c .ui-btn:focus,
690html body .ui-group-theme-c .ui-btn:focus,
691html head + body .ui-btn.ui-btn-c:focus,
692/* Focus buttons and text inputs with div wrap */
693.ui-page-theme-c .ui-focus,
694html .ui-bar-c .ui-focus,
695html .ui-body-c .ui-focus,
696html body .ui-group-theme-c .ui-focus,
697html head + body .ui-btn-c.ui-focus,
698html 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,
711button[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}
Note: See TracBrowser for help on using the repository browser.