--- a/css/jquery.mobile-1.0b2.css +++ b/css/jquery.mobile-1.0b2.css @@ -1,5 +1,5 @@ /*! - * jQuery Mobile v1.0b1 + * jQuery Mobile v1.0b2 * http://jquerymobile.com/ * * Copyright 2010, jQuery Project @@ -10,7 +10,6 @@ * jQuery Mobile Framework * Copyright (c) jQuery Project * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. -* Note: Code is in draft form and is subject to change */ @@ -23,13 +22,12 @@ color: #ffffff; font-weight: bold; text-shadow: 0 -1px 1px #000000; - background-image: -moz-linear-gradient(top, - #3c3c3c, - #111111); - background-image: -webkit-gradient(linear,left top,left bottom, - color-stop(0, #3c3c3c), - color-stop(1, #111111)); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#3c3c3c', EndColorStr='#111111')"; + background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#111)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #3c3c3c, #111); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #3c3c3c, #111); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #3c3c3c, #111); /* IE10 */ + background-image: -o-linear-gradient(top, #3c3c3c, #111); /* Opera 11.10+ */ + background-image: linear-gradient(top, #3c3c3c, #111); } .ui-bar-a, .ui-bar-a input, @@ -51,13 +49,12 @@ color: #fff; text-shadow: 0 1px 0 #000; font-weight: normal; - background-image: -moz-linear-gradient(top, - #666666, - #222222); - background-image: -webkit-gradient(linear,left top,left bottom, - color-stop(0, #666666), - color-stop(1, #222222)); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#222222)')"; + background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#222)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #666, #222); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #666, #222); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #666, #222); /* IE10 */ + background-image: -o-linear-gradient(top, #666, #222); /* Opera 11.10+ */ + background-image: linear-gradient(top, #666, #222); } .ui-body-a, .ui-body-a input, @@ -85,13 +82,12 @@ font-weight: bold; color: #fff; text-shadow: 0 -1px 1px #000; - background-image: -moz-linear-gradient(top, - #555555, - #333333); - background-image: -webkit-gradient(linear,left top,left bottom, - color-stop(0, #555555), - color-stop(1, #333333)); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#555555', EndColorStr='#333333')"; + background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #555, #333); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #555, #333); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #555, #333); /* IE10 */ + background-image: -o-linear-gradient(top, #555, #333); /* Opera 11.10+ */ + background-image: linear-gradient(top, #555, #333); } .ui-btn-up-a a.ui-link-inherit { color: #fff; @@ -102,13 +98,12 @@ font-weight: bold; color: #fff; text-shadow: 0 -1px 1px #000; - background-image: -moz-linear-gradient(top, - #666666, - #444444); - background-image: -webkit-gradient(linear,left top,left bottom, - color-stop(0, #666666), - color-stop(1, #444444)); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#444444')"; + background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #666, #444); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #666, #444); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #666, #444); /* IE10 */ + background-image: -o-linear-gradient(top, #666, #444); /* Opera 11.10+ */ + background-image: linear-gradient(top, #666, #444); } .ui-btn-hover-a a.ui-link-inherit { color: #fff; @@ -119,13 +114,12 @@ font-weight: bold; color: #fff; text-shadow: 0 -1px 1px #000; - background-image: -moz-linear-gradient(top, - #333333, - #5a5a5a); - background-image: -webkit-gradient(linear,left top,left bottom, - color-stop(0, #333333), - color-stop(1, #5a5a5a)); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#5a5a5a')"; + background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#5a5a5a)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #333, #5a5a5a); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #333, #5a5a5a); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #333, #5a5a5a); /* IE10 */ + background-image: -o-linear-gradient(top, #333, #5a5a5a); /* Opera 11.10+ */ + background-image: linear-gradient(top, #333, #5a5a5a); } .ui-btn-down-a a.ui-link-inherit { color: #fff; @@ -147,13 +141,12 @@ color: #fff; font-weight: bold; text-shadow: 0 -1px 1px #254f7a; - background-image: -moz-linear-gradient(top, - #81a8ce, - #5e87b0); - background-image: -webkit-gradient(linear,left top,left bottom, - color-stop(0, #81a8ce), - color-stop(1, #5e87b0)); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#81a8ce', EndColorStr='#5e87b0')"; + background-image: -webkit-gradient(linear, left top, left bottom, from(#81a8ce), to(#5e87b0)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #81a8ce, #5e87b0); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #81a8ce, #5e87b0); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #81a8ce, #5e87b0); /* IE10 */ + background-image: -o-linear-gradient(top, #81a8ce, #5e87b0); /* Opera 11.10+ */ + background-image: linear-gradient(top, #81a8ce, #5e87b0); } .ui-bar-b, .ui-bar-b input, @@ -176,13 +169,12 @@ color: #333333; text-shadow: 0 1px 0 #fff; font-weight: normal; - background-image: -moz-linear-gradient(top, - #e6e6e6, - #cccccc); - background-image: -webkit-gradient(linear,left top,left bottom, - color-stop(0, #e6e6e6), - color-stop(1, #cccccc)); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e6e6e6', EndColorStr='#cccccc')"; + background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#ccc)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #e6e6e6, #ccc); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #e6e6e6, #ccc); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #e6e6e6, #ccc); /* IE10 */ + background-image: -o-linear-gradient(top, #e6e6e6, #ccc); /* Opera 11.10+ */ + background-image: linear-gradient(top, #e6e6e6, #ccc); } .ui-body-b, .ui-body-b input, @@ -204,13 +196,12 @@ font-weight: bold; color: #fff; text-shadow: 0 -1px 1px #145072; - background-image: -moz-linear-gradient(top, - #4e89c5, - #2567ab); - background-image: -webkit-gradient(linear,left top,left bottom, - color-stop(0, #5f9cc5), - color-stop(1, #396b9e)); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4e89c5', EndColorStr='#2567ab')"; + background-image: -webkit-gradient(linear, left top, left bottom, from(#5f9cc5), to(#396b9e)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #5f9cc5, #396b9e); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #5f9cc5, #396b9e); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #5f9cc5, #396b9e); /* IE10 */ + background-image: -o-linear-gradient(top, #5f9cc5, #396b9e); /* Opera 11.10+ */ + background-image: linear-gradient(top, #5f9cc5, #396b9e); } .ui-btn-up-b a.ui-link-inherit { color: #fff; @@ -221,13 +212,12 @@ font-weight: bold; color: #fff; text-shadow: 0 -1px 1px #014D68; - background-image: -moz-linear-gradient(top, - #72b0d4, - #4b88b6); - background-image: -webkit-gradient(linear,left top,left bottom, - color-stop(0, #72b0d4), - color-stop(1, #4b88b6)); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#72b0d4', EndColorStr='#4b88b6')"; + background-image: -webkit-gradient(linear, left top, left bottom, from(#72b0d4), to(#4b88b6)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #72b0d4, #4b88b6); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #72b0d4, #4b88b6); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #72b0d4, #4b88b6); /* IE10 */ + background-image: -o-linear-gradient(top, #72b0d4, #4b88b6); /* Opera 11.10+ */ + background-image: linear-gradient(top, #72b0d4, #4b88b6); } .ui-btn-hover-b a.ui-link-inherit { color: #fff; @@ -238,13 +228,12 @@ font-weight: bold; color: #fff; text-shadow: 0 -1px 1px #225377; - background-image: -moz-linear-gradient(top, - #396b9e, - #4e89c5); - background-image: -webkit-gradient(linear,left top,left bottom, - color-stop(0, #396b9e), - color-stop(1, #4e89c5)); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#396b9e', EndColorStr='#4e89c5')"; + background-image: -webkit-gradient(linear, left top, left bottom, from(#396b9e), to(#4e89c5)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #396b9e, #4e89c5); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #396b9e, #4e89c5); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #396b9e, #4e89c5); /* IE10 */ + background-image: -o-linear-gradient(top, #396b9e, #4e89c5); /* Opera 11.10+ */ + background-image: linear-gradient(top, #396b9e, #4e89c5); } .ui-btn-down-b a.ui-link-inherit { color: #fff; @@ -266,13 +255,12 @@ color: #3E3E3E; font-weight: bold; text-shadow: 0 1px 1px #fff; - background-image: -moz-linear-gradient(top, - #f0f0f0, - #e9eaeb); - background-image: -webkit-gradient(linear,left top,left bottom, - color-stop(0, #f0f0f0), - color-stop(1, #e9eaeb)); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f0f0f0', EndColorStr='#e9eaeb')"; + background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#e9eaeb)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #f0f0f0, #e9eaeb); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #f0f0f0, #e9eaeb); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #f0f0f0, #e9eaeb); /* IE10 */ + background-image: -o-linear-gradient(top, #f0f0f0, #e9eaeb); /* Opera 11.10+ */ + background-image: linear-gradient(top, #f0f0f0, #e9eaeb); } .ui-bar-c, .ui-bar-c input, @@ -286,13 +274,12 @@ color: #333333; text-shadow: 0 1px 0 #fff; background: #f0f0f0; - background-image: -moz-linear-gradient(top, - #eeeeee, - #dddddd); - background-image: -webkit-gradient(linear,left top,left bottom, - color-stop(0, #eeeeee), - color-stop(1, #dddddd)); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#dddddd')"; + background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #eee, #ddd); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #eee, #ddd); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #eee, #ddd); /* IE10 */ + background-image: -o-linear-gradient(top, #eee, #ddd); /* Opera 11.10+ */ + background-image: linear-gradient(top, #eee, #ddd); } .ui-body-c, .ui-body-c input, @@ -315,13 +302,12 @@ font-weight: bold; color: #444; text-shadow: 0 1px 1px #f6f6f6; - background-image: -moz-linear-gradient(top, - #fefefe, - #eeeeee); - background-image: -webkit-gradient(linear,left top,left bottom, - color-stop(0, #fdfdfd), - color-stop(1, #eeeeee)); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')"; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#eee)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #fdfdfd, #eee); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #fdfdfd, #eee); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #fdfdfd, #eee); /* IE10 */ + background-image: -o-linear-gradient(top, #fdfdfd, #eee); /* Opera 11.10+ */ + background-image: linear-gradient(top, #fdfdfd, #eee); } .ui-btn-up-c a.ui-link-inherit { color: #2F3E46; @@ -333,13 +319,12 @@ font-weight: bold; color: #101010; text-shadow: 0 1px 1px #fff; - background-image: -moz-linear-gradient(top, - #ededed, - #dadada); - background-image: -webkit-gradient(linear,left top,left bottom, - color-stop(0, #ededed), - color-stop(1, #dadada)); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ededed', EndColorStr='#dadada')"; + background-image: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dadada)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #ededed, #dadada); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #ededed, #dadada); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #ededed, #dadada); /* IE10 */ + background-image: -o-linear-gradient(top, #ededed, #dadada); /* Opera 11.10+ */ + background-image: linear-gradient(top, #ededed, #dadada); } .ui-btn-hover-c a.ui-link-inherit { color: #2F3E46; @@ -350,13 +335,12 @@ font-weight: bold; color: #111111; text-shadow: 0 1px 1px #ffffff; - background-image: -moz-linear-gradient(top, - #eeeeee, - #fdfdfd); - background-image: -webkit-gradient(linear,left top,left bottom, - color-stop(0, #eeeeee), - color-stop(1, #fdfdfd)); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#fdfdfd')"; + background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fdfdfd)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #eee, #fdfdfd); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #eee, #fdfdfd); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #eee, #fdfdfd); /* IE10 */ + background-image: -o-linear-gradient(top, #eee, #fdfdfd); /* Opera 11.10+ */ + background-image: linear-gradient(top, #eee, #fdfdfd); } .ui-btn-down-c a.ui-link-inherit { color: #2F3E46; @@ -377,13 +361,12 @@ background: #bbb; color: #333; text-shadow: 0 1px 0 #eee; - background-image: -moz-linear-gradient(top, - #ddd, - #bbb); - background-image: -webkit-gradient(linear,left top,left bottom, - color-stop(0, #ddd), - color-stop(1, #bbb)); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#bbbbbb')"; + background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #ddd, #bbb); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #ddd, #bbb); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #ddd, #bbb); /* IE10 */ + background-image: -o-linear-gradient(top, #ddd, #bbb); /* Opera 11.10+ */ + background-image: linear-gradient(top, #ddd, #bbb); } .ui-bar-d, .ui-bar-d input, @@ -436,13 +419,12 @@ color: #222; cursor: pointer; text-shadow: 0 1px 1px #fff; - background-image: -moz-linear-gradient(top, - #fdfdfd, - #eeeeee); - background-image: -webkit-gradient(linear,left top,left bottom, - color-stop(0, #fdfdfd), - color-stop(1, #eeeeee)); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')"; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#eee)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #fdfdfd, #eee); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #fdfdfd, #eee); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #fdfdfd, #eee); /* IE10 */ + background-image: -o-linear-gradient(top, #fdfdfd, #eee); /* Opera 11.10+ */ + background-image: linear-gradient(top, #fdfdfd, #eee); } .ui-btn-hover-d a.ui-link-inherit { color: #222; @@ -453,13 +435,12 @@ font-weight: bold; color: #111; text-shadow: 0 1px 1px #ffffff; - background-image: -moz-linear-gradient(top, - #eeeeee, - #ffffff); - background-image: -webkit-gradient(linear,left top,left bottom, - color-stop(0, #eeeeee), - color-stop(1, #ffffff)); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#ffffff')"; + background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #eee, #fff); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #eee, #fff); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #eee, #fff); /* IE10 */ + background-image: -o-linear-gradient(top, #eee, #fff); /* Opera 11.10+ */ + background-image: linear-gradient(top, #eee, #fff); } .ui-btn-down-d a.ui-link-inherit { color: #111; @@ -480,19 +461,18 @@ background: #fadb4e; color: #333; text-shadow: 0 1px 0 #fff; - background-image: -moz-linear-gradient(top, - #fceda7, - #fadb4e); - background-image: -webkit-gradient(linear,left top,left bottom, - color-stop(0, #fceda7), - color-stop(1, #fadb4e)); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fceda7', EndColorStr='#fadb4e')"; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fceda7), to(#fadb4e)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #fceda7, #fadb4e); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #fceda7, #fadb4e); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #fceda7, #fadb4e); /* IE10 */ + background-image: -o-linear-gradient(top, #fceda7, #fadb4e); /* Opera 11.10+ */ + background-image: linear-gradient(top, #fceda7, #fadb4e); } .ui-bar-e, .ui-bar-e input, .ui-bar-e select, .ui-bar-e textarea, -.ui-bar-d button { +.ui-bar-e button { font-family: Helvetica, Arial, sans-serif; } .ui-bar-e .ui-link-inherit { @@ -507,13 +487,12 @@ color: #333333; text-shadow: 0 1px 0 #fff; background: #faeb9e; - background-image: -moz-linear-gradient(top, - #fff, - #faeb9e); - background-image: -webkit-gradient(linear,left top,left bottom, - color-stop(0, #fff), - color-stop(1, #faeb9e)); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#faeb9e')"; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#faeb9e)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #fff, #faeb9e); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #fff, #faeb9e); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #fff, #faeb9e); /* IE10 */ + background-image: -o-linear-gradient(top, #fff, #faeb9e); /* Opera 11.10+ */ + background-image: linear-gradient(top, #fff, #faeb9e); } .ui-body-e, .ui-body-e input, @@ -535,13 +514,12 @@ font-weight: bold; color: #333; text-shadow: 0 1px 0 #fff; - background-image: -moz-linear-gradient(top, - #fceda7, - #fadb4e); - background-image: -webkit-gradient(linear,left top,left bottom, - color-stop(0, #fceda7), - color-stop(1, #fadb4e)); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fceda7', EndColorStr='#fadb4e')"; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fceda7), to(#fadb4e)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #fceda7, #fadb4e); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #fceda7, #fadb4e); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #fceda7, #fadb4e); /* IE10 */ + background-image: -o-linear-gradient(top, #fceda7, #fadb4e); /* Opera 11.10+ */ + background-image: linear-gradient(top, #fceda7, #fadb4e); } .ui-btn-up-e a.ui-link-inherit { color: #333; @@ -552,13 +530,12 @@ font-weight: bold; color: #111; text-shadow: 0 1px 1px #fff; - background-image: -moz-linear-gradient(top, - #fcf0b5, - #fbe26f); - background-image: -webkit-gradient(linear,left top,left bottom, - color-stop(0, #fcf0b5), - color-stop(1, #fbe26f)); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fcf0b5', EndColorStr='#fbe26f')"; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf0b5), to(#fbe26f)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #fcf0b5, #fbe26f); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #fcf0b5, #fbe26f); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #fcf0b5, #fbe26f); /* IE10 */ + background-image: -o-linear-gradient(top, #fcf0b5, #fbe26f); /* Opera 11.10+ */ + background-image: linear-gradient(top, #fcf0b5, #fbe26f); } .ui-btn-hover-e a.ui-link-inherit { @@ -570,13 +547,12 @@ font-weight: bold; color: #111; text-shadow: 0 1px 1px #ffffff; - background-image: -moz-linear-gradient(top, - #fadb4e, - #fceda7); - background-image: -webkit-gradient(linear,left top,left bottom, - color-stop(0, #fadb4e), - color-stop(1, #fceda7)); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fadb4e', EndColorStr='#fceda7')"; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fadb4e), to(#fceda7)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #fadb4e, #fceda7); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #fadb4e, #fceda7); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #fadb4e, #fceda7); /* IE10 */ + background-image: -o-linear-gradient(top, #fadb4e, #fceda7); /* Opera 11.10+ */ + background-image: linear-gradient(top, #fadb4e, #fceda7); } .ui-btn-down-e a.ui-link-inherit { color: #333; @@ -608,13 +584,12 @@ cursor: pointer; text-shadow: 0 -1px 1px #145072; text-decoration: none; - background-image: -moz-linear-gradient(top, - #85bae4, - #5393c5); - background-image: -webkit-gradient(linear,left top,left bottom, - color-stop(0, #85bae4), - color-stop(1, #5393c5)); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#85bae4', EndColorStr='#5393c5')"; + background-image: -webkit-gradient(linear, left top, left bottom, from(#85bae4), to(#5393c5)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #85bae4, #5393c5); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #85bae4, #5393c5); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #85bae4, #5393c5); /* IE10 */ + background-image: -o-linear-gradient(top, #85bae4, #5393c5); /* Opera 11.10+ */ + background-image: linear-gradient(top, #85bae4, #5393c5); outline: none; } .ui-btn-active a.ui-link-inherit { @@ -827,14 +802,18 @@ /* checks,radios */ +.ui-checkbox .ui-icon { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} .ui-icon-checkbox-off, -.ui-icon-checkbox-on, -.ui-icon-radio-off, -.ui-icon-radio-on { - background-color: transparent; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; +.ui-icon-radio-off { + background-color: transparent; +} +.ui-checkbox-on .ui-icon, +.ui-radio-on .ui-icon { + background-color: #4596ce; /* NOTE: this hex should match the active state color. It's repeated here for cascade */ } .ui-icon-searchfield { background-image: url(images/icon-search-black.png); @@ -934,7 +913,7 @@ .ui-btn-corner-left, .ui-btn-corner-all { -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; + -moz-background-clip: padding; background-clip: padding-box; } @@ -1003,7 +982,6 @@ * jQuery Mobile Framework * Copyright (c) jQuery Project * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. -* Note: Code is in draft form and is subject to change */ /* some unsets - more probably needed */ @@ -1069,6 +1047,7 @@ -webkit-animation-name: spin; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; + -webkit-animation-timing-function: linear; } @-webkit-keyframes spin { from {-webkit-transform: rotate(0deg);} @@ -1399,7 +1378,7 @@ .ui-btn:focus, .ui-btn:active { outline: none; } .ui-header .ui-btn, .ui-footer .ui-btn, .ui-bar .ui-btn { display: inline-block; font-size: 13px; margin: 0; } .ui-btn-inline { display: inline-block; } -.ui-btn-inner { padding: .6em 25px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; } +.ui-btn-inner { padding: .6em 25px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; zoom: 1; } .ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner { padding: .4em 8px .5em; } .ui-btn-icon-notext { display: inline-block; width: 20px; height: 20px; padding: 2px 1px 2px 3px; text-indent: -9999px; } .ui-btn-icon-notext .ui-btn-inner { padding: 0; } @@ -1517,7 +1496,7 @@ * Copyright (c) jQuery Project * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. */ -.ui-field-contain { background: none; padding: 1.5em 0; margin: 0; border-bottom-width: 1px; overflow: visible; } +.ui-field-contain { padding: 1.5em 0; margin: 0; border-bottom-width: 1px; overflow: visible; } .ui-field-contain:first-child { border-top-width: 0; } @media all and (min-width: 450px){ .ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; } @@ -1540,8 +1519,8 @@ label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; } /*listbox*/ -.ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: inline-block; min-height: 1em; } -.ui-select .ui-btn-text { text-overflow: ellipsis; overflow: hidden; display: block;} +.ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; } +.ui-select .ui-btn-text { text-overflow: ellipsis; overflow: hidden;} .ui-selectmenu { position: absolute; padding: 0; z-index: 100 !important; width: 80%; max-width: 350px; padding: 6px; } .ui-selectmenu .ui-listview { margin: 0; }