Skip to content
This repository
Browse code

Upgrade valencia to use the new gradient syntax. Fixes #2087

Adjusted css3 prefixing for background gradients and removed -ms filter
gradients
  • Loading branch information...
commit 81581150ddcc9c36b7afcb40a127115f11291df3 1 parent 53a8023
authored July 17, 2011

Showing 1 changed file with 138 additions and 191 deletions. Show diff stats Hide diff stats

  1. 329  themes/valencia/jquery.mobile.theme.css
329  themes/valencia/jquery.mobile.theme.css
@@ -17,25 +17,23 @@
17 17
   background:             #e99515; 
18 18
   color:                  #fff; 
19 19
   text-shadow: 0 -1px 0px #94440F; 
20  
-  background-image: -moz-linear-gradient(top, 
21  
-                          #e9a015,
22  
-                          #e98a15);
23  
-  background-image: -webkit-gradient(linear,left top,left bottom,
24  
-    color-stop(0,         #e9a015),
25  
-    color-stop(1,         #e98a15));
26  
-  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e9a015', EndColorStr='#e98a15')";
  20
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#e9a015), to(#e98a15)); /* Saf4+, Chrome */
  21
+  background-image: -webkit-linear-gradient(top, #e9a015, #e98a15); /* Chrome 10+, Saf5.1+ */
  22
+  background-image:    -moz-linear-gradient(top, #e9a015, #e98a15); /* FF3.6 */
  23
+  background-image:     -ms-linear-gradient(top, #e9a015, #e98a15); /* IE10 */
  24
+  background-image:      -o-linear-gradient(top, #e9a015, #e98a15); /* Opera 11.10+ */
  25
+  background-image:         linear-gradient(top, #e9a015, #e98a15); 
27 26
 }
28 27
 .ui-btn-up-a {
29 28
   border: 1px solid       #BD610D;
30 29
   background:             #e68510;
31 30
   color:                  #fff;
32  
-  background-image: -moz-linear-gradient(top, 
33  
-                          #ea9e0c,
34  
-                          #e68510);
35  
-  background-image: -webkit-gradient(linear,left top,left bottom,
36  
-    color-stop(0,         #ea9e0c),
37  
-    color-stop(1,         #e68510));
38  
-  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ea9e0c', EndColorStr='#e68510')";
  31
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#ea9e0c), to(#e68510)); /* Saf4+, Chrome */
  32
+  background-image: -webkit-linear-gradient(top, #ea9e0c, #e68510); /* Chrome 10+, Saf5.1+ */
  33
+  background-image:    -moz-linear-gradient(top, #ea9e0c, #e68510); /* FF3.6 */
  34
+  background-image:     -ms-linear-gradient(top, #ea9e0c, #e68510); /* IE10 */
  35
+  background-image:      -o-linear-gradient(top, #ea9e0c, #e68510); /* Opera 11.10+ */
  36
+  background-image:         linear-gradient(top, #ea9e0c, #e68510); 
39 37
 }
40 38
 .ui-btn-up-a a.ui-link-inherit {
41 39
   color:                  #fff;
@@ -44,13 +42,12 @@
44 42
   border: 1px solid       #b77504;
45 43
   background:             #ed9730;
46 44
   color:                  #fff;
47  
-  background-image: -moz-linear-gradient(top, 
48  
-                          #edab30,
49  
-                          #ed9730);
50  
-  background-image: -webkit-gradient(linear,left top,left bottom,
51  
-    color-stop(0,         #edab30),
52  
-    color-stop(1,         #ed9730));
53  
-  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#edab30', EndColorStr='#ed9730')";
  45
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#edab30), to(#ed9730)); /* Saf4+, Chrome */
  46
+  background-image: -webkit-linear-gradient(top, #edab30, #ed9730); /* Chrome 10+, Saf5.1+ */
  47
+  background-image:    -moz-linear-gradient(top, #edab30, #ed9730); /* FF3.6 */
  48
+  background-image:     -ms-linear-gradient(top, #edab30, #ed9730); /* IE10 */
  49
+  background-image:      -o-linear-gradient(top, #edab30, #ed9730); /* Opera 11.10+ */
  50
+  background-image:         linear-gradient(top, #edab30, #ed9730); 
54 51
 }
55 52
 .ui-btn-hover-a a.ui-link-inherit {
56 53
   color:                  #fff;
@@ -59,13 +56,12 @@
59 56
   border: 1px solid       #BD610D;
60 57
   background:             #BA6E11;
61 58
   color:                  #fff;
62  
-  background-image: -moz-linear-gradient(top, 
63  
-                          #BA8011,
64  
-                          #BA6E11);
65  
-  background-image: -webkit-gradient(linear,left top,left bottom,
66  
-    color-stop(0,         #BA8011),
67  
-    color-stop(1,         #BA6E11));
68  
-  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#BA8011', EndColorStr='#BA6E11')";
  59
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#BA8011), to(#BA6E11)); /* Saf4+, Chrome */
  60
+  background-image: -webkit-linear-gradient(top, #BA8011, #BA6E11); /* Chrome 10+, Saf5.1+ */
  61
+  background-image:    -moz-linear-gradient(top, #BA8011, #BA6E11); /* FF3.6 */
  62
+  background-image:     -ms-linear-gradient(top, #BA8011, #BA6E11); /* IE10 */
  63
+  background-image:      -o-linear-gradient(top, #BA8011, #BA6E11); /* Opera 11.10+ */
  64
+  background-image:         linear-gradient(top, #BA8011, #BA6E11);
69 65
 }
70 66
 .ui-btn-up-a,
71 67
 .ui-btn-hover-a,
@@ -96,19 +92,12 @@
96 92
   background:             #444;
97 93
   color:                  #ddd;
98 94
   text-shadow: 0 -1px 0px #000;
99  
-  background-image: -moz-linear-gradient(top, 
100  
-                          #333  0%,
101  
-                          #333  5%,
102  
-                          #444  15%, 
103  
-                          #444  60%, 
104  
-                          #222  100%);
105  
-  background-image: -webkit-gradient(linear, center top, center bottom, 
106  
-    color-stop(0,         #333), 
107  
-    color-stop(5%,        #333), 
108  
-    color-stop(15%,       #444), 
109  
-    color-stop(60%,       #444), 
110  
-    color-stop(1,         #222));
111  
-  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#222222')";
  95
+  background-image: -webkit-gradient(linear, center top, center bottom, from(#333), color-stop(5%, #333), color-stop(15%, #444), color-stop(60%, #444), to(#222)); /* Saf4+, Chrome */
  96
+  background-image: -webkit-linear-gradient(top, #333 0%, #333 5%, #444 15%, #444 60%, #222 100%); /* Chrome 10+, Saf5.1+ */
  97
+  background-image:    -moz-linear-gradient(top, #333 0%, #333 5%, #444 15%, #444 60%, #222 100%); /* FF3.6 */
  98
+  background-image:     -ms-linear-gradient(top, #333 0%, #333 5%, #444 15%, #444 60%, #222 100%); /* IE10 */
  99
+  background-image:      -o-linear-gradient(top, #333 0%, #333 5%, #444 15%, #444 60%, #222 100%); /* Opera 11.10+ */
  100
+  background-image:         linear-gradient(top, #333 0%, #333 5%, #444 15%, #444 60%, #222 100%);
112 101
 }
113 102
 .ui-body-a, 
114 103
 .ui-body-a input, 
@@ -137,25 +126,23 @@
137 126
   background:             #333333; 
138 127
   color:                  #fff; 
139 128
   text-shadow: 0 -1px 0px #111; 
140  
-  background-image: -moz-linear-gradient(top, 
141  
-                          #555555,
142  
-                          #333333);
143  
-  background-image: -webkit-gradient(linear,left top,left bottom,
144  
-    color-stop(0,         #555555),
145  
-    color-stop(1,         #333333));
146  
-  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#555555', EndColorStr='#333333')";
  129
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333)); /* Saf4+, Chrome */
  130
+  background-image: -webkit-linear-gradient(top, #555, #333); /* Chrome 10+, Saf5.1+ */
  131
+  background-image:    -moz-linear-gradient(top, #555, #333); /* FF3.6 */
  132
+  background-image:     -ms-linear-gradient(top, #555, #333); /* IE10 */
  133
+  background-image:      -o-linear-gradient(top, #555, #333); /* Opera 11.10+ */
  134
+  background-image:         linear-gradient(top, #555, #333);
147 135
 }
148 136
 .ui-btn-up-b {
149 137
   border: 1px solid       #232323;
150 138
   background:             #393939;
151 139
   color:                  #eee;
152  
-  background-image: -moz-linear-gradient(top, 
153  
-                          #5E5E5E,
154  
-                          #393939);
155  
-  background-image: -webkit-gradient(linear,left top,left bottom,
156  
-    color-stop(0,         #5E5E5E),
157  
-    color-stop(1,         #393939));
158  
-  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#5E5E5E', EndColorStr='#393939')";
  140
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#5E5E5E), to(#393939)); /* Saf4+, Chrome */
  141
+  background-image: -webkit-linear-gradient(top, #5E5E5E, #393939); /* Chrome 10+, Saf5.1+ */
  142
+  background-image:    -moz-linear-gradient(top, #5E5E5E, #393939); /* FF3.6 */
  143
+  background-image:     -ms-linear-gradient(top, #5E5E5E, #393939); /* IE10 */
  144
+  background-image:      -o-linear-gradient(top, #5E5E5E, #393939); /* Opera 11.10+ */
  145
+  background-image:         linear-gradient(top, #5E5E5E, #393939);
159 146
 }
160 147
 .ui-btn-up-b a.ui-link-inherit { 
161 148
   color:                  #eee;
@@ -164,13 +151,12 @@
164 151
   border: 1px solid       #232323;
165 152
   background:             #494949;
166 153
   color:                  #fff;
167  
-  background-image: -moz-linear-gradient(top, 
168  
-                          #6E6E6E,
169  
-                          #494949);
170  
-  background-image: -webkit-gradient(linear,left top,left bottom,
171  
-    color-stop(0,         #6E6E6E),
172  
-    color-stop(1,         #494949));
173  
-  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#6E6E6E', EndColorStr='#494949')";
  154
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#6E6E6E), to(#494949)); /* Saf4+, Chrome */
  155
+  background-image: -webkit-linear-gradient(top, #6E6E6E, #494949); /* Chrome 10+, Saf5.1+ */
  156
+  background-image:    -moz-linear-gradient(top, #6E6E6E, #494949); /* FF3.6 */
  157
+  background-image:     -ms-linear-gradient(top, #6E6E6E, #494949); /* IE10 */
  158
+  background-image:      -o-linear-gradient(top, #6E6E6E, #494949); /* Opera 11.10+ */
  159
+  background-image:         linear-gradient(top, #6E6E6E, #494949);
174 160
 }
175 161
 
176 162
 .ui-btn-hover-b a.ui-link-inherit {
@@ -180,13 +166,12 @@
180 166
   border: 1px solid       #232323;
181 167
   background:             #292929;
182 168
   color:                  #fff;
183  
-  background-image: -moz-linear-gradient(top, 
184  
-                          #4E4E4E,
185  
-                          #292929);
186  
-  background-image: -webkit-gradient(linear,left top,left bottom,
187  
-    color-stop(0,         #4E4E4E),
188  
-    color-stop(1,         #292929));
189  
-  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4E4E4E', EndColorStr='#292929')";
  169
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#4E4E4E), to(#292929)); /* Saf4+, Chrome */
  170
+  background-image: -webkit-linear-gradient(top, #4E4E4E, #292929); /* Chrome 10+, Saf5.1+ */
  171
+  background-image:    -moz-linear-gradient(top, #4E4E4E, #292929); /* FF3.6 */
  172
+  background-image:     -ms-linear-gradient(top, #4E4E4E, #292929); /* IE10 */
  173
+  background-image:      -o-linear-gradient(top, #4E4E4E, #292929); /* Opera 11.10+ */
  174
+  background-image:         linear-gradient(top, #4E4E4E, #292929);
190 175
 }
191 176
 .ui-btn-down-b a.ui-link-inherit {
192 177
   color:                  #fff; 
@@ -248,13 +233,12 @@
248 233
   background:             #e5e5e5; 
249 234
   color:                  #111; 
250 235
   text-shadow: 0 1px 0px  #fff;
251  
-  background-image: -moz-linear-gradient(top, 
252  
-                          #eeeeee,
253  
-                          #e5e5e5);
254  
-  background-image: -webkit-gradient(linear,left top,left bottom,
255  
-    color-stop(0,         #eeeeee),
256  
-    color-stop(1,         #e5e5e5));
257  
-  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#e5e5e5')";
  236
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e5e5e5)); /* Saf4+, Chrome */
  237
+  background-image: -webkit-linear-gradient(top, #eee, #e5e5e5); /* Chrome 10+, Saf5.1+ */
  238
+  background-image:    -moz-linear-gradient(top, #eee, #e5e5e5); /* FF3.6 */
  239
+  background-image:     -ms-linear-gradient(top, #eee, #e5e5e5); /* IE10 */
  240
+  background-image:      -o-linear-gradient(top, #eee, #e5e5e5); /* Opera 11.10+ */
  241
+  background-image:         linear-gradient(top, #eee, #e5e5e5);
258 242
 }
259 243
 .ui-bar-c, 
260 244
 .ui-bar-c input, 
@@ -276,13 +260,12 @@
276 260
   border: 1px solid       #ccc;
277 261
   background:             #e5e5e5;
278 262
   color:                  #444;
279  
-  background-image: -moz-linear-gradient(top, 
280  
-                          #eeeeee,
281  
-                          #e5e5e5);
282  
-  background-image: -webkit-gradient(linear,left top,left bottom,
283  
-    color-stop(0,         #eeeeee),
284  
-    color-stop(1,         #e5e5e5));
285  
-  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#e5e5e5')";
  263
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e5e5e5)); /* Saf4+, Chrome */
  264
+  background-image: -webkit-linear-gradient(top, #eee, #e5e5e5); /* Chrome 10+, Saf5.1+ */
  265
+  background-image:    -moz-linear-gradient(top, #eee, #e5e5e5); /* FF3.6 */
  266
+  background-image:     -ms-linear-gradient(top, #eee, #e5e5e5); /* IE10 */
  267
+  background-image:      -o-linear-gradient(top, #eee, #e5e5e5); /* Opera 11.10+ */
  268
+  background-image:         linear-gradient(top, #eee, #e5e5e5);
286 269
 }
287 270
 .ui-btn-up-c a.ui-link-inherit {
288 271
   color:                  #444;
@@ -291,13 +274,12 @@
291 274
   border: 1px solid       #ccc;
292 275
   background:             #f5f5f5;
293 276
   color:                  #222;
294  
-  background-image: -moz-linear-gradient(top, 
295  
-                          #ffffff,
296  
-                          #f5f5f5);
297  
-  background-image: -webkit-gradient(linear,left top,left bottom,
298  
-    color-stop(0,         #ffffff),
299  
-    color-stop(1,         #f5f5f5));
300  
-  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f5f5f5')";
  277
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5)); /* Saf4+, Chrome */
  278
+  background-image: -webkit-linear-gradient(top, #fff, #f5f5f5); /* Chrome 10+, Saf5.1+ */
  279
+  background-image:    -moz-linear-gradient(top, #fff, #f5f5f5); /* FF3.6 */
  280
+  background-image:     -ms-linear-gradient(top, #fff, #f5f5f5); /* IE10 */
  281
+  background-image:      -o-linear-gradient(top, #fff, #f5f5f5); /* Opera 11.10+ */
  282
+  background-image:         linear-gradient(top, #fff, #f5f5f5);
301 283
 }
302 284
 .ui-btn-hover-c a.ui-link-inherit { 
303 285
   color:                  #222;
@@ -306,13 +288,12 @@
306 288
   border: 1px solid       #ccc;
307 289
   background:             #d5d5d5;
308 290
   color:                  #111;
309  
-  background-image: -moz-linear-gradient(top, 
310  
-                          #dddddd,
311  
-                          #d5d5d5);
312  
-  background-image: -webkit-gradient(linear,left top,left bottom,
313  
-    color-stop(0,         #dddddd),
314  
-    color-stop(1,         #d5d5d5));
315  
-  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#d5d5d5')";
  291
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#d5d5d5)); /* Saf4+, Chrome */
  292
+  background-image: -webkit-linear-gradient(top, #ddd, #d5d5d5); /* Chrome 10+, Saf5.1+ */
  293
+  background-image:    -moz-linear-gradient(top, #ddd, #d5d5d5); /* FF3.6 */
  294
+  background-image:     -ms-linear-gradient(top, #ddd, #d5d5d5); /* IE10 */
  295
+  background-image:      -o-linear-gradient(top, #ddd, #d5d5d5); /* Opera 11.10+ */
  296
+  background-image:         linear-gradient(top, #ddd, #d5d5d5);
316 297
 }
317 298
 .ui-btn-down-c a.ui-link-inherit { 
318 299
   color:                  #111;
@@ -350,19 +331,12 @@
350 331
   background:             #cbcbcb;
351 332
   color:                  #666; 
352 333
   text-shadow: 0 1px 0px  #fff;
353  
-  background-image: -moz-linear-gradient(top, 
354  
-                          #ddd  0%,
355  
-                          #ccc  5%,
356  
-                          #bbb  15%, 
357  
-                          #ddd  95%, 
358  
-                          #ccc  100%);
359  
-  background-image: -webkit-gradient(linear, center top, center bottom,
360  
-    color-stop(0,         #ddd),
361  
-    color-stop(5%,        #ccc),
362  
-    color-stop(15%,       #bbb),
363  
-    color-stop(95%,       #ddd),
364  
-    color-stop(1,         #ccc));
365  
-  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#aaaaaa', EndColorStr='#e5e5e5')";
  334
+  background-image: -webkit-gradient(linear, center top, center bottom, from(#ddd), color-stop(5%, #ccc), color-stop(15%, #bbb), color-stop(95%, #ddd), to(#ccc)); /* Saf4+, Chrome */
  335
+  background-image: -webkit-linear-gradient(top, #ddd 0%, #ccc 5%, #bbb 15%, #ddd 95%, #ccc 100%); /* Chrome 10+, Saf5.1+ */
  336
+  background-image:    -moz-linear-gradient(top, #ddd 0%, #ccc 5%, #bbb 15%, #ddd 95%, #ccc 100%); /* FF3.6 */
  337
+  background-image:     -ms-linear-gradient(top, #ddd 0%, #ccc 5%, #bbb 15%, #ddd 95%, #ccc 100%); /* IE10 */
  338
+  background-image:      -o-linear-gradient(top, #ddd 0%, #ccc 5%, #bbb 15%, #ddd 95%, #ccc 100%); /* Opera 11.10+ */
  339
+  background-image:         linear-gradient(top, #ddd 0%, #ccc 5%, #bbb 15%, #ddd 95%, #ccc 100%);
366 340
 }
367 341
 .ui-bar-d, 
368 342
 .ui-bar-d input, 
@@ -383,13 +357,12 @@
383 357
   border: 1px solid       #c5c5c5;
384 358
   background:             #ddd;
385 359
   color:                  #666;
386  
-  background-image: -moz-linear-gradient(top, 
387  
-                          #d5d5d5,
388  
-                          #dddddd);
389  
-  background-image: -webkit-gradient(linear,left top,left bottom,
390  
-    color-stop(0,         #d5d5d5),
391  
-    color-stop(1,         #dddddd));
392  
-  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d5d5d5', EndColorStr='#dddddd')";
  360
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#d5d5d5), to(#ddd)); /* Saf4+, Chrome */
  361
+  background-image: -webkit-linear-gradient(top, #d5d5d5, #ddd); /* Chrome 10+, Saf5.1+ */
  362
+  background-image:    -moz-linear-gradient(top, #d5d5d5, #ddd); /* FF3.6 */
  363
+  background-image:     -ms-linear-gradient(top, #d5d5d5, #ddd); /* IE10 */
  364
+  background-image:      -o-linear-gradient(top, #d5d5d5, #ddd); /* Opera 11.10+ */
  365
+  background-image:         linear-gradient(top, #d5d5d5, #ddd);
393 366
 }
394 367
 .ui-btn-up-d a.ui-link-inherit {
395 368
   color:                  #666;
@@ -398,13 +371,12 @@
398 371
   border: 1px solid       #aaa;
399 372
   background:             #c5c5c5;
400 373
   color:                  #666;
401  
-  background-image: -moz-linear-gradient(top, 
402  
-                          #c5c5c5,
403  
-                          #cccccc);
404  
-  background-image: -webkit-gradient(linear,left top,left bottom,
405  
-    color-stop(0,         #c5c5c5),
406  
-    color-stop(1,         #cccccc));
407  
-  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#c5c5c5', EndColorStr='#cccccc')";
  374
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#ccc)); /* Saf4+, Chrome */
  375
+  background-image: -webkit-linear-gradient(top, #c5c5c5, #ccc); /* Chrome 10+, Saf5.1+ */
  376
+  background-image:    -moz-linear-gradient(top, #c5c5c5, #ccc); /* FF3.6 */
  377
+  background-image:     -ms-linear-gradient(top, #c5c5c5, #ccc); /* IE10 */
  378
+  background-image:      -o-linear-gradient(top, #c5c5c5, #ccc); /* Opera 11.10+ */
  379
+  background-image:         linear-gradient(top, #c5c5c5, #ccc);
408 380
 }
409 381
 .ui-btn-hover-d a.ui-link-inherit {
410 382
   color:                  #666;
@@ -413,13 +385,12 @@
413 385
   border: 1px solid       #999;
414 386
   background:             #b5b5b5;
415 387
   color:                  #444;
416  
-  background-image: -moz-linear-gradient(top, 
417  
-                          #b5b5b5,
418  
-                          #bbbbbb);
419  
-  background-image: -webkit-gradient(linear,left top,left bottom,
420  
-    color-stop(0,         #b5b5b5),
421  
-    color-stop(1,         #bbbbbb));
422  
-  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#b5b5b5', EndColorStr='#bbbbbb')";
  388
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#b5b5b5), to(#bbb)); /* Saf4+, Chrome */
  389
+  background-image: -webkit-linear-gradient(top, #b5b5b5, #bbb); /* Chrome 10+, Saf5.1+ */
  390
+  background-image:    -moz-linear-gradient(top, #b5b5b5, #bbb); /* FF3.6 */
  391
+  background-image:     -ms-linear-gradient(top, #b5b5b5, #bbb); /* IE10 */
  392
+  background-image:      -o-linear-gradient(top, #b5b5b5, #bbb); /* Opera 11.10+ */
  393
+  background-image:         linear-gradient(top, #b5b5b5, #bbb);
423 394
 }
424 395
 .ui-btn-up-d a.ui-link {
425 396
   color:                  #444;
@@ -448,15 +419,12 @@
448 419
   color:                  #666;
449 420
   text-shadow: 0 1px 0px  #fff;
450 421
   background:             #eee;
451  
-  background-image: -moz-linear-gradient(top, 
452  
-                          #ffffff 0%,
453  
-                          #f5f5f5 15%,
454  
-                          #eeeeee 100%);
455  
-  background-image: -webkit-gradient(linear,left top,left bottom,
456  
-    color-stop(0,         #ffffff),
457  
-    color-stop(15%,       #f5f5f5),
458  
-    color-stop(1,         #eeeeee));
459  
-  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#eeeeee')";
  422
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(15%, #f5f5f5), to(#eee)); /* Saf4+, Chrome */
  423
+  background-image: -webkit-linear-gradient(top, #fff 0%, #f5f5f5 15%, #eee 100%); /* Chrome 10+, Saf5.1+ */
  424
+  background-image:    -moz-linear-gradient(top, #fff 0%, #f5f5f5 15%, #eee 100%); /* FF3.6 */
  425
+  background-image:     -ms-linear-gradient(top, #fff 0%, #f5f5f5 15%, #eee 100%); /* IE10 */
  426
+  background-image:      -o-linear-gradient(top, #fff 0%, #f5f5f5 15%, #eee 100%); /* Opera 11.10+ */
  427
+  background-image:         linear-gradient(top, #fff 0%, #f5f5f5 15%, #eee 100%);
460 428
 }
461 429
 .ui-body-d .ui-link {
462 430
   font-weight: bold;
@@ -483,17 +451,12 @@
483 451
   background:             #dedede;
484 452
   color:                  #000;
485 453
   text-shadow: 0 1px 0px  #fff;
486  
-  background-image: -moz-linear-gradient(top, 
487  
-                          #ffffff 0%,
488  
-                          #cccccc 50%,
489  
-                          #b5b5b5 50%,
490  
-                          #eeeeee 100%);
491  
-  background-image: -webkit-gradient(linear,left top,left bottom,
492  
-    color-stop(0,         #ffffff),
493  
-    color-stop(.5,        #cccccc),
494  
-    color-stop(.5,        #b5b5b5),
495  
-    color-stop(1,         #eeeeee));
496  
-  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff',EndColorStr='#b5b5b5')";
  454
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #ccc), color-stop(50%, #b5b5b5), to(#eee)); /* Saf4+, Chrome */
  455
+  background-image: -webkit-linear-gradient(top, #fff 0%, #ccc 50%, #b5b5b5 50%, #eee 100%); /* Chrome 10+, Saf5.1+ */
  456
+  background-image:    -moz-linear-gradient(top, #fff 0%, #ccc 50%, #b5b5b5 50%, #eee 100%); /* FF3.6 */
  457
+  background-image:     -ms-linear-gradient(top, #fff 0%, #ccc 50%, #b5b5b5 50%, #eee 100%); /* IE10 */
  458
+  background-image:      -o-linear-gradient(top, #fff 0%, #ccc 50%, #b5b5b5 50%, #eee 100%); /* Opera 11.10+ */
  459
+  background-image:         linear-gradient(top, #fff 0%, #ccc 50%, #b5b5b5 50%, #eee 100%);
497 460
 }
498 461
 .ui-bar-e,
499 462
 .ui-bar-e input, 
@@ -514,17 +477,12 @@
514 477
   background:             #dfdfdf;
515 478
   color:                  #333;
516 479
   text-shadow: 0 1px 0px  #fff;
517  
-  background-image: -moz-linear-gradient(top, 
518  
-                          #f5f5f5 0%,
519  
-                          #cccccc 50%,
520  
-                          #b5b5b5 50%,
521  
-                          #f5f5f5 100%);
522  
-  background-image: -webkit-gradient(linear,left top,left bottom,
523  
-    color-stop(0,         #f5f5f5),
524  
-    color-stop(.5,        #cccccc),
525  
-    color-stop(.5,        #b5b5b5),
526  
-    color-stop(1,         #f5f5f5));
527  
-  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#b5b5b5')";
  480
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), color-stop(50%, #ccc), color-stop(50%, #b5b5b5), to(#f5f5f5)); /* Saf4+, Chrome */
  481
+  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #ccc 50%, #b5b5b5 50%, #f5f5f5 100%); /* Chrome 10+, Saf5.1+ */
  482
+  background-image:    -moz-linear-gradient(top, #f5f5f5 0%, #ccc 50%, #b5b5b5 50%, #f5f5f5 100%); /* FF3.6 */
  483
+  background-image:     -ms-linear-gradient(top, #f5f5f5 0%, #ccc 50%, #b5b5b5 50%, #f5f5f5 100%); /* IE10 */
  484
+  background-image:      -o-linear-gradient(top, #f5f5f5 0%, #ccc 50%, #b5b5b5 50%, #f5f5f5 100%); /* Opera 11.10+ */
  485
+  background-image:         linear-gradient(top, #f5f5f5 0%, #ccc 50%, #b5b5b5 50%, #f5f5f5 100%);
528 486
 }
529 487
 .ui-btn-up-e a.ui-link-inherit {
530 488
   color:                  #333;
@@ -534,17 +492,12 @@
534 492
   background:             #e5e5e5;
535 493
   color:                  #333;
536 494
   text-shadow: 0 1px 0px  #fff;
537  
-  background-image: -moz-linear-gradient(top, 
538  
-                          #ffffff 0%,
539  
-                          #dddddd 50%,
540  
-                          #cccccc 50%,
541  
-                          #ffffff 100%);
542  
-  background-image: -webkit-gradient(linear,left top,left bottom,
543  
-    color-stop(0,         #ffffff),
544  
-    color-stop(.5,        #dddddd),
545  
-    color-stop(.5,        #cccccc),
546  
-    color-stop(1,         #ffffff));
547  
-  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc')";
  495
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #ddd), color-stop(50%, #ccc), to(#fff)); /* Saf4+, Chrome */
  496
+  background-image: -webkit-linear-gradient(top, #fff 0%, #ddd 50%, #ccc 50%, #fff 100%); /* Chrome 10+, Saf5.1+ */
  497
+  background-image:    -moz-linear-gradient(top, #fff 0%, #ddd 50%, #ccc 50%, #fff 100%); /* FF3.6 */
  498
+  background-image:     -ms-linear-gradient(top, #fff 0%, #ddd 50%, #ccc 50%, #fff 100%); /* IE10 */
  499
+  background-image:      -o-linear-gradient(top, #fff 0%, #ddd 50%, #ccc 50%, #fff 100%); /* Opera 11.10+ */
  500
+  background-image:         linear-gradient(top, #fff 0%, #ddd 50%, #ccc 50%, #fff 100%);
548 501
 }
549 502
 .ui-btn-hover-e a.ui-link-inherit {
550 503
   color:                  #333;
@@ -553,17 +506,12 @@
553 506
   border: 1px solid       #888;
554 507
   background:             #ccc;
555 508
   color:                  #333;
556  
-  background-image: -moz-linear-gradient(top, 
557  
-                          #dddddd 0%,
558  
-                          #cccccc 50%,
559  
-                          #bbbbbb 50%,
560  
-                          #dddddd 100%);
561  
-  background-image: -webkit-gradient(linear,left top,left bottom,
562  
-    color-stop(0,         #dddddd),
563  
-    color-stop(.5,        #cccccc),
564  
-    color-stop(.5,        #bbbbbb),
565  
-    color-stop(1,         #dddddd));
566  
-  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#bbbbbb')";
  509
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), color-stop(50%, #ccc), color-stop(50%, #bbb), to(#ddd)); /* Saf4+, Chrome */
  510
+  background-image: -webkit-linear-gradient(top, #ddd 0%, #ccc 50%, #bbb 50%, #ddd 100%); /* Chrome 10+, Saf5.1+ */
  511
+  background-image:    -moz-linear-gradient(top, #ddd 0%, #ccc 50%, #bbb 50%, #ddd 100%); /* FF3.6 */
  512
+  background-image:     -ms-linear-gradient(top, #ddd 0%, #ccc 50%, #bbb 50%, #ddd 100%); /* IE10 */
  513
+  background-image:      -o-linear-gradient(top, #ddd 0%, #ccc 50%, #bbb 50%, #ddd 100%); /* Opera 11.10+ */
  514
+  background-image:         linear-gradient(top, #ddd 0%, #ccc 50%, #bbb 50%, #ddd 100%);
567 515
 }
568 516
 .ui-btn-down-e a.ui-link-inherit {
569 517
   color:                  #333;
@@ -620,13 +568,12 @@ a.ui-link-inherit {
620 568
   background:             #FFBC19;
621 569
   color:                  #222;
622 570
   text-shadow: 0 1px 0px  #eee;
623  
-  background-image: -moz-linear-gradient(top, 
624  
-                          #FFDC52,
625  
-                          #FFBC19);
626  
-  background-image: -webkit-gradient(linear,left top,left bottom,
627  
-    color-stop(0,         #FFDC52),
628  
-    color-stop(1,         #FFBC19));
629  
-  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFDC52', EndColorStr='#FFBC19')";
  571
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFDC52), to(#FFBC19)); /* Saf4+, Chrome */
  572
+  background-image: -webkit-linear-gradient(top, #FFDC52, #FFBC19); /* Chrome 10+, Saf5.1+ */
  573
+  background-image:    -moz-linear-gradient(top, #FFDC52, #FFBC19); /* FF3.6 */
  574
+  background-image:     -ms-linear-gradient(top, #FFDC52, #FFBC19); /* IE10 */
  575
+  background-image:      -o-linear-gradient(top, #FFDC52, #FFBC19); /* Opera 11.10+ */
  576
+  background-image:         linear-gradient(top, #FFDC52, #FFBC19);
630 577
 }
631 578
 .ui-btn-active a.ui-link-inherit {
632 579
   color:                  #333;

0 notes on commit 8158115

Please sign in to comment.
Something went wrong with that request. Please try again.