jquerymobile-rails 0.1.0 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
data/README.md
CHANGED
|
@@ -2,11 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
jQueryMobile! For Rails! So Greate.
|
|
4
4
|
|
|
5
|
+
### Description
|
|
6
|
+
|
|
7
|
+
This gem incorporates the jQueryMobile assets into your Rails application.
|
|
5
8
|
This gem provides:
|
|
6
9
|
|
|
7
|
-
* jQueryMobile 1.1.0
|
|
10
|
+
* jQueryMobile 1.1.0
|
|
8
11
|
|
|
9
|
-
|
|
12
|
+
## Installation
|
|
10
13
|
|
|
11
14
|
In your Gemfile, add this line:
|
|
12
15
|
|
|
@@ -14,7 +17,7 @@ In your Gemfile, add this line:
|
|
|
14
17
|
|
|
15
18
|
Then, run `bundle install`.
|
|
16
19
|
|
|
17
|
-
|
|
20
|
+
### Rails >= 3.1
|
|
18
21
|
|
|
19
22
|
For Rails 3.1 and greater, the files will be added to the asset pipeline and available for you to use.
|
|
20
23
|
|
|
@@ -27,7 +30,20 @@ The following will need to be added to the file `app/assets/stylesheets/applicat
|
|
|
27
30
|
*= require jquerymobile
|
|
28
31
|
|
|
29
32
|
|
|
30
|
-
|
|
33
|
+
### Rails \< 3.1
|
|
31
34
|
|
|
32
35
|
This gem does not support Rails versions preceeding 3.1.
|
|
33
36
|
|
|
37
|
+
## Future Work
|
|
38
|
+
|
|
39
|
+
This gem looks to serve not only as a means of elegantly incorportating jQueryMobile into your
|
|
40
|
+
application but as well, a means of incorporating additional promanant jquerymobile resources!
|
|
41
|
+
|
|
42
|
+
### In Progress
|
|
43
|
+
In progress development tasks include:
|
|
44
|
+
|
|
45
|
+
* Incorporating [jQueryMobile Icon Pack](https://github.com/commadelimited/jQuery-Mobile-Icon-Pack)
|
|
46
|
+
|
|
47
|
+
### Suggestions
|
|
48
|
+
Please let us know if you have suggestions contact RubyGems@RudyIndustries.com. The google group is publically vieable
|
|
49
|
+
[here](https://groups.google.com/a/rudyindustries.com/group/RubyGems/topics). Thanks!
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* jQuery Mobile Framework 1.1.0
|
|
2
|
+
* jQuery Mobile Framework 1.1.0 db342b1f315c282692791aa870455901fdb46a55
|
|
3
3
|
* http://jquerymobile.com
|
|
4
4
|
*
|
|
5
5
|
* Copyright 2011 (c) jQuery Project
|
|
@@ -1240,7 +1240,7 @@ $.widget( "mobile.widget", {
|
|
|
1240
1240
|
$.mobile = $.extend( {}, {
|
|
1241
1241
|
|
|
1242
1242
|
// Version of the jQuery Mobile Framework
|
|
1243
|
-
version: "1.1.0
|
|
1243
|
+
version: "1.1.0",
|
|
1244
1244
|
|
|
1245
1245
|
// Namespace used framework-wide for data-attrs. Default is no namespace
|
|
1246
1246
|
ns: "",
|
|
@@ -7174,8 +7174,8 @@ $( document ).bind( "pagecreate create", function( e ){
|
|
|
7174
7174
|
if( o.disablePageZoom ){
|
|
7175
7175
|
$.mobile.zoom.disable( true );
|
|
7176
7176
|
}
|
|
7177
|
-
if( o.visibleOnPageShow ){
|
|
7178
|
-
self.
|
|
7177
|
+
if( !o.visibleOnPageShow ){
|
|
7178
|
+
self.hide( true );
|
|
7179
7179
|
}
|
|
7180
7180
|
} )
|
|
7181
7181
|
.bind( "webkitAnimationStart animationstart updatelayout", function(){
|
|
@@ -7219,7 +7219,7 @@ $( document ).bind( "pagecreate create", function( e ){
|
|
|
7219
7219
|
});
|
|
7220
7220
|
},
|
|
7221
7221
|
|
|
7222
|
-
_visible:
|
|
7222
|
+
_visible: true,
|
|
7223
7223
|
|
|
7224
7224
|
// This will set the content element's top or bottom padding equal to the toolbar's height
|
|
7225
7225
|
updatePagePadding: function() {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* jQuery Mobile Framework 1.1.0
|
|
2
|
+
* jQuery Mobile Framework 1.1.0 db342b1f315c282692791aa870455901fdb46a55
|
|
3
3
|
* http://jquerymobile.com
|
|
4
4
|
*
|
|
5
5
|
* Copyright 2011 (c) jQuery Project
|
|
@@ -11,296 +11,296 @@
|
|
|
11
11
|
/* A
|
|
12
12
|
-----------------------------------------------------------------------------------------------------------*/
|
|
13
13
|
.ui-bar-a {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
}
|
|
26
|
-
.ui-bar-a,
|
|
27
|
-
.ui-bar-a input,
|
|
28
|
-
.ui-bar-a select,
|
|
29
|
-
.ui-bar-a textarea,
|
|
14
|
+
border: 1px solid #333 /*{a-bar-border}*/;
|
|
15
|
+
background: #111111 /*{a-bar-background-color}*/;
|
|
16
|
+
color: #ffffff /*{a-bar-color}*/;
|
|
17
|
+
font-weight: bold;
|
|
18
|
+
text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #000000 /*{a-bar-shadow-color}*/;
|
|
19
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #3c3c3c /*{a-bar-background-start}*/), to( #111 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
|
|
20
|
+
background-image: -webkit-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
21
|
+
background-image: -moz-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* FF3.6 */
|
|
22
|
+
background-image: -ms-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* IE10 */
|
|
23
|
+
background-image: -o-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Opera 11.10+ */
|
|
24
|
+
background-image: linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/);
|
|
25
|
+
}
|
|
26
|
+
.ui-bar-a,
|
|
27
|
+
.ui-bar-a input,
|
|
28
|
+
.ui-bar-a select,
|
|
29
|
+
.ui-bar-a textarea,
|
|
30
30
|
.ui-bar-a button {
|
|
31
|
-
|
|
31
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
32
32
|
}
|
|
33
33
|
.ui-bar-a .ui-link-inherit {
|
|
34
|
-
|
|
34
|
+
color: #fff /*{a-bar-color}*/;
|
|
35
35
|
}
|
|
36
36
|
.ui-bar-a .ui-link {
|
|
37
|
-
|
|
38
|
-
|
|
37
|
+
color: #7cc4e7 /*{a-bar-link-color}*/;
|
|
38
|
+
font-weight: bold;
|
|
39
39
|
}
|
|
40
40
|
.ui-bar-a .ui-link:hover {
|
|
41
|
-
|
|
41
|
+
color: #2489CE /*{a-bar-link-hover}*/;
|
|
42
42
|
}
|
|
43
43
|
.ui-bar-a .ui-link:active {
|
|
44
|
-
|
|
44
|
+
color: #2489CE /*{a-bar-link-active}*/;
|
|
45
45
|
}
|
|
46
46
|
.ui-bar-a .ui-link:visited {
|
|
47
47
|
color: #2489CE /*{a-bar-link-visited}*/;
|
|
48
48
|
}
|
|
49
49
|
.ui-body-a,
|
|
50
50
|
.ui-overlay-a {
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
51
|
+
border: 1px solid #444 /*{a-body-border}*/;
|
|
52
|
+
background: #222 /*{a-body-background-color}*/;
|
|
53
|
+
color: #fff /*{a-body-color}*/;
|
|
54
|
+
text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 1px /*{a-body-shadow-radius}*/ #111 /*{a-body-shadow-color}*/;
|
|
55
|
+
font-weight: normal;
|
|
56
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #444 /*{a-body-background-start}*/), to( #222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
|
|
57
|
+
background-image: -webkit-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
58
|
+
background-image: -moz-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* FF3.6 */
|
|
59
|
+
background-image: -ms-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* IE10 */
|
|
60
|
+
background-image: -o-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Opera 11.10+ */
|
|
61
|
+
background-image: linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/);
|
|
62
62
|
}
|
|
63
63
|
.ui-overlay-a {
|
|
64
|
-
|
|
65
|
-
|
|
64
|
+
background-image: none;
|
|
65
|
+
border-width: 0;
|
|
66
66
|
}
|
|
67
67
|
.ui-body-a,
|
|
68
68
|
.ui-body-a input,
|
|
69
69
|
.ui-body-a select,
|
|
70
70
|
.ui-body-a textarea,
|
|
71
71
|
.ui-body-a button {
|
|
72
|
-
|
|
72
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
73
73
|
}
|
|
74
74
|
.ui-body-a .ui-link-inherit {
|
|
75
|
-
|
|
75
|
+
color: #fff /*{a-body-color}*/;
|
|
76
76
|
}
|
|
77
77
|
.ui-body-a .ui-link {
|
|
78
|
-
|
|
79
|
-
|
|
78
|
+
color: #2489CE /*{a-body-link-color}*/;
|
|
79
|
+
font-weight: bold;
|
|
80
80
|
}
|
|
81
81
|
.ui-body-a .ui-link:hover {
|
|
82
|
-
|
|
82
|
+
color: #2489CE /*{a-body-link-hover}*/;
|
|
83
83
|
}
|
|
84
84
|
.ui-body-a .ui-link:active {
|
|
85
|
-
|
|
85
|
+
color: #2489CE /*{a-body-link-active}*/;
|
|
86
86
|
}
|
|
87
87
|
.ui-body-a .ui-link:visited {
|
|
88
88
|
color: #2489CE /*{a-body-link-visited}*/;
|
|
89
89
|
}
|
|
90
90
|
.ui-btn-up-a {
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
91
|
+
border: 1px solid #111 /*{a-bup-border}*/;
|
|
92
|
+
background: #333 /*{a-bup-background-color}*/;
|
|
93
|
+
font-weight: bold;
|
|
94
|
+
color: #fff /*{a-bup-color}*/;
|
|
95
|
+
text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #111 /*{a-bup-shadow-color}*/;
|
|
96
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #444444 /*{a-bup-background-start}*/), to( #2d2d2d /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
|
|
97
|
+
background-image: -webkit-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
98
|
+
background-image: -moz-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* FF3.6 */
|
|
99
|
+
background-image: -ms-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* IE10 */
|
|
100
|
+
background-image: -o-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Opera 11.10+ */
|
|
101
|
+
background-image: linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/);
|
|
102
102
|
}
|
|
103
103
|
.ui-btn-up-a a.ui-link-inherit {
|
|
104
|
-
|
|
104
|
+
color: #fff /*{a-bup-color}*/;
|
|
105
105
|
}
|
|
106
106
|
.ui-btn-hover-a {
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
107
|
+
border: 1px solid #000 /*{a-bhover-border}*/;
|
|
108
|
+
background: #444444 /*{a-bhover-background-color}*/;
|
|
109
|
+
font-weight: bold;
|
|
110
|
+
color: #fff /*{a-bhover-color}*/;
|
|
111
|
+
text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 1px /*{a-bhover-shadow-radius}*/ #111 /*{a-bhover-shadow-color}*/;
|
|
112
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #555555 /*{a-bhover-background-start}*/), to( #383838 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
|
|
113
|
+
background-image: -webkit-linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
114
|
+
background-image: -moz-linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* FF3.6 */
|
|
115
|
+
background-image: -ms-linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* IE10 */
|
|
116
|
+
background-image: -o-linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Opera 11.10+ */
|
|
117
|
+
background-image: linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/);
|
|
118
118
|
}
|
|
119
119
|
.ui-btn-hover-a a.ui-link-inherit {
|
|
120
|
-
|
|
120
|
+
color: #fff /*{a-bhover-color}*/;
|
|
121
121
|
}
|
|
122
122
|
.ui-btn-down-a {
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
123
|
+
border: 1px solid #000 /*{a-bdown-border}*/;
|
|
124
|
+
background: #222 /*{a-bdown-background-color}*/;
|
|
125
|
+
font-weight: bold;
|
|
126
|
+
color: #fff /*{a-bdown-color}*/;
|
|
127
|
+
text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 1px /*{a-bdown-shadow-radius}*/ #111 /*{a-bdown-shadow-color}*/;
|
|
128
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #202020 /*{a-bdown-background-start}*/), to( #2c2c2c /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
|
|
129
|
+
background-image: -webkit-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
130
|
+
background-image: -moz-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* FF3.6 */
|
|
131
|
+
background-image: -ms-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* IE10 */
|
|
132
|
+
background-image: -o-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Opera 11.10+ */
|
|
133
|
+
background-image: linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/);
|
|
134
134
|
}
|
|
135
135
|
.ui-btn-down-a a.ui-link-inherit {
|
|
136
|
-
|
|
136
|
+
color: #fff /*{a-bdown-color}*/;
|
|
137
137
|
}
|
|
138
138
|
.ui-btn-up-a,
|
|
139
139
|
.ui-btn-hover-a,
|
|
140
140
|
.ui-btn-down-a {
|
|
141
|
-
|
|
142
|
-
|
|
141
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
142
|
+
text-decoration: none;
|
|
143
143
|
}
|
|
144
144
|
/* B
|
|
145
145
|
-----------------------------------------------------------------------------------------------------------*/
|
|
146
146
|
.ui-bar-b {
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
147
|
+
border: 1px solid #456f9a /*{b-bar-border}*/;
|
|
148
|
+
background: #5e87b0 /*{b-bar-background-color}*/;
|
|
149
|
+
color: #fff /*{b-bar-color}*/;
|
|
150
|
+
font-weight: bold;
|
|
151
|
+
text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #3e6790 /*{b-bar-shadow-color}*/;
|
|
152
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 /*{b-bar-background-start}*/), to( #497bae /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
|
|
153
|
+
background-image: -webkit-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
154
|
+
background-image: -moz-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* FF3.6 */
|
|
155
|
+
background-image: -ms-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* IE10 */
|
|
156
|
+
background-image: -o-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* Opera 11.10+ */
|
|
157
|
+
background-image: linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/);
|
|
158
158
|
}
|
|
159
159
|
.ui-bar-b,
|
|
160
160
|
.ui-bar-b input,
|
|
161
161
|
.ui-bar-b select,
|
|
162
162
|
.ui-bar-b textarea,
|
|
163
163
|
.ui-bar-b button {
|
|
164
|
-
|
|
164
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
165
165
|
}
|
|
166
166
|
.ui-bar-b .ui-link-inherit {
|
|
167
|
-
|
|
167
|
+
color: #fff /*{b-bar-color}*/;
|
|
168
168
|
}
|
|
169
169
|
.ui-bar-b .ui-link {
|
|
170
|
-
|
|
171
|
-
|
|
170
|
+
color: #ddf0f8 /*{b-bar-link-color}*/;
|
|
171
|
+
font-weight: bold;
|
|
172
172
|
}
|
|
173
173
|
.ui-bar-b .ui-link:hover {
|
|
174
|
-
|
|
174
|
+
color: #ddf0f8 /*{b-bar-link-hover}*/;
|
|
175
175
|
}
|
|
176
176
|
.ui-bar-b .ui-link:active {
|
|
177
|
-
|
|
177
|
+
color: #ddf0f8 /*{b-bar-link-active}*/;
|
|
178
178
|
}
|
|
179
179
|
.ui-bar-b .ui-link:visited {
|
|
180
180
|
color: #ddf0f8 /*{b-bar-link-visited}*/;
|
|
181
181
|
}
|
|
182
182
|
.ui-body-b,
|
|
183
183
|
.ui-overlay-b {
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
184
|
+
border: 1px solid #999 /*{b-body-border}*/;
|
|
185
|
+
background: #f3f3f3 /*{b-body-background-color}*/;
|
|
186
|
+
color: #222222 /*{b-body-color}*/;
|
|
187
|
+
text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #fff /*{b-body-shadow-color}*/;
|
|
188
|
+
font-weight: normal;
|
|
189
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{b-body-background-start}*/), to( #ccc /*{b-body-background-end}*/)); /* Saf4+, Chrome */
|
|
190
|
+
background-image: -webkit-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
191
|
+
background-image: -moz-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* FF3.6 */
|
|
192
|
+
background-image: -ms-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* IE10 */
|
|
193
|
+
background-image: -o-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Opera 11.10+ */
|
|
194
|
+
background-image: linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/);
|
|
195
195
|
}
|
|
196
196
|
.ui-overlay-b {
|
|
197
|
-
|
|
198
|
-
|
|
197
|
+
background-image: none;
|
|
198
|
+
border-width: 0;
|
|
199
199
|
}
|
|
200
200
|
.ui-body-b,
|
|
201
201
|
.ui-body-b input,
|
|
202
202
|
.ui-body-b select,
|
|
203
203
|
.ui-body-b textarea,
|
|
204
204
|
.ui-body-b button {
|
|
205
|
-
|
|
205
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
206
206
|
}
|
|
207
207
|
.ui-body-b .ui-link-inherit {
|
|
208
|
-
|
|
208
|
+
color: #333333 /*{b-body-color}*/;
|
|
209
209
|
}
|
|
210
210
|
.ui-body-b .ui-link {
|
|
211
|
-
|
|
212
|
-
|
|
211
|
+
color: #2489CE /*{b-body-link-color}*/;
|
|
212
|
+
font-weight: bold;
|
|
213
213
|
}
|
|
214
214
|
.ui-body-b .ui-link:hover {
|
|
215
|
-
|
|
215
|
+
color: #2489CE /*{b-body-link-hover}*/;
|
|
216
216
|
}
|
|
217
217
|
.ui-body-b .ui-link:active {
|
|
218
|
-
|
|
218
|
+
color: #2489CE /*{b-body-link-active}*/;
|
|
219
219
|
}
|
|
220
220
|
.ui-body-b .ui-link:visited {
|
|
221
221
|
color: #2489CE /*{b-body-link-visited}*/;
|
|
222
222
|
}
|
|
223
223
|
.ui-btn-up-b {
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
224
|
+
border: 1px solid #044062 /*{b-bup-border}*/;
|
|
225
|
+
background: #396b9e /*{b-bup-background-color}*/;
|
|
226
|
+
font-weight: bold;
|
|
227
|
+
color: #fff /*{b-bup-color}*/;
|
|
228
|
+
text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 1px /*{b-bup-shadow-radius}*/ #194b7e /*{b-bup-shadow-color}*/;
|
|
229
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #5f9cc5 /*{b-bup-background-start}*/), to( #396b9e /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
|
|
230
|
+
background-image: -webkit-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
231
|
+
background-image: -moz-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* FF3.6 */
|
|
232
|
+
background-image: -ms-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* IE10 */
|
|
233
|
+
background-image: -o-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Opera 11.10+ */
|
|
234
|
+
background-image: linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/);
|
|
235
235
|
}
|
|
236
236
|
.ui-btn-up-b a.ui-link-inherit {
|
|
237
|
-
|
|
237
|
+
color: #fff /*{b-bup-color}*/;
|
|
238
238
|
}
|
|
239
239
|
.ui-btn-hover-b {
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
240
|
+
border: 1px solid #00415e /*{b-bhover-border}*/;
|
|
241
|
+
background: #4b88b6 /*{b-bhover-background-color}*/;
|
|
242
|
+
font-weight: bold;
|
|
243
|
+
color: #fff /*{b-bhover-color}*/;
|
|
244
|
+
text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 1px /*{b-bhover-shadow-radius}*/ #194b7e /*{b-bhover-shadow-color}*/;
|
|
245
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 /*{b-bhover-background-start}*/), to( #4272a4 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
|
|
246
|
+
background-image: -webkit-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
247
|
+
background-image: -moz-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* FF3.6 */
|
|
248
|
+
background-image: -ms-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* IE10 */
|
|
249
|
+
background-image: -o-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
|
|
250
|
+
background-image: linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/);
|
|
251
251
|
}
|
|
252
252
|
.ui-btn-hover-b a.ui-link-inherit {
|
|
253
|
-
|
|
253
|
+
color: #fff /*{b-bhover-color}*/;
|
|
254
254
|
}
|
|
255
255
|
.ui-btn-down-b {
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
256
|
+
border: 1px solid #225377 /*{b-bdown-border}*/;
|
|
257
|
+
background: #4e89c5 /*{b-bdown-background-color}*/;
|
|
258
|
+
font-weight: bold;
|
|
259
|
+
color: #fff /*{b-bdown-color}*/;
|
|
260
|
+
text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 1px /*{b-bdown-shadow-radius}*/ #194b7e /*{b-bdown-shadow-color}*/;
|
|
261
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #295b8e /*{b-bdown-background-start}*/), to( #3e79b5 /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
|
|
262
|
+
background-image: -webkit-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
263
|
+
background-image: -moz-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* FF3.6 */
|
|
264
|
+
background-image: -ms-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* IE10 */
|
|
265
|
+
background-image: -o-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* Opera 11.10+ */
|
|
266
|
+
background-image: linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/);
|
|
267
267
|
}
|
|
268
268
|
.ui-btn-down-b a.ui-link-inherit {
|
|
269
|
-
|
|
269
|
+
color: #fff /*{b-bdown-color}*/;
|
|
270
270
|
}
|
|
271
271
|
.ui-btn-up-b,
|
|
272
272
|
.ui-btn-hover-b,
|
|
273
273
|
.ui-btn-down-b {
|
|
274
|
-
|
|
275
|
-
|
|
274
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
275
|
+
text-decoration: none;
|
|
276
276
|
}
|
|
277
277
|
/* C
|
|
278
278
|
-----------------------------------------------------------------------------------------------------------*/
|
|
279
279
|
.ui-bar-c {
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
280
|
+
border: 1px solid #B3B3B3 /*{c-bar-border}*/;
|
|
281
|
+
background: #eeeeee /*{c-bar-background-color}*/;
|
|
282
|
+
color: #3E3E3E /*{c-bar-color}*/;
|
|
283
|
+
font-weight: bold;
|
|
284
|
+
text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/;
|
|
285
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{c-bar-background-start}*/), to( #ddd /*{c-bar-background-end}*/)); /* Saf4+, Chrome */
|
|
286
|
+
background-image: -webkit-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
287
|
+
background-image: -moz-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* FF3.6 */
|
|
288
|
+
background-image: -ms-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* IE10 */
|
|
289
|
+
background-image: -o-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* Opera 11.10+ */
|
|
290
|
+
background-image: linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/);
|
|
291
291
|
}
|
|
292
292
|
.ui-bar-c .ui-link-inherit {
|
|
293
|
-
|
|
293
|
+
color: #3E3E3E /*{c-bar-color}*/;
|
|
294
294
|
}
|
|
295
295
|
.ui-bar-c .ui-link {
|
|
296
|
-
|
|
297
|
-
|
|
296
|
+
color: #7cc4e7 /*{c-bar-link-color}*/;
|
|
297
|
+
font-weight: bold;
|
|
298
298
|
}
|
|
299
299
|
.ui-bar-c .ui-link:hover {
|
|
300
|
-
|
|
300
|
+
color: #2489CE /*{c-bar-link-hover}*/;
|
|
301
301
|
}
|
|
302
302
|
.ui-bar-c .ui-link:active {
|
|
303
|
-
|
|
303
|
+
color: #2489CE /*{c-bar-link-active}*/;
|
|
304
304
|
}
|
|
305
305
|
.ui-bar-c .ui-link:visited {
|
|
306
306
|
color: #2489CE /*{c-bar-link-visited}*/;
|
|
@@ -310,691 +310,691 @@
|
|
|
310
310
|
.ui-bar-c select,
|
|
311
311
|
.ui-bar-c textarea,
|
|
312
312
|
.ui-bar-c button {
|
|
313
|
-
|
|
313
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
314
314
|
}
|
|
315
315
|
.ui-body-c,
|
|
316
316
|
.ui-overlay-c {
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
317
|
+
border: 1px solid #aaa /*{c-body-border}*/;
|
|
318
|
+
color: #333333 /*{c-body-color}*/;
|
|
319
|
+
text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
|
|
320
|
+
background: #f9f9f9 /*{c-body-background-color}*/;
|
|
321
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{c-body-background-start}*/), to( #eeeeee /*{c-body-background-end}*/)); /* Saf4+, Chrome */
|
|
322
|
+
background-image: -webkit-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
323
|
+
background-image: -moz-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* FF3.6 */
|
|
324
|
+
background-image: -ms-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* IE10 */
|
|
325
|
+
background-image: -o-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* Opera 11.10+ */
|
|
326
|
+
background-image: linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/);
|
|
327
327
|
}
|
|
328
328
|
.ui-overlay-c {
|
|
329
|
-
|
|
330
|
-
|
|
329
|
+
background-image: none;
|
|
330
|
+
border-width: 0;
|
|
331
331
|
}
|
|
332
332
|
.ui-body-c,
|
|
333
333
|
.ui-body-c input,
|
|
334
334
|
.ui-body-c select,
|
|
335
335
|
.ui-body-c textarea,
|
|
336
336
|
.ui-body-c button {
|
|
337
|
-
|
|
337
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
338
338
|
}
|
|
339
339
|
.ui-body-c .ui-link-inherit {
|
|
340
|
-
|
|
340
|
+
color: #333333 /*{c-body-color}*/;
|
|
341
341
|
}
|
|
342
342
|
.ui-body-c .ui-link {
|
|
343
|
-
|
|
344
|
-
|
|
343
|
+
color: #2489CE /*{c-body-link-color}*/;
|
|
344
|
+
font-weight: bold;
|
|
345
345
|
}
|
|
346
346
|
.ui-body-c .ui-link:hover {
|
|
347
|
-
|
|
347
|
+
color: #2489CE /*{c-body-link-hover}*/;
|
|
348
348
|
}
|
|
349
349
|
.ui-body-c .ui-link:active {
|
|
350
|
-
|
|
350
|
+
color: #2489CE /*{c-body-link-active}*/;
|
|
351
351
|
}
|
|
352
352
|
.ui-body-c .ui-link:visited {
|
|
353
353
|
color: #2489CE /*{c-body-link-visited}*/;
|
|
354
354
|
}
|
|
355
355
|
.ui-btn-up-c {
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
356
|
+
border: 1px solid #ccc /*{c-bup-border}*/;
|
|
357
|
+
background: #eee /*{c-bup-background-color}*/;
|
|
358
|
+
font-weight: bold;
|
|
359
|
+
color: #222 /*{c-bup-color}*/;
|
|
360
|
+
text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #ffffff /*{c-bup-shadow-color}*/;
|
|
361
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{c-bup-background-start}*/), to( #f1f1f1 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
|
|
362
|
+
background-image: -webkit-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
363
|
+
background-image: -moz-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* FF3.6 */
|
|
364
|
+
background-image: -ms-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* IE10 */
|
|
365
|
+
background-image: -o-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Opera 11.10+ */
|
|
366
|
+
background-image: linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/);
|
|
367
367
|
}
|
|
368
368
|
.ui-btn-up-c a.ui-link-inherit {
|
|
369
|
-
|
|
369
|
+
color: #2F3E46 /*{c-bup-color}*/;
|
|
370
370
|
}
|
|
371
371
|
.ui-btn-hover-c {
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
372
|
+
border: 1px solid #bbb /*{c-bhover-border}*/;
|
|
373
|
+
background: #dfdfdf /*{c-bhover-background-color}*/;
|
|
374
|
+
font-weight: bold;
|
|
375
|
+
color: #222 /*{c-bhover-color}*/;
|
|
376
|
+
text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #ffffff /*{c-bhover-shadow-color}*/;
|
|
377
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{c-bhover-background-start}*/), to( #e0e0e0 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
|
|
378
|
+
background-image: -webkit-linear-gradient( #f9f9f9 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
379
|
+
background-image: -moz-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* FF3.6 */
|
|
380
|
+
background-image: -ms-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* IE10 */
|
|
381
|
+
background-image: -o-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Opera 11.10+ */
|
|
382
|
+
background-image: linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/);
|
|
383
383
|
}
|
|
384
384
|
.ui-btn-hover-c a.ui-link-inherit {
|
|
385
|
-
|
|
385
|
+
color: #2F3E46 /*{c-bhover-color}*/;
|
|
386
386
|
}
|
|
387
387
|
.ui-btn-down-c {
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
388
|
+
border: 1px solid #bbb /*{c-bdown-border}*/;
|
|
389
|
+
background: #d6d6d6 /*{c-bdown-background-color}*/;
|
|
390
|
+
font-weight: bold;
|
|
391
|
+
color: #222 /*{c-bdown-color}*/;
|
|
392
|
+
text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #ffffff /*{c-bdown-shadow-color}*/;
|
|
393
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{c-bdown-background-start}*/), to( #dfdfdf /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
|
|
394
|
+
background-image: -webkit-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
395
|
+
background-image: -moz-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* FF3.6 */
|
|
396
|
+
background-image: -ms-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* IE10 */
|
|
397
|
+
background-image: -o-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Opera 11.10+ */
|
|
398
|
+
background-image: linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/);
|
|
399
399
|
}
|
|
400
400
|
.ui-btn-down-c a.ui-link-inherit {
|
|
401
|
-
|
|
401
|
+
color: #2F3E46 /*{c-bdown-color}*/;
|
|
402
402
|
}
|
|
403
403
|
.ui-btn-up-c,
|
|
404
404
|
.ui-btn-hover-c,
|
|
405
405
|
.ui-btn-down-c {
|
|
406
|
-
|
|
407
|
-
|
|
406
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
407
|
+
text-decoration: none;
|
|
408
408
|
}
|
|
409
409
|
/* D
|
|
410
410
|
-----------------------------------------------------------------------------------------------------------*/
|
|
411
411
|
.ui-bar-d {
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
412
|
+
border: 1px solid #bbb /*{d-bar-border}*/;
|
|
413
|
+
background: #bbb /*{d-bar-background-color}*/;
|
|
414
|
+
color: #333 /*{d-bar-color}*/;
|
|
415
|
+
text-shadow: 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ #eee /*{d-bar-shadow-color}*/;
|
|
416
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{d-bar-background-start}*/), to( #bbb /*{d-bar-background-end}*/)); /* Saf4+, Chrome */
|
|
417
|
+
background-image: -webkit-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
418
|
+
background-image: -moz-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* FF3.6 */
|
|
419
|
+
background-image: -ms-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* IE10 */
|
|
420
|
+
background-image: -o-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Opera 11.10+ */
|
|
421
|
+
background-image: linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/);
|
|
422
422
|
}
|
|
423
423
|
.ui-bar-d,
|
|
424
424
|
.ui-bar-d input,
|
|
425
425
|
.ui-bar-d select,
|
|
426
426
|
.ui-bar-d textarea,
|
|
427
427
|
.ui-bar-d button {
|
|
428
|
-
|
|
428
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
429
429
|
}
|
|
430
430
|
.ui-bar-d .ui-link-inherit {
|
|
431
|
-
|
|
431
|
+
color: #333333 /*{d-bar-color}*/;
|
|
432
432
|
}
|
|
433
433
|
.ui-bar-d .ui-link {
|
|
434
|
-
|
|
435
|
-
|
|
434
|
+
color: #2489CE /*{d-bar-link-color}*/;
|
|
435
|
+
font-weight: bold;
|
|
436
436
|
}
|
|
437
437
|
.ui-bar-d .ui-link:hover {
|
|
438
|
-
|
|
438
|
+
color: #2489CE /*{d-bar-link-hover}*/;
|
|
439
439
|
}
|
|
440
440
|
.ui-bar-d .ui-link:active {
|
|
441
|
-
|
|
441
|
+
color: #2489CE /*{d-bar-link-active}*/;
|
|
442
442
|
}
|
|
443
443
|
.ui-bar-d .ui-link:visited {
|
|
444
444
|
color: #2489CE /*{d-bar-link-visited}*/;
|
|
445
445
|
}
|
|
446
446
|
.ui-body-d,
|
|
447
447
|
.ui-overlay-d {
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
448
|
+
border: 1px solid #bbb /*{d-body-border}*/;
|
|
449
|
+
color: #333333 /*{d-body-color}*/;
|
|
450
|
+
text-shadow: 0 /*{d-body-shadow-x}*/ 1px /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/ #fff /*{d-body-shadow-color}*/;
|
|
451
|
+
background: #ffffff /*{d-body-background-color}*/;
|
|
452
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #fff), to( #fff /*{d-body-background-end}*/)); /* Saf4+, Chrome */
|
|
453
|
+
background-image: -webkit-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
454
|
+
background-image: -moz-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* FF3.6 */
|
|
455
|
+
background-image: -ms-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* IE10 */
|
|
456
|
+
background-image: -o-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Opera 11.10+ */
|
|
457
|
+
background-image: linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/);
|
|
458
458
|
}
|
|
459
459
|
.ui-overlay-d {
|
|
460
|
-
|
|
461
|
-
|
|
460
|
+
background-image: none;
|
|
461
|
+
border-width: 0;
|
|
462
462
|
}
|
|
463
463
|
.ui-body-d,
|
|
464
464
|
.ui-body-d input,
|
|
465
465
|
.ui-body-d select,
|
|
466
466
|
.ui-body-d textarea,
|
|
467
467
|
.ui-body-d button {
|
|
468
|
-
|
|
468
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
469
469
|
}
|
|
470
470
|
.ui-body-d .ui-link-inherit {
|
|
471
|
-
|
|
471
|
+
color: #333333 /*{d-body-color}*/;
|
|
472
472
|
}
|
|
473
473
|
.ui-body-d .ui-link {
|
|
474
|
-
|
|
475
|
-
|
|
474
|
+
color: #2489CE /*{d-body-link-color}*/;
|
|
475
|
+
font-weight: bold;
|
|
476
476
|
}
|
|
477
477
|
.ui-body-d .ui-link:hover {
|
|
478
|
-
|
|
478
|
+
color: #2489CE /*{d-body-link-hover}*/;
|
|
479
479
|
}
|
|
480
480
|
.ui-body-d .ui-link:active {
|
|
481
|
-
|
|
481
|
+
color: #2489CE /*{d-body-link-active}*/;
|
|
482
482
|
}
|
|
483
483
|
.ui-body-d .ui-link:visited {
|
|
484
484
|
color: #2489CE /*{d-body-link-visited}*/;
|
|
485
485
|
}
|
|
486
486
|
.ui-btn-up-d {
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
487
|
+
border: 1px solid #bbb /*{d-bup-border}*/;
|
|
488
|
+
background: #fff /*{d-bup-background-color}*/;
|
|
489
|
+
font-weight: bold;
|
|
490
|
+
color: #333 /*{d-bup-color}*/;
|
|
491
|
+
text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 0 /*{d-bup-shadow-radius}*/ #fff /*{d-bup-shadow-color}*/;
|
|
492
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #fafafa), to( #f6f6f6 /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
|
|
493
|
+
background-image: -webkit-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
494
|
+
background-image: -moz-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* FF3.6 */
|
|
495
|
+
background-image: -ms-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* IE10 */
|
|
496
|
+
background-image: -o-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Opera 11.10+ */
|
|
497
|
+
background-image: linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/);
|
|
498
498
|
}
|
|
499
499
|
.ui-btn-up-d a.ui-link-inherit {
|
|
500
|
-
|
|
500
|
+
color: #333 /*{d-bup-color}*/;
|
|
501
501
|
}
|
|
502
502
|
.ui-btn-hover-d {
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
503
|
+
border: 1px solid #aaa /*{d-bhover-border}*/;
|
|
504
|
+
background: #eeeeee /*{d-bhover-background-color}*/;
|
|
505
|
+
font-weight: bold;
|
|
506
|
+
color: #333 /*{d-bhover-color}*/;
|
|
507
|
+
cursor: pointer;
|
|
508
|
+
text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 0 /*{d-bhover-shadow-radius}*/ #fff /*{d-bhover-shadow-color}*/;
|
|
509
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #eee), to( #fff /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
|
|
510
|
+
background-image: -webkit-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
511
|
+
background-image: -moz-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* FF3.6 */
|
|
512
|
+
background-image: -ms-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* IE10 */
|
|
513
|
+
background-image: -o-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Opera 11.10+ */
|
|
514
|
+
background-image: linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/);
|
|
515
515
|
}
|
|
516
516
|
.ui-btn-hover-d a.ui-link-inherit {
|
|
517
|
-
|
|
517
|
+
color: #333 /*{d-bhover-color}*/;
|
|
518
518
|
}
|
|
519
519
|
.ui-btn-down-d {
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
520
|
+
border: 1px solid #aaa /*{d-bdown-border}*/;
|
|
521
|
+
background: #eee /*{d-bdown-background-color}*/;
|
|
522
|
+
font-weight: bold;
|
|
523
|
+
color: #333 /*{d-bdown-color}*/;
|
|
524
|
+
text-shadow: 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/ 0 /*{d-bdown-shadow-radius}*/ #ffffff /*{d-bdown-shadow-color}*/;
|
|
525
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #e5e5e5 /*{d-bdown-background-start}*/), to( #f2f2f2 /*{d-bdown-background-end}*/)); /* Saf4+, Chrome */
|
|
526
|
+
background-image: -webkit-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
527
|
+
background-image: -moz-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* FF3.6 */
|
|
528
|
+
background-image: -ms-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* IE10 */
|
|
529
|
+
background-image: -o-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* Opera 11.10+ */
|
|
530
|
+
background-image: linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/);
|
|
531
531
|
}
|
|
532
532
|
.ui-btn-down-d a.ui-link-inherit {
|
|
533
|
-
|
|
533
|
+
color: #333 /*{d-bdown-color}*/;
|
|
534
534
|
}
|
|
535
535
|
.ui-btn-up-d,
|
|
536
536
|
.ui-btn-hover-d,
|
|
537
537
|
.ui-btn-down-d {
|
|
538
|
-
|
|
539
|
-
|
|
538
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
539
|
+
text-decoration: none;
|
|
540
540
|
}
|
|
541
541
|
/* E
|
|
542
542
|
-----------------------------------------------------------------------------------------------------------*/
|
|
543
543
|
.ui-bar-e {
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
544
|
+
border: 1px solid #F7C942 /*{e-bar-border}*/;
|
|
545
|
+
background: #fadb4e /*{e-bar-background-color}*/;
|
|
546
|
+
color: #333 /*{e-bar-color}*/;
|
|
547
|
+
text-shadow: 0 /*{e-bar-shadow-x}*/ 1px /*{e-bar-shadow-y}*/ 0 /*{e-bar-shadow-radius}*/ #fff /*{e-bar-shadow-color}*/;
|
|
548
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #fceda7 /*{e-bar-background-start}*/), to( #fbef7e /*{e-bar-background-end}*/)); /* Saf4+, Chrome */
|
|
549
|
+
background-image: -webkit-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
550
|
+
background-image: -moz-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* FF3.6 */
|
|
551
|
+
background-image: -ms-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* IE10 */
|
|
552
|
+
background-image: -o-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* Opera 11.10+ */
|
|
553
|
+
background-image: linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/);
|
|
554
554
|
}
|
|
555
555
|
.ui-bar-e,
|
|
556
556
|
.ui-bar-e input,
|
|
557
557
|
.ui-bar-e select,
|
|
558
558
|
.ui-bar-e textarea,
|
|
559
559
|
.ui-bar-e button {
|
|
560
|
-
|
|
560
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
561
561
|
}
|
|
562
562
|
.ui-bar-e .ui-link-inherit {
|
|
563
|
-
|
|
563
|
+
color: #333333 /*{e-bar-color}*/;
|
|
564
564
|
}
|
|
565
565
|
.ui-bar-e .ui-link {
|
|
566
|
-
|
|
567
|
-
|
|
566
|
+
color: #2489CE /*{e-bar-link-color}*/;
|
|
567
|
+
font-weight: bold;
|
|
568
568
|
}
|
|
569
569
|
.ui-bar-e .ui-link:hover {
|
|
570
|
-
|
|
570
|
+
color: #2489CE /*{e-bar-link-hover}*/;
|
|
571
571
|
}
|
|
572
572
|
.ui-bar-e .ui-link:active {
|
|
573
|
-
|
|
573
|
+
color: #2489CE /*{e-bar-link-active}*/;
|
|
574
574
|
}
|
|
575
575
|
.ui-bar-e .ui-link:visited {
|
|
576
576
|
color: #2489CE /*{e-bar-link-visited}*/;
|
|
577
577
|
}
|
|
578
578
|
.ui-body-e,
|
|
579
579
|
.ui-overlay-e {
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
580
|
+
border: 1px solid #F7C942 /*{e-body-border}*/;
|
|
581
|
+
color: #222222 /*{e-body-color}*/;
|
|
582
|
+
text-shadow: 0 /*{e-body-shadow-x}*/ 1px /*{e-body-shadow-y}*/ 0 /*{e-body-shadow-radius}*/ #fff /*{e-body-shadow-color}*/;
|
|
583
|
+
background: #fff9df /*{e-body-background-color}*/;
|
|
584
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #fffadf /*{e-body-background-start}*/), to( #fff3a5 /*{e-body-background-end}*/)); /* Saf4+, Chrome */
|
|
585
|
+
background-image: -webkit-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
586
|
+
background-image: -moz-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* FF3.6 */
|
|
587
|
+
background-image: -ms-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* IE10 */
|
|
588
|
+
background-image: -o-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Opera 11.10+ */
|
|
589
|
+
background-image: linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/);
|
|
590
590
|
}
|
|
591
591
|
.ui-overlay-e {
|
|
592
|
-
|
|
593
|
-
|
|
592
|
+
background-image: none;
|
|
593
|
+
border-width: 0;
|
|
594
594
|
}
|
|
595
595
|
.ui-body-e,
|
|
596
596
|
.ui-body-e input,
|
|
597
597
|
.ui-body-e select,
|
|
598
598
|
.ui-body-e textarea,
|
|
599
599
|
.ui-body-e button {
|
|
600
|
-
|
|
600
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
601
601
|
}
|
|
602
602
|
.ui-body-e .ui-link-inherit {
|
|
603
|
-
|
|
603
|
+
color: #333333 /*{e-body-color}*/;
|
|
604
604
|
}
|
|
605
605
|
.ui-body-e .ui-link {
|
|
606
|
-
|
|
607
|
-
|
|
606
|
+
color: #2489CE /*{e-body-link-color}*/;
|
|
607
|
+
font-weight: bold;
|
|
608
608
|
}
|
|
609
609
|
.ui-body-e .ui-link:hover {
|
|
610
|
-
|
|
610
|
+
color: #2489CE /*{e-body-link-hover}*/;
|
|
611
611
|
}
|
|
612
612
|
.ui-body-e .ui-link:active {
|
|
613
|
-
|
|
613
|
+
color: #2489CE /*{e-body-link-active}*/;
|
|
614
614
|
}
|
|
615
615
|
.ui-body-e .ui-link:visited {
|
|
616
616
|
color: #2489CE /*{e-body-link-visited}*/;
|
|
617
617
|
}
|
|
618
618
|
.ui-btn-up-e {
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
619
|
+
border: 1px solid #F4C63f /*{e-bup-border}*/;
|
|
620
|
+
background: #fadb4e /*{e-bup-background-color}*/;
|
|
621
|
+
font-weight: bold;
|
|
622
|
+
color: #222 /*{e-bup-color}*/;
|
|
623
|
+
text-shadow: 0 /*{e-bup-shadow-x}*/ 1px /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/ #fff /*{e-bup-shadow-color}*/;
|
|
624
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #ffefaa /*{e-bup-background-start}*/), to( #ffe155 /*{e-bup-background-end}*/)); /* Saf4+, Chrome */
|
|
625
|
+
background-image: -webkit-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
626
|
+
background-image: -moz-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* FF3.6 */
|
|
627
|
+
background-image: -ms-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* IE10 */
|
|
628
|
+
background-image: -o-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* Opera 11.10+ */
|
|
629
|
+
background-image: linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/);
|
|
630
630
|
}
|
|
631
631
|
.ui-btn-up-e a.ui-link-inherit {
|
|
632
|
-
|
|
632
|
+
color: #222 /*{e-bup-color}*/;
|
|
633
633
|
}
|
|
634
634
|
.ui-btn-hover-e {
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
635
|
+
border: 1px solid #F2C43d /*{e-bhover-border}*/;
|
|
636
|
+
background: #fbe26f /*{e-bhover-background-color}*/;
|
|
637
|
+
font-weight: bold;
|
|
638
|
+
color: #111 /*{e-bhover-color}*/;
|
|
639
|
+
text-shadow: 0 /*{e-bhover-shadow-x}*/ 1px /*{e-bhover-shadow-y}*/ 0 /*{e-bhover-shadow-radius}*/ #fff /*{e-bhover-shadow-color}*/;
|
|
640
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #fff5ba /*{e-bhover-background-start}*/), to( #fbdd52 /*{e-bhover-background-end}*/)); /* Saf4+, Chrome */
|
|
641
|
+
background-image: -webkit-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
642
|
+
background-image: -moz-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* FF3.6 */
|
|
643
|
+
background-image: -ms-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* IE10 */
|
|
644
|
+
background-image: -o-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* Opera 11.10+ */
|
|
645
|
+
background-image: linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/);
|
|
646
646
|
}
|
|
647
647
|
.ui-btn-hover-e a.ui-link-inherit {
|
|
648
|
-
|
|
648
|
+
color: #333 /*{e-bhover-color}*/;
|
|
649
649
|
}
|
|
650
650
|
.ui-btn-down-e {
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
651
|
+
border: 1px solid #F2C43d /*{e-bdown-border}*/;
|
|
652
|
+
background: #fceda7 /*{e-bdown-background-color}*/;
|
|
653
|
+
font-weight: bold;
|
|
654
|
+
color: #111 /*{e-bdown-color}*/;
|
|
655
|
+
text-shadow: 0 /*{e-bdown-shadow-x}*/ 1px /*{e-bdown-shadow-y}*/ 0 /*{e-bdown-shadow-radius}*/ #ffffff /*{e-bdown-shadow-color}*/;
|
|
656
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #f8d94c /*{e-bdown-background-start}*/), to( #fadb4e /*{e-bdown-background-end}*/)); /* Saf4+, Chrome */
|
|
657
|
+
background-image: -webkit-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
658
|
+
background-image: -moz-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* FF3.6 */
|
|
659
|
+
background-image: -ms-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* IE10 */
|
|
660
|
+
background-image: -o-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* Opera 11.10+ */
|
|
661
|
+
background-image: linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/);
|
|
662
662
|
}
|
|
663
663
|
.ui-btn-down-e a.ui-link-inherit {
|
|
664
|
-
|
|
664
|
+
color: #333 /*{e-bdown-color}*/;
|
|
665
665
|
}
|
|
666
666
|
.ui-btn-up-e,
|
|
667
667
|
.ui-btn-hover-e,
|
|
668
668
|
.ui-btn-down-e {
|
|
669
|
-
|
|
670
|
-
|
|
669
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
670
|
+
text-decoration: none;
|
|
671
671
|
}
|
|
672
672
|
/* Structure */
|
|
673
|
-
/* links within "buttons"
|
|
673
|
+
/* links within "buttons"
|
|
674
674
|
-----------------------------------------------------------------------------------------------------------*/
|
|
675
675
|
a.ui-link-inherit {
|
|
676
|
-
|
|
676
|
+
text-decoration: none !important;
|
|
677
677
|
}
|
|
678
678
|
/* Active class used as the "on" state across all themes
|
|
679
679
|
-----------------------------------------------------------------------------------------------------------*/
|
|
680
680
|
.ui-btn-active {
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
|
|
694
|
-
|
|
681
|
+
border: 1px solid #2373a5 /*{global-active-border}*/;
|
|
682
|
+
background: #5393c5 /*{global-active-background-color}*/;
|
|
683
|
+
font-weight: bold;
|
|
684
|
+
color: #fff /*{global-active-color}*/;
|
|
685
|
+
cursor: pointer;
|
|
686
|
+
text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #3373a5 /*{global-active-shadow-color}*/;
|
|
687
|
+
text-decoration: none;
|
|
688
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from( #5393c5 /*{global-active-background-start}*/), to( #6facd5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
|
|
689
|
+
background-image: -webkit-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
690
|
+
background-image: -moz-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* FF3.6 */
|
|
691
|
+
background-image: -ms-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* IE10 */
|
|
692
|
+
background-image: -o-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Opera 11.10+ */
|
|
693
|
+
background-image: linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/);
|
|
694
|
+
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
695
695
|
}
|
|
696
696
|
.ui-btn-active a.ui-link-inherit {
|
|
697
|
-
|
|
697
|
+
color: #fff /*{global-active-color}*/;
|
|
698
698
|
}
|
|
699
699
|
/* button inner top highlight
|
|
700
700
|
-----------------------------------------------------------------------------------------------------------*/
|
|
701
701
|
.ui-btn-inner {
|
|
702
|
-
|
|
703
|
-
|
|
702
|
+
border-top: 1px solid #fff;
|
|
703
|
+
border-color: rgba(255,255,255,.3);
|
|
704
704
|
}
|
|
705
705
|
/* corner rounding classes
|
|
706
706
|
-----------------------------------------------------------------------------------------------------------*/
|
|
707
707
|
.ui-corner-tl {
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
708
|
+
-moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
|
|
709
|
+
-webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
|
|
710
|
+
border-top-left-radius: .6em /*{global-radii-blocks}*/;
|
|
711
711
|
}
|
|
712
712
|
.ui-corner-tr {
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
713
|
+
-moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
|
|
714
|
+
-webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
|
|
715
|
+
border-top-right-radius: .6em /*{global-radii-blocks}*/;
|
|
716
716
|
}
|
|
717
717
|
.ui-corner-bl {
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
718
|
+
-moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
|
|
719
|
+
-webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
|
|
720
|
+
border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
|
|
721
721
|
}
|
|
722
722
|
.ui-corner-br {
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
723
|
+
-moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
|
|
724
|
+
-webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
|
|
725
|
+
border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
|
|
726
726
|
}
|
|
727
727
|
.ui-corner-top {
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
|
|
733
|
-
|
|
728
|
+
-moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
|
|
729
|
+
-webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
|
|
730
|
+
border-top-left-radius: .6em /*{global-radii-blocks}*/;
|
|
731
|
+
-moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
|
|
732
|
+
-webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
|
|
733
|
+
border-top-right-radius: .6em /*{global-radii-blocks}*/;
|
|
734
734
|
}
|
|
735
735
|
.ui-corner-bottom {
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
736
|
+
-moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
|
|
737
|
+
-webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
|
|
738
|
+
border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
|
|
739
|
+
-moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
|
|
740
|
+
-webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
|
|
741
|
+
border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
|
|
742
|
+
}
|
|
743
743
|
.ui-corner-right {
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
|
|
744
|
+
-moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
|
|
745
|
+
-webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
|
|
746
|
+
border-top-right-radius: .6em /*{global-radii-blocks}*/;
|
|
747
|
+
-moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
|
|
748
|
+
-webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
|
|
749
|
+
border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
|
|
750
750
|
}
|
|
751
751
|
.ui-corner-left {
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
752
|
+
-moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
|
|
753
|
+
-webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
|
|
754
|
+
border-top-left-radius: .6em /*{global-radii-blocks}*/;
|
|
755
|
+
-moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
|
|
756
|
+
-webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
|
|
757
|
+
border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
|
|
758
758
|
}
|
|
759
759
|
.ui-corner-all {
|
|
760
|
-
|
|
761
|
-
|
|
762
|
-
|
|
760
|
+
-moz-border-radius: .6em /*{global-radii-blocks}*/;
|
|
761
|
+
-webkit-border-radius: .6em /*{global-radii-blocks}*/;
|
|
762
|
+
border-radius: .6em /*{global-radii-blocks}*/;
|
|
763
763
|
}
|
|
764
764
|
.ui-corner-none {
|
|
765
|
-
|
|
766
|
-
|
|
767
|
-
|
|
765
|
+
-moz-border-radius: 0;
|
|
766
|
+
-webkit-border-radius: 0;
|
|
767
|
+
border-radius: 0;
|
|
768
768
|
}
|
|
769
769
|
/* Form field separator
|
|
770
770
|
-----------------------------------------------------------------------------------------------------------*/
|
|
771
771
|
.ui-br {
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
|
|
772
|
+
border-bottom: rgb(130,130,130);
|
|
773
|
+
border-bottom: rgba(130,130,130,.3);
|
|
774
|
+
border-bottom-width: 1px;
|
|
775
|
+
border-bottom-style: solid;
|
|
776
776
|
}
|
|
777
777
|
/* Interaction cues
|
|
778
778
|
-----------------------------------------------------------------------------------------------------------*/
|
|
779
779
|
.ui-disabled {
|
|
780
|
-
|
|
780
|
+
opacity: .3;
|
|
781
781
|
}
|
|
782
782
|
.ui-disabled,
|
|
783
783
|
.ui-disabled a {
|
|
784
|
-
|
|
785
|
-
|
|
784
|
+
cursor: default !important;
|
|
785
|
+
pointer-events: none;
|
|
786
786
|
}
|
|
787
787
|
.ui-disabled .ui-btn-text {
|
|
788
|
-
|
|
789
|
-
|
|
790
|
-
|
|
788
|
+
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
|
|
789
|
+
filter: alpha(opacity=30);
|
|
790
|
+
zoom: 1;
|
|
791
791
|
}
|
|
792
792
|
/* Icons
|
|
793
793
|
-----------------------------------------------------------------------------------------------------------*/
|
|
794
794
|
.ui-icon,
|
|
795
795
|
.ui-icon-searchfield:after {
|
|
796
|
-
|
|
797
|
-
|
|
798
|
-
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
796
|
+
background: #666 /*{global-icon-color}*/;
|
|
797
|
+
background: rgba(0,0,0,.4) /*{global-icon-disc}*/;
|
|
798
|
+
background-image: url(<%= asset_path 'jquerymobile/icons-18-white.png' %>) /*{global-icon-set}*/;
|
|
799
|
+
background-repeat: no-repeat;
|
|
800
|
+
-moz-border-radius: 9px;
|
|
801
|
+
-webkit-border-radius: 9px;
|
|
802
|
+
border-radius: 9px;
|
|
803
803
|
}
|
|
804
804
|
/* Alt icon color
|
|
805
805
|
-----------------------------------------------------------------------------------------------------------*/
|
|
806
806
|
.ui-icon-alt {
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
|
|
807
|
+
background: #fff;
|
|
808
|
+
background: rgba(255,255,255,.3);
|
|
809
|
+
background-image: url(<%= asset_path 'jquerymobile/icons-18-black.png' %>);
|
|
810
|
+
background-repeat: no-repeat;
|
|
811
811
|
}
|
|
812
812
|
/* HD/"retina" sprite
|
|
813
813
|
-----------------------------------------------------------------------------------------------------------*/
|
|
814
814
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
|
815
815
|
only screen and (min--moz-device-pixel-ratio: 1.5),
|
|
816
816
|
only screen and (min-resolution: 240dpi) {
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
|
|
817
|
+
|
|
818
|
+
.ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
|
|
819
|
+
.ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
|
|
820
|
+
.ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
|
|
821
|
+
.ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after,
|
|
822
|
+
.ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
|
|
823
|
+
background-image: url(<% asset_path 'jquerymobile/icons-36-white.png' %>);
|
|
824
|
+
-moz-background-size: 776px 18px;
|
|
825
|
+
-o-background-size: 776px 18px;
|
|
826
|
+
-webkit-background-size: 776px 18px;
|
|
827
|
+
background-size: 776px 18px;
|
|
828
|
+
}
|
|
829
|
+
.ui-icon-alt {
|
|
830
|
+
background-image: url(<% asset_path 'jquerymobile/icons-36-black.png' %>);
|
|
831
|
+
}
|
|
832
832
|
}
|
|
833
833
|
/* plus minus */
|
|
834
834
|
.ui-icon-plus {
|
|
835
|
-
|
|
835
|
+
background-position: -0 50%;
|
|
836
836
|
}
|
|
837
837
|
.ui-icon-minus {
|
|
838
|
-
|
|
838
|
+
background-position: -36px 50%;
|
|
839
839
|
}
|
|
840
840
|
/* delete/close */
|
|
841
841
|
.ui-icon-delete {
|
|
842
|
-
|
|
842
|
+
background-position: -72px 50%;
|
|
843
843
|
}
|
|
844
844
|
/* arrows */
|
|
845
845
|
.ui-icon-arrow-r {
|
|
846
|
-
|
|
846
|
+
background-position: -108px 50%;
|
|
847
847
|
}
|
|
848
848
|
.ui-icon-arrow-l {
|
|
849
|
-
|
|
849
|
+
background-position: -144px 50%;
|
|
850
850
|
}
|
|
851
851
|
.ui-icon-arrow-u {
|
|
852
|
-
|
|
852
|
+
background-position: -180px 50%;
|
|
853
853
|
}
|
|
854
854
|
.ui-icon-arrow-d {
|
|
855
|
-
|
|
855
|
+
background-position: -216px 50%;
|
|
856
856
|
}
|
|
857
857
|
/* misc */
|
|
858
858
|
.ui-icon-check {
|
|
859
|
-
|
|
859
|
+
background-position: -252px 50%;
|
|
860
860
|
}
|
|
861
861
|
.ui-icon-gear {
|
|
862
|
-
|
|
862
|
+
background-position: -288px 50%;
|
|
863
863
|
}
|
|
864
864
|
.ui-icon-refresh {
|
|
865
|
-
|
|
865
|
+
background-position: -324px 50%;
|
|
866
866
|
}
|
|
867
867
|
.ui-icon-forward {
|
|
868
|
-
|
|
868
|
+
background-position: -360px 50%;
|
|
869
869
|
}
|
|
870
870
|
.ui-icon-back {
|
|
871
|
-
|
|
871
|
+
background-position: -396px 50%;
|
|
872
872
|
}
|
|
873
873
|
.ui-icon-grid {
|
|
874
|
-
|
|
874
|
+
background-position: -432px 50%;
|
|
875
875
|
}
|
|
876
876
|
.ui-icon-star {
|
|
877
|
-
|
|
877
|
+
background-position: -468px 50%;
|
|
878
878
|
}
|
|
879
879
|
.ui-icon-alert {
|
|
880
|
-
|
|
880
|
+
background-position: -504px 50%;
|
|
881
881
|
}
|
|
882
882
|
.ui-icon-info {
|
|
883
|
-
|
|
883
|
+
background-position: -540px 50%;
|
|
884
884
|
}
|
|
885
885
|
.ui-icon-home {
|
|
886
|
-
|
|
886
|
+
background-position: -576px 50%;
|
|
887
887
|
}
|
|
888
888
|
.ui-icon-search,
|
|
889
889
|
.ui-icon-searchfield:after {
|
|
890
|
-
|
|
890
|
+
background-position: -612px 50%;
|
|
891
891
|
}
|
|
892
892
|
.ui-icon-checkbox-off {
|
|
893
|
-
|
|
893
|
+
background-position: -684px 50%;
|
|
894
894
|
}
|
|
895
895
|
.ui-icon-checkbox-on {
|
|
896
|
-
|
|
896
|
+
background-position: -648px 50%;
|
|
897
897
|
}
|
|
898
898
|
.ui-icon-radio-off {
|
|
899
|
-
|
|
899
|
+
background-position: -756px 50%;
|
|
900
900
|
}
|
|
901
901
|
.ui-icon-radio-on {
|
|
902
|
-
|
|
902
|
+
background-position: -720px 50%;
|
|
903
903
|
}
|
|
904
904
|
/* checks,radios */
|
|
905
905
|
.ui-checkbox .ui-icon {
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
906
|
+
-moz-border-radius: 3px;
|
|
907
|
+
-webkit-border-radius: 3px;
|
|
908
|
+
border-radius: 3px;
|
|
909
909
|
}
|
|
910
910
|
.ui-icon-checkbox-off,
|
|
911
911
|
.ui-icon-radio-off {
|
|
912
|
-
|
|
912
|
+
background-color: transparent;
|
|
913
913
|
}
|
|
914
914
|
.ui-checkbox-on .ui-icon,
|
|
915
915
|
.ui-radio-on .ui-icon {
|
|
916
|
-
|
|
916
|
+
background-color: #4596ce /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
|
|
917
917
|
}
|
|
918
918
|
/* loading icon */
|
|
919
919
|
.ui-icon-loading {
|
|
920
|
-
|
|
921
|
-
|
|
920
|
+
background: url(<% asset_path 'jquerymobile/ajax-loader.gif' %>);
|
|
921
|
+
background-size: 46px 46px;
|
|
922
922
|
}
|
|
923
923
|
/* Button corner classes
|
|
924
924
|
-----------------------------------------------------------------------------------------------------------*/
|
|
925
925
|
.ui-btn-corner-tl {
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
|
|
926
|
+
-moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
|
|
927
|
+
-webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
|
|
928
|
+
border-top-left-radius: 1em /*{global-radii-buttons}*/;
|
|
929
929
|
}
|
|
930
930
|
.ui-btn-corner-tr {
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
931
|
+
-moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
|
|
932
|
+
-webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
|
|
933
|
+
border-top-right-radius: 1em /*{global-radii-buttons}*/;
|
|
934
934
|
}
|
|
935
935
|
.ui-btn-corner-bl {
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
936
|
+
-moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
|
|
937
|
+
-webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
|
|
938
|
+
border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
|
|
939
939
|
}
|
|
940
940
|
.ui-btn-corner-br {
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
|
|
941
|
+
-moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
|
|
942
|
+
-webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
|
|
943
|
+
border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
|
|
944
944
|
}
|
|
945
945
|
.ui-btn-corner-top {
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
946
|
+
-moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
|
|
947
|
+
-webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
|
|
948
|
+
border-top-left-radius: 1em /*{global-radii-buttons}*/;
|
|
949
|
+
-moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
|
|
950
|
+
-webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
|
|
951
|
+
border-top-right-radius: 1em /*{global-radii-buttons}*/;
|
|
952
952
|
}
|
|
953
953
|
.ui-btn-corner-bottom {
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
|
|
959
|
-
|
|
954
|
+
-moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
|
|
955
|
+
-webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
|
|
956
|
+
border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
|
|
957
|
+
-moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
|
|
958
|
+
-webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
|
|
959
|
+
border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
|
|
960
960
|
}
|
|
961
961
|
.ui-btn-corner-right {
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
965
|
-
|
|
966
|
-
|
|
967
|
-
|
|
962
|
+
-moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
|
|
963
|
+
-webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
|
|
964
|
+
border-top-right-radius: 1em /*{global-radii-buttons}*/;
|
|
965
|
+
-moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
|
|
966
|
+
-webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
|
|
967
|
+
border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
|
|
968
968
|
}
|
|
969
969
|
.ui-btn-corner-left {
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
|
|
973
|
-
|
|
974
|
-
|
|
975
|
-
|
|
970
|
+
-moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
|
|
971
|
+
-webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
|
|
972
|
+
border-top-left-radius: 1em /*{global-radii-buttons}*/;
|
|
973
|
+
-moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
|
|
974
|
+
-webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
|
|
975
|
+
border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
|
|
976
976
|
}
|
|
977
977
|
.ui-btn-corner-all {
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
|
|
978
|
+
-moz-border-radius: 1em /*{global-radii-buttons}*/;
|
|
979
|
+
-webkit-border-radius: 1em /*{global-radii-buttons}*/;
|
|
980
|
+
border-radius: 1em /*{global-radii-buttons}*/;
|
|
981
981
|
}
|
|
982
982
|
/* radius clip workaround for cleaning up corner trapping */
|
|
983
983
|
.ui-corner-tl,
|
|
984
984
|
.ui-corner-tr,
|
|
985
|
-
.ui-corner-bl,
|
|
985
|
+
.ui-corner-bl,
|
|
986
986
|
.ui-corner-br,
|
|
987
987
|
.ui-corner-top,
|
|
988
|
-
.ui-corner-bottom,
|
|
988
|
+
.ui-corner-bottom,
|
|
989
989
|
.ui-corner-right,
|
|
990
990
|
.ui-corner-left,
|
|
991
991
|
.ui-corner-all,
|
|
992
992
|
.ui-btn-corner-tl,
|
|
993
993
|
.ui-btn-corner-tr,
|
|
994
|
-
.ui-btn-corner-bl,
|
|
994
|
+
.ui-btn-corner-bl,
|
|
995
995
|
.ui-btn-corner-br,
|
|
996
996
|
.ui-btn-corner-top,
|
|
997
|
-
.ui-btn-corner-bottom,
|
|
997
|
+
.ui-btn-corner-bottom,
|
|
998
998
|
.ui-btn-corner-right,
|
|
999
999
|
.ui-btn-corner-left,
|
|
1000
1000
|
.ui-btn-corner-all {
|
|
@@ -1005,63 +1005,63 @@ a.ui-link-inherit {
|
|
|
1005
1005
|
/* Overlay / modal
|
|
1006
1006
|
-----------------------------------------------------------------------------------------------------------*/
|
|
1007
1007
|
.ui-overlay {
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
|
|
1012
|
-
|
|
1013
|
-
|
|
1008
|
+
background: #666;
|
|
1009
|
+
opacity: .5;
|
|
1010
|
+
filter: Alpha(Opacity=50);
|
|
1011
|
+
position: absolute;
|
|
1012
|
+
width: 100%;
|
|
1013
|
+
height: 100%;
|
|
1014
1014
|
}
|
|
1015
1015
|
.ui-overlay-shadow {
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
|
|
1016
|
+
-moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
|
|
1017
|
+
-webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
|
|
1018
|
+
box-shadow: 0px 0px 12px rgba(0,0,0,.6);
|
|
1019
1019
|
}
|
|
1020
1020
|
.ui-shadow {
|
|
1021
|
-
|
|
1022
|
-
|
|
1023
|
-
|
|
1021
|
+
-moz-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
|
|
1022
|
+
-webkit-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
|
|
1023
|
+
box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
|
|
1024
1024
|
}
|
|
1025
1025
|
.ui-bar-a .ui-shadow,
|
|
1026
1026
|
.ui-bar-b .ui-shadow ,
|
|
1027
1027
|
.ui-bar-c .ui-shadow {
|
|
1028
|
-
|
|
1029
|
-
|
|
1030
|
-
|
|
1028
|
+
-moz-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
|
|
1029
|
+
-webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
|
|
1030
|
+
box-shadow: 0px 1px 0 rgba(255,255,255,.3);
|
|
1031
1031
|
}
|
|
1032
1032
|
.ui-shadow-inset {
|
|
1033
|
-
|
|
1034
|
-
|
|
1035
|
-
|
|
1033
|
+
-moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
|
|
1034
|
+
-webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
|
|
1035
|
+
box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
|
|
1036
1036
|
}
|
|
1037
1037
|
.ui-icon-shadow {
|
|
1038
|
-
|
|
1039
|
-
|
|
1040
|
-
|
|
1038
|
+
-moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
|
|
1039
|
+
-webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
|
|
1040
|
+
box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
|
|
1041
1041
|
}
|
|
1042
1042
|
/* Focus state - set here for specificity (note: these classes are added by JavaScript)
|
|
1043
1043
|
-----------------------------------------------------------------------------------------------------------*/
|
|
1044
1044
|
.ui-btn:focus {
|
|
1045
|
-
|
|
1045
|
+
outline: 0;
|
|
1046
1046
|
}
|
|
1047
1047
|
.ui-focus,
|
|
1048
1048
|
.ui-btn:focus {
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1049
|
+
-moz-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
|
|
1050
|
+
-webkit-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
|
|
1051
|
+
box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
|
|
1052
1052
|
}
|
|
1053
1053
|
/* unset box shadow in browsers that don't do it right
|
|
1054
1054
|
-----------------------------------------------------------------------------------------------------------*/
|
|
1055
1055
|
.ui-mobile-nosupport-boxshadow * {
|
|
1056
|
-
|
|
1057
|
-
|
|
1058
|
-
|
|
1056
|
+
-moz-box-shadow: none !important;
|
|
1057
|
+
-webkit-box-shadow: none !important;
|
|
1058
|
+
box-shadow: none !important;
|
|
1059
1059
|
}
|
|
1060
1060
|
/* ...and bring back focus */
|
|
1061
1061
|
.ui-mobile-nosupport-boxshadow .ui-focus,
|
|
1062
1062
|
.ui-mobile-nosupport-boxshadow .ui-btn:focus {
|
|
1063
|
-
|
|
1064
|
-
|
|
1063
|
+
outline-width: 1px;
|
|
1064
|
+
outline-style: dotted;
|
|
1065
1065
|
}
|
|
1066
1066
|
/* some unsets - more probably needed */
|
|
1067
1067
|
.ui-mobile, .ui-mobile body { height: 99.9%; }
|
|
@@ -1127,21 +1127,21 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1127
1127
|
/* Transitions originally inspired by those from jQtouch, nice work, folks */
|
|
1128
1128
|
.ui-mobile-viewport-transitioning,
|
|
1129
1129
|
.ui-mobile-viewport-transitioning .ui-page {
|
|
1130
|
-
|
|
1131
|
-
|
|
1132
|
-
|
|
1130
|
+
width: 100%;
|
|
1131
|
+
height: 100%;
|
|
1132
|
+
overflow: hidden;
|
|
1133
1133
|
}
|
|
1134
1134
|
.in {
|
|
1135
|
-
|
|
1136
|
-
|
|
1137
|
-
|
|
1138
|
-
|
|
1135
|
+
-webkit-animation-timing-function: ease-out;
|
|
1136
|
+
-webkit-animation-duration: 350ms;
|
|
1137
|
+
-moz-animation-timing-function: ease-out;
|
|
1138
|
+
-moz-animation-duration: 350ms;
|
|
1139
1139
|
}
|
|
1140
1140
|
.out {
|
|
1141
|
-
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
|
|
1141
|
+
-webkit-animation-timing-function: ease-in;
|
|
1142
|
+
-webkit-animation-duration: 225ms;
|
|
1143
|
+
-moz-animation-timing-function: ease-in;
|
|
1144
|
+
-moz-animation-duration: 225;
|
|
1145
1145
|
}
|
|
1146
1146
|
@-webkit-keyframes fadein {
|
|
1147
1147
|
from { opacity: 0; }
|
|
@@ -1160,48 +1160,48 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1160
1160
|
to { opacity: 0; }
|
|
1161
1161
|
}
|
|
1162
1162
|
.fade.out {
|
|
1163
|
-
|
|
1164
|
-
|
|
1165
|
-
|
|
1166
|
-
|
|
1167
|
-
|
|
1163
|
+
opacity: 0;
|
|
1164
|
+
-webkit-animation-duration: 125ms;
|
|
1165
|
+
-webkit-animation-name: fadeout;
|
|
1166
|
+
-moz-animation-duration: 125ms;
|
|
1167
|
+
-moz-animation-name: fadeout;
|
|
1168
1168
|
}
|
|
1169
1169
|
.fade.in {
|
|
1170
|
-
|
|
1171
|
-
|
|
1172
|
-
|
|
1173
|
-
|
|
1174
|
-
|
|
1170
|
+
opacity: 1;
|
|
1171
|
+
-webkit-animation-duration: 225ms;
|
|
1172
|
+
-webkit-animation-name: fadein;
|
|
1173
|
+
-moz-animation-duration: 225ms;
|
|
1174
|
+
-moz-animation-name: fadein;
|
|
1175
1175
|
}
|
|
1176
1176
|
.pop {
|
|
1177
|
-
|
|
1178
|
-
|
|
1177
|
+
-webkit-transform-origin: 50% 50%;
|
|
1178
|
+
-moz-transform-origin: 50% 50%;
|
|
1179
1179
|
}
|
|
1180
1180
|
.pop.in {
|
|
1181
|
-
|
|
1182
|
-
|
|
1181
|
+
-webkit-transform: scale(1);
|
|
1182
|
+
-moz-transform: scale(1);
|
|
1183
1183
|
opacity: 1;
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
|
|
1187
|
-
|
|
1184
|
+
-webkit-animation-name: popin;
|
|
1185
|
+
-moz-animation-name: popin;
|
|
1186
|
+
-webkit-animation-duration: 350ms;
|
|
1187
|
+
-moz-animation-duration: 350ms;
|
|
1188
1188
|
}
|
|
1189
1189
|
.pop.out {
|
|
1190
|
-
|
|
1191
|
-
|
|
1192
|
-
|
|
1193
|
-
|
|
1194
|
-
|
|
1190
|
+
-webkit-animation-name: fadeout;
|
|
1191
|
+
-moz-animation-name: fadeout;
|
|
1192
|
+
opacity: 0;
|
|
1193
|
+
-webkit-animation-duration: 100ms;
|
|
1194
|
+
-moz-animation-duration: 100ms;
|
|
1195
1195
|
}
|
|
1196
1196
|
.pop.in.reverse {
|
|
1197
|
-
|
|
1198
|
-
|
|
1197
|
+
-webkit-animation-name: fadein;
|
|
1198
|
+
-moz-animation-name: fadein;
|
|
1199
1199
|
}
|
|
1200
1200
|
.pop.out.reverse {
|
|
1201
|
-
|
|
1202
|
-
|
|
1203
|
-
|
|
1204
|
-
|
|
1201
|
+
-webkit-transform: scale(.8);
|
|
1202
|
+
-moz-transform: scale(.8);
|
|
1203
|
+
-webkit-animation-name: popout;
|
|
1204
|
+
-moz-animation-name: popout;
|
|
1205
1205
|
}
|
|
1206
1206
|
@-webkit-keyframes popin {
|
|
1207
1207
|
from {
|
|
@@ -1278,95 +1278,95 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1278
1278
|
to { -moz-transform: translateX(100%); }
|
|
1279
1279
|
}
|
|
1280
1280
|
.slide.out, .slide.in {
|
|
1281
|
-
|
|
1282
|
-
|
|
1283
|
-
|
|
1284
|
-
|
|
1281
|
+
-webkit-animation-timing-function: ease-out;
|
|
1282
|
+
-webkit-animation-duration: 350ms;
|
|
1283
|
+
-moz-animation-timing-function: ease-out;
|
|
1284
|
+
-moz-animation-duration: 350ms;
|
|
1285
1285
|
}
|
|
1286
1286
|
.slide.out {
|
|
1287
|
-
|
|
1288
|
-
|
|
1289
|
-
|
|
1290
|
-
|
|
1287
|
+
-webkit-transform: translateX(-100%);
|
|
1288
|
+
-webkit-animation-name: slideouttoleft;
|
|
1289
|
+
-moz-transform: translateX(-100%);
|
|
1290
|
+
-moz-animation-name: slideouttoleft;
|
|
1291
1291
|
}
|
|
1292
1292
|
.slide.in {
|
|
1293
|
-
|
|
1294
|
-
|
|
1295
|
-
|
|
1296
|
-
|
|
1293
|
+
-webkit-transform: translateX(0);
|
|
1294
|
+
-webkit-animation-name: slideinfromright;
|
|
1295
|
+
-moz-transform: translateX(0);
|
|
1296
|
+
-moz-animation-name: slideinfromright;
|
|
1297
1297
|
}
|
|
1298
1298
|
.slide.out.reverse {
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
|
-
|
|
1302
|
-
|
|
1299
|
+
-webkit-transform: translateX(100%);
|
|
1300
|
+
-webkit-animation-name: slideouttoright;
|
|
1301
|
+
-moz-transform: translateX(100%);
|
|
1302
|
+
-moz-animation-name: slideouttoright;
|
|
1303
1303
|
}
|
|
1304
1304
|
.slide.in.reverse {
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
|
|
1305
|
+
-webkit-transform: translateX(0);
|
|
1306
|
+
-webkit-animation-name: slideinfromleft;
|
|
1307
|
+
-moz-transform: translateX(0);
|
|
1308
|
+
-moz-animation-name: slideinfromleft;
|
|
1309
1309
|
}
|
|
1310
1310
|
.slidefade.out {
|
|
1311
|
-
|
|
1312
|
-
|
|
1313
|
-
|
|
1314
|
-
|
|
1315
|
-
|
|
1316
|
-
|
|
1311
|
+
-webkit-transform: translateX(-100%);
|
|
1312
|
+
-webkit-animation-name: slideouttoleft;
|
|
1313
|
+
-moz-transform: translateX(-100%);
|
|
1314
|
+
-moz-animation-name: slideouttoleft;
|
|
1315
|
+
-webkit-animation-duration: 225ms;
|
|
1316
|
+
-moz-animation-duration: 225ms;
|
|
1317
1317
|
}
|
|
1318
1318
|
.slidefade.in {
|
|
1319
|
-
|
|
1320
|
-
|
|
1321
|
-
|
|
1322
|
-
|
|
1323
|
-
|
|
1324
|
-
|
|
1319
|
+
-webkit-transform: translateX(0);
|
|
1320
|
+
-webkit-animation-name: fadein;
|
|
1321
|
+
-moz-transform: translateX(0);
|
|
1322
|
+
-moz-animation-name: fadein;
|
|
1323
|
+
-webkit-animation-duration: 200ms;
|
|
1324
|
+
-moz-animation-duration: 200ms;
|
|
1325
1325
|
}
|
|
1326
1326
|
.slidefade.out.reverse {
|
|
1327
|
-
|
|
1328
|
-
|
|
1329
|
-
|
|
1330
|
-
|
|
1331
|
-
|
|
1332
|
-
|
|
1327
|
+
-webkit-transform: translateX(100%);
|
|
1328
|
+
-webkit-animation-name: slideouttoright;
|
|
1329
|
+
-moz-transform: translateX(100%);
|
|
1330
|
+
-moz-animation-name: slideouttoright;
|
|
1331
|
+
-webkit-animation-duration: 200ms;
|
|
1332
|
+
-moz-animation-duration: 200ms;
|
|
1333
1333
|
}
|
|
1334
1334
|
.slidefade.in.reverse {
|
|
1335
|
-
|
|
1336
|
-
|
|
1337
|
-
|
|
1338
|
-
|
|
1339
|
-
|
|
1340
|
-
|
|
1335
|
+
-webkit-transform: translateX(0);
|
|
1336
|
+
-webkit-animation-name: fadein;
|
|
1337
|
+
-moz-transform: translateX(0);
|
|
1338
|
+
-moz-animation-name: fadein;
|
|
1339
|
+
-webkit-animation-duration: 200ms;
|
|
1340
|
+
-moz-animation-duration: 200ms;
|
|
1341
1341
|
}
|
|
1342
1342
|
/* slide down */
|
|
1343
1343
|
.slidedown.out {
|
|
1344
|
-
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
|
|
1344
|
+
-webkit-animation-name: fadeout;
|
|
1345
|
+
-moz-animation-name: fadeout;
|
|
1346
|
+
-webkit-animation-duration: 100ms;
|
|
1347
|
+
-moz-animation-duration: 100ms;
|
|
1348
1348
|
}
|
|
1349
1349
|
.slidedown.in {
|
|
1350
|
-
|
|
1351
|
-
|
|
1352
|
-
|
|
1353
|
-
|
|
1354
|
-
|
|
1355
|
-
|
|
1350
|
+
-webkit-transform: translateY(0);
|
|
1351
|
+
-webkit-animation-name: slideinfromtop;
|
|
1352
|
+
-moz-transform: translateY(0);
|
|
1353
|
+
-moz-animation-name: slideinfromtop;
|
|
1354
|
+
-webkit-animation-duration: 250ms;
|
|
1355
|
+
-moz-animation-duration: 250ms;
|
|
1356
1356
|
}
|
|
1357
1357
|
.slidedown.in.reverse {
|
|
1358
|
-
|
|
1359
|
-
|
|
1360
|
-
|
|
1361
|
-
|
|
1358
|
+
-webkit-animation-name: fadein;
|
|
1359
|
+
-moz-animation-name: fadein;
|
|
1360
|
+
-webkit-animation-duration: 150ms;
|
|
1361
|
+
-moz-animation-duration: 150ms;
|
|
1362
1362
|
}
|
|
1363
1363
|
.slidedown.out.reverse {
|
|
1364
|
-
|
|
1365
|
-
|
|
1366
|
-
|
|
1367
|
-
|
|
1368
|
-
|
|
1369
|
-
|
|
1364
|
+
-webkit-transform: translateY(-100%);
|
|
1365
|
+
-moz-transform: translateY(-100%);
|
|
1366
|
+
-webkit-animation-name: slideouttotop;
|
|
1367
|
+
-moz-animation-name: slideouttotop;
|
|
1368
|
+
-webkit-animation-duration: 200ms;
|
|
1369
|
+
-moz-animation-duration: 200ms;
|
|
1370
1370
|
}
|
|
1371
1371
|
@-webkit-keyframes slideinfromtop {
|
|
1372
1372
|
from { -webkit-transform: translateY(-100%); }
|
|
@@ -1386,32 +1386,32 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1386
1386
|
}
|
|
1387
1387
|
/* slide up */
|
|
1388
1388
|
.slideup.out {
|
|
1389
|
-
|
|
1390
|
-
|
|
1391
|
-
|
|
1392
|
-
|
|
1389
|
+
-webkit-animation-name: fadeout;
|
|
1390
|
+
-moz-animation-name: fadeout;
|
|
1391
|
+
-webkit-animation-duration: 100ms;
|
|
1392
|
+
-moz-animation-duration: 100ms;
|
|
1393
1393
|
}
|
|
1394
1394
|
.slideup.in {
|
|
1395
|
-
|
|
1396
|
-
|
|
1397
|
-
|
|
1398
|
-
|
|
1399
|
-
|
|
1400
|
-
|
|
1395
|
+
-webkit-transform: translateY(0);
|
|
1396
|
+
-webkit-animation-name: slideinfrombottom;
|
|
1397
|
+
-moz-transform: translateY(0);
|
|
1398
|
+
-moz-animation-name: slideinfrombottom;
|
|
1399
|
+
-webkit-animation-duration: 250ms;
|
|
1400
|
+
-moz-animation-duration: 250ms;
|
|
1401
1401
|
}
|
|
1402
1402
|
.slideup.in.reverse {
|
|
1403
|
-
|
|
1404
|
-
|
|
1405
|
-
|
|
1406
|
-
|
|
1403
|
+
-webkit-animation-name: fadein;
|
|
1404
|
+
-moz-animation-name: fadein;
|
|
1405
|
+
-webkit-animation-duration: 150ms;
|
|
1406
|
+
-moz-animation-duration: 150ms;
|
|
1407
1407
|
}
|
|
1408
1408
|
.slideup.out.reverse {
|
|
1409
|
-
|
|
1410
|
-
|
|
1411
|
-
|
|
1412
|
-
|
|
1413
|
-
|
|
1414
|
-
|
|
1409
|
+
-webkit-transform: translateY(100%);
|
|
1410
|
+
-moz-transform: translateY(100%);
|
|
1411
|
+
-webkit-animation-name: slideouttobottom;
|
|
1412
|
+
-moz-animation-name: slideouttobottom;
|
|
1413
|
+
-webkit-animation-duration: 200ms;
|
|
1414
|
+
-moz-animation-duration: 200ms;
|
|
1415
1415
|
}
|
|
1416
1416
|
@-webkit-keyframes slideinfrombottom {
|
|
1417
1417
|
from { -webkit-transform: translateY(100%); }
|
|
@@ -1436,39 +1436,39 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1436
1436
|
* value.
|
|
1437
1437
|
*/
|
|
1438
1438
|
.viewport-flip {
|
|
1439
|
-
|
|
1440
|
-
|
|
1441
|
-
|
|
1439
|
+
-webkit-perspective: 1000;
|
|
1440
|
+
-moz-perspective: 1000;
|
|
1441
|
+
position: absolute;
|
|
1442
1442
|
}
|
|
1443
1443
|
.flip {
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
|
|
1447
|
-
|
|
1444
|
+
-webkit-backface-visibility:hidden;
|
|
1445
|
+
-webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
|
|
1446
|
+
-moz-backface-visibility:hidden;
|
|
1447
|
+
-moz-transform:translateX(0);
|
|
1448
1448
|
}
|
|
1449
1449
|
.flip.out {
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
|
|
1455
|
-
|
|
1450
|
+
-webkit-transform: rotateY(-90deg) scale(.9);
|
|
1451
|
+
-webkit-animation-name: flipouttoleft;
|
|
1452
|
+
-webkit-animation-duration: 175ms;
|
|
1453
|
+
-moz-transform: rotateY(-90deg) scale(.9);
|
|
1454
|
+
-moz-animation-name: flipouttoleft;
|
|
1455
|
+
-moz-animation-duration: 175ms;
|
|
1456
1456
|
}
|
|
1457
1457
|
.flip.in {
|
|
1458
|
-
|
|
1459
|
-
|
|
1460
|
-
|
|
1461
|
-
|
|
1458
|
+
-webkit-animation-name: flipintoright;
|
|
1459
|
+
-webkit-animation-duration: 225ms;
|
|
1460
|
+
-moz-animation-name: flipintoright;
|
|
1461
|
+
-moz-animation-duration: 225ms;
|
|
1462
1462
|
}
|
|
1463
1463
|
.flip.out.reverse {
|
|
1464
|
-
|
|
1465
|
-
|
|
1466
|
-
|
|
1467
|
-
|
|
1464
|
+
-webkit-transform: rotateY(90deg) scale(.9);
|
|
1465
|
+
-webkit-animation-name: flipouttoright;
|
|
1466
|
+
-moz-transform: rotateY(90deg) scale(.9);
|
|
1467
|
+
-moz-animation-name: flipouttoright;
|
|
1468
1468
|
}
|
|
1469
1469
|
.flip.in.reverse {
|
|
1470
|
-
|
|
1471
|
-
|
|
1470
|
+
-webkit-animation-name: flipintoleft;
|
|
1471
|
+
-moz-animation-name: flipintoleft;
|
|
1472
1472
|
}
|
|
1473
1473
|
@-webkit-keyframes flipouttoleft {
|
|
1474
1474
|
from { -webkit-transform: rotateY(0); }
|
|
@@ -1509,43 +1509,43 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1509
1509
|
* value.
|
|
1510
1510
|
*/
|
|
1511
1511
|
.viewport-turn {
|
|
1512
|
-
|
|
1513
|
-
|
|
1514
|
-
|
|
1512
|
+
-webkit-perspective: 1000;
|
|
1513
|
+
-moz-perspective: 1000;
|
|
1514
|
+
position: absolute;
|
|
1515
1515
|
}
|
|
1516
1516
|
.turn {
|
|
1517
|
-
|
|
1518
|
-
|
|
1519
|
-
|
|
1520
|
-
|
|
1521
|
-
|
|
1522
|
-
|
|
1523
|
-
|
|
1517
|
+
-webkit-backface-visibility:hidden;
|
|
1518
|
+
-webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
|
|
1519
|
+
-webkit-transform-origin: 0;
|
|
1520
|
+
|
|
1521
|
+
-moz-backface-visibility:hidden;
|
|
1522
|
+
-moz-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
|
|
1523
|
+
-moz-transform-origin: 0;
|
|
1524
1524
|
}
|
|
1525
1525
|
.turn.out {
|
|
1526
|
-
|
|
1527
|
-
|
|
1528
|
-
|
|
1529
|
-
|
|
1530
|
-
|
|
1531
|
-
|
|
1526
|
+
-webkit-transform: rotateY(-90deg) scale(.9);
|
|
1527
|
+
-webkit-animation-name: flipouttoleft;
|
|
1528
|
+
-moz-transform: rotateY(-90deg) scale(.9);
|
|
1529
|
+
-moz-animation-name: flipouttoleft;
|
|
1530
|
+
-webkit-animation-duration: 125ms;
|
|
1531
|
+
-moz-animation-duration: 125ms;
|
|
1532
1532
|
}
|
|
1533
1533
|
.turn.in {
|
|
1534
|
-
|
|
1535
|
-
|
|
1536
|
-
|
|
1537
|
-
|
|
1538
|
-
|
|
1534
|
+
-webkit-animation-name: flipintoright;
|
|
1535
|
+
-moz-animation-name: flipintoright;
|
|
1536
|
+
-webkit-animation-duration: 250ms;
|
|
1537
|
+
-moz-animation-duration: 250ms;
|
|
1538
|
+
|
|
1539
1539
|
}
|
|
1540
1540
|
.turn.out.reverse {
|
|
1541
|
-
|
|
1542
|
-
|
|
1543
|
-
|
|
1544
|
-
|
|
1541
|
+
-webkit-transform: rotateY(90deg) scale(.9);
|
|
1542
|
+
-webkit-animation-name: flipouttoright;
|
|
1543
|
+
-moz-transform: rotateY(90deg) scale(.9);
|
|
1544
|
+
-moz-animation-name: flipouttoright;
|
|
1545
1545
|
}
|
|
1546
1546
|
.turn.in.reverse {
|
|
1547
|
-
|
|
1548
|
-
|
|
1547
|
+
-webkit-animation-name: flipintoleft;
|
|
1548
|
+
-moz-animation-name: flipintoleft;
|
|
1549
1549
|
}
|
|
1550
1550
|
@-webkit-keyframes flipouttoleft {
|
|
1551
1551
|
from { -webkit-transform: rotateY(0); }
|
|
@@ -1581,85 +1581,85 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1581
1581
|
}
|
|
1582
1582
|
/* flow transition */
|
|
1583
1583
|
.flow {
|
|
1584
|
-
|
|
1585
|
-
|
|
1586
|
-
|
|
1587
|
-
|
|
1584
|
+
-webkit-transform-origin: 50% 30%;
|
|
1585
|
+
-moz-transform-origin: 50% 30%;
|
|
1586
|
+
-webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
|
|
1587
|
+
-moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
|
|
1588
1588
|
}
|
|
1589
1589
|
.ui-dialog.flow {
|
|
1590
|
-
|
|
1591
|
-
|
|
1592
|
-
|
|
1593
|
-
|
|
1590
|
+
-webkit-transform-origin: none;
|
|
1591
|
+
-moz-transform-origin: none;
|
|
1592
|
+
-webkit-box-shadow: none;
|
|
1593
|
+
-moz-box-shadow: none;
|
|
1594
1594
|
}
|
|
1595
1595
|
.flow.out {
|
|
1596
|
-
|
|
1597
|
-
|
|
1598
|
-
|
|
1599
|
-
|
|
1600
|
-
|
|
1601
|
-
|
|
1602
|
-
|
|
1603
|
-
|
|
1596
|
+
-webkit-transform: translateX(-100%) scale(.7);
|
|
1597
|
+
-webkit-animation-name: flowouttoleft;
|
|
1598
|
+
-webkit-animation-timing-function: ease;
|
|
1599
|
+
-webkit-animation-duration: 350ms;
|
|
1600
|
+
-moz-transform: translateX(-100%) scale(.7);
|
|
1601
|
+
-moz-animation-name: flowouttoleft;
|
|
1602
|
+
-moz-animation-timing-function: ease;
|
|
1603
|
+
-moz-animation-duration: 350ms;
|
|
1604
1604
|
}
|
|
1605
1605
|
.flow.in {
|
|
1606
|
-
|
|
1607
|
-
|
|
1608
|
-
|
|
1609
|
-
|
|
1610
|
-
|
|
1611
|
-
|
|
1612
|
-
|
|
1613
|
-
|
|
1606
|
+
-webkit-transform: translateX(0) scale(1);
|
|
1607
|
+
-webkit-animation-name: flowinfromright;
|
|
1608
|
+
-webkit-animation-timing-function: ease;
|
|
1609
|
+
-webkit-animation-duration: 350ms;
|
|
1610
|
+
-moz-transform: translateX(0) scale(1);
|
|
1611
|
+
-moz-animation-name: flowinfromright;
|
|
1612
|
+
-moz-animation-timing-function: ease;
|
|
1613
|
+
-moz-animation-duration: 350ms;
|
|
1614
1614
|
}
|
|
1615
1615
|
.flow.out.reverse {
|
|
1616
|
-
|
|
1617
|
-
|
|
1618
|
-
|
|
1619
|
-
|
|
1616
|
+
-webkit-transform: translateX(100%);
|
|
1617
|
+
-webkit-animation-name: flowouttoright;
|
|
1618
|
+
-moz-transform: translateX(100%);
|
|
1619
|
+
-moz-animation-name: flowouttoright;
|
|
1620
1620
|
}
|
|
1621
1621
|
.flow.in.reverse {
|
|
1622
|
-
|
|
1623
|
-
|
|
1622
|
+
-webkit-animation-name: flowinfromleft;
|
|
1623
|
+
-moz-animation-name: flowinfromleft;
|
|
1624
1624
|
}
|
|
1625
1625
|
@-webkit-keyframes flowouttoleft {
|
|
1626
1626
|
0% { -webkit-transform: translateX(0) scale(1); }
|
|
1627
|
-
|
|
1627
|
+
60%, 70% { -webkit-transform: translateX(0) scale(.7); }
|
|
1628
1628
|
100% { -webkit-transform: translateX(-100%) scale(.7); }
|
|
1629
1629
|
}
|
|
1630
1630
|
@-moz-keyframes flowouttoleft {
|
|
1631
1631
|
0% { -moz-transform: translateX(0) scale(1); }
|
|
1632
|
-
|
|
1632
|
+
60%, 70% { -moz-transform: translateX(0) scale(.7); }
|
|
1633
1633
|
100% { -moz-transform: translateX(-100%) scale(.7); }
|
|
1634
1634
|
}
|
|
1635
1635
|
@-webkit-keyframes flowouttoright {
|
|
1636
1636
|
0% { -webkit-transform: translateX(0) scale(1); }
|
|
1637
|
-
|
|
1637
|
+
60%, 70% { -webkit-transform: translateX(0) scale(.7); }
|
|
1638
1638
|
100% { -webkit-transform: translateX(100%) scale(.7); }
|
|
1639
1639
|
}
|
|
1640
1640
|
@-moz-keyframes flowouttoright {
|
|
1641
1641
|
0% { -moz-transform: translateX(0) scale(1); }
|
|
1642
|
-
|
|
1642
|
+
60%, 70% { -moz-transform: translateX(0) scale(.7); }
|
|
1643
1643
|
100% { -moz-transform: translateX(100%) scale(.7); }
|
|
1644
1644
|
}
|
|
1645
1645
|
@-webkit-keyframes flowinfromleft {
|
|
1646
1646
|
0% { -webkit-transform: translateX(-100%) scale(.7); }
|
|
1647
|
-
|
|
1647
|
+
30%, 40% { -webkit-transform: translateX(0) scale(.7); }
|
|
1648
1648
|
100% { -webkit-transform: translateX(0) scale(1); }
|
|
1649
1649
|
}
|
|
1650
1650
|
@-moz-keyframes flowinfromleft {
|
|
1651
1651
|
0% { -moz-transform: translateX(-100%) scale(.7); }
|
|
1652
|
-
|
|
1652
|
+
30%, 40% { -moz-transform: translateX(0) scale(.7); }
|
|
1653
1653
|
100% { -moz-transform: translateX(0) scale(1); }
|
|
1654
1654
|
}
|
|
1655
1655
|
@-webkit-keyframes flowinfromright {
|
|
1656
1656
|
0% { -webkit-transform: translateX(100%) scale(.7); }
|
|
1657
|
-
|
|
1657
|
+
30%, 40% { -webkit-transform: translateX(0) scale(.7); }
|
|
1658
1658
|
100% { -webkit-transform: translateX(0) scale(1); }
|
|
1659
1659
|
}
|
|
1660
1660
|
@-moz-keyframes flowinfromright {
|
|
1661
1661
|
0% { -moz-transform: translateX(100%) scale(.7); }
|
|
1662
|
-
|
|
1662
|
+
30%, 40% { -moz-transform: translateX(0) scale(.7); }
|
|
1663
1663
|
100% { -moz-transform: translateX(0) scale(1); }
|
|
1664
1664
|
}
|
|
1665
1665
|
/* content configurations. */
|
|
@@ -1682,42 +1682,42 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1682
1682
|
/* fixed page header & footer configuration */
|
|
1683
1683
|
.ui-header-fixed,
|
|
1684
1684
|
.ui-footer-fixed {
|
|
1685
|
-
|
|
1686
|
-
|
|
1687
|
-
|
|
1688
|
-
|
|
1689
|
-
|
|
1685
|
+
left: 0;
|
|
1686
|
+
right: 0;
|
|
1687
|
+
width: 100%;
|
|
1688
|
+
position: fixed;
|
|
1689
|
+
z-index: 1000;
|
|
1690
1690
|
}
|
|
1691
1691
|
.ui-header-fixed {
|
|
1692
|
-
|
|
1692
|
+
top: 0;
|
|
1693
1693
|
}
|
|
1694
1694
|
.ui-footer-fixed {
|
|
1695
|
-
|
|
1695
|
+
bottom: 0;
|
|
1696
1696
|
}
|
|
1697
1697
|
.ui-header-fullscreen,
|
|
1698
1698
|
.ui-footer-fullscreen {
|
|
1699
|
-
|
|
1699
|
+
opacity: .9;
|
|
1700
1700
|
}
|
|
1701
1701
|
.ui-page-header-fixed {
|
|
1702
|
-
|
|
1702
|
+
padding-top: 2.5em;
|
|
1703
1703
|
}
|
|
1704
1704
|
.ui-page-footer-fixed {
|
|
1705
|
-
|
|
1705
|
+
padding-bottom: 3em;
|
|
1706
1706
|
}
|
|
1707
1707
|
.ui-page-header-fullscreen .ui-content,
|
|
1708
1708
|
.ui-page-footer-fullscreen .ui-content {
|
|
1709
|
-
|
|
1709
|
+
padding: 0;
|
|
1710
1710
|
}
|
|
1711
1711
|
.ui-fixed-hidden {
|
|
1712
|
-
|
|
1712
|
+
position: absolute;
|
|
1713
1713
|
}
|
|
1714
1714
|
.ui-page-header-fullscreen .ui-fixed-hidden,
|
|
1715
1715
|
.ui-page-footer-fullscreen .ui-fixed-hidden {
|
|
1716
|
-
|
|
1716
|
+
left: -99999em;
|
|
1717
1717
|
}
|
|
1718
1718
|
.ui-header-fixed .ui-btn,
|
|
1719
|
-
.ui-footer-fixed .ui-btn {
|
|
1720
|
-
|
|
1719
|
+
.ui-footer-fixed .ui-btn {
|
|
1720
|
+
z-index: 10;
|
|
1721
1721
|
}
|
|
1722
1722
|
.ui-navbar { overflow: hidden; }
|
|
1723
1723
|
.ui-navbar ul, .ui-navbar-expanded ul { list-style:none; padding: 0; margin: 0; position: relative; display: block; border: 0;}
|
|
@@ -1813,12 +1813,12 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1813
1813
|
.ui-collapsible-heading a span.ui-btn .ui-icon { left: 0; margin-top: -10px; }
|
|
1814
1814
|
.ui-collapsible-heading-status { position: absolute; top: -9999px; left:0px; }
|
|
1815
1815
|
.ui-collapsible-content {
|
|
1816
|
-
|
|
1817
|
-
|
|
1818
|
-
|
|
1819
|
-
|
|
1820
|
-
|
|
1821
|
-
|
|
1816
|
+
display: block;
|
|
1817
|
+
margin: 0 -8px;
|
|
1818
|
+
padding: 10px 16px;
|
|
1819
|
+
border-top: none; /* Overrides ui-btn-up-* */
|
|
1820
|
+
background-image: none; /* Overrides ui-btn-up-* */
|
|
1821
|
+
font-weight: normal; /* Overrides ui-btn-up-* */
|
|
1822
1822
|
}
|
|
1823
1823
|
.ui-collapsible-content-collapsed { display: none; }
|
|
1824
1824
|
.ui-collapsible-set { margin: .5em 0; }
|
|
@@ -1845,40 +1845,40 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1845
1845
|
.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { padding: 5px 6px 5px 5px; }
|
|
1846
1846
|
*/
|
|
1847
1847
|
@media all and (min-width: 450px){
|
|
1848
|
-
|
|
1849
|
-
|
|
1850
|
-
|
|
1851
|
-
|
|
1852
|
-
}
|
|
1848
|
+
.ui-field-contain .ui-controlgroup-label { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
|
|
1849
|
+
.ui-field-contain .ui-controlgroup-controls { width: 60%; display: inline-block; }
|
|
1850
|
+
.ui-field-contain .ui-controlgroup .ui-select { width: 100%; }
|
|
1851
|
+
.ui-field-contain .ui-controlgroup-horizontal .ui-select { width: auto; }
|
|
1852
|
+
}
|
|
1853
1853
|
.ui-dialog {
|
|
1854
|
-
|
|
1854
|
+
background: none !important; /* this is to ensure that dialog theming does not apply (by default at least) on the page div */
|
|
1855
1855
|
}
|
|
1856
1856
|
.ui-dialog-contain { width: 92.5%; max-width: 500px; margin: 10% auto 15px auto; padding: 0; }
|
|
1857
1857
|
.ui-dialog .ui-header {
|
|
1858
|
-
|
|
1859
|
-
|
|
1860
|
-
|
|
1858
|
+
margin-top: 15%;
|
|
1859
|
+
border: none;
|
|
1860
|
+
overflow: hidden;
|
|
1861
|
+
}
|
|
1862
|
+
.ui-dialog .ui-header,
|
|
1863
|
+
.ui-dialog .ui-content,
|
|
1864
|
+
.ui-dialog .ui-footer {
|
|
1865
|
+
display: block;
|
|
1866
|
+
position: relative;
|
|
1867
|
+
width: auto;
|
|
1868
|
+
}
|
|
1869
|
+
.ui-dialog .ui-header,
|
|
1870
|
+
.ui-dialog .ui-footer {
|
|
1871
|
+
z-index: 10;
|
|
1872
|
+
padding: 0;
|
|
1861
1873
|
}
|
|
1862
|
-
.ui-dialog .ui-header,
|
|
1863
|
-
.ui-dialog .ui-content,
|
|
1864
1874
|
.ui-dialog .ui-footer {
|
|
1865
|
-
|
|
1866
|
-
position: relative;
|
|
1867
|
-
width: auto;
|
|
1868
|
-
}
|
|
1869
|
-
.ui-dialog .ui-header,
|
|
1870
|
-
.ui-dialog .ui-footer {
|
|
1871
|
-
z-index: 10;
|
|
1872
|
-
padding: 0;
|
|
1875
|
+
padding: 0 15px;
|
|
1873
1876
|
}
|
|
1874
|
-
.ui-dialog .ui-
|
|
1875
|
-
|
|
1877
|
+
.ui-dialog .ui-content {
|
|
1878
|
+
padding: 15px;
|
|
1876
1879
|
}
|
|
1877
|
-
.ui-dialog
|
|
1878
|
-
|
|
1879
|
-
}
|
|
1880
|
-
.ui-dialog {
|
|
1881
|
-
margin-top: -15px;
|
|
1880
|
+
.ui-dialog {
|
|
1881
|
+
margin-top: -15px;
|
|
1882
1882
|
}
|
|
1883
1883
|
.ui-checkbox, .ui-radio { position: relative; clear: both; margin: .2em 0 .5em; z-index: 1; }
|
|
1884
1884
|
.ui-checkbox .ui-btn, .ui-radio .ui-btn { margin: 0; text-align: left; z-index: 2; }
|
|
@@ -1904,18 +1904,18 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1904
1904
|
.ui-field-contain:first-child { border-top-width: 0; }
|
|
1905
1905
|
.ui-header .ui-field-contain-left,
|
|
1906
1906
|
.ui-header .ui-field-contain-right {
|
|
1907
|
-
|
|
1908
|
-
|
|
1909
|
-
|
|
1907
|
+
position: absolute;
|
|
1908
|
+
top: 0;
|
|
1909
|
+
width: 25%;
|
|
1910
1910
|
}
|
|
1911
1911
|
.ui-header .ui-field-contain-left {
|
|
1912
|
-
|
|
1912
|
+
left: 1em;
|
|
1913
1913
|
}
|
|
1914
1914
|
.ui-header .ui-field-contain-right {
|
|
1915
|
-
|
|
1915
|
+
right: 1em;
|
|
1916
1916
|
}
|
|
1917
1917
|
@media all and (min-width: 450px){
|
|
1918
|
-
|
|
1918
|
+
.ui-field-contain, .ui-mobile fieldset.ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }
|
|
1919
1919
|
}
|
|
1920
1920
|
.ui-select { display: block; position: relative; }
|
|
1921
1921
|
.ui-select select { position: absolute; left: -9999px; top: -9999px; }
|
|
@@ -1925,7 +1925,7 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1925
1925
|
.ui-select .ui-disabled { opacity: .3; }
|
|
1926
1926
|
@-moz-document url-prefix() {.ui-select .ui-btn select { opacity: 0.0001; }}
|
|
1927
1927
|
.ui-select .ui-btn select.ui-select-nativeonly { opacity: 1; text-indent: 0; }
|
|
1928
|
-
.ui-select .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
|
|
1928
|
+
.ui-select .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
|
|
1929
1929
|
.ui-select .ui-btn-icon-right .ui-icon { right: 15px; }
|
|
1930
1930
|
.ui-select .ui-mini.ui-btn-icon-right .ui-icon { right: 7px; }
|
|
1931
1931
|
/* labels */
|
|
@@ -1943,10 +1943,10 @@ label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margi
|
|
|
1943
1943
|
.ui-selectmenu-list .ui-li .ui-icon { display: block; }
|
|
1944
1944
|
.ui-li.ui-selectmenu-placeholder { display: none; }
|
|
1945
1945
|
.ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; }
|
|
1946
|
-
@media all and (min-width: 450px){
|
|
1947
|
-
|
|
1948
|
-
|
|
1949
|
-
}
|
|
1946
|
+
@media all and (min-width: 450px){
|
|
1947
|
+
.ui-field-contain label.ui-select { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
|
|
1948
|
+
.ui-field-contain .ui-select { width: 60%; display: inline-block; }
|
|
1949
|
+
}
|
|
1950
1950
|
/* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button. this shim's content in there */
|
|
1951
1951
|
.ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }
|
|
1952
1952
|
label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; }
|
|
@@ -1965,15 +1965,15 @@ input.ui-mini, .ui-mini input, textarea.ui-mini { font-size: 14px; }
|
|
|
1965
1965
|
textarea.ui-mini { height: 45px; }
|
|
1966
1966
|
/* orientation adjustments - incomplete!*/
|
|
1967
1967
|
@media all and (min-width: 450px){
|
|
1968
|
-
|
|
1969
|
-
|
|
1970
|
-
|
|
1971
|
-
|
|
1972
|
-
|
|
1973
|
-
|
|
1974
|
-
|
|
1975
|
-
|
|
1976
|
-
|
|
1968
|
+
.ui-field-contain label.ui-input-text { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 }
|
|
1969
|
+
.ui-field-contain input.ui-input-text,
|
|
1970
|
+
.ui-field-contain textarea.ui-input-text,
|
|
1971
|
+
.ui-field-contain .ui-input-search { width: 60%; display: inline-block; }
|
|
1972
|
+
.ui-field-contain .ui-input-search { width: 50%; }
|
|
1973
|
+
.ui-hide-label input.ui-input-text,
|
|
1974
|
+
.ui-hide-label textarea.ui-input-text,
|
|
1975
|
+
.ui-hide-label .ui-input-search { padding: .4em; width: 97%; }
|
|
1976
|
+
.ui-input-search input.ui-input-text { width: 98%; /*echos rule from above*/ }
|
|
1977
1977
|
}
|
|
1978
1978
|
.ui-listview { margin: 0; counter-reset: listnumbering; }
|
|
1979
1979
|
.ui-content .ui-listview { margin: -15px; }
|
|
@@ -2002,8 +2002,8 @@ ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid
|
|
|
2002
2002
|
.ui-li-thumb, .ui-listview .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; }
|
|
2003
2003
|
.ui-li-aside { float: right; width: 50%; text-align: right; margin: .3em 0; }
|
|
2004
2004
|
@media all and (min-width: 480px){
|
|
2005
|
-
|
|
2006
|
-
}
|
|
2005
|
+
.ui-li-aside { width: 45%; }
|
|
2006
|
+
}
|
|
2007
2007
|
.ui-li-divider { cursor: default; }
|
|
2008
2008
|
.ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 95px; }
|
|
2009
2009
|
.ui-li-has-count .ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 48px; }
|
|
@@ -2034,10 +2034,10 @@ a.ui-slider-handle .ui-btn-inner { padding: 0; height: 100%; }
|
|
|
2034
2034
|
div.ui-slider-mini a.ui-slider-handle { height: 14px; width: 14px; margin: -8px 0 0 -7px; }
|
|
2035
2035
|
div.ui-slider-mini a.ui-slider-handle .ui-btn-inner { height: 30px; width: 30px; padding: 0; margin: -9px 0 0 -9px; }
|
|
2036
2036
|
@media all and (min-width: 450px){
|
|
2037
|
-
|
|
2038
|
-
|
|
2039
|
-
|
|
2040
|
-
}
|
|
2037
|
+
.ui-field-contain label.ui-slider { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
|
|
2038
|
+
.ui-field-contain div.ui-slider { width: 43%; }
|
|
2039
|
+
.ui-field-contain div.ui-slider-switch { width: 5.5em; }
|
|
2040
|
+
}
|
|
2041
2041
|
div.ui-slider-switch { height: 32px; margin-left: 0; width: 5.8em; }
|
|
2042
2042
|
a.ui-slider-handle-snapping { -webkit-transition: left 70ms linear; -moz-transition: left 70ms linear; }
|
|
2043
2043
|
div.ui-slider-switch .ui-slider-handle { margin-top: 1px; }
|