qedproject 0.2.1 → 0.3.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/bin/qedproject +23 -12
- data/lib/qedproject/libraries/jquerymobile.rb +2 -2
- data/lib/qedproject/libraries/knockout.rb +1 -1
- data/lib/qedproject/project.rb +5 -0
- data/lib/qedproject/version.rb +1 -1
- data/templates/Gemfile +12 -0
- data/templates/Guardfile +12 -2
- data/templates/suite.html +26 -2
- data/vendor/backbone/VERSION +1 -1
- data/vendor/backbone/backbone-min.js +36 -31
- data/vendor/backbone/json2.js +28 -21
- data/vendor/backbone/underscore-min.js +27 -22
- data/vendor/jasmine/lib/{jasmine-1.0.2 → jasmine-1.1.0}/jasmine-html.js +6 -4
- data/vendor/jasmine/lib/{jasmine-1.0.2 → jasmine-1.1.0}/jasmine.js +103 -48
- data/vendor/jquerymobile/ajax-loader.png +0 -0
- data/vendor/jquerymobile/icons-18-black.png +0 -0
- data/vendor/jquerymobile/icons-18-white.png +0 -0
- data/vendor/jquerymobile/icons-36-black.png +0 -0
- data/vendor/jquerymobile/icons-36-white.png +0 -0
- data/vendor/jquerymobile/{jquery.mobile-1.0.css → jquery.mobile-1.1.0.css} +912 -706
- data/vendor/jquerymobile/{jquery.mobile-1.0.js → jquery.mobile-1.1.0.js} +3998 -3398
- data/vendor/knockout/VERSION +1 -1
- data/vendor/knockout/knockout-2.0.0.js +97 -0
- data/vendor/skeleton/VERSION +4 -0
- data/vendor/skeleton/base.css +32 -24
- data/vendor/skeleton/skeleton.css +14 -8
- data/vendor/skeleton/tabs.js +28 -41
- data/vendor/skeleton/templates/index.html +6 -5
- metadata +27 -24
- data/vendor/knockout/knockout-1.2.1.js +0 -76
- /data/vendor/jasmine/lib/{jasmine-1.0.2 → jasmine-1.1.0}/jasmine.css +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* jQuery Mobile Framework 1.0
|
|
2
|
+
* jQuery Mobile Framework 1.1.0 db342b1f315c282692791aa870455901fdb46a55
|
|
3
3
|
* http://jquerymobile.com
|
|
4
4
|
*
|
|
5
5
|
* Copyright 2011 (c) jQuery Project
|
|
@@ -8,22 +8,20 @@
|
|
|
8
8
|
*
|
|
9
9
|
*/
|
|
10
10
|
/* Swatches */
|
|
11
|
-
|
|
12
11
|
/* A
|
|
13
12
|
-----------------------------------------------------------------------------------------------------------*/
|
|
14
|
-
|
|
15
13
|
.ui-bar-a {
|
|
16
|
-
border: 1px solid #
|
|
14
|
+
border: 1px solid #333 /*{a-bar-border}*/;
|
|
17
15
|
background: #111111 /*{a-bar-background-color}*/;
|
|
18
16
|
color: #ffffff /*{a-bar-color}*/;
|
|
19
17
|
font-weight: bold;
|
|
20
18
|
text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #000000 /*{a-bar-shadow-color}*/;
|
|
21
19
|
background-image: -webkit-gradient(linear, left top, left bottom, from( #3c3c3c /*{a-bar-background-start}*/), to( #111 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
|
|
22
|
-
background-image: -webkit-linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
23
|
-
background-image: -moz-linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* FF3.6 */
|
|
24
|
-
background-image: -ms-linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* IE10 */
|
|
25
|
-
background-image: -o-linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Opera 11.10+ */
|
|
26
|
-
background-image: linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/);
|
|
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}*/);
|
|
27
25
|
}
|
|
28
26
|
.ui-bar-a,
|
|
29
27
|
.ui-bar-a input,
|
|
@@ -35,36 +33,36 @@
|
|
|
35
33
|
.ui-bar-a .ui-link-inherit {
|
|
36
34
|
color: #fff /*{a-bar-color}*/;
|
|
37
35
|
}
|
|
38
|
-
|
|
39
36
|
.ui-bar-a .ui-link {
|
|
40
37
|
color: #7cc4e7 /*{a-bar-link-color}*/;
|
|
41
38
|
font-weight: bold;
|
|
42
39
|
}
|
|
43
|
-
|
|
44
40
|
.ui-bar-a .ui-link:hover {
|
|
45
41
|
color: #2489CE /*{a-bar-link-hover}*/;
|
|
46
42
|
}
|
|
47
|
-
|
|
48
43
|
.ui-bar-a .ui-link:active {
|
|
49
44
|
color: #2489CE /*{a-bar-link-active}*/;
|
|
50
45
|
}
|
|
51
|
-
|
|
52
46
|
.ui-bar-a .ui-link:visited {
|
|
53
47
|
color: #2489CE /*{a-bar-link-visited}*/;
|
|
54
48
|
}
|
|
55
49
|
.ui-body-a,
|
|
56
|
-
.ui-
|
|
57
|
-
border: 1px solid #
|
|
58
|
-
background: #
|
|
50
|
+
.ui-overlay-a {
|
|
51
|
+
border: 1px solid #444 /*{a-body-border}*/;
|
|
52
|
+
background: #222 /*{a-body-background-color}*/;
|
|
59
53
|
color: #fff /*{a-body-color}*/;
|
|
60
|
-
|
|
54
|
+
text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 1px /*{a-body-shadow-radius}*/ #111 /*{a-body-shadow-color}*/;
|
|
61
55
|
font-weight: normal;
|
|
62
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #
|
|
63
|
-
background-image: -webkit-linear-gradient(#
|
|
64
|
-
background-image: -moz-linear-gradient(#
|
|
65
|
-
background-image: -ms-linear-gradient(#
|
|
66
|
-
background-image: -o-linear-gradient(#
|
|
67
|
-
background-image: linear-gradient(#
|
|
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
|
+
}
|
|
63
|
+
.ui-overlay-a {
|
|
64
|
+
background-image: none;
|
|
65
|
+
border-width: 0;
|
|
68
66
|
}
|
|
69
67
|
.ui-body-a,
|
|
70
68
|
.ui-body-a input,
|
|
@@ -76,36 +74,31 @@
|
|
|
76
74
|
.ui-body-a .ui-link-inherit {
|
|
77
75
|
color: #fff /*{a-body-color}*/;
|
|
78
76
|
}
|
|
79
|
-
|
|
80
77
|
.ui-body-a .ui-link {
|
|
81
78
|
color: #2489CE /*{a-body-link-color}*/;
|
|
82
79
|
font-weight: bold;
|
|
83
80
|
}
|
|
84
|
-
|
|
85
81
|
.ui-body-a .ui-link:hover {
|
|
86
82
|
color: #2489CE /*{a-body-link-hover}*/;
|
|
87
83
|
}
|
|
88
|
-
|
|
89
84
|
.ui-body-a .ui-link:active {
|
|
90
85
|
color: #2489CE /*{a-body-link-active}*/;
|
|
91
86
|
}
|
|
92
|
-
|
|
93
87
|
.ui-body-a .ui-link:visited {
|
|
94
88
|
color: #2489CE /*{a-body-link-visited}*/;
|
|
95
89
|
}
|
|
96
|
-
|
|
97
90
|
.ui-btn-up-a {
|
|
98
|
-
border: 1px solid #
|
|
99
|
-
background: #
|
|
91
|
+
border: 1px solid #111 /*{a-bup-border}*/;
|
|
92
|
+
background: #333 /*{a-bup-background-color}*/;
|
|
100
93
|
font-weight: bold;
|
|
101
94
|
color: #fff /*{a-bup-color}*/;
|
|
102
|
-
text-shadow: 0 /*{a-bup-shadow-x}*/
|
|
103
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #
|
|
104
|
-
background-image: -webkit-linear-gradient(#
|
|
105
|
-
background-image: -moz-linear-gradient(#
|
|
106
|
-
background-image: -ms-linear-gradient(#
|
|
107
|
-
background-image: -o-linear-gradient(#
|
|
108
|
-
background-image: linear-gradient(#
|
|
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}*/);
|
|
109
102
|
}
|
|
110
103
|
.ui-btn-up-a a.ui-link-inherit {
|
|
111
104
|
color: #fff /*{a-bup-color}*/;
|
|
@@ -115,29 +108,29 @@
|
|
|
115
108
|
background: #444444 /*{a-bhover-background-color}*/;
|
|
116
109
|
font-weight: bold;
|
|
117
110
|
color: #fff /*{a-bhover-color}*/;
|
|
118
|
-
text-shadow: 0 /*{a-bhover-shadow-x}*/
|
|
119
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #
|
|
120
|
-
background-image: -webkit-linear-gradient(#
|
|
121
|
-
background-image: -moz-linear-gradient(#
|
|
122
|
-
background-image: -ms-linear-gradient(#
|
|
123
|
-
background-image: -o-linear-gradient(#
|
|
124
|
-
background-image: linear-gradient(#
|
|
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}*/);
|
|
125
118
|
}
|
|
126
119
|
.ui-btn-hover-a a.ui-link-inherit {
|
|
127
120
|
color: #fff /*{a-bhover-color}*/;
|
|
128
121
|
}
|
|
129
122
|
.ui-btn-down-a {
|
|
130
123
|
border: 1px solid #000 /*{a-bdown-border}*/;
|
|
131
|
-
background: #
|
|
124
|
+
background: #222 /*{a-bdown-background-color}*/;
|
|
132
125
|
font-weight: bold;
|
|
133
126
|
color: #fff /*{a-bdown-color}*/;
|
|
134
|
-
text-shadow: 0 /*{a-bdown-shadow-x}*/
|
|
135
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #
|
|
136
|
-
background-image: -webkit-linear-gradient(#
|
|
137
|
-
background-image: -moz-linear-gradient(#
|
|
138
|
-
background-image: -ms-linear-gradient(#
|
|
139
|
-
background-image: -o-linear-gradient(#
|
|
140
|
-
background-image: linear-gradient(#
|
|
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}*/);
|
|
141
134
|
}
|
|
142
135
|
.ui-btn-down-a a.ui-link-inherit {
|
|
143
136
|
color: #fff /*{a-bdown-color}*/;
|
|
@@ -148,23 +141,20 @@
|
|
|
148
141
|
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
149
142
|
text-decoration: none;
|
|
150
143
|
}
|
|
151
|
-
|
|
152
|
-
|
|
153
144
|
/* B
|
|
154
145
|
-----------------------------------------------------------------------------------------------------------*/
|
|
155
|
-
|
|
156
146
|
.ui-bar-b {
|
|
157
147
|
border: 1px solid #456f9a /*{b-bar-border}*/;
|
|
158
148
|
background: #5e87b0 /*{b-bar-background-color}*/;
|
|
159
149
|
color: #fff /*{b-bar-color}*/;
|
|
160
150
|
font-weight: bold;
|
|
161
|
-
text-shadow: 0 /*{b-bar-shadow-x}*/
|
|
162
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #
|
|
163
|
-
background-image: -webkit-linear-gradient(#
|
|
164
|
-
background-image: -moz-linear-gradient(#
|
|
165
|
-
background-image: -ms-linear-gradient(#
|
|
166
|
-
background-image: -o-linear-gradient(#
|
|
167
|
-
background-image: linear-gradient(#
|
|
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}*/);
|
|
168
158
|
}
|
|
169
159
|
.ui-bar-b,
|
|
170
160
|
.ui-bar-b input,
|
|
@@ -180,31 +170,32 @@
|
|
|
180
170
|
color: #ddf0f8 /*{b-bar-link-color}*/;
|
|
181
171
|
font-weight: bold;
|
|
182
172
|
}
|
|
183
|
-
|
|
184
173
|
.ui-bar-b .ui-link:hover {
|
|
185
174
|
color: #ddf0f8 /*{b-bar-link-hover}*/;
|
|
186
175
|
}
|
|
187
|
-
|
|
188
176
|
.ui-bar-b .ui-link:active {
|
|
189
177
|
color: #ddf0f8 /*{b-bar-link-active}*/;
|
|
190
178
|
}
|
|
191
|
-
|
|
192
179
|
.ui-bar-b .ui-link:visited {
|
|
193
180
|
color: #ddf0f8 /*{b-bar-link-visited}*/;
|
|
194
181
|
}
|
|
195
182
|
.ui-body-b,
|
|
196
|
-
.ui-
|
|
197
|
-
border: 1px solid #
|
|
198
|
-
background: #
|
|
199
|
-
color: #
|
|
183
|
+
.ui-overlay-b {
|
|
184
|
+
border: 1px solid #999 /*{b-body-border}*/;
|
|
185
|
+
background: #f3f3f3 /*{b-body-background-color}*/;
|
|
186
|
+
color: #222222 /*{b-body-color}*/;
|
|
200
187
|
text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #fff /*{b-body-shadow-color}*/;
|
|
201
188
|
font-weight: normal;
|
|
202
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #
|
|
203
|
-
background-image: -webkit-linear-gradient(#
|
|
204
|
-
background-image: -moz-linear-gradient(#
|
|
205
|
-
background-image: -ms-linear-gradient(#
|
|
206
|
-
background-image: -o-linear-gradient(#
|
|
207
|
-
background-image: linear-gradient(#
|
|
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
|
+
}
|
|
196
|
+
.ui-overlay-b {
|
|
197
|
+
background-image: none;
|
|
198
|
+
border-width: 0;
|
|
208
199
|
}
|
|
209
200
|
.ui-body-b,
|
|
210
201
|
.ui-body-b input,
|
|
@@ -216,52 +207,47 @@
|
|
|
216
207
|
.ui-body-b .ui-link-inherit {
|
|
217
208
|
color: #333333 /*{b-body-color}*/;
|
|
218
209
|
}
|
|
219
|
-
|
|
220
210
|
.ui-body-b .ui-link {
|
|
221
211
|
color: #2489CE /*{b-body-link-color}*/;
|
|
222
212
|
font-weight: bold;
|
|
223
213
|
}
|
|
224
|
-
|
|
225
214
|
.ui-body-b .ui-link:hover {
|
|
226
215
|
color: #2489CE /*{b-body-link-hover}*/;
|
|
227
216
|
}
|
|
228
|
-
|
|
229
217
|
.ui-body-b .ui-link:active {
|
|
230
218
|
color: #2489CE /*{b-body-link-active}*/;
|
|
231
219
|
}
|
|
232
|
-
|
|
233
220
|
.ui-body-b .ui-link:visited {
|
|
234
221
|
color: #2489CE /*{b-body-link-visited}*/;
|
|
235
222
|
}
|
|
236
|
-
|
|
237
223
|
.ui-btn-up-b {
|
|
238
|
-
border: 1px solid #
|
|
239
|
-
background: #
|
|
224
|
+
border: 1px solid #044062 /*{b-bup-border}*/;
|
|
225
|
+
background: #396b9e /*{b-bup-background-color}*/;
|
|
240
226
|
font-weight: bold;
|
|
241
227
|
color: #fff /*{b-bup-color}*/;
|
|
242
|
-
text-shadow: 0 /*{b-bup-shadow-x}*/
|
|
228
|
+
text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 1px /*{b-bup-shadow-radius}*/ #194b7e /*{b-bup-shadow-color}*/;
|
|
243
229
|
background-image: -webkit-gradient(linear, left top, left bottom, from( #5f9cc5 /*{b-bup-background-start}*/), to( #396b9e /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
|
|
244
|
-
background-image: -webkit-linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
245
|
-
background-image: -moz-linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* FF3.6 */
|
|
246
|
-
background-image: -ms-linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* IE10 */
|
|
247
|
-
background-image: -o-linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Opera 11.10+ */
|
|
248
|
-
background-image: linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/);
|
|
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}*/);
|
|
249
235
|
}
|
|
250
236
|
.ui-btn-up-b a.ui-link-inherit {
|
|
251
237
|
color: #fff /*{b-bup-color}*/;
|
|
252
238
|
}
|
|
253
239
|
.ui-btn-hover-b {
|
|
254
|
-
border: 1px solid #
|
|
240
|
+
border: 1px solid #00415e /*{b-bhover-border}*/;
|
|
255
241
|
background: #4b88b6 /*{b-bhover-background-color}*/;
|
|
256
242
|
font-weight: bold;
|
|
257
243
|
color: #fff /*{b-bhover-color}*/;
|
|
258
|
-
text-shadow: 0 /*{b-bhover-shadow-x}*/
|
|
259
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #
|
|
260
|
-
background-image: -webkit-linear-gradient(#
|
|
261
|
-
background-image: -moz-linear-gradient(#
|
|
262
|
-
background-image: -ms-linear-gradient(#
|
|
263
|
-
background-image: -o-linear-gradient(#
|
|
264
|
-
background-image: linear-gradient(#
|
|
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}*/);
|
|
265
251
|
}
|
|
266
252
|
.ui-btn-hover-b a.ui-link-inherit {
|
|
267
253
|
color: #fff /*{b-bhover-color}*/;
|
|
@@ -271,13 +257,13 @@
|
|
|
271
257
|
background: #4e89c5 /*{b-bdown-background-color}*/;
|
|
272
258
|
font-weight: bold;
|
|
273
259
|
color: #fff /*{b-bdown-color}*/;
|
|
274
|
-
text-shadow: 0 /*{b-bdown-shadow-x}*/
|
|
275
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #
|
|
276
|
-
background-image: -webkit-linear-gradient(#
|
|
277
|
-
background-image: -moz-linear-gradient(#
|
|
278
|
-
background-image: -ms-linear-gradient(#
|
|
279
|
-
background-image: -o-linear-gradient(#
|
|
280
|
-
background-image: linear-gradient(#
|
|
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}*/);
|
|
281
267
|
}
|
|
282
268
|
.ui-btn-down-b a.ui-link-inherit {
|
|
283
269
|
color: #fff /*{b-bdown-color}*/;
|
|
@@ -288,25 +274,21 @@
|
|
|
288
274
|
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
289
275
|
text-decoration: none;
|
|
290
276
|
}
|
|
291
|
-
|
|
292
|
-
|
|
293
277
|
/* C
|
|
294
278
|
-----------------------------------------------------------------------------------------------------------*/
|
|
295
|
-
|
|
296
279
|
.ui-bar-c {
|
|
297
280
|
border: 1px solid #B3B3B3 /*{c-bar-border}*/;
|
|
298
|
-
background: #
|
|
281
|
+
background: #eeeeee /*{c-bar-background-color}*/;
|
|
299
282
|
color: #3E3E3E /*{c-bar-color}*/;
|
|
300
283
|
font-weight: bold;
|
|
301
284
|
text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/;
|
|
302
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{c-bar-background-start}*/), to( #
|
|
303
|
-
background-image: -webkit-linear-gradient(#f0f0f0 /*{c-bar-background-start}*/, #
|
|
304
|
-
background-image: -moz-linear-gradient(#f0f0f0 /*{c-bar-background-start}*/, #
|
|
305
|
-
background-image: -ms-linear-gradient(#f0f0f0 /*{c-bar-background-start}*/, #
|
|
306
|
-
background-image: -o-linear-gradient(#f0f0f0 /*{c-bar-background-start}*/, #
|
|
307
|
-
background-image: linear-gradient(#f0f0f0 /*{c-bar-background-start}*/, #
|
|
308
|
-
}
|
|
309
|
-
|
|
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
|
+
}
|
|
310
292
|
.ui-bar-c .ui-link-inherit {
|
|
311
293
|
color: #3E3E3E /*{c-bar-color}*/;
|
|
312
294
|
}
|
|
@@ -314,19 +296,15 @@
|
|
|
314
296
|
color: #7cc4e7 /*{c-bar-link-color}*/;
|
|
315
297
|
font-weight: bold;
|
|
316
298
|
}
|
|
317
|
-
|
|
318
299
|
.ui-bar-c .ui-link:hover {
|
|
319
300
|
color: #2489CE /*{c-bar-link-hover}*/;
|
|
320
301
|
}
|
|
321
|
-
|
|
322
302
|
.ui-bar-c .ui-link:active {
|
|
323
303
|
color: #2489CE /*{c-bar-link-active}*/;
|
|
324
304
|
}
|
|
325
|
-
|
|
326
305
|
.ui-bar-c .ui-link:visited {
|
|
327
306
|
color: #2489CE /*{c-bar-link-visited}*/;
|
|
328
307
|
}
|
|
329
|
-
|
|
330
308
|
.ui-bar-c,
|
|
331
309
|
.ui-bar-c input,
|
|
332
310
|
.ui-bar-c select,
|
|
@@ -335,17 +313,21 @@
|
|
|
335
313
|
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
336
314
|
}
|
|
337
315
|
.ui-body-c,
|
|
338
|
-
.ui-
|
|
339
|
-
border: 1px solid #
|
|
316
|
+
.ui-overlay-c {
|
|
317
|
+
border: 1px solid #aaa /*{c-body-border}*/;
|
|
340
318
|
color: #333333 /*{c-body-color}*/;
|
|
341
319
|
text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
|
|
342
|
-
background: #
|
|
343
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #
|
|
344
|
-
background-image: -webkit-linear-gradient(#
|
|
345
|
-
background-image: -moz-linear-gradient(#
|
|
346
|
-
background-image: -ms-linear-gradient(#
|
|
347
|
-
background-image: -o-linear-gradient(#
|
|
348
|
-
background-image: linear-gradient(#
|
|
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
|
+
}
|
|
328
|
+
.ui-overlay-c {
|
|
329
|
+
background-image: none;
|
|
330
|
+
border-width: 0;
|
|
349
331
|
}
|
|
350
332
|
.ui-body-c,
|
|
351
333
|
.ui-body-c input,
|
|
@@ -354,73 +336,66 @@
|
|
|
354
336
|
.ui-body-c button {
|
|
355
337
|
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
356
338
|
}
|
|
357
|
-
|
|
358
339
|
.ui-body-c .ui-link-inherit {
|
|
359
340
|
color: #333333 /*{c-body-color}*/;
|
|
360
341
|
}
|
|
361
|
-
|
|
362
342
|
.ui-body-c .ui-link {
|
|
363
343
|
color: #2489CE /*{c-body-link-color}*/;
|
|
364
344
|
font-weight: bold;
|
|
365
345
|
}
|
|
366
|
-
|
|
367
346
|
.ui-body-c .ui-link:hover {
|
|
368
347
|
color: #2489CE /*{c-body-link-hover}*/;
|
|
369
348
|
}
|
|
370
|
-
|
|
371
349
|
.ui-body-c .ui-link:active {
|
|
372
350
|
color: #2489CE /*{c-body-link-active}*/;
|
|
373
351
|
}
|
|
374
|
-
|
|
375
352
|
.ui-body-c .ui-link:visited {
|
|
376
353
|
color: #2489CE /*{c-body-link-visited}*/;
|
|
377
354
|
}
|
|
378
|
-
|
|
379
355
|
.ui-btn-up-c {
|
|
380
356
|
border: 1px solid #ccc /*{c-bup-border}*/;
|
|
381
357
|
background: #eee /*{c-bup-background-color}*/;
|
|
382
358
|
font-weight: bold;
|
|
383
|
-
color: #
|
|
384
|
-
text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/
|
|
385
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #
|
|
386
|
-
background-image: -webkit-linear-gradient(#
|
|
387
|
-
background-image: -moz-linear-gradient(#
|
|
388
|
-
background-image: -ms-linear-gradient(#
|
|
389
|
-
background-image: -o-linear-gradient(#
|
|
390
|
-
background-image: linear-gradient(#
|
|
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}*/);
|
|
391
367
|
}
|
|
392
368
|
.ui-btn-up-c a.ui-link-inherit {
|
|
393
369
|
color: #2F3E46 /*{c-bup-color}*/;
|
|
394
370
|
}
|
|
395
|
-
|
|
396
371
|
.ui-btn-hover-c {
|
|
397
|
-
border: 1px solid #
|
|
398
|
-
background: #
|
|
372
|
+
border: 1px solid #bbb /*{c-bhover-border}*/;
|
|
373
|
+
background: #dfdfdf /*{c-bhover-background-color}*/;
|
|
399
374
|
font-weight: bold;
|
|
400
|
-
color: #
|
|
401
|
-
text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/
|
|
402
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #
|
|
403
|
-
background-image: -webkit-linear-gradient(#
|
|
404
|
-
background-image: -moz-linear-gradient(#
|
|
405
|
-
background-image: -ms-linear-gradient(#
|
|
406
|
-
background-image: -o-linear-gradient(#
|
|
407
|
-
background-image: linear-gradient(#
|
|
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}*/);
|
|
408
383
|
}
|
|
409
384
|
.ui-btn-hover-c a.ui-link-inherit {
|
|
410
385
|
color: #2F3E46 /*{c-bhover-color}*/;
|
|
411
386
|
}
|
|
412
387
|
.ui-btn-down-c {
|
|
413
|
-
border: 1px solid #
|
|
414
|
-
background: #
|
|
388
|
+
border: 1px solid #bbb /*{c-bdown-border}*/;
|
|
389
|
+
background: #d6d6d6 /*{c-bdown-background-color}*/;
|
|
415
390
|
font-weight: bold;
|
|
416
|
-
color: #
|
|
417
|
-
text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/
|
|
418
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #
|
|
419
|
-
background-image: -webkit-linear-gradient(#
|
|
420
|
-
background-image: -moz-linear-gradient(#
|
|
421
|
-
background-image: -ms-linear-gradient(#
|
|
422
|
-
background-image: -o-linear-gradient(#
|
|
423
|
-
background-image: linear-gradient(#
|
|
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}*/);
|
|
424
399
|
}
|
|
425
400
|
.ui-btn-down-c a.ui-link-inherit {
|
|
426
401
|
color: #2F3E46 /*{c-bdown-color}*/;
|
|
@@ -431,22 +406,19 @@
|
|
|
431
406
|
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
432
407
|
text-decoration: none;
|
|
433
408
|
}
|
|
434
|
-
|
|
435
|
-
|
|
436
409
|
/* D
|
|
437
410
|
-----------------------------------------------------------------------------------------------------------*/
|
|
438
|
-
|
|
439
411
|
.ui-bar-d {
|
|
440
|
-
border: 1px solid #
|
|
412
|
+
border: 1px solid #bbb /*{d-bar-border}*/;
|
|
441
413
|
background: #bbb /*{d-bar-background-color}*/;
|
|
442
414
|
color: #333 /*{d-bar-color}*/;
|
|
443
415
|
text-shadow: 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ #eee /*{d-bar-shadow-color}*/;
|
|
444
416
|
background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{d-bar-background-start}*/), to( #bbb /*{d-bar-background-end}*/)); /* Saf4+, Chrome */
|
|
445
|
-
background-image: -webkit-linear-gradient(#ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
446
|
-
background-image: -moz-linear-gradient(#ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* FF3.6 */
|
|
447
|
-
background-image: -ms-linear-gradient(#ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* IE10 */
|
|
448
|
-
background-image: -o-linear-gradient(#ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Opera 11.10+ */
|
|
449
|
-
background-image: linear-gradient(#ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/);
|
|
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}*/);
|
|
450
422
|
}
|
|
451
423
|
.ui-bar-d,
|
|
452
424
|
.ui-bar-d input,
|
|
@@ -455,7 +427,6 @@
|
|
|
455
427
|
.ui-bar-d button {
|
|
456
428
|
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
457
429
|
}
|
|
458
|
-
|
|
459
430
|
.ui-bar-d .ui-link-inherit {
|
|
460
431
|
color: #333333 /*{d-bar-color}*/;
|
|
461
432
|
}
|
|
@@ -463,31 +434,31 @@
|
|
|
463
434
|
color: #2489CE /*{d-bar-link-color}*/;
|
|
464
435
|
font-weight: bold;
|
|
465
436
|
}
|
|
466
|
-
|
|
467
437
|
.ui-bar-d .ui-link:hover {
|
|
468
438
|
color: #2489CE /*{d-bar-link-hover}*/;
|
|
469
439
|
}
|
|
470
|
-
|
|
471
440
|
.ui-bar-d .ui-link:active {
|
|
472
441
|
color: #2489CE /*{d-bar-link-active}*/;
|
|
473
442
|
}
|
|
474
|
-
|
|
475
443
|
.ui-bar-d .ui-link:visited {
|
|
476
444
|
color: #2489CE /*{d-bar-link-visited}*/;
|
|
477
445
|
}
|
|
478
|
-
|
|
479
446
|
.ui-body-d,
|
|
480
|
-
.ui-
|
|
481
|
-
border: 1px solid #
|
|
447
|
+
.ui-overlay-d {
|
|
448
|
+
border: 1px solid #bbb /*{d-body-border}*/;
|
|
482
449
|
color: #333333 /*{d-body-color}*/;
|
|
483
450
|
text-shadow: 0 /*{d-body-shadow-x}*/ 1px /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/ #fff /*{d-body-shadow-color}*/;
|
|
484
451
|
background: #ffffff /*{d-body-background-color}*/;
|
|
485
452
|
background-image: -webkit-gradient(linear, left top, left bottom, from( #fff), to( #fff /*{d-body-background-end}*/)); /* Saf4+, Chrome */
|
|
486
|
-
background-image: -webkit-linear-gradient(#fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
|
|
487
|
-
background-image: -moz-linear-gradient(#fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* FF3.6 */
|
|
488
|
-
background-image: -ms-linear-gradient(#fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* IE10 */
|
|
489
|
-
background-image: -o-linear-gradient(#fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Opera 11.10+ */
|
|
490
|
-
background-image: linear-gradient(#fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/);
|
|
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
|
+
}
|
|
459
|
+
.ui-overlay-d {
|
|
460
|
+
background-image: none;
|
|
461
|
+
border-width: 0;
|
|
491
462
|
}
|
|
492
463
|
.ui-body-d,
|
|
493
464
|
.ui-body-d input,
|
|
@@ -496,40 +467,34 @@
|
|
|
496
467
|
.ui-body-d button {
|
|
497
468
|
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
498
469
|
}
|
|
499
|
-
|
|
500
470
|
.ui-body-d .ui-link-inherit {
|
|
501
471
|
color: #333333 /*{d-body-color}*/;
|
|
502
472
|
}
|
|
503
|
-
|
|
504
473
|
.ui-body-d .ui-link {
|
|
505
474
|
color: #2489CE /*{d-body-link-color}*/;
|
|
506
475
|
font-weight: bold;
|
|
507
476
|
}
|
|
508
|
-
|
|
509
477
|
.ui-body-d .ui-link:hover {
|
|
510
478
|
color: #2489CE /*{d-body-link-hover}*/;
|
|
511
479
|
}
|
|
512
|
-
|
|
513
480
|
.ui-body-d .ui-link:active {
|
|
514
481
|
color: #2489CE /*{d-body-link-active}*/;
|
|
515
482
|
}
|
|
516
|
-
|
|
517
483
|
.ui-body-d .ui-link:visited {
|
|
518
484
|
color: #2489CE /*{d-body-link-visited}*/;
|
|
519
485
|
}
|
|
520
|
-
|
|
521
486
|
.ui-btn-up-d {
|
|
522
|
-
border: 1px solid #
|
|
487
|
+
border: 1px solid #bbb /*{d-bup-border}*/;
|
|
523
488
|
background: #fff /*{d-bup-background-color}*/;
|
|
524
489
|
font-weight: bold;
|
|
525
|
-
color: #
|
|
526
|
-
text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/
|
|
527
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #
|
|
528
|
-
background-image: -webkit-linear-gradient(#
|
|
529
|
-
background-image: -moz-linear-gradient(#
|
|
530
|
-
background-image: -ms-linear-gradient(#
|
|
531
|
-
background-image: -o-linear-gradient(#
|
|
532
|
-
background-image: linear-gradient(#
|
|
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}*/);
|
|
533
498
|
}
|
|
534
499
|
.ui-btn-up-d a.ui-link-inherit {
|
|
535
500
|
color: #333 /*{d-bup-color}*/;
|
|
@@ -538,34 +503,34 @@
|
|
|
538
503
|
border: 1px solid #aaa /*{d-bhover-border}*/;
|
|
539
504
|
background: #eeeeee /*{d-bhover-background-color}*/;
|
|
540
505
|
font-weight: bold;
|
|
541
|
-
color: #
|
|
506
|
+
color: #333 /*{d-bhover-color}*/;
|
|
542
507
|
cursor: pointer;
|
|
543
|
-
text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/
|
|
544
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #
|
|
545
|
-
background-image: -webkit-linear-gradient(#
|
|
546
|
-
background-image: -moz-linear-gradient(#
|
|
547
|
-
background-image: -ms-linear-gradient(#
|
|
548
|
-
background-image: -o-linear-gradient(#
|
|
549
|
-
background-image: linear-gradient(#
|
|
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}*/);
|
|
550
515
|
}
|
|
551
516
|
.ui-btn-hover-d a.ui-link-inherit {
|
|
552
|
-
color: #
|
|
517
|
+
color: #333 /*{d-bhover-color}*/;
|
|
553
518
|
}
|
|
554
519
|
.ui-btn-down-d {
|
|
555
|
-
border: 1px solid #
|
|
556
|
-
background: #
|
|
520
|
+
border: 1px solid #aaa /*{d-bdown-border}*/;
|
|
521
|
+
background: #eee /*{d-bdown-background-color}*/;
|
|
557
522
|
font-weight: bold;
|
|
558
|
-
color: #
|
|
559
|
-
text-shadow: 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/
|
|
560
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #
|
|
561
|
-
background-image: -webkit-linear-gradient(#
|
|
562
|
-
background-image: -moz-linear-gradient(#
|
|
563
|
-
background-image: -ms-linear-gradient(#
|
|
564
|
-
background-image: -o-linear-gradient(#
|
|
565
|
-
background-image: linear-gradient(#
|
|
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}*/);
|
|
566
531
|
}
|
|
567
532
|
.ui-btn-down-d a.ui-link-inherit {
|
|
568
|
-
color: #
|
|
533
|
+
color: #333 /*{d-bdown-color}*/;
|
|
569
534
|
}
|
|
570
535
|
.ui-btn-up-d,
|
|
571
536
|
.ui-btn-hover-d,
|
|
@@ -573,22 +538,19 @@
|
|
|
573
538
|
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
574
539
|
text-decoration: none;
|
|
575
540
|
}
|
|
576
|
-
|
|
577
|
-
|
|
578
541
|
/* E
|
|
579
542
|
-----------------------------------------------------------------------------------------------------------*/
|
|
580
|
-
|
|
581
543
|
.ui-bar-e {
|
|
582
544
|
border: 1px solid #F7C942 /*{e-bar-border}*/;
|
|
583
545
|
background: #fadb4e /*{e-bar-background-color}*/;
|
|
584
546
|
color: #333 /*{e-bar-color}*/;
|
|
585
547
|
text-shadow: 0 /*{e-bar-shadow-x}*/ 1px /*{e-bar-shadow-y}*/ 0 /*{e-bar-shadow-radius}*/ #fff /*{e-bar-shadow-color}*/;
|
|
586
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #fceda7 /*{e-bar-background-start}*/), to( #
|
|
587
|
-
background-image: -webkit-linear-gradient(#fceda7 /*{e-bar-background-start}*/, #
|
|
588
|
-
background-image: -moz-linear-gradient(#fceda7 /*{e-bar-background-start}*/, #
|
|
589
|
-
background-image: -ms-linear-gradient(#fceda7 /*{e-bar-background-start}*/, #
|
|
590
|
-
background-image: -o-linear-gradient(#fceda7 /*{e-bar-background-start}*/, #
|
|
591
|
-
background-image: linear-gradient(#fceda7 /*{e-bar-background-start}*/, #
|
|
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}*/);
|
|
592
554
|
}
|
|
593
555
|
.ui-bar-e,
|
|
594
556
|
.ui-bar-e input,
|
|
@@ -604,31 +566,31 @@
|
|
|
604
566
|
color: #2489CE /*{e-bar-link-color}*/;
|
|
605
567
|
font-weight: bold;
|
|
606
568
|
}
|
|
607
|
-
|
|
608
569
|
.ui-bar-e .ui-link:hover {
|
|
609
570
|
color: #2489CE /*{e-bar-link-hover}*/;
|
|
610
571
|
}
|
|
611
|
-
|
|
612
572
|
.ui-bar-e .ui-link:active {
|
|
613
573
|
color: #2489CE /*{e-bar-link-active}*/;
|
|
614
574
|
}
|
|
615
|
-
|
|
616
575
|
.ui-bar-e .ui-link:visited {
|
|
617
576
|
color: #2489CE /*{e-bar-link-visited}*/;
|
|
618
577
|
}
|
|
619
|
-
|
|
620
578
|
.ui-body-e,
|
|
621
|
-
.ui-
|
|
579
|
+
.ui-overlay-e {
|
|
622
580
|
border: 1px solid #F7C942 /*{e-body-border}*/;
|
|
623
|
-
color: #
|
|
581
|
+
color: #222222 /*{e-body-color}*/;
|
|
624
582
|
text-shadow: 0 /*{e-body-shadow-x}*/ 1px /*{e-body-shadow-y}*/ 0 /*{e-body-shadow-radius}*/ #fff /*{e-body-shadow-color}*/;
|
|
625
|
-
background: #
|
|
626
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #
|
|
627
|
-
background-image: -webkit-linear-gradient(#
|
|
628
|
-
background-image: -moz-linear-gradient(#
|
|
629
|
-
background-image: -ms-linear-gradient(#
|
|
630
|
-
background-image: -o-linear-gradient(#
|
|
631
|
-
background-image: linear-gradient(#
|
|
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
|
+
}
|
|
591
|
+
.ui-overlay-e {
|
|
592
|
+
background-image: none;
|
|
593
|
+
border-width: 0;
|
|
632
594
|
}
|
|
633
595
|
.ui-body-e,
|
|
634
596
|
.ui-body-e input,
|
|
@@ -640,69 +602,63 @@
|
|
|
640
602
|
.ui-body-e .ui-link-inherit {
|
|
641
603
|
color: #333333 /*{e-body-color}*/;
|
|
642
604
|
}
|
|
643
|
-
|
|
644
605
|
.ui-body-e .ui-link {
|
|
645
606
|
color: #2489CE /*{e-body-link-color}*/;
|
|
646
607
|
font-weight: bold;
|
|
647
608
|
}
|
|
648
|
-
|
|
649
609
|
.ui-body-e .ui-link:hover {
|
|
650
610
|
color: #2489CE /*{e-body-link-hover}*/;
|
|
651
611
|
}
|
|
652
|
-
|
|
653
612
|
.ui-body-e .ui-link:active {
|
|
654
613
|
color: #2489CE /*{e-body-link-active}*/;
|
|
655
614
|
}
|
|
656
|
-
|
|
657
615
|
.ui-body-e .ui-link:visited {
|
|
658
616
|
color: #2489CE /*{e-body-link-visited}*/;
|
|
659
617
|
}
|
|
660
|
-
|
|
661
618
|
.ui-btn-up-e {
|
|
662
|
-
border: 1px solid #
|
|
619
|
+
border: 1px solid #F4C63f /*{e-bup-border}*/;
|
|
663
620
|
background: #fadb4e /*{e-bup-background-color}*/;
|
|
664
621
|
font-weight: bold;
|
|
665
|
-
color: #
|
|
622
|
+
color: #222 /*{e-bup-color}*/;
|
|
666
623
|
text-shadow: 0 /*{e-bup-shadow-x}*/ 1px /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/ #fff /*{e-bup-shadow-color}*/;
|
|
667
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #
|
|
668
|
-
background-image: -webkit-linear-gradient(#
|
|
669
|
-
background-image: -moz-linear-gradient(#
|
|
670
|
-
background-image: -ms-linear-gradient(#
|
|
671
|
-
background-image: -o-linear-gradient(#
|
|
672
|
-
background-image: linear-gradient(#
|
|
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}*/);
|
|
673
630
|
}
|
|
674
631
|
.ui-btn-up-e a.ui-link-inherit {
|
|
675
|
-
color: #
|
|
632
|
+
color: #222 /*{e-bup-color}*/;
|
|
676
633
|
}
|
|
677
634
|
.ui-btn-hover-e {
|
|
678
|
-
border: 1px solid #
|
|
635
|
+
border: 1px solid #F2C43d /*{e-bhover-border}*/;
|
|
679
636
|
background: #fbe26f /*{e-bhover-background-color}*/;
|
|
680
637
|
font-weight: bold;
|
|
681
638
|
color: #111 /*{e-bhover-color}*/;
|
|
682
|
-
text-shadow: 0 /*{e-bhover-shadow-x}*/ 1px /*{e-bhover-shadow-y}*/
|
|
683
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #
|
|
684
|
-
background-image: -webkit-linear-gradient(#
|
|
685
|
-
background-image: -moz-linear-gradient(#
|
|
686
|
-
background-image: -ms-linear-gradient(#
|
|
687
|
-
background-image: -o-linear-gradient(#
|
|
688
|
-
background-image: linear-gradient(#
|
|
689
|
-
}
|
|
690
|
-
|
|
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
|
+
}
|
|
691
647
|
.ui-btn-hover-e a.ui-link-inherit {
|
|
692
648
|
color: #333 /*{e-bhover-color}*/;
|
|
693
649
|
}
|
|
694
650
|
.ui-btn-down-e {
|
|
695
|
-
border: 1px solid #
|
|
651
|
+
border: 1px solid #F2C43d /*{e-bdown-border}*/;
|
|
696
652
|
background: #fceda7 /*{e-bdown-background-color}*/;
|
|
697
653
|
font-weight: bold;
|
|
698
654
|
color: #111 /*{e-bdown-color}*/;
|
|
699
|
-
text-shadow: 0 /*{e-bdown-shadow-x}*/ 1px /*{e-bdown-shadow-y}*/
|
|
700
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #
|
|
701
|
-
background-image: -webkit-linear-gradient(#
|
|
702
|
-
background-image: -moz-linear-gradient(#
|
|
703
|
-
background-image: -ms-linear-gradient(#
|
|
704
|
-
background-image: -o-linear-gradient(#
|
|
705
|
-
background-image: linear-gradient(#
|
|
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}*/);
|
|
706
662
|
}
|
|
707
663
|
.ui-btn-down-e a.ui-link-inherit {
|
|
708
664
|
color: #333 /*{e-bdown-color}*/;
|
|
@@ -713,53 +669,41 @@
|
|
|
713
669
|
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
714
670
|
text-decoration: none;
|
|
715
671
|
}
|
|
716
|
-
|
|
717
672
|
/* Structure */
|
|
718
|
-
|
|
719
673
|
/* links within "buttons"
|
|
720
674
|
-----------------------------------------------------------------------------------------------------------*/
|
|
721
|
-
|
|
722
675
|
a.ui-link-inherit {
|
|
723
676
|
text-decoration: none !important;
|
|
724
677
|
}
|
|
725
|
-
|
|
726
|
-
|
|
727
678
|
/* Active class used as the "on" state across all themes
|
|
728
679
|
-----------------------------------------------------------------------------------------------------------*/
|
|
729
|
-
|
|
730
680
|
.ui-btn-active {
|
|
731
|
-
border: 1px solid #
|
|
732
|
-
background: #
|
|
681
|
+
border: 1px solid #2373a5 /*{global-active-border}*/;
|
|
682
|
+
background: #5393c5 /*{global-active-background-color}*/;
|
|
733
683
|
font-weight: bold;
|
|
734
684
|
color: #fff /*{global-active-color}*/;
|
|
735
685
|
cursor: pointer;
|
|
736
|
-
text-shadow: 0 /*{global-active-shadow-x}*/
|
|
686
|
+
text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #3373a5 /*{global-active-shadow-color}*/;
|
|
737
687
|
text-decoration: none;
|
|
738
|
-
background-image: -webkit-gradient(linear, left top, left bottom, from( #
|
|
739
|
-
background-image: -webkit-linear-gradient(#
|
|
740
|
-
background-image: -moz-linear-gradient(#
|
|
741
|
-
background-image: -ms-linear-gradient(#
|
|
742
|
-
background-image: -o-linear-gradient(#
|
|
743
|
-
background-image: linear-gradient(#
|
|
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}*/);
|
|
744
694
|
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
|
|
745
695
|
}
|
|
746
696
|
.ui-btn-active a.ui-link-inherit {
|
|
747
697
|
color: #fff /*{global-active-color}*/;
|
|
748
698
|
}
|
|
749
|
-
|
|
750
|
-
|
|
751
699
|
/* button inner top highlight
|
|
752
700
|
-----------------------------------------------------------------------------------------------------------*/
|
|
753
|
-
|
|
754
701
|
.ui-btn-inner {
|
|
755
702
|
border-top: 1px solid #fff;
|
|
756
703
|
border-color: rgba(255,255,255,.3);
|
|
757
704
|
}
|
|
758
|
-
|
|
759
|
-
|
|
760
705
|
/* corner rounding classes
|
|
761
706
|
-----------------------------------------------------------------------------------------------------------*/
|
|
762
|
-
|
|
763
707
|
.ui-corner-tl {
|
|
764
708
|
-moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
|
|
765
709
|
-webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
|
|
@@ -822,7 +766,6 @@ a.ui-link-inherit {
|
|
|
822
766
|
-webkit-border-radius: 0;
|
|
823
767
|
border-radius: 0;
|
|
824
768
|
}
|
|
825
|
-
|
|
826
769
|
/* Form field separator
|
|
827
770
|
-----------------------------------------------------------------------------------------------------------*/
|
|
828
771
|
.ui-br {
|
|
@@ -831,7 +774,6 @@ a.ui-link-inherit {
|
|
|
831
774
|
border-bottom-width: 1px;
|
|
832
775
|
border-bottom-style: solid;
|
|
833
776
|
}
|
|
834
|
-
|
|
835
777
|
/* Interaction cues
|
|
836
778
|
-----------------------------------------------------------------------------------------------------------*/
|
|
837
779
|
.ui-disabled {
|
|
@@ -839,13 +781,16 @@ a.ui-link-inherit {
|
|
|
839
781
|
}
|
|
840
782
|
.ui-disabled,
|
|
841
783
|
.ui-disabled a {
|
|
784
|
+
cursor: default !important;
|
|
842
785
|
pointer-events: none;
|
|
843
|
-
cursor: default;
|
|
844
786
|
}
|
|
845
|
-
|
|
787
|
+
.ui-disabled .ui-btn-text {
|
|
788
|
+
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
|
|
789
|
+
filter: alpha(opacity=30);
|
|
790
|
+
zoom: 1;
|
|
791
|
+
}
|
|
846
792
|
/* Icons
|
|
847
793
|
-----------------------------------------------------------------------------------------------------------*/
|
|
848
|
-
|
|
849
794
|
.ui-icon,
|
|
850
795
|
.ui-icon-searchfield:after {
|
|
851
796
|
background: #666 /*{global-icon-color}*/;
|
|
@@ -856,21 +801,16 @@ a.ui-link-inherit {
|
|
|
856
801
|
-webkit-border-radius: 9px;
|
|
857
802
|
border-radius: 9px;
|
|
858
803
|
}
|
|
859
|
-
|
|
860
|
-
|
|
861
804
|
/* Alt icon color
|
|
862
805
|
-----------------------------------------------------------------------------------------------------------*/
|
|
863
|
-
|
|
864
806
|
.ui-icon-alt {
|
|
865
807
|
background: #fff;
|
|
866
808
|
background: rgba(255,255,255,.3);
|
|
867
809
|
background-image: url(images/icons-18-black.png);
|
|
868
810
|
background-repeat: no-repeat;
|
|
869
811
|
}
|
|
870
|
-
|
|
871
812
|
/* HD/"retina" sprite
|
|
872
813
|
-----------------------------------------------------------------------------------------------------------*/
|
|
873
|
-
|
|
874
814
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
|
875
815
|
only screen and (min--moz-device-pixel-ratio: 1.5),
|
|
876
816
|
only screen and (min-resolution: 240dpi) {
|
|
@@ -890,7 +830,6 @@ a.ui-link-inherit {
|
|
|
890
830
|
background-image: url(images/icons-36-black.png);
|
|
891
831
|
}
|
|
892
832
|
}
|
|
893
|
-
|
|
894
833
|
/* plus minus */
|
|
895
834
|
.ui-icon-plus {
|
|
896
835
|
background-position: -0 50%;
|
|
@@ -898,12 +837,10 @@ a.ui-link-inherit {
|
|
|
898
837
|
.ui-icon-minus {
|
|
899
838
|
background-position: -36px 50%;
|
|
900
839
|
}
|
|
901
|
-
|
|
902
840
|
/* delete/close */
|
|
903
841
|
.ui-icon-delete {
|
|
904
842
|
background-position: -72px 50%;
|
|
905
843
|
}
|
|
906
|
-
|
|
907
844
|
/* arrows */
|
|
908
845
|
.ui-icon-arrow-r {
|
|
909
846
|
background-position: -108px 50%;
|
|
@@ -917,7 +854,6 @@ a.ui-link-inherit {
|
|
|
917
854
|
.ui-icon-arrow-d {
|
|
918
855
|
background-position: -216px 50%;
|
|
919
856
|
}
|
|
920
|
-
|
|
921
857
|
/* misc */
|
|
922
858
|
.ui-icon-check {
|
|
923
859
|
background-position: -252px 50%;
|
|
@@ -965,8 +901,6 @@ a.ui-link-inherit {
|
|
|
965
901
|
.ui-icon-radio-on {
|
|
966
902
|
background-position: -720px 50%;
|
|
967
903
|
}
|
|
968
|
-
|
|
969
|
-
|
|
970
904
|
/* checks,radios */
|
|
971
905
|
.ui-checkbox .ui-icon {
|
|
972
906
|
-moz-border-radius: 3px;
|
|
@@ -981,22 +915,13 @@ a.ui-link-inherit {
|
|
|
981
915
|
.ui-radio-on .ui-icon {
|
|
982
916
|
background-color: #4596ce /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
|
|
983
917
|
}
|
|
984
|
-
|
|
985
918
|
/* loading icon */
|
|
986
919
|
.ui-icon-loading {
|
|
987
|
-
background
|
|
988
|
-
|
|
989
|
-
|
|
990
|
-
-moz-border-radius: 20px;
|
|
991
|
-
-webkit-border-radius: 20px;
|
|
992
|
-
border-radius: 20px;
|
|
993
|
-
background-size: 35px 35px;
|
|
994
|
-
}
|
|
995
|
-
|
|
996
|
-
|
|
920
|
+
background: url(images/ajax-loader.gif);
|
|
921
|
+
background-size: 46px 46px;
|
|
922
|
+
}
|
|
997
923
|
/* Button corner classes
|
|
998
924
|
-----------------------------------------------------------------------------------------------------------*/
|
|
999
|
-
|
|
1000
925
|
.ui-btn-corner-tl {
|
|
1001
926
|
-moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
|
|
1002
927
|
-webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
|
|
@@ -1054,7 +979,6 @@ a.ui-link-inherit {
|
|
|
1054
979
|
-webkit-border-radius: 1em /*{global-radii-buttons}*/;
|
|
1055
980
|
border-radius: 1em /*{global-radii-buttons}*/;
|
|
1056
981
|
}
|
|
1057
|
-
|
|
1058
982
|
/* radius clip workaround for cleaning up corner trapping */
|
|
1059
983
|
.ui-corner-tl,
|
|
1060
984
|
.ui-corner-tr,
|
|
@@ -1078,10 +1002,8 @@ a.ui-link-inherit {
|
|
|
1078
1002
|
-moz-background-clip: padding;
|
|
1079
1003
|
background-clip: padding-box;
|
|
1080
1004
|
}
|
|
1081
|
-
|
|
1082
1005
|
/* Overlay / modal
|
|
1083
1006
|
-----------------------------------------------------------------------------------------------------------*/
|
|
1084
|
-
|
|
1085
1007
|
.ui-overlay {
|
|
1086
1008
|
background: #666;
|
|
1087
1009
|
opacity: .5;
|
|
@@ -1113,51 +1035,48 @@ a.ui-link-inherit {
|
|
|
1113
1035
|
box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
|
|
1114
1036
|
}
|
|
1115
1037
|
.ui-icon-shadow {
|
|
1116
|
-
-moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4)
|
|
1117
|
-
-webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4)
|
|
1118
|
-
box-shadow: 0px 1px 0 rgba(255,255,255,.4)
|
|
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}*/;
|
|
1119
1041
|
}
|
|
1120
|
-
|
|
1121
|
-
/* Focus state - set here for specificity
|
|
1042
|
+
/* Focus state - set here for specificity (note: these classes are added by JavaScript)
|
|
1122
1043
|
-----------------------------------------------------------------------------------------------------------*/
|
|
1123
|
-
|
|
1124
|
-
|
|
1044
|
+
.ui-btn:focus {
|
|
1045
|
+
outline: 0;
|
|
1046
|
+
}
|
|
1047
|
+
.ui-focus,
|
|
1048
|
+
.ui-btn:focus {
|
|
1125
1049
|
-moz-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
|
|
1126
1050
|
-webkit-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
|
|
1127
1051
|
box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
|
|
1128
1052
|
}
|
|
1129
|
-
|
|
1130
1053
|
/* unset box shadow in browsers that don't do it right
|
|
1131
1054
|
-----------------------------------------------------------------------------------------------------------*/
|
|
1132
|
-
|
|
1133
1055
|
.ui-mobile-nosupport-boxshadow * {
|
|
1134
1056
|
-moz-box-shadow: none !important;
|
|
1135
1057
|
-webkit-box-shadow: none !important;
|
|
1136
1058
|
box-shadow: none !important;
|
|
1137
1059
|
}
|
|
1138
|
-
|
|
1139
1060
|
/* ...and bring back focus */
|
|
1140
|
-
.ui-mobile-nosupport-boxshadow .ui-focus
|
|
1141
|
-
|
|
1061
|
+
.ui-mobile-nosupport-boxshadow .ui-focus,
|
|
1062
|
+
.ui-mobile-nosupport-boxshadow .ui-btn:focus {
|
|
1063
|
+
outline-width: 1px;
|
|
1064
|
+
outline-style: dotted;
|
|
1142
1065
|
}
|
|
1143
1066
|
/* some unsets - more probably needed */
|
|
1144
|
-
.ui-mobile, .ui-mobile body { height:
|
|
1067
|
+
.ui-mobile, .ui-mobile body { height: 99.9%; }
|
|
1145
1068
|
.ui-mobile fieldset, .ui-page { padding: 0; margin: 0; }
|
|
1146
|
-
.ui-mobile a img, .ui-mobile fieldset { border: 0; }
|
|
1147
|
-
|
|
1069
|
+
.ui-mobile a img, .ui-mobile fieldset { border-width: 0; }
|
|
1148
1070
|
/* responsive page widths */
|
|
1149
1071
|
.ui-mobile-viewport { margin: 0; overflow-x: visible; -webkit-text-size-adjust: none; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
|
|
1150
1072
|
/* Issue #2066 */
|
|
1151
1073
|
body.ui-mobile-viewport,
|
|
1152
1074
|
div.ui-mobile-viewport { overflow-x: hidden; }
|
|
1153
|
-
|
|
1154
1075
|
/* "page" containers - full-screen views, one should always be in view post-pageload */
|
|
1155
1076
|
.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; }
|
|
1156
1077
|
.ui-mobile .ui-page-active { display: block; overflow: visible; }
|
|
1157
|
-
|
|
1158
1078
|
/* on ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */
|
|
1159
1079
|
.ui-page { outline: none; }
|
|
1160
|
-
|
|
1161
1080
|
/*orientations from js are available */
|
|
1162
1081
|
@media screen and (orientation: portrait){
|
|
1163
1082
|
.ui-mobile, .ui-mobile .ui-page { min-height: 420px; }
|
|
@@ -1165,249 +1084,351 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1165
1084
|
@media screen and (orientation: landscape){
|
|
1166
1085
|
.ui-mobile, .ui-mobile .ui-page { min-height: 300px; }
|
|
1167
1086
|
}
|
|
1168
|
-
|
|
1169
|
-
/* native overflow scrolling */
|
|
1170
|
-
.ui-page.ui-mobile-touch-overflow,
|
|
1171
|
-
.ui-mobile-touch-overflow.ui-native-fixed .ui-content {
|
|
1172
|
-
overflow: auto;
|
|
1173
|
-
height: 100%;
|
|
1174
|
-
-webkit-overflow-scrolling: touch;
|
|
1175
|
-
-moz-overflow-scrolling: touch;
|
|
1176
|
-
-o-overflow-scrolling: touch;
|
|
1177
|
-
-ms-overflow-scrolling: touch;
|
|
1178
|
-
overflow-scrolling: touch;
|
|
1179
|
-
}
|
|
1180
|
-
.ui-page.ui-mobile-touch-overflow,
|
|
1181
|
-
.ui-page.ui-mobile-touch-overflow * {
|
|
1182
|
-
/* some level of transform keeps elements from blinking out of visibility on iOS */
|
|
1183
|
-
-webkit-transform: rotateY(0);
|
|
1184
|
-
}
|
|
1185
|
-
.ui-page.ui-mobile-pre-transition {
|
|
1186
|
-
display: block;
|
|
1187
|
-
}
|
|
1188
|
-
|
|
1189
1087
|
/* loading screen */
|
|
1190
|
-
.ui-loading .ui-mobile-viewport { overflow: hidden !important; }
|
|
1191
1088
|
.ui-loading .ui-loader { display: block; }
|
|
1192
|
-
.ui-
|
|
1193
|
-
.ui-loader {
|
|
1194
|
-
.ui-loader
|
|
1195
|
-
.ui-loader
|
|
1196
|
-
|
|
1089
|
+
.ui-loader { display: none; z-index: 9999999; position: fixed; top: 50%; box-shadow: 0 1px 1px -1px #fff; left: 50%; border:0; }
|
|
1090
|
+
.ui-loader-default { background: none; opacity: .18; width: 46px; height: 46px; margin-left: -23px; margin-top: -23px; }
|
|
1091
|
+
.ui-loader-verbose { width: 200px; opacity: .88; height: auto; margin-left: -110px; margin-top: -43px; padding: 10px; }
|
|
1092
|
+
.ui-loader-default h1 { font-size: 0; width: 0; height: 0; overflow: hidden; }
|
|
1093
|
+
.ui-loader-verbose h1 { font-size: 16px; margin: 0; text-align: center; }
|
|
1094
|
+
.ui-loader .ui-icon { background-color: #000; display: block; margin: 0; width: 44px; height: 44px; padding: 1px; -webkit-border-radius: 36px; -moz-border-radius: 36px; border-radius: 36px; }
|
|
1095
|
+
.ui-loader-verbose .ui-icon { margin: 0 auto 10px; opacity: .75; }
|
|
1096
|
+
.ui-loader-textonly { padding: 15px; margin-left: -115px; }
|
|
1097
|
+
.ui-loader-textonly .ui-icon { display: none; }
|
|
1098
|
+
.ui-loader-fakefix { position: absolute; }
|
|
1197
1099
|
/*fouc*/
|
|
1198
1100
|
.ui-mobile-rendering > * { visibility: hidden; }
|
|
1199
|
-
|
|
1200
1101
|
/*headers, content panels*/
|
|
1201
1102
|
.ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; }
|
|
1202
1103
|
.ui-bar { font-size: 16px; margin: 0; }
|
|
1203
1104
|
.ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6 { margin: 0; padding: 0; font-size: 16px; display: inline-block; }
|
|
1204
|
-
|
|
1205
|
-
.ui-header
|
|
1206
|
-
.ui-
|
|
1207
|
-
.ui-
|
|
1208
|
-
.ui-
|
|
1209
|
-
.ui-header .ui-
|
|
1105
|
+
.ui-header, .ui-footer { position: relative; border-left-width: 0; border-right-width: 0; }
|
|
1106
|
+
.ui-header .ui-btn-left,
|
|
1107
|
+
.ui-header .ui-btn-right,
|
|
1108
|
+
.ui-footer .ui-btn-left,
|
|
1109
|
+
.ui-footer .ui-btn-right { position: absolute; top: 3px; }
|
|
1110
|
+
.ui-header .ui-btn-left,
|
|
1111
|
+
.ui-footer .ui-btn-left { left: 5px; }
|
|
1112
|
+
.ui-header .ui-btn-right,
|
|
1113
|
+
.ui-footer .ui-btn-right { right: 5px; }
|
|
1114
|
+
.ui-footer .ui-btn-icon-notext,
|
|
1115
|
+
.ui-header .ui-btn-icon-notext { top: 6px; }
|
|
1116
|
+
.ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 30% .8em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }
|
|
1210
1117
|
.ui-footer .ui-title { margin: .6em 15px .8em; }
|
|
1211
|
-
|
|
1212
1118
|
/*content area*/
|
|
1213
1119
|
.ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; }
|
|
1214
|
-
.ui-page-fullscreen .ui-content { padding:0; }
|
|
1215
|
-
|
|
1216
|
-
/* native fixed headers and footers */
|
|
1217
|
-
.ui-mobile-touch-overflow.ui-page.ui-native-fixed,
|
|
1218
|
-
.ui-mobile-touch-overflow.ui-page.ui-native-fullscreen {
|
|
1219
|
-
overflow: visible;
|
|
1220
|
-
}
|
|
1221
|
-
.ui-mobile-touch-overflow.ui-native-fixed .ui-header,
|
|
1222
|
-
.ui-mobile-touch-overflow.ui-native-fixed .ui-footer {
|
|
1223
|
-
position: fixed;
|
|
1224
|
-
left: 0;
|
|
1225
|
-
right: 0;
|
|
1226
|
-
top: 0;
|
|
1227
|
-
z-index: 200;
|
|
1228
|
-
}
|
|
1229
|
-
.ui-mobile-touch-overflow.ui-page.ui-native-fixed .ui-footer {
|
|
1230
|
-
top: auto;
|
|
1231
|
-
bottom: 0;
|
|
1232
|
-
}
|
|
1233
|
-
.ui-mobile-touch-overflow.ui-native-fixed .ui-content {
|
|
1234
|
-
padding-top: 2.5em;
|
|
1235
|
-
padding-bottom: 3em;
|
|
1236
|
-
top: 0;
|
|
1237
|
-
bottom: 0;
|
|
1238
|
-
height: auto;
|
|
1239
|
-
position: absolute;
|
|
1240
|
-
}
|
|
1241
|
-
.ui-mobile-touch-overflow.ui-native-fullscreen .ui-content {
|
|
1242
|
-
padding-top: 0;
|
|
1243
|
-
padding-bottom: 0;
|
|
1244
|
-
}
|
|
1245
|
-
.ui-mobile-touch-overflow.ui-native-fullscreen .ui-header,
|
|
1246
|
-
.ui-mobile-touch-overflow.ui-native-fullscreen .ui-footer {
|
|
1247
|
-
opacity: .9;
|
|
1248
|
-
}
|
|
1249
|
-
.ui-native-bars-hidden {
|
|
1250
|
-
display: none;
|
|
1251
|
-
}
|
|
1252
|
-
|
|
1253
1120
|
/* icons sizing */
|
|
1254
1121
|
.ui-icon { width: 18px; height: 18px; }
|
|
1255
|
-
|
|
1256
|
-
/* fullscreen class on ui-content div */
|
|
1257
|
-
.ui-fullscreen { }
|
|
1258
|
-
.ui-fullscreen img { max-width: 100%; }
|
|
1259
|
-
|
|
1260
1122
|
/* non-js content hiding */
|
|
1261
1123
|
.ui-nojs { position: absolute; left: -9999px; }
|
|
1262
|
-
|
|
1263
1124
|
/* accessible content hiding */
|
|
1264
1125
|
.ui-hide-label label,
|
|
1265
1126
|
.ui-hidden-accessible { position: absolute !important; left: -9999px; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
|
|
1266
|
-
|
|
1267
|
-
|
|
1268
|
-
|
|
1269
|
-
|
|
1270
|
-
|
|
1271
|
-
|
|
1272
|
-
}
|
|
1273
|
-
|
|
1274
|
-
|
|
1275
|
-
to {-webkit-transform: rotate(360deg);}
|
|
1276
|
-
}
|
|
1277
|
-
|
|
1278
|
-
/* Transitions from jQtouch (with small modifications): http://www.jqtouch.com/
|
|
1279
|
-
Built by David Kaneda and maintained by Jonathan Stark.
|
|
1280
|
-
*/
|
|
1281
|
-
.in, .out {
|
|
1282
|
-
-webkit-animation-timing-function: ease-in-out;
|
|
1127
|
+
/* Transitions originally inspired by those from jQtouch, nice work, folks */
|
|
1128
|
+
.ui-mobile-viewport-transitioning,
|
|
1129
|
+
.ui-mobile-viewport-transitioning .ui-page {
|
|
1130
|
+
width: 100%;
|
|
1131
|
+
height: 100%;
|
|
1132
|
+
overflow: hidden;
|
|
1133
|
+
}
|
|
1134
|
+
.in {
|
|
1135
|
+
-webkit-animation-timing-function: ease-out;
|
|
1283
1136
|
-webkit-animation-duration: 350ms;
|
|
1137
|
+
-moz-animation-timing-function: ease-out;
|
|
1138
|
+
-moz-animation-duration: 350ms;
|
|
1139
|
+
}
|
|
1140
|
+
.out {
|
|
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
|
+
}
|
|
1146
|
+
@-webkit-keyframes fadein {
|
|
1147
|
+
from { opacity: 0; }
|
|
1148
|
+
to { opacity: 1; }
|
|
1149
|
+
}
|
|
1150
|
+
@-moz-keyframes fadein {
|
|
1151
|
+
from { opacity: 0; }
|
|
1152
|
+
to { opacity: 1; }
|
|
1153
|
+
}
|
|
1154
|
+
@-webkit-keyframes fadeout {
|
|
1155
|
+
from { opacity: 1; }
|
|
1156
|
+
to { opacity: 0; }
|
|
1157
|
+
}
|
|
1158
|
+
@-moz-keyframes fadeout {
|
|
1159
|
+
from { opacity: 1; }
|
|
1160
|
+
to { opacity: 0; }
|
|
1161
|
+
}
|
|
1162
|
+
.fade.out {
|
|
1163
|
+
opacity: 0;
|
|
1164
|
+
-webkit-animation-duration: 125ms;
|
|
1165
|
+
-webkit-animation-name: fadeout;
|
|
1166
|
+
-moz-animation-duration: 125ms;
|
|
1167
|
+
-moz-animation-name: fadeout;
|
|
1168
|
+
}
|
|
1169
|
+
.fade.in {
|
|
1170
|
+
opacity: 1;
|
|
1171
|
+
-webkit-animation-duration: 225ms;
|
|
1172
|
+
-webkit-animation-name: fadein;
|
|
1173
|
+
-moz-animation-duration: 225ms;
|
|
1174
|
+
-moz-animation-name: fadein;
|
|
1175
|
+
}
|
|
1176
|
+
.pop {
|
|
1177
|
+
-webkit-transform-origin: 50% 50%;
|
|
1178
|
+
-moz-transform-origin: 50% 50%;
|
|
1179
|
+
}
|
|
1180
|
+
.pop.in {
|
|
1181
|
+
-webkit-transform: scale(1);
|
|
1182
|
+
-moz-transform: scale(1);
|
|
1183
|
+
opacity: 1;
|
|
1184
|
+
-webkit-animation-name: popin;
|
|
1185
|
+
-moz-animation-name: popin;
|
|
1186
|
+
-webkit-animation-duration: 350ms;
|
|
1187
|
+
-moz-animation-duration: 350ms;
|
|
1188
|
+
}
|
|
1189
|
+
.pop.out {
|
|
1190
|
+
-webkit-animation-name: fadeout;
|
|
1191
|
+
-moz-animation-name: fadeout;
|
|
1192
|
+
opacity: 0;
|
|
1193
|
+
-webkit-animation-duration: 100ms;
|
|
1194
|
+
-moz-animation-duration: 100ms;
|
|
1195
|
+
}
|
|
1196
|
+
.pop.in.reverse {
|
|
1197
|
+
-webkit-animation-name: fadein;
|
|
1198
|
+
-moz-animation-name: fadein;
|
|
1199
|
+
}
|
|
1200
|
+
.pop.out.reverse {
|
|
1201
|
+
-webkit-transform: scale(.8);
|
|
1202
|
+
-moz-transform: scale(.8);
|
|
1203
|
+
-webkit-animation-name: popout;
|
|
1204
|
+
-moz-animation-name: popout;
|
|
1205
|
+
}
|
|
1206
|
+
@-webkit-keyframes popin {
|
|
1207
|
+
from {
|
|
1208
|
+
-webkit-transform: scale(.8);
|
|
1209
|
+
opacity: 0;
|
|
1210
|
+
}
|
|
1211
|
+
to {
|
|
1212
|
+
-webkit-transform: scale(1);
|
|
1213
|
+
opacity: 1;
|
|
1214
|
+
}
|
|
1215
|
+
}
|
|
1216
|
+
@-moz-keyframes popin {
|
|
1217
|
+
from {
|
|
1218
|
+
-moz-transform: scale(.8);
|
|
1219
|
+
opacity: 0;
|
|
1220
|
+
}
|
|
1221
|
+
to {
|
|
1222
|
+
-moz-transform: scale(1);
|
|
1223
|
+
opacity: 1;
|
|
1224
|
+
}
|
|
1225
|
+
}
|
|
1226
|
+
@-webkit-keyframes popout {
|
|
1227
|
+
from {
|
|
1228
|
+
-webkit-transform: scale(1);
|
|
1229
|
+
opacity: 1;
|
|
1230
|
+
}
|
|
1231
|
+
to {
|
|
1232
|
+
-webkit-transform: scale(.8);
|
|
1233
|
+
opacity: 0;
|
|
1234
|
+
}
|
|
1235
|
+
}
|
|
1236
|
+
@-moz-keyframes popout {
|
|
1237
|
+
from {
|
|
1238
|
+
-moz-transform: scale(1);
|
|
1239
|
+
opacity: 1;
|
|
1240
|
+
}
|
|
1241
|
+
to {
|
|
1242
|
+
-moz-transform: scale(.8);
|
|
1243
|
+
opacity: 0;
|
|
1244
|
+
}
|
|
1245
|
+
}
|
|
1246
|
+
/* keyframes for slidein from sides */
|
|
1247
|
+
@-webkit-keyframes slideinfromright {
|
|
1248
|
+
from { -webkit-transform: translateX(100%); }
|
|
1249
|
+
to { -webkit-transform: translateX(0); }
|
|
1250
|
+
}
|
|
1251
|
+
@-moz-keyframes slideinfromright {
|
|
1252
|
+
from { -moz-transform: translateX(100%); }
|
|
1253
|
+
to { -moz-transform: translateX(0); }
|
|
1254
|
+
}
|
|
1255
|
+
@-webkit-keyframes slideinfromleft {
|
|
1256
|
+
from { -webkit-transform: translateX(-100%); }
|
|
1257
|
+
to { -webkit-transform: translateX(0); }
|
|
1258
|
+
}
|
|
1259
|
+
@-moz-keyframes slideinfromleft {
|
|
1260
|
+
from { -moz-transform: translateX(-100%); }
|
|
1261
|
+
to { -moz-transform: translateX(0); }
|
|
1262
|
+
}
|
|
1263
|
+
/* keyframes for slideout to sides */
|
|
1264
|
+
@-webkit-keyframes slideouttoleft {
|
|
1265
|
+
from { -webkit-transform: translateX(0); }
|
|
1266
|
+
to { -webkit-transform: translateX(-100%); }
|
|
1267
|
+
}
|
|
1268
|
+
@-moz-keyframes slideouttoleft {
|
|
1269
|
+
from { -moz-transform: translateX(0); }
|
|
1270
|
+
to { -moz-transform: translateX(-100%); }
|
|
1271
|
+
}
|
|
1272
|
+
@-webkit-keyframes slideouttoright {
|
|
1273
|
+
from { -webkit-transform: translateX(0); }
|
|
1274
|
+
to { -webkit-transform: translateX(100%); }
|
|
1275
|
+
}
|
|
1276
|
+
@-moz-keyframes slideouttoright {
|
|
1277
|
+
from { -moz-transform: translateX(0); }
|
|
1278
|
+
to { -moz-transform: translateX(100%); }
|
|
1279
|
+
}
|
|
1280
|
+
.slide.out, .slide.in {
|
|
1281
|
+
-webkit-animation-timing-function: ease-out;
|
|
1282
|
+
-webkit-animation-duration: 350ms;
|
|
1283
|
+
-moz-animation-timing-function: ease-out;
|
|
1284
|
+
-moz-animation-duration: 350ms;
|
|
1284
1285
|
}
|
|
1285
|
-
|
|
1286
|
-
|
|
1287
1286
|
.slide.out {
|
|
1288
1287
|
-webkit-transform: translateX(-100%);
|
|
1289
1288
|
-webkit-animation-name: slideouttoleft;
|
|
1289
|
+
-moz-transform: translateX(-100%);
|
|
1290
|
+
-moz-animation-name: slideouttoleft;
|
|
1290
1291
|
}
|
|
1291
|
-
|
|
1292
1292
|
.slide.in {
|
|
1293
1293
|
-webkit-transform: translateX(0);
|
|
1294
1294
|
-webkit-animation-name: slideinfromright;
|
|
1295
|
+
-moz-transform: translateX(0);
|
|
1296
|
+
-moz-animation-name: slideinfromright;
|
|
1295
1297
|
}
|
|
1296
|
-
|
|
1297
1298
|
.slide.out.reverse {
|
|
1298
1299
|
-webkit-transform: translateX(100%);
|
|
1299
1300
|
-webkit-animation-name: slideouttoright;
|
|
1301
|
+
-moz-transform: translateX(100%);
|
|
1302
|
+
-moz-animation-name: slideouttoright;
|
|
1300
1303
|
}
|
|
1301
|
-
|
|
1302
1304
|
.slide.in.reverse {
|
|
1303
1305
|
-webkit-transform: translateX(0);
|
|
1304
1306
|
-webkit-animation-name: slideinfromleft;
|
|
1307
|
+
-moz-transform: translateX(0);
|
|
1308
|
+
-moz-animation-name: slideinfromleft;
|
|
1305
1309
|
}
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
-webkit-animation-name:
|
|
1309
|
-
|
|
1310
|
+
.slidefade.out {
|
|
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;
|
|
1310
1317
|
}
|
|
1311
|
-
|
|
1312
|
-
|
|
1313
|
-
-webkit-
|
|
1314
|
-
-
|
|
1315
|
-
|
|
1318
|
+
.slidefade.in {
|
|
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;
|
|
1316
1325
|
}
|
|
1317
|
-
|
|
1318
|
-
|
|
1319
|
-
|
|
1320
|
-
-
|
|
1326
|
+
.slidefade.out.reverse {
|
|
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;
|
|
1321
1333
|
}
|
|
1322
|
-
|
|
1323
|
-
|
|
1324
|
-
-webkit-
|
|
1325
|
-
|
|
1326
|
-
-
|
|
1334
|
+
.slidefade.in.reverse {
|
|
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;
|
|
1327
1341
|
}
|
|
1328
|
-
|
|
1342
|
+
/* slide down */
|
|
1329
1343
|
.slidedown.out {
|
|
1330
|
-
-webkit-animation-name:
|
|
1331
|
-
|
|
1344
|
+
-webkit-animation-name: fadeout;
|
|
1345
|
+
-moz-animation-name: fadeout;
|
|
1346
|
+
-webkit-animation-duration: 100ms;
|
|
1347
|
+
-moz-animation-duration: 100ms;
|
|
1332
1348
|
}
|
|
1333
|
-
|
|
1334
1349
|
.slidedown.in {
|
|
1335
1350
|
-webkit-transform: translateY(0);
|
|
1336
1351
|
-webkit-animation-name: slideinfromtop;
|
|
1337
|
-
|
|
1352
|
+
-moz-transform: translateY(0);
|
|
1353
|
+
-moz-animation-name: slideinfromtop;
|
|
1354
|
+
-webkit-animation-duration: 250ms;
|
|
1355
|
+
-moz-animation-duration: 250ms;
|
|
1338
1356
|
}
|
|
1339
|
-
|
|
1340
1357
|
.slidedown.in.reverse {
|
|
1341
|
-
|
|
1342
|
-
-
|
|
1358
|
+
-webkit-animation-name: fadein;
|
|
1359
|
+
-moz-animation-name: fadein;
|
|
1360
|
+
-webkit-animation-duration: 150ms;
|
|
1361
|
+
-moz-animation-duration: 150ms;
|
|
1343
1362
|
}
|
|
1344
|
-
|
|
1345
1363
|
.slidedown.out.reverse {
|
|
1346
1364
|
-webkit-transform: translateY(-100%);
|
|
1347
|
-
|
|
1365
|
+
-moz-transform: translateY(-100%);
|
|
1348
1366
|
-webkit-animation-name: slideouttotop;
|
|
1367
|
+
-moz-animation-name: slideouttotop;
|
|
1368
|
+
-webkit-animation-duration: 200ms;
|
|
1369
|
+
-moz-animation-duration: 200ms;
|
|
1349
1370
|
}
|
|
1350
|
-
|
|
1351
|
-
@-webkit-keyframes slideinfromright {
|
|
1352
|
-
from { -webkit-transform: translateX(100%); }
|
|
1353
|
-
to { -webkit-transform: translateX(0); }
|
|
1354
|
-
}
|
|
1355
|
-
|
|
1356
|
-
@-webkit-keyframes slideinfromleft {
|
|
1357
|
-
from { -webkit-transform: translateX(-100%); }
|
|
1358
|
-
to { -webkit-transform: translateX(0); }
|
|
1359
|
-
}
|
|
1360
|
-
|
|
1361
|
-
@-webkit-keyframes slideouttoleft {
|
|
1362
|
-
from { -webkit-transform: translateX(0); }
|
|
1363
|
-
to { -webkit-transform: translateX(-100%); }
|
|
1364
|
-
}
|
|
1365
|
-
|
|
1366
|
-
@-webkit-keyframes slideouttoright {
|
|
1367
|
-
from { -webkit-transform: translateX(0); }
|
|
1368
|
-
to { -webkit-transform: translateX(100%); }
|
|
1369
|
-
}
|
|
1370
|
-
|
|
1371
1371
|
@-webkit-keyframes slideinfromtop {
|
|
1372
1372
|
from { -webkit-transform: translateY(-100%); }
|
|
1373
1373
|
to { -webkit-transform: translateY(0); }
|
|
1374
1374
|
}
|
|
1375
|
-
|
|
1376
|
-
|
|
1377
|
-
|
|
1378
|
-
to { -webkit-transform: translateY(0); }
|
|
1379
|
-
}
|
|
1380
|
-
|
|
1381
|
-
@-webkit-keyframes slideouttobottom {
|
|
1382
|
-
from { -webkit-transform: translateY(0); }
|
|
1383
|
-
to { -webkit-transform: translateY(100%); }
|
|
1375
|
+
@-moz-keyframes slideinfromtop {
|
|
1376
|
+
from { -moz-transform: translateY(-100%); }
|
|
1377
|
+
to { -moz-transform: translateY(0); }
|
|
1384
1378
|
}
|
|
1385
|
-
|
|
1386
1379
|
@-webkit-keyframes slideouttotop {
|
|
1387
1380
|
from { -webkit-transform: translateY(0); }
|
|
1388
1381
|
to { -webkit-transform: translateY(-100%); }
|
|
1389
1382
|
}
|
|
1390
|
-
@-
|
|
1391
|
-
from {
|
|
1392
|
-
to {
|
|
1393
|
-
}
|
|
1394
|
-
|
|
1395
|
-
@-webkit-keyframes fadeout {
|
|
1396
|
-
from { opacity: 1; }
|
|
1397
|
-
to { opacity: 0; }
|
|
1383
|
+
@-moz-keyframes slideouttotop {
|
|
1384
|
+
from { -moz-transform: translateY(0); }
|
|
1385
|
+
to { -moz-transform: translateY(-100%); }
|
|
1398
1386
|
}
|
|
1399
|
-
|
|
1400
|
-
.
|
|
1401
|
-
z-index: 0;
|
|
1387
|
+
/* slide up */
|
|
1388
|
+
.slideup.out {
|
|
1402
1389
|
-webkit-animation-name: fadeout;
|
|
1390
|
+
-moz-animation-name: fadeout;
|
|
1391
|
+
-webkit-animation-duration: 100ms;
|
|
1392
|
+
-moz-animation-duration: 100ms;
|
|
1403
1393
|
}
|
|
1404
|
-
|
|
1405
|
-
|
|
1406
|
-
|
|
1407
|
-
|
|
1394
|
+
.slideup.in {
|
|
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
|
+
}
|
|
1402
|
+
.slideup.in.reverse {
|
|
1408
1403
|
-webkit-animation-name: fadein;
|
|
1404
|
+
-moz-animation-name: fadein;
|
|
1405
|
+
-webkit-animation-duration: 150ms;
|
|
1406
|
+
-moz-animation-duration: 150ms;
|
|
1407
|
+
}
|
|
1408
|
+
.slideup.out.reverse {
|
|
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
|
+
}
|
|
1416
|
+
@-webkit-keyframes slideinfrombottom {
|
|
1417
|
+
from { -webkit-transform: translateY(100%); }
|
|
1418
|
+
to { -webkit-transform: translateY(0); }
|
|
1419
|
+
}
|
|
1420
|
+
@-moz-keyframes slideinfrombottom {
|
|
1421
|
+
from { -moz-transform: translateY(100%); }
|
|
1422
|
+
to { -moz-transform: translateY(0); }
|
|
1423
|
+
}
|
|
1424
|
+
@-webkit-keyframes slideouttobottom {
|
|
1425
|
+
from { -webkit-transform: translateY(0); }
|
|
1426
|
+
to { -webkit-transform: translateY(100%); }
|
|
1427
|
+
}
|
|
1428
|
+
@-moz-keyframes slideouttobottom {
|
|
1429
|
+
from { -moz-transform: translateY(0); }
|
|
1430
|
+
to { -moz-transform: translateY(100%); }
|
|
1409
1431
|
}
|
|
1410
|
-
|
|
1411
1432
|
/* The properties in this rule are only necessary for the 'flip' transition.
|
|
1412
1433
|
* We need specify the perspective to create a projection matrix. This will add
|
|
1413
1434
|
* some depth as the element flips. The depth number represents the distance of
|
|
@@ -1416,151 +1437,294 @@ Built by David Kaneda and maintained by Jonathan Stark.
|
|
|
1416
1437
|
*/
|
|
1417
1438
|
.viewport-flip {
|
|
1418
1439
|
-webkit-perspective: 1000;
|
|
1440
|
+
-moz-perspective: 1000;
|
|
1419
1441
|
position: absolute;
|
|
1420
1442
|
}
|
|
1421
|
-
|
|
1422
|
-
.ui-mobile-viewport-transitioning,
|
|
1423
|
-
.ui-mobile-viewport-transitioning .ui-page {
|
|
1424
|
-
width: 100%;
|
|
1425
|
-
height: 100%;
|
|
1426
|
-
overflow: hidden;
|
|
1427
|
-
}
|
|
1428
|
-
|
|
1429
1443
|
.flip {
|
|
1430
|
-
-webkit-animation-duration: .65s;
|
|
1431
1444
|
-webkit-backface-visibility:hidden;
|
|
1432
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);
|
|
1433
1448
|
}
|
|
1434
|
-
|
|
1435
1449
|
.flip.out {
|
|
1436
|
-
-webkit-transform: rotateY(-
|
|
1450
|
+
-webkit-transform: rotateY(-90deg) scale(.9);
|
|
1437
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;
|
|
1438
1456
|
}
|
|
1439
|
-
|
|
1440
1457
|
.flip.in {
|
|
1441
|
-
-webkit-
|
|
1442
|
-
-webkit-animation-
|
|
1458
|
+
-webkit-animation-name: flipintoright;
|
|
1459
|
+
-webkit-animation-duration: 225ms;
|
|
1460
|
+
-moz-animation-name: flipintoright;
|
|
1461
|
+
-moz-animation-duration: 225ms;
|
|
1443
1462
|
}
|
|
1444
|
-
|
|
1445
|
-
/* Shake it all about */
|
|
1446
|
-
|
|
1447
1463
|
.flip.out.reverse {
|
|
1448
|
-
-webkit-transform: rotateY(
|
|
1464
|
+
-webkit-transform: rotateY(90deg) scale(.9);
|
|
1449
1465
|
-webkit-animation-name: flipouttoright;
|
|
1466
|
+
-moz-transform: rotateY(90deg) scale(.9);
|
|
1467
|
+
-moz-animation-name: flipouttoright;
|
|
1450
1468
|
}
|
|
1451
|
-
|
|
1452
1469
|
.flip.in.reverse {
|
|
1453
|
-
-webkit-
|
|
1454
|
-
-
|
|
1455
|
-
}
|
|
1456
|
-
|
|
1457
|
-
@-webkit-keyframes flipinfromright {
|
|
1458
|
-
from { -webkit-transform: rotateY(-180deg) scale(.8); }
|
|
1459
|
-
to { -webkit-transform: rotateY(0) scale(1); }
|
|
1470
|
+
-webkit-animation-name: flipintoleft;
|
|
1471
|
+
-moz-animation-name: flipintoleft;
|
|
1460
1472
|
}
|
|
1461
|
-
|
|
1462
|
-
@-webkit-keyframes flipinfromleft {
|
|
1463
|
-
from { -webkit-transform: rotateY(180deg) scale(.8); }
|
|
1464
|
-
to { -webkit-transform: rotateY(0) scale(1); }
|
|
1465
|
-
}
|
|
1466
|
-
|
|
1467
1473
|
@-webkit-keyframes flipouttoleft {
|
|
1468
|
-
from { -webkit-transform: rotateY(0)
|
|
1469
|
-
to { -webkit-transform: rotateY(-
|
|
1474
|
+
from { -webkit-transform: rotateY(0); }
|
|
1475
|
+
to { -webkit-transform: rotateY(-90deg) scale(.9); }
|
|
1476
|
+
}
|
|
1477
|
+
@-moz-keyframes flipouttoleft {
|
|
1478
|
+
from { -moz-transform: rotateY(0); }
|
|
1479
|
+
to { -moz-transform: rotateY(-90deg) scale(.9); }
|
|
1470
1480
|
}
|
|
1471
|
-
|
|
1472
1481
|
@-webkit-keyframes flipouttoright {
|
|
1473
|
-
from { -webkit-transform: rotateY(0)
|
|
1474
|
-
to { -webkit-transform: rotateY(
|
|
1475
|
-
}
|
|
1476
|
-
|
|
1477
|
-
|
|
1478
|
-
/* Hackish, but reliable. */
|
|
1479
|
-
|
|
1480
|
-
@-webkit-keyframes dontmove {
|
|
1481
|
-
from { opacity: 1; }
|
|
1482
|
-
to { opacity: 1; }
|
|
1482
|
+
from { -webkit-transform: rotateY(0) ; }
|
|
1483
|
+
to { -webkit-transform: rotateY(90deg) scale(.9); }
|
|
1483
1484
|
}
|
|
1484
|
-
|
|
1485
|
-
|
|
1486
|
-
|
|
1485
|
+
@-moz-keyframes flipouttoright {
|
|
1486
|
+
from { -moz-transform: rotateY(0); }
|
|
1487
|
+
to { -moz-transform: rotateY(90deg) scale(.9); }
|
|
1487
1488
|
}
|
|
1488
|
-
|
|
1489
|
-
.
|
|
1490
|
-
|
|
1491
|
-
opacity: 1;
|
|
1492
|
-
-webkit-animation-name: popin;
|
|
1493
|
-
z-index: 10;
|
|
1489
|
+
@-webkit-keyframes flipintoleft {
|
|
1490
|
+
from { -webkit-transform: rotateY(-90deg) scale(.9); }
|
|
1491
|
+
to { -webkit-transform: rotateY(0); }
|
|
1494
1492
|
}
|
|
1495
|
-
|
|
1496
|
-
.
|
|
1497
|
-
|
|
1498
|
-
-webkit-animation-name: dontmove;
|
|
1493
|
+
@-moz-keyframes flipintoleft {
|
|
1494
|
+
from { -moz-transform: rotateY(-90deg) scale(.9); }
|
|
1495
|
+
to { -moz-transform: rotateY(0); }
|
|
1499
1496
|
}
|
|
1500
|
-
|
|
1501
|
-
.
|
|
1502
|
-
|
|
1503
|
-
opacity: 0;
|
|
1504
|
-
-webkit-animation-name: popout;
|
|
1505
|
-
z-index: 10;
|
|
1497
|
+
@-webkit-keyframes flipintoright {
|
|
1498
|
+
from { -webkit-transform: rotateY(90deg) scale(.9); }
|
|
1499
|
+
to { -webkit-transform: rotateY(0); }
|
|
1506
1500
|
}
|
|
1507
|
-
|
|
1508
|
-
|
|
1509
|
-
|
|
1510
|
-
-webkit-transform: scale(.2);
|
|
1511
|
-
opacity: 0;
|
|
1512
|
-
}
|
|
1513
|
-
to {
|
|
1514
|
-
-webkit-transform: scale(1);
|
|
1515
|
-
opacity: 1;
|
|
1516
|
-
}
|
|
1501
|
+
@-moz-keyframes flipintoright {
|
|
1502
|
+
from { -moz-transform: rotateY(90deg) scale(.9); }
|
|
1503
|
+
to { -moz-transform: rotateY(0); }
|
|
1517
1504
|
}
|
|
1518
|
-
|
|
1519
|
-
|
|
1520
|
-
|
|
1521
|
-
|
|
1522
|
-
|
|
1523
|
-
|
|
1524
|
-
|
|
1525
|
-
|
|
1526
|
-
|
|
1527
|
-
|
|
1528
|
-
}
|
|
1505
|
+
/* The properties in this rule are only necessary for the 'flip' transition.
|
|
1506
|
+
* We need specify the perspective to create a projection matrix. This will add
|
|
1507
|
+
* some depth as the element flips. The depth number represents the distance of
|
|
1508
|
+
* the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
|
|
1509
|
+
* value.
|
|
1510
|
+
*/
|
|
1511
|
+
.viewport-turn {
|
|
1512
|
+
-webkit-perspective: 1000;
|
|
1513
|
+
-moz-perspective: 1000;
|
|
1514
|
+
position: absolute;
|
|
1515
|
+
}
|
|
1516
|
+
.turn {
|
|
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
|
+
}
|
|
1525
|
+
.turn.out {
|
|
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
|
+
}
|
|
1533
|
+
.turn.in {
|
|
1534
|
+
-webkit-animation-name: flipintoright;
|
|
1535
|
+
-moz-animation-name: flipintoright;
|
|
1536
|
+
-webkit-animation-duration: 250ms;
|
|
1537
|
+
-moz-animation-duration: 250ms;
|
|
1538
|
+
|
|
1539
|
+
}
|
|
1540
|
+
.turn.out.reverse {
|
|
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
|
+
}
|
|
1546
|
+
.turn.in.reverse {
|
|
1547
|
+
-webkit-animation-name: flipintoleft;
|
|
1548
|
+
-moz-animation-name: flipintoleft;
|
|
1549
|
+
}
|
|
1550
|
+
@-webkit-keyframes flipouttoleft {
|
|
1551
|
+
from { -webkit-transform: rotateY(0); }
|
|
1552
|
+
to { -webkit-transform: rotateY(-90deg) scale(.9); }
|
|
1553
|
+
}
|
|
1554
|
+
@-moz-keyframes flipouttoleft {
|
|
1555
|
+
from { -moz-transform: rotateY(0); }
|
|
1556
|
+
to { -moz-transform: rotateY(-90deg) scale(.9); }
|
|
1557
|
+
}
|
|
1558
|
+
@-webkit-keyframes flipouttoright {
|
|
1559
|
+
from { -webkit-transform: rotateY(0) ; }
|
|
1560
|
+
to { -webkit-transform: rotateY(90deg) scale(.9); }
|
|
1561
|
+
}
|
|
1562
|
+
@-moz-keyframes flipouttoright {
|
|
1563
|
+
from { -moz-transform: rotateY(0); }
|
|
1564
|
+
to { -moz-transform: rotateY(90deg) scale(.9); }
|
|
1565
|
+
}
|
|
1566
|
+
@-webkit-keyframes flipintoleft {
|
|
1567
|
+
from { -webkit-transform: rotateY(-90deg) scale(.9); }
|
|
1568
|
+
to { -webkit-transform: rotateY(0); }
|
|
1569
|
+
}
|
|
1570
|
+
@-moz-keyframes flipintoleft {
|
|
1571
|
+
from { -moz-transform: rotateY(-90deg) scale(.9); }
|
|
1572
|
+
to { -moz-transform: rotateY(0); }
|
|
1573
|
+
}
|
|
1574
|
+
@-webkit-keyframes flipintoright {
|
|
1575
|
+
from { -webkit-transform: rotateY(90deg) scale(.9); }
|
|
1576
|
+
to { -webkit-transform: rotateY(0); }
|
|
1577
|
+
}
|
|
1578
|
+
@-moz-keyframes flipintoright {
|
|
1579
|
+
from { -moz-transform: rotateY(90deg) scale(.9); }
|
|
1580
|
+
to { -moz-transform: rotateY(0); }
|
|
1581
|
+
}
|
|
1582
|
+
/* flow transition */
|
|
1583
|
+
.flow {
|
|
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
|
+
}
|
|
1589
|
+
.ui-dialog.flow {
|
|
1590
|
+
-webkit-transform-origin: none;
|
|
1591
|
+
-moz-transform-origin: none;
|
|
1592
|
+
-webkit-box-shadow: none;
|
|
1593
|
+
-moz-box-shadow: none;
|
|
1594
|
+
}
|
|
1595
|
+
.flow.out {
|
|
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
|
+
}
|
|
1605
|
+
.flow.in {
|
|
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
|
+
}
|
|
1615
|
+
.flow.out.reverse {
|
|
1616
|
+
-webkit-transform: translateX(100%);
|
|
1617
|
+
-webkit-animation-name: flowouttoright;
|
|
1618
|
+
-moz-transform: translateX(100%);
|
|
1619
|
+
-moz-animation-name: flowouttoright;
|
|
1620
|
+
}
|
|
1621
|
+
.flow.in.reverse {
|
|
1622
|
+
-webkit-animation-name: flowinfromleft;
|
|
1623
|
+
-moz-animation-name: flowinfromleft;
|
|
1624
|
+
}
|
|
1625
|
+
@-webkit-keyframes flowouttoleft {
|
|
1626
|
+
0% { -webkit-transform: translateX(0) scale(1); }
|
|
1627
|
+
60%, 70% { -webkit-transform: translateX(0) scale(.7); }
|
|
1628
|
+
100% { -webkit-transform: translateX(-100%) scale(.7); }
|
|
1629
|
+
}
|
|
1630
|
+
@-moz-keyframes flowouttoleft {
|
|
1631
|
+
0% { -moz-transform: translateX(0) scale(1); }
|
|
1632
|
+
60%, 70% { -moz-transform: translateX(0) scale(.7); }
|
|
1633
|
+
100% { -moz-transform: translateX(-100%) scale(.7); }
|
|
1634
|
+
}
|
|
1635
|
+
@-webkit-keyframes flowouttoright {
|
|
1636
|
+
0% { -webkit-transform: translateX(0) scale(1); }
|
|
1637
|
+
60%, 70% { -webkit-transform: translateX(0) scale(.7); }
|
|
1638
|
+
100% { -webkit-transform: translateX(100%) scale(.7); }
|
|
1639
|
+
}
|
|
1640
|
+
@-moz-keyframes flowouttoright {
|
|
1641
|
+
0% { -moz-transform: translateX(0) scale(1); }
|
|
1642
|
+
60%, 70% { -moz-transform: translateX(0) scale(.7); }
|
|
1643
|
+
100% { -moz-transform: translateX(100%) scale(.7); }
|
|
1644
|
+
}
|
|
1645
|
+
@-webkit-keyframes flowinfromleft {
|
|
1646
|
+
0% { -webkit-transform: translateX(-100%) scale(.7); }
|
|
1647
|
+
30%, 40% { -webkit-transform: translateX(0) scale(.7); }
|
|
1648
|
+
100% { -webkit-transform: translateX(0) scale(1); }
|
|
1649
|
+
}
|
|
1650
|
+
@-moz-keyframes flowinfromleft {
|
|
1651
|
+
0% { -moz-transform: translateX(-100%) scale(.7); }
|
|
1652
|
+
30%, 40% { -moz-transform: translateX(0) scale(.7); }
|
|
1653
|
+
100% { -moz-transform: translateX(0) scale(1); }
|
|
1654
|
+
}
|
|
1655
|
+
@-webkit-keyframes flowinfromright {
|
|
1656
|
+
0% { -webkit-transform: translateX(100%) scale(.7); }
|
|
1657
|
+
30%, 40% { -webkit-transform: translateX(0) scale(.7); }
|
|
1658
|
+
100% { -webkit-transform: translateX(0) scale(1); }
|
|
1659
|
+
}
|
|
1660
|
+
@-moz-keyframes flowinfromright {
|
|
1661
|
+
0% { -moz-transform: translateX(100%) scale(.7); }
|
|
1662
|
+
30%, 40% { -moz-transform: translateX(0) scale(.7); }
|
|
1663
|
+
100% { -moz-transform: translateX(0) scale(1); }
|
|
1664
|
+
}
|
|
1665
|
+
/* content configurations. */
|
|
1529
1666
|
.ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
|
|
1530
1667
|
.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e { margin: 0; padding: 0; border: 0; float: left; min-height:1px;}
|
|
1531
|
-
|
|
1532
1668
|
/* grid solo: 100 - single item fallback */
|
|
1533
1669
|
.ui-grid-solo .ui-block-a { width: 100%; float: none; }
|
|
1534
|
-
|
|
1535
1670
|
/* grid a: 50/50 */
|
|
1536
1671
|
.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 50%; }
|
|
1537
1672
|
.ui-grid-a .ui-block-a { clear: left; }
|
|
1538
|
-
|
|
1539
1673
|
/* grid b: 33/33/33 */
|
|
1540
1674
|
.ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.333%; }
|
|
1541
1675
|
.ui-grid-b .ui-block-a { clear: left; }
|
|
1542
|
-
|
|
1543
1676
|
/* grid c: 25/25/25/25 */
|
|
1544
1677
|
.ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d { width: 25%; }
|
|
1545
1678
|
.ui-grid-c .ui-block-a { clear: left; }
|
|
1546
|
-
|
|
1547
1679
|
/* grid d: 20/20/20/20/20 */
|
|
1548
1680
|
.ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 20%; }
|
|
1549
1681
|
.ui-grid-d .ui-block-a { clear: left; }
|
|
1550
1682
|
/* fixed page header & footer configuration */
|
|
1551
|
-
.ui-header
|
|
1552
|
-
.ui-
|
|
1683
|
+
.ui-header-fixed,
|
|
1684
|
+
.ui-footer-fixed {
|
|
1685
|
+
left: 0;
|
|
1686
|
+
right: 0;
|
|
1687
|
+
width: 100%;
|
|
1688
|
+
position: fixed;
|
|
1553
1689
|
z-index: 1000;
|
|
1554
|
-
-webkit-transform: translateZ(0); /* Force header/footer rendering to go through the same rendering pipeline as native page scrolling. */
|
|
1555
1690
|
}
|
|
1556
|
-
.ui-
|
|
1557
|
-
|
|
1691
|
+
.ui-header-fixed {
|
|
1692
|
+
top: 0;
|
|
1693
|
+
}
|
|
1694
|
+
.ui-footer-fixed {
|
|
1695
|
+
bottom: 0;
|
|
1696
|
+
}
|
|
1697
|
+
.ui-header-fullscreen,
|
|
1698
|
+
.ui-footer-fullscreen {
|
|
1699
|
+
opacity: .9;
|
|
1700
|
+
}
|
|
1701
|
+
.ui-page-header-fixed {
|
|
1702
|
+
padding-top: 2.5em;
|
|
1703
|
+
}
|
|
1704
|
+
.ui-page-footer-fixed {
|
|
1705
|
+
padding-bottom: 3em;
|
|
1706
|
+
}
|
|
1707
|
+
.ui-page-header-fullscreen .ui-content,
|
|
1708
|
+
.ui-page-footer-fullscreen .ui-content {
|
|
1709
|
+
padding: 0;
|
|
1710
|
+
}
|
|
1711
|
+
.ui-fixed-hidden {
|
|
1712
|
+
position: absolute;
|
|
1713
|
+
}
|
|
1714
|
+
.ui-page-header-fullscreen .ui-fixed-hidden,
|
|
1715
|
+
.ui-page-footer-fullscreen .ui-fixed-hidden {
|
|
1716
|
+
left: -99999em;
|
|
1717
|
+
}
|
|
1718
|
+
.ui-header-fixed .ui-btn,
|
|
1719
|
+
.ui-footer-fixed .ui-btn {
|
|
1720
|
+
z-index: 10;
|
|
1721
|
+
}
|
|
1558
1722
|
.ui-navbar { overflow: hidden; }
|
|
1559
1723
|
.ui-navbar ul, .ui-navbar-expanded ul { list-style:none; padding: 0; margin: 0; position: relative; display: block; border: 0;}
|
|
1560
1724
|
.ui-navbar-collapsed ul { float: left; width: 75%; margin-right: -2px; }
|
|
1561
1725
|
.ui-navbar-collapsed .ui-navbar-toggle { float: left; width: 25%; }
|
|
1562
1726
|
.ui-navbar li.ui-navbar-truncate { position: absolute; left: -9999px; top: -9999px; }
|
|
1563
|
-
.ui-navbar li .ui-btn, .ui-navbar .ui-navbar-toggle .ui-btn { display: block; font-size: 12px; text-align: center; margin: 0; border-right-width: 0; }
|
|
1727
|
+
.ui-navbar li .ui-btn, .ui-navbar .ui-navbar-toggle .ui-btn { display: block; font-size: 12px; text-align: center; margin: 0; border-right-width: 0; max-width: 100%; }
|
|
1564
1728
|
.ui-navbar li .ui-btn { margin-right: -1px; }
|
|
1565
1729
|
.ui-navbar li .ui-btn:last-child { margin-right: 0; }
|
|
1566
1730
|
.ui-header .ui-navbar li .ui-btn, .ui-header .ui-navbar .ui-navbar-toggle .ui-btn,
|
|
@@ -1577,59 +1741,73 @@ Built by David Kaneda and maintained by Jonathan Stark.
|
|
|
1577
1741
|
.ui-navbar-expanded li .ui-btn .ui-btn-inner { min-height: 2.5em; }
|
|
1578
1742
|
.ui-navbar-expanded .ui-navbar-noicons .ui-btn .ui-btn-inner { padding-top: 1.8em; padding-bottom: 1.9em; }
|
|
1579
1743
|
.ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 5px; padding: 0; }
|
|
1580
|
-
.ui-
|
|
1581
|
-
.ui-btn-
|
|
1582
|
-
.ui-btn-inner { padding: .6em 25px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; zoom: 1; }
|
|
1744
|
+
.ui-mini { margin: .25em 5px; }
|
|
1745
|
+
.ui-btn-inner { padding: .6em 20px; min-width: .75em; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; zoom: 1; }
|
|
1583
1746
|
.ui-btn input, .ui-btn button { z-index: 2; }
|
|
1584
|
-
.ui-
|
|
1747
|
+
.ui-btn-left, .ui-btn-right, .ui-btn-inline { display: inline-block; }
|
|
1748
|
+
.ui-btn-block { display: block; }
|
|
1749
|
+
.ui-header .ui-btn,
|
|
1750
|
+
.ui-footer .ui-btn { display: inline-block; margin: 0; }
|
|
1751
|
+
.ui-header .ui-btn-inner,
|
|
1752
|
+
.ui-footer .ui-btn-inner,
|
|
1753
|
+
.ui-mini .ui-btn-inner { font-size: 12.5px; padding: .55em 11px .5em; }
|
|
1754
|
+
.ui-header .ui-fullsize .ui-btn-inner,
|
|
1755
|
+
.ui-footer .ui-fullsize .ui-btn-inner { font-size: 16px; padding: .6em 25px; }
|
|
1585
1756
|
.ui-btn-icon-notext { width: 24px; height: 24px; }
|
|
1586
|
-
.ui-btn-icon-notext .ui-btn-inner { padding:
|
|
1587
|
-
.ui-btn-
|
|
1757
|
+
.ui-btn-icon-notext .ui-btn-inner { padding: 0; height: 100%; }
|
|
1758
|
+
.ui-btn-icon-notext .ui-btn-inner .ui-icon { margin: 2px 1px 2px 3px; }
|
|
1759
|
+
.ui-btn-text { position: relative; z-index: 1; width: 100%; }
|
|
1588
1760
|
.ui-btn-icon-notext .ui-btn-text { position: absolute; left: -9999px; }
|
|
1589
|
-
.ui-btn-icon-left .ui-btn-inner { padding-left:
|
|
1761
|
+
.ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
|
|
1762
|
+
.ui-btn-icon-right .ui-btn-inner { padding-right: 40px; }
|
|
1763
|
+
.ui-btn-icon-top .ui-btn-inner { padding-top: 40px; }
|
|
1764
|
+
.ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 40px; }
|
|
1590
1765
|
.ui-header .ui-btn-icon-left .ui-btn-inner,
|
|
1591
1766
|
.ui-footer .ui-btn-icon-left .ui-btn-inner,
|
|
1592
|
-
.ui-
|
|
1593
|
-
.ui-btn-icon-right .ui-btn-inner { padding-right: 33px; }
|
|
1767
|
+
.ui-mini .ui-btn-icon-left .ui-btn-inner { padding-left: 30px; }
|
|
1594
1768
|
.ui-header .ui-btn-icon-right .ui-btn-inner,
|
|
1595
1769
|
.ui-footer .ui-btn-icon-right .ui-btn-inner,
|
|
1596
|
-
.ui-
|
|
1597
|
-
.ui-btn-icon-top .ui-btn-inner { padding-top: 33px; }
|
|
1770
|
+
.ui-mini .ui-btn-icon-right .ui-btn-inner { padding-right: 30px; }
|
|
1598
1771
|
.ui-header .ui-btn-icon-top .ui-btn-inner,
|
|
1599
1772
|
.ui-footer .ui-btn-icon-top .ui-btn-inner,
|
|
1600
|
-
.ui-
|
|
1601
|
-
.ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 33px; }
|
|
1773
|
+
.ui-mini .ui-btn-icon-top .ui-btn-inner { padding: 30px 3px .5em 3px; }
|
|
1602
1774
|
.ui-header .ui-btn-icon-bottom .ui-btn-inner,
|
|
1603
1775
|
.ui-footer .ui-btn-icon-bottom .ui-btn-inner,
|
|
1604
|
-
.ui-
|
|
1605
|
-
|
|
1776
|
+
.ui-mini .ui-btn-icon-bottom .ui-btn-inner { padding: .55em 3px 30px 3px; }
|
|
1606
1777
|
/*btn icon positioning*/
|
|
1607
1778
|
.ui-btn-icon-notext .ui-icon { display: block; z-index: 0;}
|
|
1608
|
-
.ui-btn-icon-left .ui-icon, .ui-btn-icon-right .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
|
|
1609
|
-
.ui-btn-icon-top .ui-icon, .ui-btn-icon-bottom .ui-icon { position: absolute; left: 50%; margin-left: -9px; }
|
|
1779
|
+
.ui-btn-icon-left .ui-btn-inner .ui-icon, .ui-btn-icon-right .ui-btn-inner .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
|
|
1780
|
+
.ui-btn-icon-top .ui-btn-inner .ui-icon, .ui-btn-icon-bottom .ui-btn-inner .ui-icon { position: absolute; left: 50%; margin-left: -9px; }
|
|
1610
1781
|
.ui-btn-icon-left .ui-icon { left: 10px; }
|
|
1611
1782
|
.ui-btn-icon-right .ui-icon { right: 10px; }
|
|
1612
1783
|
.ui-btn-icon-top .ui-icon { top: 10px; }
|
|
1613
|
-
.ui-btn-icon-bottom .ui-icon { bottom: 10px; }
|
|
1784
|
+
.ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; }
|
|
1614
1785
|
.ui-header .ui-btn-icon-left .ui-icon,
|
|
1615
1786
|
.ui-footer .ui-btn-icon-left .ui-icon,
|
|
1616
|
-
.ui-
|
|
1787
|
+
.ui-mini.ui-btn-icon-left .ui-icon,
|
|
1788
|
+
.ui-mini .ui-btn-icon-left .ui-icon { left: 5px; }
|
|
1617
1789
|
.ui-header .ui-btn-icon-right .ui-icon,
|
|
1618
1790
|
.ui-footer .ui-btn-icon-right .ui-icon,
|
|
1619
|
-
.ui-
|
|
1791
|
+
.ui-mini.ui-btn-icon-right .ui-icon,
|
|
1792
|
+
.ui-mini .ui-btn-icon-right .ui-icon { right: 5px; }
|
|
1620
1793
|
.ui-header .ui-btn-icon-top .ui-icon,
|
|
1621
1794
|
.ui-footer .ui-btn-icon-top .ui-icon,
|
|
1622
|
-
.ui-
|
|
1795
|
+
.ui-mini.ui-btn-icon-top .ui-icon,
|
|
1796
|
+
.ui-mini .ui-btn-icon-top .ui-icon { top: 5px; }
|
|
1623
1797
|
.ui-header .ui-btn-icon-bottom .ui-icon,
|
|
1624
1798
|
.ui-footer .ui-btn-icon-bottom .ui-icon,
|
|
1625
|
-
.ui-
|
|
1626
|
-
|
|
1799
|
+
.ui-mini.ui-btn-icon-bottom .ui-icon,
|
|
1800
|
+
.ui-mini .ui-btn-icon-bottom .ui-icon { bottom: 5px; }
|
|
1627
1801
|
/*hiding native button,inputs */
|
|
1628
|
-
.ui-btn-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: button; opacity: .1; cursor: pointer; background: #fff; background: rgba(255,255,255,0); filter: Alpha(Opacity=.0001); font-size: 1px; border: none;
|
|
1802
|
+
.ui-btn-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: button; opacity: .1; cursor: pointer; background: #fff; background: rgba(255,255,255,0); filter: Alpha(Opacity=.0001); font-size: 1px; border: none; text-indent: -9999px; }
|
|
1629
1803
|
.ui-collapsible { margin: .5em 0; }
|
|
1630
1804
|
.ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -8px; padding: 0; border-width: 0 0 1px 0; position: relative; }
|
|
1631
1805
|
.ui-collapsible-heading a { text-align: left; margin: 0; }
|
|
1632
|
-
.ui-collapsible-heading
|
|
1806
|
+
.ui-collapsible-heading .ui-btn-inner,
|
|
1807
|
+
.ui-collapsible-heading .ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
|
|
1808
|
+
.ui-collapsible-heading .ui-btn-icon-right .ui-btn-inner { padding-left: 12px; padding-right: 40px; }
|
|
1809
|
+
.ui-collapsible-heading .ui-btn-icon-top .ui-btn-inner,
|
|
1810
|
+
.ui-collapsible-heading .ui-btn-icon-bottom .ui-btn-inner { padding-right: 40px; text-align: center; }
|
|
1633
1811
|
.ui-collapsible-heading a span.ui-btn { position: absolute; left: 6px; top: 50%; margin: -12px 0 0 0; width: 20px; height: 20px; padding: 1px 0px 1px 2px; text-indent: -9999px; }
|
|
1634
1812
|
.ui-collapsible-heading a span.ui-btn .ui-btn-inner { padding: 10px 0; }
|
|
1635
1813
|
.ui-collapsible-heading a span.ui-btn .ui-icon { left: 0; margin-top: -10px; }
|
|
@@ -1643,22 +1821,21 @@ Built by David Kaneda and maintained by Jonathan Stark.
|
|
|
1643
1821
|
font-weight: normal; /* Overrides ui-btn-up-* */
|
|
1644
1822
|
}
|
|
1645
1823
|
.ui-collapsible-content-collapsed { display: none; }
|
|
1646
|
-
|
|
1647
1824
|
.ui-collapsible-set { margin: .5em 0; }
|
|
1648
1825
|
.ui-collapsible-set .ui-collapsible { margin: -1px 0 0; }
|
|
1649
|
-
.ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em
|
|
1826
|
+
.ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: 0em 0 .5em; zoom: 1; }
|
|
1650
1827
|
.ui-bar .ui-controlgroup { margin: 0 .3em; }
|
|
1651
|
-
.ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .
|
|
1828
|
+
.ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .4em; }
|
|
1652
1829
|
.ui-controlgroup-controls { display: block; width: 100%;}
|
|
1653
1830
|
.ui-controlgroup li { list-style: none; }
|
|
1654
1831
|
.ui-controlgroup-vertical .ui-btn,
|
|
1655
1832
|
.ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { margin: 0; border-bottom-width: 0; }
|
|
1656
1833
|
.ui-controlgroup-controls label.ui-select { position: absolute; left: -9999px; }
|
|
1657
|
-
|
|
1658
1834
|
.ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; }
|
|
1659
1835
|
.ui-controlgroup-horizontal { padding: 0; }
|
|
1660
|
-
.ui-controlgroup-horizontal .ui-btn
|
|
1661
|
-
.ui-controlgroup-horizontal .ui-
|
|
1836
|
+
.ui-controlgroup-horizontal .ui-btn-inner { text-align:center; }
|
|
1837
|
+
.ui-controlgroup-horizontal .ui-btn, .ui-controlgroup-horizontal .ui-select { display: inline-block; margin: 0 -6px 0 0; }
|
|
1838
|
+
.ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { float: left; clear: none; margin: 0 -1px 0 0; }
|
|
1662
1839
|
.ui-controlgroup-horizontal .ui-checkbox .ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn,
|
|
1663
1840
|
.ui-controlgroup-horizontal .ui-checkbox:last-child, .ui-controlgroup-horizontal .ui-radio:last-child { margin-right: 0; }
|
|
1664
1841
|
.ui-controlgroup-horizontal .ui-controlgroup-last { margin-right: 0; }
|
|
@@ -1667,71 +1844,96 @@ Built by David Kaneda and maintained by Jonathan Stark.
|
|
|
1667
1844
|
.ui-controlgroup .ui-btn-icon-notext { width: 30px; height: 30px; text-indent: -9999px; }
|
|
1668
1845
|
.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { padding: 5px 6px 5px 5px; }
|
|
1669
1846
|
*/
|
|
1670
|
-
|
|
1671
1847
|
@media all and (min-width: 450px){
|
|
1672
1848
|
.ui-field-contain .ui-controlgroup-label { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
|
|
1673
1849
|
.ui-field-contain .ui-controlgroup-controls { width: 60%; display: inline-block; }
|
|
1674
1850
|
.ui-field-contain .ui-controlgroup .ui-select { width: 100%; }
|
|
1675
1851
|
.ui-field-contain .ui-controlgroup-horizontal .ui-select { width: auto; }
|
|
1676
|
-
}
|
|
1852
|
+
}
|
|
1853
|
+
.ui-dialog {
|
|
1854
|
+
background: none !important; /* this is to ensure that dialog theming does not apply (by default at least) on the page div */
|
|
1855
|
+
}
|
|
1856
|
+
.ui-dialog-contain { width: 92.5%; max-width: 500px; margin: 10% auto 15px auto; padding: 0; }
|
|
1857
|
+
.ui-dialog .ui-header {
|
|
1858
|
+
margin-top: 15%;
|
|
1859
|
+
border: none;
|
|
1860
|
+
overflow: hidden;
|
|
1861
|
+
}
|
|
1677
1862
|
.ui-dialog .ui-header,
|
|
1678
1863
|
.ui-dialog .ui-content,
|
|
1679
1864
|
.ui-dialog .ui-footer {
|
|
1680
|
-
|
|
1681
|
-
margin: 10% auto 15px auto;
|
|
1682
|
-
width: 85%;
|
|
1865
|
+
display: block;
|
|
1683
1866
|
position: relative;
|
|
1867
|
+
width: auto;
|
|
1684
1868
|
}
|
|
1685
1869
|
.ui-dialog .ui-header,
|
|
1686
1870
|
.ui-dialog .ui-footer {
|
|
1687
|
-
padding: 0 15px;
|
|
1688
1871
|
z-index: 10;
|
|
1872
|
+
padding: 0;
|
|
1873
|
+
}
|
|
1874
|
+
.ui-dialog .ui-footer {
|
|
1875
|
+
padding: 0 15px;
|
|
1689
1876
|
}
|
|
1690
1877
|
.ui-dialog .ui-content {
|
|
1691
1878
|
padding: 15px;
|
|
1692
1879
|
}
|
|
1693
|
-
.ui-dialog
|
|
1694
|
-
.ui-dialog .ui-footer {
|
|
1880
|
+
.ui-dialog {
|
|
1695
1881
|
margin-top: -15px;
|
|
1696
1882
|
}
|
|
1697
|
-
.ui-checkbox, .ui-radio { position:relative;
|
|
1883
|
+
.ui-checkbox, .ui-radio { position: relative; clear: both; margin: .2em 0 .5em; z-index: 1; }
|
|
1698
1884
|
.ui-checkbox .ui-btn, .ui-radio .ui-btn { margin: 0; text-align: left; z-index: 2; }
|
|
1699
1885
|
.ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; }
|
|
1700
1886
|
.ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; }
|
|
1887
|
+
.ui-checkbox .ui-mini.ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-mini.ui-btn-icon-left .ui-btn-inner { padding-left: 36px; }
|
|
1701
1888
|
.ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
|
|
1889
|
+
.ui-checkbox .ui-mini.ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-mini.ui-btn-icon-right .ui-btn-inner { padding-right: 36px; }
|
|
1890
|
+
.ui-checkbox .ui-btn-icon-top .ui-btn-inner,.ui-radio .ui-btn-icon-top .ui-btn-inner { padding-right: 0; padding-left: 0; text-align: center; }
|
|
1891
|
+
.ui-checkbox .ui-btn-icon-bottom .ui-btn-inner, .ui-radio .ui-btn-icon-bottom .ui-btn-inner { padding-right: 0; padding-left: 0; text-align: center; }
|
|
1702
1892
|
.ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; }
|
|
1703
|
-
.ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon {left: 15px; }
|
|
1704
|
-
.ui-checkbox .ui-btn-icon-
|
|
1893
|
+
.ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon { left: 15px; }
|
|
1894
|
+
.ui-checkbox .ui-mini.ui-btn-icon-left .ui-icon, .ui-radio .ui-mini.ui-btn-icon-left .ui-icon { left: 9px; }
|
|
1895
|
+
.ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; }
|
|
1896
|
+
.ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 9px; }
|
|
1897
|
+
.ui-checkbox .ui-btn-icon-top .ui-icon, .ui-radio .ui-btn-icon-top .ui-icon { top: 10px; }
|
|
1898
|
+
.ui-checkbox .ui-btn-icon-bottom .ui-icon, .ui-radio .ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; }
|
|
1899
|
+
.ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; }
|
|
1900
|
+
.ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 9px; }
|
|
1705
1901
|
/* input, label positioning */
|
|
1706
|
-
.ui-checkbox input,.ui-radio input { position:absolute; left:20px; top:50%; width: 10px; height: 10px; margin:-5px 0 0 0; outline: 0 !important; z-index: 1; }
|
|
1902
|
+
.ui-checkbox input,.ui-radio input { position:absolute; left:20px; top:50%; width: 10px; height: 10px; margin:-5px 0 0 0; outline: 0 !important; z-index: 1; }
|
|
1903
|
+
.ui-field-contain, fieldset.ui-field-contain { padding: .8em 0; margin: 0; border-width: 0 0 1px 0; overflow: visible; }
|
|
1707
1904
|
.ui-field-contain:first-child { border-top-width: 0; }
|
|
1905
|
+
.ui-header .ui-field-contain-left,
|
|
1906
|
+
.ui-header .ui-field-contain-right {
|
|
1907
|
+
position: absolute;
|
|
1908
|
+
top: 0;
|
|
1909
|
+
width: 25%;
|
|
1910
|
+
}
|
|
1911
|
+
.ui-header .ui-field-contain-left {
|
|
1912
|
+
left: 1em;
|
|
1913
|
+
}
|
|
1914
|
+
.ui-header .ui-field-contain-right {
|
|
1915
|
+
right: 1em;
|
|
1916
|
+
}
|
|
1708
1917
|
@media all and (min-width: 450px){
|
|
1709
|
-
.ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }
|
|
1710
|
-
}
|
|
1918
|
+
.ui-field-contain, .ui-mobile fieldset.ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }
|
|
1919
|
+
}
|
|
1920
|
+
.ui-select { display: block; position: relative; }
|
|
1711
1921
|
.ui-select select { position: absolute; left: -9999px; top: -9999px; }
|
|
1712
|
-
.ui-select .ui-btn { overflow: hidden; }
|
|
1713
|
-
|
|
1714
|
-
|
|
1715
|
-
.ui-select .ui-btn { opacity: 1; }
|
|
1716
|
-
|
|
1922
|
+
.ui-select .ui-btn { overflow: hidden; opacity: 1; margin: 0; }
|
|
1717
1923
|
/* Fixes #2588 — When Windows Phone 7.5 (Mango) tries to calculate a numeric opacity for a select—including “inherit”—without explicitly specifying an opacity on the parent to give it context, a bug appears where clicking elsewhere on the page after opening the select will open the select again. */
|
|
1718
1924
|
.ui-select .ui-btn select { cursor: pointer; -webkit-appearance: button; left: 0; top:0; width: 100%; min-height: 1.5em; min-height: 100%; height: 3em; max-height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); z-index: 2; }
|
|
1719
|
-
|
|
1720
1925
|
.ui-select .ui-disabled { opacity: .3; }
|
|
1721
|
-
|
|
1722
1926
|
@-moz-document url-prefix() {.ui-select .ui-btn select { opacity: 0.0001; }}
|
|
1723
1927
|
.ui-select .ui-btn select.ui-select-nativeonly { opacity: 1; text-indent: 0; }
|
|
1724
|
-
|
|
1725
1928
|
.ui-select .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
|
|
1726
1929
|
.ui-select .ui-btn-icon-right .ui-icon { right: 15px; }
|
|
1727
|
-
|
|
1930
|
+
.ui-select .ui-mini.ui-btn-icon-right .ui-icon { right: 7px; }
|
|
1728
1931
|
/* labels */
|
|
1729
1932
|
label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
|
|
1730
|
-
|
|
1731
1933
|
/*listbox*/
|
|
1732
|
-
.ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; overflow: hidden;
|
|
1934
|
+
.ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; overflow: hidden !important;
|
|
1935
|
+
/* This !important is required for iPad Safari specifically. See https://github.com/jquery/jquery-mobile/issues/2647 */ }
|
|
1733
1936
|
.ui-select .ui-btn-text { text-overflow: ellipsis; }
|
|
1734
|
-
|
|
1735
1937
|
.ui-selectmenu { position: absolute; padding: 0; z-index: 1100 !important; width: 80%; max-width: 350px; padding: 6px; }
|
|
1736
1938
|
.ui-selectmenu .ui-listview { margin: 0; }
|
|
1737
1939
|
.ui-selectmenu .ui-btn.ui-li-divider { cursor: default; }
|
|
@@ -1741,23 +1943,26 @@ label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margi
|
|
|
1741
1943
|
.ui-selectmenu-list .ui-li .ui-icon { display: block; }
|
|
1742
1944
|
.ui-li.ui-selectmenu-placeholder { display: none; }
|
|
1743
1945
|
.ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; }
|
|
1744
|
-
|
|
1745
1946
|
@media all and (min-width: 450px){
|
|
1746
1947
|
.ui-field-contain label.ui-select { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
|
|
1747
1948
|
.ui-field-contain .ui-select { width: 60%; display: inline-block; }
|
|
1748
1949
|
}
|
|
1749
|
-
|
|
1750
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 */
|
|
1751
|
-
.ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }
|
|
1752
|
-
|
|
1753
|
-
input.ui-input-text { -
|
|
1951
|
+
.ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }
|
|
1952
|
+
label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; }
|
|
1953
|
+
input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; line-height: 1.4; font-size: 16px; display: block; width: 97%; outline: 0; }
|
|
1954
|
+
.ui-header input.ui-input-text,
|
|
1955
|
+
.ui-footer input.ui-input-text { margin-left: 1.25%; padding: .4em 1%; width: 95.5% } /* Note that padding left/right on text inputs is factored into how the element is displayed in Firefox, but does not actually pad the text inside it. */
|
|
1956
|
+
input.ui-input-text { -webkit-appearance: none; }
|
|
1754
1957
|
textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; }
|
|
1755
1958
|
.ui-input-search { padding: 0 30px; background-image: none; position: relative; }
|
|
1756
1959
|
.ui-icon-searchfield:after { position: absolute; left: 7px; top: 50%; margin-top: -9px; content: ""; width: 18px; height: 18px; opacity: .5; }
|
|
1757
1960
|
.ui-input-search input.ui-input-text { border: none; width: 98%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; }
|
|
1758
1961
|
.ui-input-search .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -13px; }
|
|
1962
|
+
.ui-mini .ui-input-clear { right: -3px; }
|
|
1759
1963
|
.ui-input-search .ui-input-clear-hidden { display: none; }
|
|
1760
|
-
|
|
1964
|
+
input.ui-mini, .ui-mini input, textarea.ui-mini { font-size: 14px; }
|
|
1965
|
+
textarea.ui-mini { height: 45px; }
|
|
1761
1966
|
/* orientation adjustments - incomplete!*/
|
|
1762
1967
|
@media all and (min-width: 450px){
|
|
1763
1968
|
.ui-field-contain label.ui-input-text { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 }
|
|
@@ -1769,7 +1974,8 @@ textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear;
|
|
|
1769
1974
|
.ui-hide-label textarea.ui-input-text,
|
|
1770
1975
|
.ui-hide-label .ui-input-search { padding: .4em; width: 97%; }
|
|
1771
1976
|
.ui-input-search input.ui-input-text { width: 98%; /*echos rule from above*/ }
|
|
1772
|
-
}
|
|
1977
|
+
}
|
|
1978
|
+
.ui-listview { margin: 0; counter-reset: listnumbering; }
|
|
1773
1979
|
.ui-content .ui-listview { margin: -15px; }
|
|
1774
1980
|
.ui-content .ui-listview-inset { margin: 1em 0; }
|
|
1775
1981
|
.ui-listview, .ui-li { list-style:none; padding:0; }
|
|
@@ -1794,54 +2000,54 @@ ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid
|
|
|
1794
2000
|
.ui-li-thumb, .ui-listview .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; }
|
|
1795
2001
|
.ui-listview .ui-li-icon { max-height: 40px; max-width: 40px; left: 10px; top: .9em; }
|
|
1796
2002
|
.ui-li-thumb, .ui-listview .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; }
|
|
1797
|
-
|
|
1798
2003
|
.ui-li-aside { float: right; width: 50%; text-align: right; margin: .3em 0; }
|
|
1799
2004
|
@media all and (min-width: 480px){
|
|
1800
2005
|
.ui-li-aside { width: 45%; }
|
|
1801
2006
|
}
|
|
1802
2007
|
.ui-li-divider { cursor: default; }
|
|
1803
2008
|
.ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 95px; }
|
|
1804
|
-
.ui-li-has-count .ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right:
|
|
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; }
|
|
1805
2010
|
.ui-li-divider .ui-li-count, .ui-li-static .ui-li-count { right: 10px; }
|
|
1806
2011
|
.ui-li-has-alt .ui-li-count { right: 55px; }
|
|
1807
2012
|
.ui-li-link-alt { position: absolute; width: 40px; height: 100%; border-width: 0; border-left-width: 1px; top: 0; right: 0; margin: 0; padding: 0; z-index: 2; }
|
|
1808
2013
|
.ui-li-link-alt .ui-btn { overflow: hidden; position: absolute; right: 8px; top: 50%; margin: -11px 0 0 0; border-bottom-width: 1px; z-index: -1;}
|
|
1809
2014
|
.ui-li-link-alt .ui-btn-inner { padding: 0; height: 100%; position: absolute; width: 100%; top: 0; left: 0;}
|
|
1810
2015
|
.ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px; }
|
|
1811
|
-
|
|
1812
2016
|
.ui-listview * .ui-btn-inner > .ui-btn > .ui-btn-inner { border-top: 0px; }
|
|
1813
|
-
|
|
1814
2017
|
.ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px }
|
|
1815
2018
|
.ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; }
|
|
1816
|
-
|
|
1817
2019
|
.ui-listview-filter-inset { margin: -15px -5px -15px -5px; background: transparent; }
|
|
1818
2020
|
.ui-li.ui-screen-hidden{display:none;}
|
|
1819
2021
|
/* Odd iPad positioning issue. */
|
|
1820
2022
|
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
|
|
1821
2023
|
.ui-li .ui-btn-text { overflow: visible; }
|
|
1822
|
-
}
|
|
2024
|
+
}
|
|
2025
|
+
label.ui-slider { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
|
|
1823
2026
|
input.ui-slider-input,
|
|
1824
2027
|
.ui-field-contain input.ui-slider-input { display: inline-block; width: 50px; }
|
|
1825
2028
|
select.ui-slider-switch { display: none; }
|
|
1826
|
-
div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 20px; top: 4px; width:
|
|
1827
|
-
div.ui-slider-
|
|
1828
|
-
|
|
1829
|
-
a.ui-slider-handle .ui-
|
|
1830
|
-
|
|
1831
|
-
|
|
2029
|
+
div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 20px; top: 4px; width: 65%; }
|
|
2030
|
+
div.ui-slider-mini { height: 12px; margin-left: 10px; }
|
|
2031
|
+
div.ui-slider-bg { border: none; height: 100%; padding-right: 8px; }
|
|
2032
|
+
.ui-controlgroup a.ui-slider-handle, a.ui-slider-handle { position: absolute; z-index: 1; top: 50%; width: 28px; height: 28px; margin-top: -15px; margin-left: -15px; outline: 0; }
|
|
2033
|
+
a.ui-slider-handle .ui-btn-inner { padding: 0; height: 100%; }
|
|
2034
|
+
div.ui-slider-mini a.ui-slider-handle { height: 14px; width: 14px; margin: -8px 0 0 -7px; }
|
|
2035
|
+
div.ui-slider-mini a.ui-slider-handle .ui-btn-inner { height: 30px; width: 30px; padding: 0; margin: -9px 0 0 -9px; }
|
|
2036
|
+
@media all and (min-width: 450px){
|
|
2037
|
+
.ui-field-contain label.ui-slider { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
|
|
1832
2038
|
.ui-field-contain div.ui-slider { width: 43%; }
|
|
2039
|
+
.ui-field-contain div.ui-slider-switch { width: 5.5em; }
|
|
1833
2040
|
}
|
|
1834
|
-
|
|
1835
|
-
|
|
1836
|
-
div.ui-slider-
|
|
1837
|
-
|
|
1838
|
-
div.ui-slider-
|
|
1839
|
-
div.ui-slider-switch
|
|
1840
|
-
div.ui-slider-switch
|
|
1841
|
-
.ui-slider-switch
|
|
1842
|
-
.ui-slider-
|
|
1843
|
-
|
|
1844
|
-
|
|
1845
|
-
span.ui-slider-label {
|
|
1846
|
-
|
|
1847
|
-
span.ui-slider-label-b { right: -100%; margin-left: -1px }
|
|
2041
|
+
div.ui-slider-switch { height: 32px; margin-left: 0; width: 5.8em; }
|
|
2042
|
+
a.ui-slider-handle-snapping { -webkit-transition: left 70ms linear; -moz-transition: left 70ms linear; }
|
|
2043
|
+
div.ui-slider-switch .ui-slider-handle { margin-top: 1px; }
|
|
2044
|
+
.ui-slider-inneroffset { margin: 0 16px; position: relative; z-index: 1; }
|
|
2045
|
+
div.ui-slider-switch.ui-slider-mini { width: 5em; height: 29px; }
|
|
2046
|
+
div.ui-slider-switch.ui-slider-mini .ui-slider-inneroffset { margin: 0 15px 0 14px; }
|
|
2047
|
+
div.ui-slider-switch.ui-slider-mini .ui-slider-handle { width: 25px; height: 25px; margin: 1px 0 0 -13px; }
|
|
2048
|
+
div.ui-slider-switch.ui-slider-mini a.ui-slider-handle .ui-btn-inner { height: 30px; width: 30px; padding: 0; margin: 0; }
|
|
2049
|
+
span.ui-slider-label { position: absolute; text-align: center; width: 100%; overflow: hidden; font-size: 16px; top: 0; line-height: 2; min-height: 100%; border-width: 0; white-space: nowrap; }
|
|
2050
|
+
.ui-slider-mini span.ui-slider-label { font-size: 14px; }
|
|
2051
|
+
span.ui-slider-label-a { z-index: 1; left: 0; text-indent: -1.5em; }
|
|
2052
|
+
span.ui-slider-label-b { z-index: 0; right: 0; text-indent: 1.5em;}
|
|
2053
|
+
.ui-slider-inline { width: 120px; display: inline-block; }
|