jquery_mobile_rails 1.0b3.1 → 1.0rc1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (7) hide show
  1. data/lib/jquery_mobile_rails/version.rb +1 -1
  2. data/vendor/assets/javascripts/jquery.mobile.js +565 -458
  3. data/vendor/assets/javascripts/jquery.mobile.min.js +156 -155
  4. data/vendor/assets/stylesheets/jquery.mobile.css.erb +507 -457
  5. data/vendor/assets/stylesheets/jquery.mobile.min.css.erb +6 -2
  6. metadata +7 -8
  7. data/vendor/assets/images/jquery-mobile/icon-search-black.png +0 -0
data/vendor/assets/stylesheets/jquery.mobile.css.erb CHANGED
@@ -1,73 +1,74 @@
1
1
  /*!
2
- * jQuery Mobile v1.0b3
2
+ * jQuery Mobile v1.0rc1
3
3
  * http://jquerymobile.com/
4
4
  *
5
5
  * Copyright 2010, jQuery Project
6
6
  * Dual licensed under the MIT or GPL Version 2 licenses.
7
7
  * http://jquery.org/license
8
8
  */
9
- /*
9
+ /*!
10
10
  * jQuery Mobile Framework
11
11
  * Copyright (c) jQuery Project
12
12
  * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
13
13
  */
14
14
 
15
+ /* Swatches */
15
16
 
16
17
  /* A
17
18
  -----------------------------------------------------------------------------------------------------------*/
18
19
 
19
20
  .ui-bar-a {
20
- border: 1px solid #2A2A2A;
21
- background: #111111;
22
- color: #ffffff;
21
+ border: 1px solid #2A2A2A /*{a-bar-border}*/;
22
+ background: #111111 /*{a-bar-background-color}*/;
23
+ color: #ffffff /*{a-bar-color}*/;
23
24
  font-weight: bold;
24
- text-shadow: 0 -1px 1px #000000;
25
- background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#111)); /* Saf4+, Chrome */
26
- background-image: -webkit-linear-gradient(top, #3c3c3c, #111); /* Chrome 10+, Saf5.1+ */
27
- background-image: -moz-linear-gradient(top, #3c3c3c, #111); /* FF3.6 */
28
- background-image: -ms-linear-gradient(top, #3c3c3c, #111); /* IE10 */
29
- background-image: -o-linear-gradient(top, #3c3c3c, #111); /* Opera 11.10+ */
30
- background-image: linear-gradient(top, #3c3c3c, #111);
25
+ text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #000000 /*{a-bar-shadow-color}*/;
26
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c /*{a-bar-background-start}*/), to(#111 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
27
+ background-image: -webkit-linear-gradient(top, #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
28
+ background-image: -moz-linear-gradient(top, #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* FF3.6 */
29
+ background-image: -ms-linear-gradient(top, #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* IE10 */
30
+ background-image: -o-linear-gradient(top, #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Opera 11.10+ */
31
+ background-image: linear-gradient(top, #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/);
31
32
  }
32
33
  .ui-bar-a,
33
34
  .ui-bar-a input,
34
35
  .ui-bar-a select,
35
36
  .ui-bar-a textarea,
36
37
  .ui-bar-a button {
37
- font-family: Helvetica, Arial, sans-serif;
38
+ font-family: Helvetica, Arial, sans-serif /*{a-bar-font}*/;
38
39
  }
39
40
  .ui-bar-a .ui-link-inherit {
40
- color: #fff;
41
+ color: #fff /*{a-bar-color}*/;
41
42
  }
42
43
  .ui-bar-a .ui-link {
43
- color: #7cc4e7;
44
+ color: #7cc4e7 /*{global-link-color}*/;
44
45
  font-weight: bold;
45
46
  }
46
47
  .ui-body-a {
47
- border: 1px solid #2A2A2A;
48
- background: #222222;
49
- color: #fff;
50
- text-shadow: 0 1px 0 #000;
48
+ border: 1px solid #2A2A2A /*{a-body-border}*/;
49
+ background: #222222 /*{a-body-background-color}*/;
50
+ color: #fff /*{a-body-color}*/;
51
+ text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #000 /*{a-body-shadow-color}*/;
51
52
  font-weight: normal;
52
- background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#222)); /* Saf4+, Chrome */
53
- background-image: -webkit-linear-gradient(top, #666, #222); /* Chrome 10+, Saf5.1+ */
54
- background-image: -moz-linear-gradient(top, #666, #222); /* FF3.6 */
55
- background-image: -ms-linear-gradient(top, #666, #222); /* IE10 */
56
- background-image: -o-linear-gradient(top, #666, #222); /* Opera 11.10+ */
57
- background-image: linear-gradient(top, #666, #222);
53
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#666 /*{a-body-background-start}*/), to(#222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
54
+ background-image: -webkit-linear-gradient(top, #666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
55
+ background-image: -moz-linear-gradient(top, #666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* FF3.6 */
56
+ background-image: -ms-linear-gradient(top, #666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* IE10 */
57
+ background-image: -o-linear-gradient(top, #666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Opera 11.10+ */
58
+ background-image: linear-gradient(top, #666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/);
58
59
  }
59
60
  .ui-body-a,
60
61
  .ui-body-a input,
61
62
  .ui-body-a select,
62
63
  .ui-body-a textarea,
63
64
  .ui-body-a button {
64
- font-family: Helvetica, Arial, sans-serif;
65
+ font-family: Helvetica, Arial, sans-serif /*{a-body-font}*/;
65
66
  }
66
67
  .ui-body-a .ui-link-inherit {
67
- color: #fff;
68
+ color: #fff /*{a-body-color}*/;
68
69
  }
69
70
  .ui-body-a .ui-link {
70
- color: #2489CE;
71
+ color: #2489CE /*{global-link-color}*/;
71
72
  font-weight: bold;
72
73
  }
73
74
  .ui-br {
@@ -77,57 +78,57 @@
77
78
  border-bottom-style: solid;
78
79
  }
79
80
  .ui-btn-up-a {
80
- border: 1px solid #222;
81
- background: #333333;
81
+ border: 1px solid #222 /*{a-bup-border}*/;
82
+ background: #333333 /*{a-bup-background-color}*/;
82
83
  font-weight: bold;
83
- color: #fff;
84
- text-shadow: 0 -1px 1px #000;
85
- background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333)); /* Saf4+, Chrome */
86
- background-image: -webkit-linear-gradient(top, #555, #333); /* Chrome 10+, Saf5.1+ */
87
- background-image: -moz-linear-gradient(top, #555, #333); /* FF3.6 */
88
- background-image: -ms-linear-gradient(top, #555, #333); /* IE10 */
89
- background-image: -o-linear-gradient(top, #555, #333); /* Opera 11.10+ */
90
- background-image: linear-gradient(top, #555, #333);
84
+ color: #fff /*{a-bup-color}*/;
85
+ text-shadow: 0 /*{a-bup-shadow-x}*/ -1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #000 /*{a-bup-shadow-color}*/;
86
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#555 /*{a-bup-background-start}*/), to(#333 /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
87
+ background-image: -webkit-linear-gradient(top, #555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
88
+ background-image: -moz-linear-gradient(top, #555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* FF3.6 */
89
+ background-image: -ms-linear-gradient(top, #555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* IE10 */
90
+ background-image: -o-linear-gradient(top, #555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* Opera 11.10+ */
91
+ background-image: linear-gradient(top, #555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/);
91
92
  }
92
93
  .ui-btn-up-a a.ui-link-inherit {
93
- color: #fff;
94
+ color: #fff /*{a-bup-color}*/;
94
95
  }
95
96
  .ui-btn-hover-a {
96
- border: 1px solid #000;
97
- background: #444444;
97
+ border: 1px solid #000 /*{a-bhover-border}*/;
98
+ background: #444444 /*{a-bhover-background-color}*/;
98
99
  font-weight: bold;
99
- color: #fff;
100
- text-shadow: 0 -1px 1px #000;
101
- background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444)); /* Saf4+, Chrome */
102
- background-image: -webkit-linear-gradient(top, #666, #444); /* Chrome 10+, Saf5.1+ */
103
- background-image: -moz-linear-gradient(top, #666, #444); /* FF3.6 */
104
- background-image: -ms-linear-gradient(top, #666, #444); /* IE10 */
105
- background-image: -o-linear-gradient(top, #666, #444); /* Opera 11.10+ */
106
- background-image: linear-gradient(top, #666, #444);
100
+ color: #fff /*{a-bhover-color}*/;
101
+ text-shadow: 0 /*{a-bhover-shadow-x}*/ -1px /*{a-bhover-shadow-y}*/ 1px /*{a-bhover-shadow-radius}*/ #000 /*{a-bhover-shadow-color}*/;
102
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#666 /*{a-bhover-background-start}*/), to(#444 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
103
+ background-image: -webkit-linear-gradient(top, #666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
104
+ background-image: -moz-linear-gradient(top, #666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* FF3.6 */
105
+ background-image: -ms-linear-gradient(top, #666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* IE10 */
106
+ background-image: -o-linear-gradient(top, #666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* Opera 11.10+ */
107
+ background-image: linear-gradient(top, #666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/);
107
108
  }
108
109
  .ui-btn-hover-a a.ui-link-inherit {
109
- color: #fff;
110
+ color: #fff /*{a-bhover-color}*/;
110
111
  }
111
112
  .ui-btn-down-a {
112
- border: 1px solid #000;
113
- background: #3d3d3d;
113
+ border: 1px solid #000 /*{a-bdown-border}*/;
114
+ background: #3d3d3d /*{a-bdown-background-color}*/;
114
115
  font-weight: bold;
115
- color: #fff;
116
- text-shadow: 0 -1px 1px #000;
117
- background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#5a5a5a)); /* Saf4+, Chrome */
118
- background-image: -webkit-linear-gradient(top, #333, #5a5a5a); /* Chrome 10+, Saf5.1+ */
119
- background-image: -moz-linear-gradient(top, #333, #5a5a5a); /* FF3.6 */
120
- background-image: -ms-linear-gradient(top, #333, #5a5a5a); /* IE10 */
121
- background-image: -o-linear-gradient(top, #333, #5a5a5a); /* Opera 11.10+ */
122
- background-image: linear-gradient(top, #333, #5a5a5a);
116
+ color: #fff /*{a-bdown-color}*/;
117
+ text-shadow: 0 /*{a-bdown-shadow-x}*/ -1px /*{a-bdown-shadow-y}*/ 1px /*{a-bdown-shadow-radius}*/ #000 /*{a-bdown-shadow-color}*/;
118
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#333 /*{a-bdown-background-start}*/), to(#5a5a5a /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
119
+ background-image: -webkit-linear-gradient(top, #333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
120
+ background-image: -moz-linear-gradient(top, #333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* FF3.6 */
121
+ background-image: -ms-linear-gradient(top, #333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* IE10 */
122
+ background-image: -o-linear-gradient(top, #333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* Opera 11.10+ */
123
+ background-image: linear-gradient(top, #333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/);
123
124
  }
124
125
  .ui-btn-down-a a.ui-link-inherit {
125
- color: #fff;
126
+ color: #fff /*{a-bdown-color}*/;
126
127
  }
127
128
  .ui-btn-up-a,
128
129
  .ui-btn-hover-a,
129
130
  .ui-btn-down-a {
130
- font-family: Helvetica, Arial, sans-serif;
131
+ font-family: Helvetica, Arial, sans-serif /*{a-button-font}*/;
131
132
  text-decoration: none;
132
133
  }
133
134
 
@@ -136,112 +137,112 @@
136
137
  -----------------------------------------------------------------------------------------------------------*/
137
138
 
138
139
  .ui-bar-b {
139
- border: 1px solid #456f9a;
140
- background: #5e87b0;
141
- color: #fff;
140
+ border: 1px solid #456f9a /*{b-bar-border}*/;
141
+ background: #5e87b0 /*{b-bar-background-color}*/;
142
+ color: #fff /*{b-bar-color}*/;
142
143
  font-weight: bold;
143
- text-shadow: 0 -1px 1px #254f7a;
144
- background-image: -webkit-gradient(linear, left top, left bottom, from(#81a8ce), to(#5e87b0)); /* Saf4+, Chrome */
145
- background-image: -webkit-linear-gradient(top, #81a8ce, #5e87b0); /* Chrome 10+, Saf5.1+ */
146
- background-image: -moz-linear-gradient(top, #81a8ce, #5e87b0); /* FF3.6 */
147
- background-image: -ms-linear-gradient(top, #81a8ce, #5e87b0); /* IE10 */
148
- background-image: -o-linear-gradient(top, #81a8ce, #5e87b0); /* Opera 11.10+ */
149
- background-image: linear-gradient(top, #81a8ce, #5e87b0);
144
+ text-shadow: 0 /*{b-bar-shadow-x}*/ -1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #254f7a /*{b-bar-shadow-color}*/;
145
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#81a8ce /*{b-bar-background-start}*/), to(#5e87b0 /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
146
+ background-image: -webkit-linear-gradient(top, #81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
147
+ background-image: -moz-linear-gradient(top, #81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* FF3.6 */
148
+ background-image: -ms-linear-gradient(top, #81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* IE10 */
149
+ background-image: -o-linear-gradient(top, #81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* Opera 11.10+ */
150
+ background-image: linear-gradient(top, #81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/);
150
151
  }
151
152
  .ui-bar-b,
152
153
  .ui-bar-b input,
153
154
  .ui-bar-b select,
154
155
  .ui-bar-b textarea,
155
156
  .ui-bar-b button {
156
- font-family: Helvetica, Arial, sans-serif;
157
+ font-family: Helvetica, Arial, sans-serif /*{b-bar-font}*/;
157
158
  }
158
159
  .ui-bar-b .ui-link-inherit {
159
- color: #fff;
160
+ color: #fff /*{b-bar-color}*/;
160
161
  }
161
162
  .ui-bar-b .ui-link {
162
- color: #7cc4e7;
163
+ color: #7cc4e7 /*{global-link-color}*/;
163
164
  font-weight: bold;
164
165
  }
165
166
 
166
167
  .ui-body-b {
167
- border: 1px solid #C6C6C6;
168
- background: #cccccc;
169
- color: #333333;
170
- text-shadow: 0 1px 0 #fff;
168
+ border: 1px solid #C6C6C6 /*{b-body-border}*/;
169
+ background: #cccccc /*{b-body-background-color}*/;
170
+ color: #333333 /*{b-body-color}*/;
171
+ text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #fff /*{b-body-shadow-color}*/;
171
172
  font-weight: normal;
172
- background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#ccc)); /* Saf4+, Chrome */
173
- background-image: -webkit-linear-gradient(top, #e6e6e6, #ccc); /* Chrome 10+, Saf5.1+ */
174
- background-image: -moz-linear-gradient(top, #e6e6e6, #ccc); /* FF3.6 */
175
- background-image: -ms-linear-gradient(top, #e6e6e6, #ccc); /* IE10 */
176
- background-image: -o-linear-gradient(top, #e6e6e6, #ccc); /* Opera 11.10+ */
177
- background-image: linear-gradient(top, #e6e6e6, #ccc);
173
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6 /*{b-body-background-start}*/), to(#ccc /*{b-body-background-end}*/)); /* Saf4+, Chrome */
174
+ background-image: -webkit-linear-gradient(top, #e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
175
+ background-image: -moz-linear-gradient(top, #e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* FF3.6 */
176
+ background-image: -ms-linear-gradient(top, #e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* IE10 */
177
+ background-image: -o-linear-gradient(top, #e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Opera 11.10+ */
178
+ background-image: linear-gradient(top, #e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/);
178
179
  }
179
180
  .ui-body-b,
180
181
  .ui-body-b input,
181
182
  .ui-body-b select,
182
183
  .ui-body-b textarea,
183
184
  .ui-body-b button {
184
- font-family: Helvetica, Arial, sans-serif;
185
+ font-family: Helvetica, Arial, sans-serif /*{b-body-font}*/;
185
186
  }
186
187
  .ui-body-b .ui-link-inherit {
187
- color: #333333;
188
+ color: #333333 /*{b-body-color}*/;
188
189
  }
189
190
  .ui-body-b .ui-link {
190
- color: #2489CE;
191
+ color: #2489CE /*{global-link-color}*/;
191
192
  font-weight: bold;
192
193
  }
193
194
  .ui-btn-up-b {
194
- border: 1px solid #145072;
195
- background: #2567ab;
195
+ border: 1px solid #145072 /*{b-bup-border}*/;
196
+ background: #2567ab /*{b-bup-background-color}*/;
196
197
  font-weight: bold;
197
- color: #fff;
198
- text-shadow: 0 -1px 1px #145072;
199
- background-image: -webkit-gradient(linear, left top, left bottom, from(#5f9cc5), to(#396b9e)); /* Saf4+, Chrome */
200
- background-image: -webkit-linear-gradient(top, #5f9cc5, #396b9e); /* Chrome 10+, Saf5.1+ */
201
- background-image: -moz-linear-gradient(top, #5f9cc5, #396b9e); /* FF3.6 */
202
- background-image: -ms-linear-gradient(top, #5f9cc5, #396b9e); /* IE10 */
203
- background-image: -o-linear-gradient(top, #5f9cc5, #396b9e); /* Opera 11.10+ */
204
- background-image: linear-gradient(top, #5f9cc5, #396b9e);
198
+ color: #fff /*{b-bup-color}*/;
199
+ text-shadow: 0 /*{b-bup-shadow-x}*/ -1px /*{b-bup-shadow-y}*/ 1px /*{b-bup-shadow-radius}*/ #145072 /*{b-bup-shadow-color}*/;
200
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#5f9cc5 /*{b-bup-background-start}*/), to(#396b9e /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
201
+ background-image: -webkit-linear-gradient(top, #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
202
+ background-image: -moz-linear-gradient(top, #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* FF3.6 */
203
+ background-image: -ms-linear-gradient(top, #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* IE10 */
204
+ background-image: -o-linear-gradient(top, #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Opera 11.10+ */
205
+ background-image: linear-gradient(top, #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/);
205
206
  }
206
207
  .ui-btn-up-b a.ui-link-inherit {
207
- color: #fff;
208
+ color: #fff /*{b-bup-color}*/;
208
209
  }
209
210
  .ui-btn-hover-b {
210
- border: 1px solid #00516e;
211
- background: #4b88b6;
211
+ border: 1px solid #00516e /*{b-bhover-border}*/;
212
+ background: #4b88b6 /*{b-bhover-background-color}*/;
212
213
  font-weight: bold;
213
- color: #fff;
214
- text-shadow: 0 -1px 1px #014D68;
215
- background-image: -webkit-gradient(linear, left top, left bottom, from(#72b0d4), to(#4b88b6)); /* Saf4+, Chrome */
216
- background-image: -webkit-linear-gradient(top, #72b0d4, #4b88b6); /* Chrome 10+, Saf5.1+ */
217
- background-image: -moz-linear-gradient(top, #72b0d4, #4b88b6); /* FF3.6 */
218
- background-image: -ms-linear-gradient(top, #72b0d4, #4b88b6); /* IE10 */
219
- background-image: -o-linear-gradient(top, #72b0d4, #4b88b6); /* Opera 11.10+ */
220
- background-image: linear-gradient(top, #72b0d4, #4b88b6);
214
+ color: #fff /*{b-bhover-color}*/;
215
+ text-shadow: 0 /*{b-bhover-shadow-x}*/ -1px /*{b-bhover-shadow-y}*/ 1px /*{b-bhover-shadow-radius}*/ #014D68 /*{b-bhover-shadow-color}*/;
216
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#72b0d4 /*{b-bhover-background-start}*/), to(#4b88b6 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
217
+ background-image: -webkit-linear-gradient(top, #72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
218
+ background-image: -moz-linear-gradient(top, #72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* FF3.6 */
219
+ background-image: -ms-linear-gradient(top, #72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* IE10 */
220
+ background-image: -o-linear-gradient(top, #72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
221
+ background-image: linear-gradient(top, #72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/);
221
222
  }
222
223
  .ui-btn-hover-b a.ui-link-inherit {
223
- color: #fff;
224
+ color: #fff /*{b-bhover-color}*/;
224
225
  }
225
226
  .ui-btn-down-b {
226
- border: 1px solid #225377;
227
- background: #4e89c5;
227
+ border: 1px solid #225377 /*{b-bdown-border}*/;
228
+ background: #4e89c5 /*{b-bdown-background-color}*/;
228
229
  font-weight: bold;
229
- color: #fff;
230
- text-shadow: 0 -1px 1px #225377;
231
- background-image: -webkit-gradient(linear, left top, left bottom, from(#396b9e), to(#4e89c5)); /* Saf4+, Chrome */
232
- background-image: -webkit-linear-gradient(top, #396b9e, #4e89c5); /* Chrome 10+, Saf5.1+ */
233
- background-image: -moz-linear-gradient(top, #396b9e, #4e89c5); /* FF3.6 */
234
- background-image: -ms-linear-gradient(top, #396b9e, #4e89c5); /* IE10 */
235
- background-image: -o-linear-gradient(top, #396b9e, #4e89c5); /* Opera 11.10+ */
236
- background-image: linear-gradient(top, #396b9e, #4e89c5);
230
+ color: #fff /*{b-bdown-color}*/;
231
+ text-shadow: 0 /*{b-bdown-shadow-x}*/ -1px /*{b-bdown-shadow-y}*/ 1px /*{b-bdown-shadow-radius}*/ #225377 /*{b-bdown-shadow-color}*/;
232
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#396b9e /*{b-bdown-background-start}*/), to(#4e89c5 /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
233
+ background-image: -webkit-linear-gradient(top, #396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
234
+ background-image: -moz-linear-gradient(top, #396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* FF3.6 */
235
+ background-image: -ms-linear-gradient(top, #396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* IE10 */
236
+ background-image: -o-linear-gradient(top, #396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* Opera 11.10+ */
237
+ background-image: linear-gradient(top, #396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/);
237
238
  }
238
239
  .ui-btn-down-b a.ui-link-inherit {
239
- color: #fff;
240
+ color: #fff /*{b-bdown-color}*/;
240
241
  }
241
242
  .ui-btn-up-b,
242
243
  .ui-btn-hover-b,
243
244
  .ui-btn-down-b {
244
- font-family: Helvetica, Arial, sans-serif;
245
+ font-family: Helvetica, Arial, sans-serif /*{b-button-font}*/;
245
246
  text-decoration: none;
246
247
  }
247
248
 
@@ -250,105 +251,111 @@
250
251
  -----------------------------------------------------------------------------------------------------------*/
251
252
 
252
253
  .ui-bar-c {
253
- border: 1px solid #B3B3B3;
254
- background: #e9eaeb;
255
- color: #3E3E3E;
254
+ border: 1px solid #B3B3B3 /*{c-bar-border}*/;
255
+ background: #e9eaeb /*{c-bar-background-color}*/;
256
+ color: #3E3E3E /*{c-bar-color}*/;
256
257
  font-weight: bold;
257
- text-shadow: 0 1px 1px #fff;
258
- background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#e9eaeb)); /* Saf4+, Chrome */
259
- background-image: -webkit-linear-gradient(top, #f0f0f0, #e9eaeb); /* Chrome 10+, Saf5.1+ */
260
- background-image: -moz-linear-gradient(top, #f0f0f0, #e9eaeb); /* FF3.6 */
261
- background-image: -ms-linear-gradient(top, #f0f0f0, #e9eaeb); /* IE10 */
262
- background-image: -o-linear-gradient(top, #f0f0f0, #e9eaeb); /* Opera 11.10+ */
263
- background-image: linear-gradient(top, #f0f0f0, #e9eaeb);
258
+ text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/;
259
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0 /*{c-bar-background-start}*/), to(#e9eaeb /*{c-bar-background-end}*/)); /* Saf4+, Chrome */
260
+ background-image: -webkit-linear-gradient(top, #f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
261
+ background-image: -moz-linear-gradient(top, #f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/); /* FF3.6 */
262
+ background-image: -ms-linear-gradient(top, #f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/); /* IE10 */
263
+ background-image: -o-linear-gradient(top, #f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/); /* Opera 11.10+ */
264
+ background-image: linear-gradient(top, #f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/);
264
265
  }
266
+
267
+ .ui-bar-c .ui-link {
268
+ color: #2489CE /*{global-link-color}*/;
269
+ font-weight: bold;
270
+ }
271
+
265
272
  .ui-bar-c,
266
273
  .ui-bar-c input,
267
274
  .ui-bar-c select,
268
275
  .ui-bar-c textarea,
269
276
  .ui-bar-c button {
270
- font-family: Helvetica, Arial, sans-serif;
277
+ font-family: Helvetica, Arial, sans-serif /*{c-bar-font}*/;
271
278
  }
272
279
  .ui-body-c {
273
- border: 1px solid #B3B3B3;
274
- color: #333333;
275
- text-shadow: 0 1px 0 #fff;
276
- background: #f0f0f0;
277
- background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd)); /* Saf4+, Chrome */
278
- background-image: -webkit-linear-gradient(top, #eee, #ddd); /* Chrome 10+, Saf5.1+ */
279
- background-image: -moz-linear-gradient(top, #eee, #ddd); /* FF3.6 */
280
- background-image: -ms-linear-gradient(top, #eee, #ddd); /* IE10 */
281
- background-image: -o-linear-gradient(top, #eee, #ddd); /* Opera 11.10+ */
282
- background-image: linear-gradient(top, #eee, #ddd);
280
+ border: 1px solid #B3B3B3 /*{c-body-border}*/;
281
+ color: #333333 /*{c-body-color}*/;
282
+ text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
283
+ background: #f0f0f0 /*{c-body-background-color}*/;
284
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#eee /*{c-body-background-start}*/), to(#ddd /*{c-body-background-end}*/)); /* Saf4+, Chrome */
285
+ background-image: -webkit-linear-gradient(top, #eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
286
+ background-image: -moz-linear-gradient(top, #eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* FF3.6 */
287
+ background-image: -ms-linear-gradient(top, #eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* IE10 */
288
+ background-image: -o-linear-gradient(top, #eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* Opera 11.10+ */
289
+ background-image: linear-gradient(top, #eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/);
283
290
  }
284
291
  .ui-body-c,
285
292
  .ui-body-c input,
286
293
  .ui-body-c select,
287
294
  .ui-body-c textarea,
288
295
  .ui-body-c button {
289
- font-family: Helvetica, Arial, sans-serif;
296
+ font-family: Helvetica, Arial, sans-serif /*{c-body-font}*/;
290
297
  }
291
298
  .ui-body-c .ui-link-inherit {
292
- color: #333333;
299
+ color: #333333 /*{c-body-color}*/;
293
300
  }
294
301
  .ui-body-c .ui-link {
295
- color: #2489CE;
302
+ color: #2489CE /*{global-link-color}*/;
296
303
  font-weight: bold;
297
304
  }
298
305
 
299
306
  .ui-btn-up-c {
300
- border: 1px solid #ccc;
301
- background: #eee;
307
+ border: 1px solid #ccc /*{c-bup-border}*/;
308
+ background: #eee /*{c-bup-background-color}*/;
302
309
  font-weight: bold;
303
- color: #444;
304
- text-shadow: 0 1px 1px #f6f6f6;
305
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#eee)); /* Saf4+, Chrome */
306
- background-image: -webkit-linear-gradient(top, #fdfdfd, #eee); /* Chrome 10+, Saf5.1+ */
307
- background-image: -moz-linear-gradient(top, #fdfdfd, #eee); /* FF3.6 */
308
- background-image: -ms-linear-gradient(top, #fdfdfd, #eee); /* IE10 */
309
- background-image: -o-linear-gradient(top, #fdfdfd, #eee); /* Opera 11.10+ */
310
- background-image: linear-gradient(top, #fdfdfd, #eee);
310
+ color: #444 /*{c-bup-color}*/;
311
+ text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 1px /*{c-bup-shadow-radius}*/ #f6f6f6 /*{c-bup-shadow-color}*/;
312
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd /*{c-bup-background-start}*/), to(#eee /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
313
+ background-image: -webkit-linear-gradient(top, #fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
314
+ background-image: -moz-linear-gradient(top, #fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* FF3.6 */
315
+ background-image: -ms-linear-gradient(top, #fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* IE10 */
316
+ background-image: -o-linear-gradient(top, #fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* Opera 11.10+ */
317
+ background-image: linear-gradient(top, #fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/);
311
318
  }
312
319
  .ui-btn-up-c a.ui-link-inherit {
313
- color: #2F3E46;
320
+ color: #2F3E46 /*{c-bup-color}*/;
314
321
  }
315
322
 
316
323
  .ui-btn-hover-c {
317
- border: 1px solid #bbb;
318
- background: #dadada;
324
+ border: 1px solid #bbb /*{c-bhover-border}*/;
325
+ background: #dadada /*{c-bhover-background-color}*/;
319
326
  font-weight: bold;
320
- color: #101010;
321
- text-shadow: 0 1px 1px #fff;
322
- background-image: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dadada)); /* Saf4+, Chrome */
323
- background-image: -webkit-linear-gradient(top, #ededed, #dadada); /* Chrome 10+, Saf5.1+ */
324
- background-image: -moz-linear-gradient(top, #ededed, #dadada); /* FF3.6 */
325
- background-image: -ms-linear-gradient(top, #ededed, #dadada); /* IE10 */
326
- background-image: -o-linear-gradient(top, #ededed, #dadada); /* Opera 11.10+ */
327
- background-image: linear-gradient(top, #ededed, #dadada);
327
+ color: #101010 /*{c-bhover-color}*/;
328
+ text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 1px /*{c-bhover-shadow-radius}*/ #fff /*{c-bhover-shadow-color}*/;
329
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#ededed /*{c-bhover-background-start}*/), to(#dadada /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
330
+ background-image: -webkit-linear-gradient(top, #ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
331
+ background-image: -moz-linear-gradient(top, #ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* FF3.6 */
332
+ background-image: -ms-linear-gradient(top, #ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* IE10 */
333
+ background-image: -o-linear-gradient(top, #ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* Opera 11.10+ */
334
+ background-image: linear-gradient(top, #ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/);
328
335
  }
329
336
  .ui-btn-hover-c a.ui-link-inherit {
330
- color: #2F3E46;
337
+ color: #2F3E46 /*{c-bhover-color}*/;
331
338
  }
332
339
  .ui-btn-down-c {
333
- border: 1px solid #808080;
334
- background: #fdfdfd;
340
+ border: 1px solid #808080 /*{c-bdown-border}*/;
341
+ background: #fdfdfd /*{c-bdown-background-color}*/;
335
342
  font-weight: bold;
336
- color: #111111;
337
- text-shadow: 0 1px 1px #ffffff;
338
- background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fdfdfd)); /* Saf4+, Chrome */
339
- background-image: -webkit-linear-gradient(top, #eee, #fdfdfd); /* Chrome 10+, Saf5.1+ */
340
- background-image: -moz-linear-gradient(top, #eee, #fdfdfd); /* FF3.6 */
341
- background-image: -ms-linear-gradient(top, #eee, #fdfdfd); /* IE10 */
342
- background-image: -o-linear-gradient(top, #eee, #fdfdfd); /* Opera 11.10+ */
343
- background-image: linear-gradient(top, #eee, #fdfdfd);
343
+ color: #111111 /*{c-bdown-color}*/;
344
+ text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 1px /*{c-bdown-shadow-radius}*/ #ffffff /*{c-bdown-shadow-color}*/;
345
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#eee /*{c-bdown-background-start}*/), to(#fdfdfd /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
346
+ background-image: -webkit-linear-gradient(top, #eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
347
+ background-image: -moz-linear-gradient(top, #eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* FF3.6 */
348
+ background-image: -ms-linear-gradient(top, #eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* IE10 */
349
+ background-image: -o-linear-gradient(top, #eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* Opera 11.10+ */
350
+ background-image: linear-gradient(top, #eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/);
344
351
  }
345
352
  .ui-btn-down-c a.ui-link-inherit {
346
- color: #2F3E46;
353
+ color: #2F3E46 /*{c-bdown-color}*/;
347
354
  }
348
355
  .ui-btn-up-c,
349
356
  .ui-btn-hover-c,
350
357
  .ui-btn-down-c {
351
- font-family: Helvetica, Arial, sans-serif;
358
+ font-family: Helvetica, Arial, sans-serif /*{c-button-font}*/;
352
359
  text-decoration: none;
353
360
  }
354
361
 
@@ -357,98 +364,110 @@
357
364
  -----------------------------------------------------------------------------------------------------------*/
358
365
 
359
366
  .ui-bar-d {
360
- border: 1px solid #ccc;
361
- background: #bbb;
362
- color: #333;
363
- text-shadow: 0 1px 0 #eee;
364
- background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb)); /* Saf4+, Chrome */
365
- background-image: -webkit-linear-gradient(top, #ddd, #bbb); /* Chrome 10+, Saf5.1+ */
366
- background-image: -moz-linear-gradient(top, #ddd, #bbb); /* FF3.6 */
367
- background-image: -ms-linear-gradient(top, #ddd, #bbb); /* IE10 */
368
- background-image: -o-linear-gradient(top, #ddd, #bbb); /* Opera 11.10+ */
369
- background-image: linear-gradient(top, #ddd, #bbb);
367
+ border: 1px solid #ccc /*{d-bar-border}*/;
368
+ background: #bbb /*{d-bar-background-color}*/;
369
+ color: #333 /*{d-bar-color}*/;
370
+ text-shadow: 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ #eee /*{d-bar-shadow-color}*/;
371
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd /*{d-bar-background-start}*/), to(#bbb /*{d-bar-background-end}*/)); /* Saf4+, Chrome */
372
+ background-image: -webkit-linear-gradient(top, #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
373
+ background-image: -moz-linear-gradient(top, #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* FF3.6 */
374
+ background-image: -ms-linear-gradient(top, #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* IE10 */
375
+ background-image: -o-linear-gradient(top, #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Opera 11.10+ */
376
+ background-image: linear-gradient(top, #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/);
370
377
  }
371
378
  .ui-bar-d,
372
379
  .ui-bar-d input,
373
380
  .ui-bar-d select,
374
381
  .ui-bar-d textarea,
375
382
  .ui-bar-d button {
376
- font-family: Helvetica, Arial, sans-serif;
383
+ font-family: Helvetica, Arial, sans-serif /*{d-bar-font}*/;
377
384
  }
378
385
  .ui-bar-d .ui-link-inherit {
379
- color: #333;
386
+ color: #333 /*{d-bar-color}*/;
380
387
  }
381
388
  .ui-bar-d .ui-link {
382
- color: #2489CE;
389
+ color: #2489CE /*{global-link-color}*/;
383
390
  font-weight: bold;
384
391
  }
385
392
  .ui-body-d {
386
- border: 1px solid #ccc;
387
- color: #333333;
388
- text-shadow: 0 1px 0 #fff;
389
- background: #ffffff;
393
+ border: 1px solid #ccc /*{d-body-border}*/;
394
+ color: #333333 /*{d-body-color}*/;
395
+ text-shadow: 0 /*{d-body-shadow-x}*/ 1px /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/ #fff /*{d-body-shadow-color}*/;
396
+ background: #ffffff /*{d-body-background-color}*/;
397
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff /*{d-body-background-end}*/)); /* Saf4+, Chrome */
398
+ background-image: -webkit-linear-gradient(top, #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
399
+ background-image: -moz-linear-gradient(top, #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* FF3.6 */
400
+ background-image: -ms-linear-gradient(top, #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* IE10 */
401
+ background-image: -o-linear-gradient(top, #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Opera 11.10+ */
402
+ background-image: linear-gradient(top, #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/);
390
403
  }
391
404
  .ui-body-d,
392
405
  .ui-body-d input,
393
406
  .ui-body-d select,
394
407
  .ui-body-d textarea,
395
408
  .ui-body-d button {
396
- font-family: Helvetica, Arial, sans-serif;
409
+ font-family: Helvetica, Arial, sans-serif /*{d-body-font}*/;
397
410
  }
398
411
  .ui-body-d .ui-link-inherit {
399
- color: #333333;
412
+ color: #333333 /*{d-body-color}*/;
400
413
  }
401
414
  .ui-body-d .ui-link {
402
- color: #2489CE;
415
+ color: #2489CE /*{global-link-color}*/;
403
416
  font-weight: bold;
404
417
  }
405
418
  .ui-btn-up-d {
406
- border: 1px solid #ccc;
407
- background: #fff;
419
+ border: 1px solid #ccc /*{d-bup-border}*/;
420
+ background: #fff /*{d-bup-background-color}*/;
408
421
  font-weight: bold;
409
- color: #444;
410
- text-shadow: 0 1px 1px #fff;
422
+ color: #444 /*{d-bup-color}*/;
423
+ text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 1px /*{d-bup-shadow-radius}*/ #fff /*{d-bup-shadow-color}*/;
424
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
425
+ background-image: -webkit-linear-gradient(top, #fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
426
+ background-image: -moz-linear-gradient(top, #fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* FF3.6 */
427
+ background-image: -ms-linear-gradient(top, #fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* IE10 */
428
+ background-image: -o-linear-gradient(top, #fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* Opera 11.10+ */
429
+ background-image: linear-gradient(top, #fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/);
411
430
  }
412
431
  .ui-btn-up-d a.ui-link-inherit {
413
- color: #333;
432
+ color: #333 /*{d-bup-color}*/;
414
433
  }
415
434
  .ui-btn-hover-d {
416
- border: 1px solid #aaa;
417
- background: #eeeeee;
435
+ border: 1px solid #aaa /*{d-bhover-border}*/;
436
+ background: #eeeeee /*{d-bhover-background-color}*/;
418
437
  font-weight: bold;
419
- color: #222;
438
+ color: #222 /*{d-bhover-color}*/;
420
439
  cursor: pointer;
421
- text-shadow: 0 1px 1px #fff;
422
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#eee)); /* Saf4+, Chrome */
423
- background-image: -webkit-linear-gradient(top, #fdfdfd, #eee); /* Chrome 10+, Saf5.1+ */
424
- background-image: -moz-linear-gradient(top, #fdfdfd, #eee); /* FF3.6 */
425
- background-image: -ms-linear-gradient(top, #fdfdfd, #eee); /* IE10 */
426
- background-image: -o-linear-gradient(top, #fdfdfd, #eee); /* Opera 11.10+ */
427
- background-image: linear-gradient(top, #fdfdfd, #eee);
440
+ text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 1px /*{d-bhover-shadow-radius}*/ #fff /*{d-bhover-shadow-color}*/;
441
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#eee /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
442
+ background-image: -webkit-linear-gradient(top, #fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
443
+ background-image: -moz-linear-gradient(top, #fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/); /* FF3.6 */
444
+ background-image: -ms-linear-gradient(top, #fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/); /* IE10 */
445
+ background-image: -o-linear-gradient(top, #fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/); /* Opera 11.10+ */
446
+ background-image: linear-gradient(top, #fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/);
428
447
  }
429
448
  .ui-btn-hover-d a.ui-link-inherit {
430
- color: #222;
449
+ color: #222 /*{d-bhover-color}*/;
431
450
  }
432
451
  .ui-btn-down-d {
433
- border: 1px solid #aaaaaa;
434
- background: #ffffff;
452
+ border: 1px solid #aaaaaa /*{d-bdown-border}*/;
453
+ background: #ffffff /*{d-bdown-background-color}*/;
435
454
  font-weight: bold;
436
- color: #111;
437
- text-shadow: 0 1px 1px #ffffff;
438
- background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)); /* Saf4+, Chrome */
439
- background-image: -webkit-linear-gradient(top, #eee, #fff); /* Chrome 10+, Saf5.1+ */
440
- background-image: -moz-linear-gradient(top, #eee, #fff); /* FF3.6 */
441
- background-image: -ms-linear-gradient(top, #eee, #fff); /* IE10 */
442
- background-image: -o-linear-gradient(top, #eee, #fff); /* Opera 11.10+ */
443
- background-image: linear-gradient(top, #eee, #fff);
455
+ color: #111 /*{d-bdown-color}*/;
456
+ text-shadow: 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/ 1px /*{d-bdown-shadow-radius}*/ #ffffff /*{d-bdown-shadow-color}*/;
457
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#eee /*{d-bdown-background-start}*/), to(#fff /*{d-bdown-background-end}*/)); /* Saf4+, Chrome */
458
+ background-image: -webkit-linear-gradient(top, #eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
459
+ background-image: -moz-linear-gradient(top, #eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/); /* FF3.6 */
460
+ background-image: -ms-linear-gradient(top, #eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/); /* IE10 */
461
+ background-image: -o-linear-gradient(top, #eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/); /* Opera 11.10+ */
462
+ background-image: linear-gradient(top, #eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/);
444
463
  }
445
464
  .ui-btn-down-d a.ui-link-inherit {
446
- color: #111;
465
+ color: #111 /*{d-bdown-color}*/;
447
466
  }
448
467
  .ui-btn-up-d,
449
468
  .ui-btn-hover-d,
450
469
  .ui-btn-down-d {
451
- font-family: Helvetica, Arial, sans-serif;
470
+ font-family: Helvetica, Arial, sans-serif /*{d-button-font}*/;
452
471
  text-decoration: none;
453
472
  }
454
473
 
@@ -457,113 +476,114 @@
457
476
  -----------------------------------------------------------------------------------------------------------*/
458
477
 
459
478
  .ui-bar-e {
460
- border: 1px solid #F7C942;
461
- background: #fadb4e;
462
- color: #333;
463
- text-shadow: 0 1px 0 #fff;
464
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fceda7), to(#fadb4e)); /* Saf4+, Chrome */
465
- background-image: -webkit-linear-gradient(top, #fceda7, #fadb4e); /* Chrome 10+, Saf5.1+ */
466
- background-image: -moz-linear-gradient(top, #fceda7, #fadb4e); /* FF3.6 */
467
- background-image: -ms-linear-gradient(top, #fceda7, #fadb4e); /* IE10 */
468
- background-image: -o-linear-gradient(top, #fceda7, #fadb4e); /* Opera 11.10+ */
469
- background-image: linear-gradient(top, #fceda7, #fadb4e);
479
+ border: 1px solid #F7C942 /*{e-bar-border}*/;
480
+ background: #fadb4e /*{e-bar-background-color}*/;
481
+ color: #333 /*{e-bar-color}*/;
482
+ text-shadow: 0 /*{e-bar-shadow-x}*/ 1px /*{e-bar-shadow-y}*/ 0 /*{e-bar-shadow-radius}*/ #fff /*{e-bar-shadow-color}*/;
483
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#fceda7 /*{e-bar-background-start}*/), to(#fadb4e /*{e-bar-background-end}*/)); /* Saf4+, Chrome */
484
+ background-image: -webkit-linear-gradient(top, #fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
485
+ background-image: -moz-linear-gradient(top, #fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* FF3.6 */
486
+ background-image: -ms-linear-gradient(top, #fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* IE10 */
487
+ background-image: -o-linear-gradient(top, #fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* Opera 11.10+ */
488
+ background-image: linear-gradient(top, #fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/);
470
489
  }
471
490
  .ui-bar-e,
472
491
  .ui-bar-e input,
473
492
  .ui-bar-e select,
474
493
  .ui-bar-e textarea,
475
494
  .ui-bar-e button {
476
- font-family: Helvetica, Arial, sans-serif;
495
+ font-family: Helvetica, Arial, sans-serif /*{e-bar-font}*/;
477
496
  }
478
497
  .ui-bar-e .ui-link-inherit {
479
- color: #333;
498
+ color: #333 /*{e-bar-color}*/;
480
499
  }
481
500
  .ui-bar-e .ui-link {
482
- color: #2489CE;
501
+ color: #2489CE /*{global-link-color}*/;
483
502
  font-weight: bold;
484
503
  }
485
504
  .ui-body-e {
486
- border: 1px solid #F7C942;
487
- color: #333333;
488
- text-shadow: 0 1px 0 #fff;
489
- background: #faeb9e;
490
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#faeb9e)); /* Saf4+, Chrome */
491
- background-image: -webkit-linear-gradient(top, #fff, #faeb9e); /* Chrome 10+, Saf5.1+ */
492
- background-image: -moz-linear-gradient(top, #fff, #faeb9e); /* FF3.6 */
493
- background-image: -ms-linear-gradient(top, #fff, #faeb9e); /* IE10 */
494
- background-image: -o-linear-gradient(top, #fff, #faeb9e); /* Opera 11.10+ */
495
- background-image: linear-gradient(top, #fff, #faeb9e);
505
+ border: 1px solid #F7C942 /*{e-body-border}*/;
506
+ color: #333333 /*{e-body-color}*/;
507
+ text-shadow: 0 /*{e-body-shadow-x}*/ 1px /*{e-body-shadow-y}*/ 0 /*{e-body-shadow-radius}*/ #fff /*{e-body-shadow-color}*/;
508
+ background: #faeb9e /*{e-body-background-color}*/;
509
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#fff /*{e-body-background-start}*/), to(#faeb9e /*{e-body-background-end}*/)); /* Saf4+, Chrome */
510
+ background-image: -webkit-linear-gradient(top, #fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
511
+ background-image: -moz-linear-gradient(top, #fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* FF3.6 */
512
+ background-image: -ms-linear-gradient(top, #fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* IE10 */
513
+ background-image: -o-linear-gradient(top, #fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* Opera 11.10+ */
514
+ background-image: linear-gradient(top, #fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/);
496
515
  }
497
516
  .ui-body-e,
498
517
  .ui-body-e input,
499
518
  .ui-body-e select,
500
519
  .ui-body-e textarea,
501
520
  .ui-body-e button {
502
- font-family: Helvetica, Arial, sans-serif;
521
+ font-family: Helvetica, Arial, sans-serif /*{e-body-font}*/;
503
522
  }
504
523
  .ui-body-e .ui-link-inherit {
505
- color: #333333;
524
+ color: #333333 /*{e-body-color}*/;
506
525
  }
507
526
  .ui-body-e .ui-link {
508
- color: #2489CE;
527
+ color: #2489CE /*{global-link-color}*/;
509
528
  font-weight: bold;
510
529
  }
511
530
  .ui-btn-up-e {
512
- border: 1px solid #F7C942;
513
- background: #fadb4e;
531
+ border: 1px solid #F7C942 /*{e-bup-border}*/;
532
+ background: #fadb4e /*{e-bup-background-color}*/;
514
533
  font-weight: bold;
515
- color: #333;
516
- text-shadow: 0 1px 0 #fff;
517
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fceda7), to(#fadb4e)); /* Saf4+, Chrome */
518
- background-image: -webkit-linear-gradient(top, #fceda7, #fadb4e); /* Chrome 10+, Saf5.1+ */
519
- background-image: -moz-linear-gradient(top, #fceda7, #fadb4e); /* FF3.6 */
520
- background-image: -ms-linear-gradient(top, #fceda7, #fadb4e); /* IE10 */
521
- background-image: -o-linear-gradient(top, #fceda7, #fadb4e); /* Opera 11.10+ */
522
- background-image: linear-gradient(top, #fceda7, #fadb4e);
534
+ color: #333 /*{e-bup-color}*/;
535
+ text-shadow: 0 /*{e-bup-shadow-x}*/ 1px /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/ #fff /*{e-bup-shadow-color}*/;
536
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#fceda7 /*{e-bup-background-start}*/), to(#fadb4e /*{e-bup-background-end}*/)); /* Saf4+, Chrome */
537
+ background-image: -webkit-linear-gradient(top, #fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
538
+ background-image: -moz-linear-gradient(top, #fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* FF3.6 */
539
+ background-image: -ms-linear-gradient(top, #fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* IE10 */
540
+ background-image: -o-linear-gradient(top, #fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* Opera 11.10+ */
541
+ background-image: linear-gradient(top, #fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/);
523
542
  }
524
543
  .ui-btn-up-e a.ui-link-inherit {
525
- color: #333;
544
+ color: #333 /*{e-bup-color}*/;
526
545
  }
527
546
  .ui-btn-hover-e {
528
- border: 1px solid #e79952;
529
- background: #fbe26f;
547
+ border: 1px solid #e79952 /*{e-bhover-border}*/;
548
+ background: #fbe26f /*{e-bhover-background-color}*/;
530
549
  font-weight: bold;
531
- color: #111;
532
- text-shadow: 0 1px 1px #fff;
533
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf0b5), to(#fbe26f)); /* Saf4+, Chrome */
534
- background-image: -webkit-linear-gradient(top, #fcf0b5, #fbe26f); /* Chrome 10+, Saf5.1+ */
535
- background-image: -moz-linear-gradient(top, #fcf0b5, #fbe26f); /* FF3.6 */
536
- background-image: -ms-linear-gradient(top, #fcf0b5, #fbe26f); /* IE10 */
537
- background-image: -o-linear-gradient(top, #fcf0b5, #fbe26f); /* Opera 11.10+ */
538
- background-image: linear-gradient(top, #fcf0b5, #fbe26f);
550
+ color: #111 /*{e-bhover-color}*/;
551
+ text-shadow: 0 /*{e-bhover-shadow-x}*/ 1px /*{e-bhover-shadow-y}*/ 1px /*{e-bhover-shadow-radius}*/ #fff /*{e-bhover-shadow-color}*/;
552
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf0b5 /*{e-bhover-background-start}*/), to(#fbe26f /*{e-bhover-background-end}*/)); /* Saf4+, Chrome */
553
+ background-image: -webkit-linear-gradient(top, #fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
554
+ background-image: -moz-linear-gradient(top, #fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* FF3.6 */
555
+ background-image: -ms-linear-gradient(top, #fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* IE10 */
556
+ background-image: -o-linear-gradient(top, #fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* Opera 11.10+ */
557
+ background-image: linear-gradient(top, #fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/);
539
558
  }
540
559
 
541
560
  .ui-btn-hover-e a.ui-link-inherit {
542
- color: #333;
561
+ color: #333 /*{e-bhover-color}*/;
543
562
  }
544
563
  .ui-btn-down-e {
545
- border: 1px solid #F7C942;
546
- background: #fceda7;
564
+ border: 1px solid #F7C942 /*{e-bdown-border}*/;
565
+ background: #fceda7 /*{e-bdown-background-color}*/;
547
566
  font-weight: bold;
548
- color: #111;
549
- text-shadow: 0 1px 1px #ffffff;
550
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fadb4e), to(#fceda7)); /* Saf4+, Chrome */
551
- background-image: -webkit-linear-gradient(top, #fadb4e, #fceda7); /* Chrome 10+, Saf5.1+ */
552
- background-image: -moz-linear-gradient(top, #fadb4e, #fceda7); /* FF3.6 */
553
- background-image: -ms-linear-gradient(top, #fadb4e, #fceda7); /* IE10 */
554
- background-image: -o-linear-gradient(top, #fadb4e, #fceda7); /* Opera 11.10+ */
555
- background-image: linear-gradient(top, #fadb4e, #fceda7);
567
+ color: #111 /*{e-bdown-color}*/;
568
+ text-shadow: 0 /*{e-bdown-shadow-x}*/ 1px /*{e-bdown-shadow-y}*/ 1px /*{e-bdown-shadow-radius}*/ #ffffff /*{e-bdown-shadow-color}*/;
569
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#fadb4e /*{e-bdown-background-start}*/), to(#fceda7 /*{e-bdown-background-end}*/)); /* Saf4+, Chrome */
570
+ background-image: -webkit-linear-gradient(top, #fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
571
+ background-image: -moz-linear-gradient(top, #fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* FF3.6 */
572
+ background-image: -ms-linear-gradient(top, #fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* IE10 */
573
+ background-image: -o-linear-gradient(top, #fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* Opera 11.10+ */
574
+ background-image: linear-gradient(top, #fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/);
556
575
  }
557
576
  .ui-btn-down-e a.ui-link-inherit {
558
- color: #333;
577
+ color: #333 /*{e-bdown-color}*/;
559
578
  }
560
579
  .ui-btn-up-e,
561
580
  .ui-btn-hover-e,
562
581
  .ui-btn-down-e {
563
- font-family: Helvetica, Arial, sans-serif;
582
+ font-family: Helvetica, Arial, sans-serif /*{e-button-font}*/;
564
583
  text-decoration: none;
565
584
  }
566
585
 
586
+ /* Structure */
567
587
 
568
588
  /* links within "buttons"
569
589
  -----------------------------------------------------------------------------------------------------------*/
@@ -572,28 +592,47 @@ a.ui-link-inherit {
572
592
  text-decoration: none !important;
573
593
  }
574
594
 
595
+ /* links and their different states
596
+ -----------------------------------------------------------------------------------------------------------*/
597
+
598
+ .ui-link{
599
+ color: #2489CE /*{global-link-color}*/
600
+ }
601
+
602
+ .ui-link:hover{
603
+ color: #2489CE /*{global-link-hover}*/
604
+ }
605
+
606
+ .ui-link:active{
607
+ color: #2489CE /*{global-link-active}*/
608
+ }
609
+
610
+ .ui-link:visited{
611
+ color: #2489CE /*{global-link-visited}*/
612
+ }
575
613
 
576
614
  /* Active class used as the "on" state across all themes
577
615
  -----------------------------------------------------------------------------------------------------------*/
578
616
 
579
617
  .ui-btn-active {
580
- border: 1px solid #155678;
581
- background: #4596ce;
618
+ border: 1px solid #155678 /*{global-active-border}*/;
619
+ background: #4596ce /*{global-active-background-color}*/;
582
620
  font-weight: bold;
583
- color: #fff;
621
+ color: #fff /*{global-active-color}*/;
584
622
  cursor: pointer;
585
- text-shadow: 0 -1px 1px #145072;
623
+ text-shadow: 0 /*{global-active-shadow-x}*/ -1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #145072 /*{global-active-shadow-color}*/;
586
624
  text-decoration: none;
587
- background-image: -webkit-gradient(linear, left top, left bottom, from(#85bae4), to(#5393c5)); /* Saf4+, Chrome */
588
- background-image: -webkit-linear-gradient(top, #85bae4, #5393c5); /* Chrome 10+, Saf5.1+ */
589
- background-image: -moz-linear-gradient(top, #85bae4, #5393c5); /* FF3.6 */
590
- background-image: -ms-linear-gradient(top, #85bae4, #5393c5); /* IE10 */
591
- background-image: -o-linear-gradient(top, #85bae4, #5393c5); /* Opera 11.10+ */
592
- background-image: linear-gradient(top, #85bae4, #5393c5);
625
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#85bae4 /*{global-active-background-start}*/), to(#5393c5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
626
+ background-image: -webkit-linear-gradient(top, #85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
627
+ background-image: -moz-linear-gradient(top, #85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* FF3.6 */
628
+ background-image: -ms-linear-gradient(top, #85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* IE10 */
629
+ background-image: -o-linear-gradient(top, #85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* Opera 11.10+ */
630
+ background-image: linear-gradient(top, #85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/);
593
631
  outline: none;
632
+ font-family: Helvetica, Arial, sans-serif /*{global-active-font}*/;
594
633
  }
595
634
  .ui-btn-active a.ui-link-inherit {
596
- color: #fff;
635
+ color: #fff /*{global-active-color}*/;
597
636
  }
598
637
 
599
638
 
@@ -610,61 +649,61 @@ a.ui-link-inherit {
610
649
  -----------------------------------------------------------------------------------------------------------*/
611
650
 
612
651
  .ui-corner-tl {
613
- -moz-border-radius-topleft: .6em;
614
- -webkit-border-top-left-radius: .6em;
615
- border-top-left-radius: .6em;
652
+ -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
653
+ -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
654
+ border-top-left-radius: .6em /*{global-radii-blocks}*/;
616
655
  }
617
656
  .ui-corner-tr {
618
- -moz-border-radius-topright: .6em;
619
- -webkit-border-top-right-radius: .6em;
620
- border-top-right-radius: .6em;
657
+ -moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
658
+ -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
659
+ border-top-right-radius: .6em /*{global-radii-blocks}*/;
621
660
  }
622
661
  .ui-corner-bl {
623
- -moz-border-radius-bottomleft: .6em;
624
- -webkit-border-bottom-left-radius: .6em;
625
- border-bottom-left-radius: .6em;
662
+ -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
663
+ -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
664
+ border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
626
665
  }
627
666
  .ui-corner-br {
628
- -moz-border-radius-bottomright: .6em;
629
- -webkit-border-bottom-right-radius: .6em;
630
- border-bottom-right-radius: .6em;
667
+ -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
668
+ -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
669
+ border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
631
670
  }
632
671
  .ui-corner-top {
633
- -moz-border-radius-topleft: .6em;
634
- -webkit-border-top-left-radius: .6em;
635
- border-top-left-radius: .6em;
636
- -moz-border-radius-topright: .6em;
637
- -webkit-border-top-right-radius: .6em;
638
- border-top-right-radius: .6em;
672
+ -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
673
+ -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
674
+ border-top-left-radius: .6em /*{global-radii-blocks}*/;
675
+ -moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
676
+ -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
677
+ border-top-right-radius: .6em /*{global-radii-blocks}*/;
639
678
  }
640
679
  .ui-corner-bottom {
641
- -moz-border-radius-bottomleft: .6em;
642
- -webkit-border-bottom-left-radius: .6em;
643
- border-bottom-left-radius: .6em;
644
- -moz-border-radius-bottomright: .6em;
645
- -webkit-border-bottom-right-radius: .6em;
646
- border-bottom-right-radius: .6em;
680
+ -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
681
+ -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
682
+ border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
683
+ -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
684
+ -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
685
+ border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
647
686
  }
648
687
  .ui-corner-right {
649
- -moz-border-radius-topright: .6em;
650
- -webkit-border-top-right-radius: .6em;
651
- border-top-right-radius: .6em;
652
- -moz-border-radius-bottomright: .6em;
653
- -webkit-border-bottom-right-radius: .6em;
654
- border-bottom-right-radius: .6em;
688
+ -moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
689
+ -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
690
+ border-top-right-radius: .6em /*{global-radii-blocks}*/;
691
+ -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
692
+ -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
693
+ border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
655
694
  }
656
695
  .ui-corner-left {
657
- -moz-border-radius-topleft: .6em;
658
- -webkit-border-top-left-radius: .6em;
659
- border-top-left-radius: .6em;
660
- -moz-border-radius-bottomleft: .6em;
661
- -webkit-border-bottom-left-radius: .6em;
662
- border-bottom-left-radius: .6em;
696
+ -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
697
+ -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
698
+ border-top-left-radius: .6em /*{global-radii-blocks}*/;
699
+ -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
700
+ -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
701
+ border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
663
702
  }
664
703
  .ui-corner-all {
665
- -moz-border-radius: .6em;
666
- -webkit-border-radius: .6em;
667
- border-radius: .6em;
704
+ -moz-border-radius: .6em /*{global-radii-blocks}*/;
705
+ -webkit-border-radius: .6em /*{global-radii-blocks}*/;
706
+ border-radius: .6em /*{global-radii-blocks}*/;
668
707
  }
669
708
  .ui-corner-none {
670
709
  -moz-border-radius: 0;
@@ -685,10 +724,11 @@ a.ui-link-inherit {
685
724
  /* Icons
686
725
  -----------------------------------------------------------------------------------------------------------*/
687
726
 
688
- .ui-icon {
689
- background: #666;
690
- background: rgba(0,0,0,.4);
691
- background-image: url(<%= asset_path 'jquery-mobile/icons-18-white.png' %>);
727
+ .ui-icon,
728
+ .ui-icon-searchfield:after {
729
+ background: #666 /*{global-icon-color}*/;
730
+ background: rgba(0,0,0,.4) /*{global-icon-disc}*/;
731
+ background-image: url(<%= asset_path 'jquery-mobile/icons-18-white.png' %>) /*{global-icon-set}*/;
692
732
  background-repeat: no-repeat;
693
733
  -moz-border-radius: 9px;
694
734
  -webkit-border-radius: 9px;
@@ -716,7 +756,7 @@ a.ui-link-inherit {
716
756
  .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
717
757
  .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
718
758
  .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
719
- .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search,
759
+ .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after,
720
760
  .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
721
761
  background-image: url(<%= asset_path 'jquery-mobile/icons-36-white.png' %>);
722
762
  -moz-background-size: 776px 18px;
@@ -787,7 +827,8 @@ a.ui-link-inherit {
787
827
  .ui-icon-home {
788
828
  background-position: -576px 50%;
789
829
  }
790
- .ui-icon-search {
830
+ .ui-icon-search,
831
+ .ui-icon-searchfield:after {
791
832
  background-position: -612px 50%;
792
833
  }
793
834
  .ui-icon-checkbox-off {
@@ -814,14 +855,9 @@ a.ui-link-inherit {
814
855
  .ui-icon-radio-off {
815
856
  background-color: transparent;
816
857
  }
817
- .ui-icon-checkbox-on,
818
858
  .ui-checkbox-on .ui-icon,
819
859
  .ui-radio-on .ui-icon {
820
- background-color: #4596ce; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
821
- }
822
- .ui-icon-searchfield {
823
- background-image: url(<%= asset_path 'jquery-mobile/icon-search-black.png' %>);
824
- background-size: 16px 16px;
860
+ background-color: #4596ce /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
825
861
  }
826
862
 
827
863
  /* loading icon */
@@ -840,61 +876,61 @@ a.ui-link-inherit {
840
876
  -----------------------------------------------------------------------------------------------------------*/
841
877
 
842
878
  .ui-btn-corner-tl {
843
- -moz-border-radius-topleft: 1em;
844
- -webkit-border-top-left-radius: 1em;
845
- border-top-left-radius: 1em;
879
+ -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
880
+ -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
881
+ border-top-left-radius: 1em /*{global-radii-buttons}*/;
846
882
  }
847
883
  .ui-btn-corner-tr {
848
- -moz-border-radius-topright: 1em;
849
- -webkit-border-top-right-radius: 1em;
850
- border-top-right-radius: 1em;
884
+ -moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
885
+ -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
886
+ border-top-right-radius: 1em /*{global-radii-buttons}*/;
851
887
  }
852
888
  .ui-btn-corner-bl {
853
- -moz-border-radius-bottomleft: 1em;
854
- -webkit-border-bottom-left-radius: 1em;
855
- border-bottom-left-radius: 1em;
889
+ -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
890
+ -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
891
+ border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
856
892
  }
857
893
  .ui-btn-corner-br {
858
- -moz-border-radius-bottomright: 1em;
859
- -webkit-border-bottom-right-radius: 1em;
860
- border-bottom-right-radius: 1em;
894
+ -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
895
+ -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
896
+ border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
861
897
  }
862
898
  .ui-btn-corner-top {
863
- -moz-border-radius-topleft: 1em;
864
- -webkit-border-top-left-radius: 1em;
865
- border-top-left-radius: 1em;
866
- -moz-border-radius-topright: 1em;
867
- -webkit-border-top-right-radius: 1em;
868
- border-top-right-radius: 1em;
899
+ -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
900
+ -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
901
+ border-top-left-radius: 1em /*{global-radii-buttons}*/;
902
+ -moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
903
+ -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
904
+ border-top-right-radius: 1em /*{global-radii-buttons}*/;
869
905
  }
870
906
  .ui-btn-corner-bottom {
871
- -moz-border-radius-bottomleft: 1em;
872
- -webkit-border-bottom-left-radius: 1em;
873
- border-bottom-left-radius: 1em;
874
- -moz-border-radius-bottomright: 1em;
875
- -webkit-border-bottom-right-radius: 1em;
876
- border-bottom-right-radius: 1em;
907
+ -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
908
+ -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
909
+ border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
910
+ -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
911
+ -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
912
+ border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
877
913
  }
878
914
  .ui-btn-corner-right {
879
- -moz-border-radius-topright: 1em;
880
- -webkit-border-top-right-radius: 1em;
881
- border-top-right-radius: 1em;
882
- -moz-border-radius-bottomright: 1em;
883
- -webkit-border-bottom-right-radius: 1em;
884
- border-bottom-right-radius: 1em;
915
+ -moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
916
+ -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
917
+ border-top-right-radius: 1em /*{global-radii-buttons}*/;
918
+ -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
919
+ -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
920
+ border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
885
921
  }
886
922
  .ui-btn-corner-left {
887
- -moz-border-radius-topleft: 1em;
888
- -webkit-border-top-left-radius: 1em;
889
- border-top-left-radius: 1em;
890
- -moz-border-radius-bottomleft: 1em;
891
- -webkit-border-bottom-left-radius: 1em;
892
- border-bottom-left-radius: 1em;
923
+ -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
924
+ -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
925
+ border-top-left-radius: 1em /*{global-radii-buttons}*/;
926
+ -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
927
+ -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
928
+ border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
893
929
  }
894
930
  .ui-btn-corner-all {
895
- -moz-border-radius: 1em;
896
- -webkit-border-radius: 1em;
897
- border-radius: 1em;
931
+ -moz-border-radius: 1em /*{global-radii-buttons}*/;
932
+ -webkit-border-radius: 1em /*{global-radii-buttons}*/;
933
+ border-radius: 1em /*{global-radii-buttons}*/;
898
934
  }
899
935
 
900
936
  /* radius clip workaround for cleaning up corner trapping */
@@ -938,9 +974,9 @@ a.ui-link-inherit {
938
974
  box-shadow: 0px 0px 12px rgba(0,0,0,.6);
939
975
  }
940
976
  .ui-shadow {
941
- -moz-box-shadow: 0px 1px 4px rgba(0,0,0,.3);
942
- -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.3);
943
- box-shadow: 0px 1px 4px rgba(0,0,0,.3);
977
+ -moz-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
978
+ -webkit-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
979
+ box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
944
980
  }
945
981
  .ui-bar-a .ui-shadow,
946
982
  .ui-bar-b .ui-shadow ,
@@ -960,14 +996,13 @@ a.ui-link-inherit {
960
996
  box-shadow: 0px 1px 0 rgba(255,255,255,.4);
961
997
  }
962
998
 
963
-
964
999
  /* Focus state - set here for specificity
965
1000
  -----------------------------------------------------------------------------------------------------------*/
966
1001
 
967
1002
  .ui-focus {
968
- -moz-box-shadow: 0px 0px 12px #387bbe;
969
- -webkit-box-shadow: 0px 0px 12px #387bbe;
970
- box-shadow: 0px 0px 12px #387bbe;
1003
+ -moz-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
1004
+ -webkit-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
1005
+ box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
971
1006
  }
972
1007
 
973
1008
  /* unset box shadow in browsers that don't do it right
@@ -1000,11 +1035,8 @@ a.ui-link-inherit {
1000
1035
  .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; }
1001
1036
  .ui-mobile .ui-page-active { display: block; overflow: visible; }
1002
1037
 
1003
- /*orientations from js are available */
1004
- .portrait,
1005
- .portrait .ui-page { min-height: 420px; }
1006
- .landscape,
1007
- .landscape .ui-page { min-height: 300px; }
1038
+ /* on ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */
1039
+ .ui-page { outline: none; }
1008
1040
 
1009
1041
  /* native overflow scrolling */
1010
1042
  .ui-page.ui-mobile-touch-overflow,
@@ -1017,6 +1049,11 @@ a.ui-link-inherit {
1017
1049
  -ms-overflow-scrolling: touch;
1018
1050
  overflow-scrolling: touch;
1019
1051
  }
1052
+ .ui-page.ui-mobile-touch-overflow,
1053
+ .ui-page.ui-mobile-touch-overflow * {
1054
+ /* some level of transform keeps elements from blinking out of visibility on iOS */
1055
+ -webkit-transform: rotateY(0);
1056
+ }
1020
1057
  .ui-page.ui-mobile-pre-transition {
1021
1058
  display: block;
1022
1059
  }
@@ -1118,19 +1155,15 @@ Built by David Kaneda and maintained by Jonathan Stark.
1118
1155
  -webkit-animation-duration: 350ms;
1119
1156
  }
1120
1157
 
1121
- .slide.in {
1122
- -webkit-transform: translateX(0);
1123
- -webkit-animation-name: slideinfromright;
1124
- }
1125
1158
 
1126
1159
  .slide.out {
1127
1160
  -webkit-transform: translateX(-100%);
1128
1161
  -webkit-animation-name: slideouttoleft;
1129
1162
  }
1130
1163
 
1131
- .slide.in.reverse {
1164
+ .slide.in {
1132
1165
  -webkit-transform: translateX(0);
1133
- -webkit-animation-name: slideinfromleft;
1166
+ -webkit-animation-name: slideinfromright;
1134
1167
  }
1135
1168
 
1136
1169
  .slide.out.reverse {
@@ -1138,15 +1171,25 @@ Built by David Kaneda and maintained by Jonathan Stark.
1138
1171
  -webkit-animation-name: slideouttoright;
1139
1172
  }
1140
1173
 
1174
+ .slide.in.reverse {
1175
+ -webkit-transform: translateX(0);
1176
+ -webkit-animation-name: slideinfromleft;
1177
+ }
1178
+
1179
+ .slideup.out {
1180
+ -webkit-animation-name: dontmove;
1181
+ z-index: 0;
1182
+ }
1183
+
1141
1184
  .slideup.in {
1142
1185
  -webkit-transform: translateY(0);
1143
1186
  -webkit-animation-name: slideinfrombottom;
1144
1187
  z-index: 10;
1145
1188
  }
1146
1189
 
1147
- .slideup.out {
1148
- -webkit-animation-name: dontmove;
1190
+ .slideup.in.reverse {
1149
1191
  z-index: 0;
1192
+ -webkit-animation-name: dontmove;
1150
1193
  }
1151
1194
 
1152
1195
  .slideup.out.reverse {
@@ -1155,19 +1198,20 @@ Built by David Kaneda and maintained by Jonathan Stark.
1155
1198
  -webkit-animation-name: slideouttobottom;
1156
1199
  }
1157
1200
 
1158
- .slideup.in.reverse {
1159
- z-index: 0;
1201
+ .slidedown.out {
1160
1202
  -webkit-animation-name: dontmove;
1203
+ z-index: 0;
1161
1204
  }
1205
+
1162
1206
  .slidedown.in {
1163
1207
  -webkit-transform: translateY(0);
1164
1208
  -webkit-animation-name: slideinfromtop;
1165
1209
  z-index: 10;
1166
1210
  }
1167
1211
 
1168
- .slidedown.out {
1169
- -webkit-animation-name: dontmove;
1212
+ .slidedown.in.reverse {
1170
1213
  z-index: 0;
1214
+ -webkit-animation-name: dontmove;
1171
1215
  }
1172
1216
 
1173
1217
  .slidedown.out.reverse {
@@ -1176,11 +1220,6 @@ Built by David Kaneda and maintained by Jonathan Stark.
1176
1220
  -webkit-animation-name: slideouttotop;
1177
1221
  }
1178
1222
 
1179
- .slidedown.in.reverse {
1180
- z-index: 0;
1181
- -webkit-animation-name: dontmove;
1182
- }
1183
-
1184
1223
  @-webkit-keyframes slideinfromright {
1185
1224
  from { -webkit-transform: translateX(100%); }
1186
1225
  to { -webkit-transform: translateX(0); }
@@ -1201,7 +1240,6 @@ Built by David Kaneda and maintained by Jonathan Stark.
1201
1240
  to { -webkit-transform: translateX(100%); }
1202
1241
  }
1203
1242
 
1204
-
1205
1243
  @-webkit-keyframes slideinfromtop {
1206
1244
  from { -webkit-transform: translateY(-100%); }
1207
1245
  to { -webkit-transform: translateY(0); }
@@ -1231,15 +1269,16 @@ Built by David Kaneda and maintained by Jonathan Stark.
1231
1269
  to { opacity: 0; }
1232
1270
  }
1233
1271
 
1272
+ .fade.out {
1273
+ z-index: 0;
1274
+ -webkit-animation-name: fadeout;
1275
+ }
1276
+
1234
1277
  .fade.in {
1235
1278
  opacity: 1;
1236
1279
  z-index: 10;
1237
1280
  -webkit-animation-name: fadein;
1238
1281
  }
1239
- .fade.out {
1240
- z-index: 0;
1241
- -webkit-animation-name: fadeout;
1242
- }
1243
1282
 
1244
1283
  /* The properties in this rule are only necessary for the 'flip' transition.
1245
1284
  * We need specify the perspective to create a projection matrix. This will add
@@ -1265,28 +1304,28 @@ Built by David Kaneda and maintained by Jonathan Stark.
1265
1304
  -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. */
1266
1305
  }
1267
1306
 
1268
- .flip.in {
1269
- -webkit-transform: rotateY(0) scale(1);
1270
- -webkit-animation-name: flipinfromleft;
1271
- }
1272
-
1273
1307
  .flip.out {
1274
1308
  -webkit-transform: rotateY(-180deg) scale(.8);
1275
1309
  -webkit-animation-name: flipouttoleft;
1276
1310
  }
1277
1311
 
1278
- /* Shake it all about */
1279
-
1280
- .flip.in.reverse {
1312
+ .flip.in {
1281
1313
  -webkit-transform: rotateY(0) scale(1);
1282
- -webkit-animation-name: flipinfromright;
1314
+ -webkit-animation-name: flipinfromleft;
1283
1315
  }
1284
1316
 
1317
+ /* Shake it all about */
1318
+
1285
1319
  .flip.out.reverse {
1286
1320
  -webkit-transform: rotateY(180deg) scale(.8);
1287
1321
  -webkit-animation-name: flipouttoright;
1288
1322
  }
1289
1323
 
1324
+ .flip.in.reverse {
1325
+ -webkit-transform: rotateY(0) scale(1);
1326
+ -webkit-animation-name: flipinfromright;
1327
+ }
1328
+
1290
1329
  @-webkit-keyframes flipinfromright {
1291
1330
  from { -webkit-transform: rotateY(-180deg) scale(.8); }
1292
1331
  to { -webkit-transform: rotateY(0) scale(1); }
@@ -1326,6 +1365,11 @@ Built by David Kaneda and maintained by Jonathan Stark.
1326
1365
  z-index: 10;
1327
1366
  }
1328
1367
 
1368
+ .pop.in.reverse {
1369
+ z-index: 0;
1370
+ -webkit-animation-name: dontmove;
1371
+ }
1372
+
1329
1373
  .pop.out.reverse {
1330
1374
  -webkit-transform: scale(.2);
1331
1375
  opacity: 0;
@@ -1333,11 +1377,6 @@ Built by David Kaneda and maintained by Jonathan Stark.
1333
1377
  z-index: 10;
1334
1378
  }
1335
1379
 
1336
- .pop.in.reverse {
1337
- z-index: 0;
1338
- -webkit-animation-name: dontmove;
1339
- }
1340
-
1341
1380
  @-webkit-keyframes popin {
1342
1381
  from {
1343
1382
  -webkit-transform: scale(.2);
@@ -1436,8 +1475,8 @@ Built by David Kaneda and maintained by Jonathan Stark.
1436
1475
  .ui-btn-inline { display: inline-block; }
1437
1476
  .ui-btn-inner { padding: .6em 25px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; zoom: 1; }
1438
1477
  .ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner { padding: .4em 8px .5em; }
1439
- .ui-btn-icon-notext { display: inline-block; width: 20px; height: 20px; padding: 2px 1px 2px 3px; text-indent: -9999px; }
1440
- .ui-btn-icon-notext .ui-btn-inner { padding: 0; }
1478
+ .ui-btn-icon-notext { width: 24px; height: 24px; }
1479
+ .ui-btn-icon-notext .ui-btn-inner { padding: 2px 1px 2px 3px; }
1441
1480
  .ui-btn-icon-notext .ui-btn-text { position: absolute; left: -999px; }
1442
1481
  .ui-btn-icon-left .ui-btn-inner { padding-left: 33px; }
1443
1482
  .ui-header .ui-btn-icon-left .ui-btn-inner,
@@ -1461,7 +1500,9 @@ Built by David Kaneda and maintained by Jonathan Stark.
1461
1500
  .ui-btn-icon-left .ui-icon, .ui-btn-icon-right .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
1462
1501
  .ui-btn-icon-top .ui-icon, .ui-btn-icon-bottom .ui-icon { position: absolute; left: 50%; margin-left: -9px; }
1463
1502
  .ui-btn-icon-left .ui-icon { left: 10px; }
1464
- .ui-btn-icon-right .ui-icon {right: 10px; }
1503
+ .ui-btn-icon-right .ui-icon { right: 10px; }
1504
+ .ui-btn-icon-top .ui-icon { top: 10px; }
1505
+ .ui-btn-icon-bottom .ui-icon { bottom: 10px; }
1465
1506
  .ui-header .ui-btn-icon-left .ui-icon,
1466
1507
  .ui-footer .ui-btn-icon-left .ui-icon,
1467
1508
  .ui-bar .ui-btn-icon-left .ui-icon { left: 4px; }
@@ -1474,16 +1515,15 @@ Built by David Kaneda and maintained by Jonathan Stark.
1474
1515
  .ui-header .ui-btn-icon-bottom .ui-icon,
1475
1516
  .ui-footer .ui-btn-icon-bottom .ui-icon,
1476
1517
  .ui-bar .ui-btn-icon-bottom .ui-icon { bottom: 4px; }
1477
- .ui-btn-icon-top .ui-icon { top: 5px; }
1478
- .ui-btn-icon-bottom .ui-icon { bottom: 5px; }
1518
+
1479
1519
  /*hiding native button,inputs */
1480
- .ui-btn-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: button; opacity: 0; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); background: transparent; }
1520
+ .ui-btn-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: button; opacity: .1; cursor: pointer; background: transparent; font-size: 1px; border: none; line-height: 999px; }
1481
1521
  /*
1482
1522
  * jQuery Mobile Framework
1483
1523
  * Copyright (c) jQuery Project
1484
1524
  * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
1485
1525
  */
1486
- .ui-collapsible-contain { margin: .5em 0; }
1526
+ .ui-collapsible { margin: .5em 0; }
1487
1527
  .ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -8px; padding: 0; border-width: 0 0 1px 0; position: relative; }
1488
1528
  .ui-collapsible-heading a { text-align: left; margin: 0; }
1489
1529
  .ui-collapsible-heading a .ui-btn-inner { padding-left: 40px; }
@@ -1491,11 +1531,18 @@ Built by David Kaneda and maintained by Jonathan Stark.
1491
1531
  .ui-collapsible-heading a span.ui-btn .ui-btn-inner { padding: 10px 0; }
1492
1532
  .ui-collapsible-heading a span.ui-btn .ui-icon { left: 0; margin-top: -10px; }
1493
1533
  .ui-collapsible-heading-status { position:absolute; left:-9999px; }
1494
- .ui-collapsible-content { display: block; padding: 10px 0 10px 8px; }
1534
+ .ui-collapsible-content {
1535
+ display: block;
1536
+ margin: 0 -8px;
1537
+ padding: 10px 16px;
1538
+ border-top: none; /* Overrides ui-btn-up-* */
1539
+ background-image: none; /* Overrides ui-btn-up-* */
1540
+ font-weight: normal; /* Overrides ui-btn-up-* */
1541
+ }
1495
1542
  .ui-collapsible-content-collapsed { display: none; }
1496
1543
 
1497
1544
  .ui-collapsible-set { margin: .5em 0; }
1498
- .ui-collapsible-set .ui-collapsible-contain { margin: -1px 0 0; }
1545
+ .ui-collapsible-set .ui-collapsible { margin: -1px 0 0; }
1499
1546
  /*
1500
1547
  * jQuery Mobile Framework
1501
1548
  * Copyright (c) jQuery Project
@@ -1510,9 +1557,8 @@ Built by David Kaneda and maintained by Jonathan Stark.
1510
1557
  .ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { margin: 0; border-bottom-width: 0; }
1511
1558
  .ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; }
1512
1559
  .ui-controlgroup-horizontal { padding: 0; }
1513
- .ui-controlgroup-horizontal .ui-btn,
1514
- .ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { display: inline-block; margin: 0 -5px 0 0; }
1515
- .ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { display: inline; }
1560
+ .ui-controlgroup-horizontal .ui-btn { display: inline-block; margin: 0 -5px 0 0; }
1561
+ .ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { float: left; margin: 0 -1px 0 0; }
1516
1562
  .ui-controlgroup-horizontal .ui-checkbox .ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn,
1517
1563
  .ui-controlgroup-horizontal .ui-checkbox:last-child, .ui-controlgroup-horizontal .ui-radio:last-child { margin-right: 0; }
1518
1564
  .ui-controlgroup-horizontal .ui-controlgroup-last { margin-right: 0; }
@@ -1564,7 +1610,7 @@ Built by David Kaneda and maintained by Jonathan Stark.
1564
1610
  .ui-select { display: block; position: relative; }
1565
1611
  .ui-select select { position: absolute; left: -9999px; top: -9999px; }
1566
1612
  .ui-select .ui-btn { overflow: hidden; }
1567
- .ui-select .ui-btn select { cursor: pointer; -webkit-appearance: button; left: 0; top:0; width: 100%; height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
1613
+ .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; }
1568
1614
  @-moz-document url-prefix() {.ui-select .ui-btn select { opacity: 0.0001; }}
1569
1615
  .ui-select .ui-btn select.ui-select-nativeonly { opacity: 1; text-indent: 0; }
1570
1616
 
@@ -1589,7 +1635,7 @@ label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margi
1589
1635
  .ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; }
1590
1636
 
1591
1637
  @media all and (min-width: 450px){
1592
- label.ui-select { display: inline-block; width: 20%; margin: 0 2% 0 0; }
1638
+ label.ui-select { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
1593
1639
  .ui-select { width: 60%; display: inline-block; }
1594
1640
  }
1595
1641
 
@@ -1603,7 +1649,8 @@ label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-we
1603
1649
  input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; line-height: 1.4; font-size: 16px; display: block; width: 95%; }
1604
1650
  input.ui-input-text { -webkit-appearance: none; }
1605
1651
  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; }
1606
- .ui-input-search { padding: 0 30px; width: 77%; background-position: 8px 50%; background-repeat: no-repeat; position: relative; }
1652
+ .ui-input-search { padding: 0 30px; width: 77%; background-image: none; position: relative; }
1653
+ .ui-icon-searchfield:after { position: absolute; left: 7px; top: 50%; margin-top: -9px; content: ""; width: 18px; height: 18px; opacity: .5; }
1607
1654
  .ui-input-search input.ui-input-text { border: none; width: 98%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; }
1608
1655
  .ui-input-search .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -14px; }
1609
1656
  .ui-input-search .ui-input-clear-hidden { display: none; }
@@ -1626,6 +1673,7 @@ textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear;
1626
1673
  .ui-content .ui-listview-inset { margin: 1em 0; }
1627
1674
  .ui-listview, .ui-li { list-style:none; padding:0; }
1628
1675
  .ui-li, .ui-li.ui-field-contain { display: block; margin:0; position: relative; overflow: visible; text-align: left; border-width: 0; border-top-width: 1px; }
1676
+ .ui-li .ui-btn-text { position: relative; z-index: 1; }
1629
1677
  .ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
1630
1678
  .ui-li-divider, .ui-li-static { padding: .5em 15px; font-size: 14px; font-weight: bold; }
1631
1679
  .ui-li-divider { counter-reset: listnumbering; }
@@ -1652,14 +1700,16 @@ ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid
1652
1700
  }
1653
1701
  .ui-li-divider { cursor: default; }
1654
1702
  .ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 95px; }
1655
- .ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 38px; }
1703
+ .ui-li-has-count .ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 38px; }
1656
1704
  .ui-li-divider .ui-li-count, .ui-li-static .ui-li-count { right: 10px; }
1657
1705
  .ui-li-has-alt .ui-li-count { right: 55px; }
1658
- .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; }
1659
- .ui-li-link-alt .ui-btn { overflow: hidden; position: absolute; right: 8px; top: 50%; margin: -11px 0 0 0; border-bottom-width: 1px; }
1660
- .ui-li-link-alt .ui-btn-inner { padding: 0; position: static; }
1706
+ .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; }
1707
+ .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;}
1708
+ .ui-li-link-alt .ui-btn-inner { padding: 0; height: 100%; position: absolute; width: 100%; top: 0; left: 0;}
1661
1709
  .ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px; }
1662
1710
 
1711
+ .ui-listview * .ui-btn-inner > .ui-btn > .ui-btn-inner { border-top: 0px; }
1712
+
1663
1713
  .ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px }
1664
1714
  .ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; }
1665
1715
 
@@ -1680,7 +1730,7 @@ div.ui-slider { position: relative; display: inline-block; overflow: visible; he
1680
1730
  a.ui-slider-handle { position: absolute; z-index: 10; top: 50%; width: 28px; height: 28px; margin-top: -15px; margin-left: -15px; }
1681
1731
  a.ui-slider-handle .ui-btn-inner { padding-left: 0; padding-right: 0; }
1682
1732
  @media all and (min-width: 480px){
1683
- label.ui-slider { display: inline-block; width: 20%; margin: 0 2% 0 0; }
1733
+ label.ui-slider { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
1684
1734
  div.ui-slider { width: 45%; }
1685
1735
  }
1686
1736