qedproject 0.0.9 → 0.1.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.
Files changed (14) hide show
  1. data/bin/qedproject +5 -1
  2. data/lib/qedproject/helpers.rb +12 -10
  3. data/lib/qedproject/libraries/base.rb +10 -0
  4. data/lib/qedproject/libraries/jquery.rb +1 -1
  5. data/lib/qedproject/libraries/jquerymobile.rb +6 -6
  6. data/lib/qedproject/libraries/skeleton.rb +2 -1
  7. data/lib/qedproject/project.rb +21 -13
  8. data/lib/qedproject/version.rb +1 -1
  9. data/vendor/jquery/jquery-1.6.4.min.js +4 -0
  10. data/vendor/jquerymobile/{jquery.mobile-1.0b3.css → jquery.mobile-1.0rc1.css} +507 -457
  11. data/vendor/jquerymobile/{jquery.mobile-1.0b3.js → jquery.mobile-1.0rc1.js} +565 -458
  12. metadata +40 -25
  13. data/vendor/jquery/jquery-1.6.4.js +0 -9046
  14. data/vendor/jquerymobile/icon-search-black.png +0 -0
data/vendor/jquerymobile/{jquery.mobile-1.0b3.css → jquery.mobile-1.0rc1.css} RENAMED
@@ -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(images/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(images/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(images/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(images/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