templates/mobile/jquery/mobile/valencia.scss in compass-jquery-plugin-0.3.2.8 vs templates/mobile/jquery/mobile/valencia.scss in compass-jquery-plugin-0.3.3.0
- old
+ new
@@ -12,40 +12,40 @@
####################################################################################################################################*/
.ui-bar-a {
font-weight: bold;
- border: 1px solid #be7800;
+ border: 1px solid #be7800;
background: #e99515;
color: #fff;
text-shadow: 0 -1px 0px #94440f;
background-image: -moz-linear-gradient(top, #e9a015, #e98a15);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e9a015), color-stop(1, #e98a15));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e9a015', EndColorStr='#e98a15')"; }
.ui-btn-up-a {
- border: 1px solid #BD610D;
+ border: 1px solid #BD610D;
background: #e68510;
color: #fff;
background-image: -moz-linear-gradient(top, #ea9e0c, #e68510);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ea9e0c), color-stop(1, #e68510));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ea9e0c', EndColorStr='#e68510')";
a.ui-link-inherit {
color: #fff; } }
.ui-btn-hover-a {
- border: 1px solid #b77504;
+ border: 1px solid #b77504;
background: #ed9730;
color: #fff;
background-image: -moz-linear-gradient(top, #edab30, #ed9730);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #edab30), color-stop(1, #ed9730));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#edab30', EndColorStr='#ed9730')";
a.ui-link-inherit {
color: #fff; } }
.ui-btn-down-a {
- border: 1px solid #BD610D;
+ border: 1px solid #BD610D;
background: #BA6E11;
color: #fff;
background-image: -moz-linear-gradient(top, #ba8011, #ba6e11);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ba8011), color-stop(1, #ba6e11));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#BA8011', EndColorStr='#BA6E11')"; }
@@ -67,11 +67,11 @@
color: #7cc4e7;
font-weight: bold; } }
.ui-body-a {
font-weight: normal;
- border: 1px solid #222;
+ border: 1px solid #222;
background: #444;
color: #ddd;
text-shadow: 0 -1px 0px black;
background-image: -moz-linear-gradient(top, #333333 0%, #333333 5%, #444444 15%, #444444 60%, #222222 100%);
background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0, #333333), color-stop(5%, #333333), color-stop(15%, #444444), color-stop(60%, #444444), color-stop(1, #222222));
@@ -91,40 +91,40 @@
####################################################################################################################################*/
.ui-bar-b {
font-weight: bold;
- border: 1px solid #222;
+ border: 1px solid #222;
background: #333333;
color: #fff;
text-shadow: 0 -1px 0px #111111;
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')"; }
.ui-btn-up-b {
- border: 1px solid #232323;
+ border: 1px solid #232323;
background: #393939;
color: #eee;
background-image: -moz-linear-gradient(top, #5e5e5e, #393939);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5e5e5e), color-stop(1, #393939));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#5E5E5E', EndColorStr='#393939')";
a.ui-link-inherit {
color: #eee; } }
.ui-btn-hover-b {
- border: 1px solid #232323;
+ border: 1px solid #232323;
background: #494949;
color: #fff;
background-image: -moz-linear-gradient(top, #6e6e6e, #494949);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6e6e6e), color-stop(1, #494949));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#6E6E6E', EndColorStr='#494949')";
a.ui-link-inherit {
color: #fff; } }
.ui-btn-down-b {
- border: 1px solid #232323;
+ border: 1px solid #232323;
background: #292929;
color: #fff;
background-image: -moz-linear-gradient(top, #4e4e4e, #292929);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4e4e4e), color-stop(1, #292929));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4E4E4E', EndColorStr='#292929')";
@@ -148,14 +148,14 @@
color: #7cc4e7;
font-weight: bold; } }
.ui-body-b {
font-weight: normal;
- border: 1px solid #999;
+ border: 1px solid #999;
background-color: #e5e5e5;
color: #666;
- text-shadow: 0 1px 0px #fff;
+ text-shadow: 0 1px 0px #fff;
background-image: image_url("jquery/mobile/valencia/texture_075.png");
font-family: Helvetica, Arial, sans-serif;
input, select, textarea, button {
font-family: Helvetica, Arial, sans-serif; }
.ui-link-inherit {
@@ -170,14 +170,14 @@
####################################################################################################################################*/
.ui-bar-c {
font-weight: bold;
- border: 1px solid #ccc;
+ border: 1px solid #ccc;
background: #e5e5e5;
color: #111;
- text-shadow: 0 1px 0px #fff;
+ text-shadow: 0 1px 0px #fff;
background-image: -moz-linear-gradient(top, #eeeeee, #e5e5e5);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eeeeee), color-stop(1, #e5e5e5));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#e5e5e5')";
font-family: Helvetica, Arial, sans-serif;
input, select, textarea, button {
@@ -186,46 +186,46 @@
.ui-btn-up-c, .ui-btn-hover-c, .ui-btn-down-c {
font-family: Helvetica, Arial, sans-serif;
cursor: pointer;
font-weight: bold;
text-decoration: none;
- text-shadow: 0 1px 0px #fff; }
+ text-shadow: 0 1px 0px #fff; }
.ui-btn-up-c {
- border: 1px solid #ccc;
+ border: 1px solid #ccc;
background: #e5e5e5;
color: #444;
background-image: -moz-linear-gradient(top, #eeeeee, #e5e5e5);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eeeeee), color-stop(1, #e5e5e5));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#e5e5e5')";
a.ui-link-inherit {
color: #444; } }
.ui-btn-hover-c {
- border: 1px solid #ccc;
+ border: 1px solid #ccc;
background: #f5f5f5;
color: #222;
background-image: -moz-linear-gradient(top, white, #f5f5f5);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #f5f5f5));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f5f5f5')";
a.ui-link-inherit {
color: #222; } }
.ui-btn-down-c {
- border: 1px solid #ccc;
+ border: 1px solid #ccc;
background: #d5d5d5;
color: #111;
background-image: -moz-linear-gradient(top, #dddddd, #d5d5d5);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dddddd), color-stop(1, #d5d5d5));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#d5d5d5')";
a.ui-link-inherit {
color: #111; } }
.ui-body-c {
- border: 1px solid #ddd;
+ border: 1px solid #ddd;
color: #333333;
- text-shadow: 0 1px 0px #fff;
+ text-shadow: 0 1px 0px #fff;
background: #fff;
background-image: image_url("jquery/mobile/valencia/texture_075.png");
font-family: Helvetica, Arial, sans-serif;
input, select, textarea, button {
font-family: Helvetica, Arial, sans-serif; }
@@ -241,14 +241,14 @@
####################################################################################################################################*/
.ui-bar-d {
font-weight: bold;
- border: 1px solid #ccc;
+ border: 1px solid #ccc;
background: #cbcbcb;
color: #666;
- text-shadow: 0 1px 0px #fff;
+ text-shadow: 0 1px 0px #fff;
background-image: -moz-linear-gradient(top, #dddddd 0%, #cccccc 5%, #bbbbbb 15%, #dddddd 95%, #cccccc 100%);
background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0, #dddddd), color-stop(5%, #cccccc), color-stop(15%, #bbbbbb), color-stop(95%, #dddddd), color-stop(1, #cccccc));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#aaaaaa', EndColorStr='#e5e5e5')";
font-family: Helvetica, Arial, sans-serif;
input, select, textarea, button {
@@ -258,31 +258,31 @@
.ui-link {
font-weight: bold;
color: #2489CE; } }
.ui-btn-up-d {
- border: 1px solid #c5c5c5;
+ border: 1px solid #c5c5c5;
background: #ddd;
color: #666;
background-image: -moz-linear-gradient(top, #d5d5d5, #dddddd);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d5d5d5), color-stop(1, #dddddd));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d5d5d5', EndColorStr='#dddddd')";
a.ui-link-inherit {
color: #666; } }
.ui-btn-hover-d {
- border: 1px solid #aaa;
+ border: 1px solid #aaa;
background: #c5c5c5;
color: #666;
background-image: -moz-linear-gradient(top, #c5c5c5, #cccccc);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c5c5c5), color-stop(1, #cccccc));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#c5c5c5', EndColorStr='#cccccc')";
a.ui-link-inherit {
color: #666; } }
.ui-btn-down-d {
- border: 1px solid #999;
+ border: 1px solid #999;
background: #b5b5b5;
color: #444;
background-image: -moz-linear-gradient(top, #b5b5b5, #bbbbbb);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b5b5b5), color-stop(1, #bbbbbb));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#b5b5b5', EndColorStr='#bbbbbb')"; }
@@ -292,28 +292,28 @@
color: #444; }
font-family: Helvetica, Arial, sans-serif;
cursor: pointer;
font-weight: bold;
text-decoration: none;
- text-shadow: 0 1px 0px #fff; }
+ text-shadow: 0 1px 0px #fff; }
.ui-btn-hover-d, .ui-btn-down-d {
font-family: Helvetica, Arial, sans-serif;
cursor: pointer;
font-weight: bold;
text-decoration: none;
- text-shadow: 0 1px 0px #fff; }
+ text-shadow: 0 1px 0px #fff; }
.ui-body-d {
font-family: Helvetica, Arial, sans-serif;
input, select, textarea, button {
font-family: Helvetica, Arial, sans-serif; }
.ui-link-inherit {
color: #333333; }
- border: 1px solid #aaa;
+ border: 1px solid #aaa;
color: #666;
- text-shadow: 0 1px 0px #fff;
+ text-shadow: 0 1px 0px #fff;
background: #eee;
background-image: -moz-linear-gradient(top, white 0%, #f5f5f5 15%, #eeeeee 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(15%, #f5f5f5), color-stop(1, #eeeeee));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#eeeeee')";
.ui-link {
@@ -333,14 +333,14 @@
####################################################################################################################################*/
.ui-bar-e {
font-weight: bold;
- border: 1px solid #999;
+ border: 1px solid #999;
background: #dedede;
color: #000;
- text-shadow: 0 1px 0px #fff;
+ text-shadow: 0 1px 0px #fff;
background-image: -moz-linear-gradient(top, white 0%, #cccccc 50%, #b5b5b5 50%, #eeeeee 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(0.5, #cccccc), color-stop(0.5, #b5b5b5), color-stop(1, #eeeeee));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff',EndColorStr='#b5b5b5')";
font-family: Helvetica, Arial, sans-serif;
input, select, textarea {
@@ -355,33 +355,33 @@
.ui-link {
color: #2489CE;
font-weight: bold; } }
.ui-btn-up-e {
- border: 1px solid #999;
+ border: 1px solid #999;
background: #dfdfdf;
color: #333;
- text-shadow: 0 1px 0px #fff;
+ text-shadow: 0 1px 0px #fff;
background-image: -moz-linear-gradient(top, #f5f5f5 0%, #cccccc 50%, #b5b5b5 50%, #f5f5f5 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5f5), color-stop(0.5, #cccccc), color-stop(0.5, #b5b5b5), color-stop(1, #f5f5f5));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#b5b5b5')";
a.ui-link-inherit {
color: #333; } }
.ui-btn-hover-e {
- border: 1px solid #777;
+ border: 1px solid #777;
background: #e5e5e5;
color: #333;
- text-shadow: 0 1px 0px #fff;
+ text-shadow: 0 1px 0px #fff;
background-image: -moz-linear-gradient(top, white 0%, #dddddd 50%, #cccccc 50%, white 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(0.5, #dddddd), color-stop(0.5, #cccccc), color-stop(1, white));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc')";
a.ui-link-inherit {
color: #333; } }
.ui-btn-down-e {
- border: 1px solid #888;
+ border: 1px solid #888;
background: #ccc;
color: #333;
background-image: -moz-linear-gradient(top, #dddddd 0%, #cccccc 50%, #bbbbbb 50%, #dddddd 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dddddd), color-stop(0.5, #cccccc), color-stop(0.5, #bbbbbb), color-stop(1, #dddddd));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#bbbbbb')";
@@ -391,18 +391,18 @@
.ui-btn-up-e, .ui-btn-hover-e, .ui-btn-down-e {
font-family: Helvetica, Arial, sans-serif;
cursor: pointer;
font-weight: bold;
text-decoration: none;
- text-shadow: 0 1px 0px #fff; }
+ text-shadow: 0 1px 0px #fff; }
.ui-body-e {
font-weight: normal;
- border: 1px solid #aaa;
+ border: 1px solid #aaa;
background: #ccc;
color: #111;
- text-shadow: 0 1px 0px #fff;
+ text-shadow: 0 1px 0px #fff;
background-image: image_url("jquery/mobile/valencia/texture_075.png");
font-family: Helvetica, Arial, sans-serif;
input, select, textarea, button {
font-family: Helvetica, Arial, sans-serif; }
.ui-link-inherit {
@@ -424,24 +424,24 @@
.ui-btn-active {
font-weight: bold;
cursor: pointer;
text-decoration: none;
- border: 1px solid #FFBC19;
+ border: 1px solid #FFBC19;
background: #4596ce;
color: #222;
- text-shadow: 0 1px 0px #eee;
+ text-shadow: 0 1px 0px #eee;
background-image: -moz-linear-gradient(top, #ffdc52, #ffbc19);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffdc52), color-stop(1, #ffbc19));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFDC52', EndColorStr='#FFBC19')";
a.ui-link-inherit {
color: #333; } }
/* button Inner Highlight */
.ui-btn-inner {
- border-top: 1px solid #fff;
+ border-top: 1px solid #fff;
border-color: rgba(255, 255, 255, 0.25); }
/* Container Corner radius */
.ui-corner-tl {
@@ -532,20 +532,19 @@
background-repeat: no-repeat; }
/* HD/"retina" sprite
-----------------------------------------------------------------------------------------------------------*/
-@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
- only screen and (min--moz-device-pixel-ratio: 1.5),
- only screen and (min-resolution: 240dpi) {
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240 dpi) {
.ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r, .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check, .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back, .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
background-image: image_url("jquery/mobile/valencia/icons-36-white.png");
-moz-background-size: 776px 18px;
-o-background-size: 776px 18px;
-webkit-background-size: 776px 18px;
background-size: 776px 18px; }
.ui-icon-alt {
background-image: image_url("jquery/mobile/valencia/icons-36-black.png"); } }
+
/* plus minus */
.ui-icon-plus {
background-position: 0 50%; }