compass-jquery-plugin 0.3.0.beta.2 → 0.3.0.beta.4

data/templates/jqtouch/jqtouch/jqt.jqt.scss

@@ -1,8 +1,8 @@
 // Generated by compass-jquery-plugin/gem-tasks/jqtouch.rake
 
 body, #jqt {
-  background: black;
-  color: #dddddd; }
+  background: #000;
+  color: #ddd; }
 
 body > *, div#jqt > * {
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#5e5e65)); }
@@ -11,11 +11,11 @@ body > *, div#jqt > * {
   h1, h2 {
     font: bold 18px "Helvetica Neue", Helvetica;
     text-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px;
-    color: black;
+    color: #000;
     margin: 10px 20px 5px; }
   .toolbar {
     -webkit-box-sizing: border-box;
-    border-bottom: 1px solid black;
+    border-bottom: 1px solid #000;
     padding: 10px;
     height: 45px;
     background: image_url("jqtouch/jqt/toolbar.png") black repeat-x;
@@ -41,7 +41,7 @@ div#jqt {
     text-align: center;
     text-overflow: ellipsis;
     white-space: nowrap;
-    color: white; }
+    color: #fff; }
   &.landscape .toolbar > h1 {
     margin-left: -125px;
     width: 250px; } }
@@ -61,7 +61,7 @@ div#jqt {
     font-family: inherit;
     font-size: 12px;
     font-weight: bold;
-    color: white;
+    color: #fff;
     text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0;
     text-overflow: ellipsis;
     text-decoration: none;
@@ -70,7 +70,7 @@ div#jqt {
     -webkit-border-image: image_url("jqtouch/jqt/button.png") 0 5 0 5; }
   .button.active, .cancel.active, .add.active {
     -webkit-border-image: image_url("jqtouch/jqt/button_clicked.png") 0 5 0 5;
-    color: #aaaaaa; }
+    color: #aaa; }
   .blueButton {
     -webkit-border-image: image_url("jqtouch/jqt/blueButton.png") 0 5 0 5;
     border-width: 0 5px; }
@@ -83,7 +83,7 @@ div#jqt {
     -webkit-border-image: image_url("jqtouch/jqt/back_button.png") 0 8 0 14;
     &.active {
       -webkit-border-image: image_url("jqtouch/jqt/back_button_clicked.png") 0 8 0 14;
-      color: #aaaaaa; } }
+      color: #aaa; } }
   .leftButton, .cancel {
     left: 6px;
     right: auto; }
@@ -107,17 +107,17 @@ div#jqt {
     text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0; }
   .grayButton {
     -webkit-border-image: image_url("jqtouch/jqt/grayButton.png") 0 12 0 12;
-    color: white; }
+    color: #FFFFFF; }
   .redButton {
     -webkit-border-image: image_url("jqtouch/jqt/redButton.png") 0 12 0 12;
-    color: white; }
+    color: #FFFFFF; }
   .greenButton {
     -webkit-border-image: image_url("jqtouch/jqt/greenButton.png") 0 12 0 12;
-    color: white; }
+    color: #FFFFFF; }
   h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul {
     margin-top: 0; }
   ul {
-    color: #aaaaaa;
+    color: #aaa;
     border: 1px solid #333333;
     font: bold 18px "Helvetica Neue", Helvetica;
     padding: 0;
@@ -141,8 +141,8 @@ div#jqt {
             -webkit-border-bottom-left-radius: 8px;
             -webkit-border-bottom-right-radius: 8px; } } } }
     li {
-      color: #666666;
-      border-top: 1px solid #333333;
+      color: #666;
+      border-top: 1px solid #333;
       border-bottom: #555858;
       list-style-type: none;
       padding: 10px 10px 10px 10px;
@@ -159,7 +159,7 @@ div#jqt {
         background-position: right center;
         background-repeat: no-repeat; }
       a {
-        color: white;
+        color: #fff;
         text-decoration: none;
         text-overflow: ellipsis;
         white-space: nowrap;
@@ -170,7 +170,7 @@ div#jqt {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
         text-shadow: rgba(0, 0, 0, 0.2) 0 1px 1px; } } }
   li.img a + a {
-    color: white;
+    color: #fff;
     text-decoration: none;
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -185,7 +185,7 @@ div#jqt {
       a {
         &.active, &.button {
           background-color: #53b401;
-          color: white; }
+          color: #fff; }
         &.active.loading {
           background-image: image_url("jqtouch/jqt/loading.gif");
           background-position: 95% center;
@@ -221,7 +221,7 @@ div#jqt {
               margin-left: 0px !important;
               margin-bottom: 0; } } } }
       a + a {
-        color: black;
+        color: #000;
         font: 14px "Helvetica Neue", Helvetica;
         text-overflow: ellipsis;
         white-space: nowrap;
@@ -230,7 +230,7 @@ div#jqt {
         margin: 0;
         padding: 0;
         + a {
-          color: #666666;
+          color: #666;
           font: 13px "Helvetica Neue", Helvetica;
           margin: 0;
           text-overflow: ellipsis;
@@ -240,7 +240,7 @@ div#jqt {
           padding: 0; } }
       &.img a + {
         a + a + a, small + a + a + a {
-          color: #666666;
+          color: #666;
           font: 13px "Helvetica Neue", Helvetica;
           margin: 0;
           text-overflow: ellipsis;
@@ -257,7 +257,7 @@ div#jqt {
     li {
       input {
         &[type="text"], &[type="password"], &[type="tel"], &[type="number"], &[type="search"], &[type="email"], &[type="url"] {
-          color: #777777;
+          color: #777;
           background: transparent url('data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==');
           border: 0;
           font: normal 17px "Helvetica Neue", Helvetica;
@@ -267,7 +267,7 @@ div#jqt {
           width: 100%;
           -webkit-appearance: textarea; } }
       textarea, select {
-        color: #777777;
+        color: #777;
         background: transparent url('data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==');
         border: 0;
         font: normal 17px "Helvetica Neue", Helvetica;
@@ -295,7 +295,7 @@ div#jqt {
           font: 17px "Helvetica Neue", Helvetica;
           display: block;
           width: 246px;
-          color: #777777;
+          color: #777;
           margin: -12px 0 0 17px; } }
       small {
         color: #64c114;
@@ -315,7 +315,7 @@ div#jqt {
         line-height: 13px;
         font-weight: bold;
         background: rgba(0, 0, 0, 0.15);
-        color: white;
+        color: #fff;
         -webkit-border-radius: 11px;
         padding: 4px 10px 5px 10px;
         display: block;
@@ -333,7 +333,7 @@ div#jqt {
       -webkit-box-shadow: none;
       li {
         background: #4c4d4e;
-        border: 1px solid #333333;
+        border: 1px solid #333;
         font-size: 14px;
         text-align: center;
         -webkit-border-radius: 8px;
@@ -347,7 +347,7 @@ div#jqt {
         + li {
           float: right; }
         a {
-          color: white;
+          color: #fff;
           line-height: 16px;
           margin: -11px -10px -14px -10px;
           padding: 11px 10px 14px 10px;
@@ -365,7 +365,7 @@ div#jqt {
       -webkit-appearance: textarea;
       -webkit-border-radius: 5px;
       -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-      -webkit-transition: left 0.15s;
+      -webkit-transition: left .15s;
       background-color: transparent;
       background: white image_url("jqtouch/jqt/on_off.png") 0 0 no-repeat;
       border: 0;
@@ -382,7 +382,7 @@ div#jqt {
     line-height: 16px;
     text-align: center;
     text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
-    color: #444444;
+    color: #444;
     padding: 15px;
     border-top: 1px solid rgba(255, 255, 255, 0.2);
     font-weight: bold; }
@@ -392,19 +392,19 @@ div#jqt {
     padding: 0;
     li {
       background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1e1f21), to(#272729));
-      border-bottom: 2px solid black;
+      border-bottom: 2px solid #000;
       border-top: 1px solid #4a4b4d;
       font-size: 20px;
       margin-bottom: -1px;
       &.sep {
         background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
         border-bottom: 1px solid #111113;
-        border-top: 1px solid #666666;
+        border-top: 1px solid #666;
         color: #3e9ac3;
         font-size: 16px;
         margin: 1px 0 0 0;
         padding: 2px 10px;
-        text-shadow: black 0 1px 0; }
+        text-shadow: #000 0 1px 0; }
       em {
         font-weight: normal;
         font-style: normal; } } }
@@ -413,7 +413,7 @@ div#jqt {
   ul {
     &.plastic {
       background: #17181a;
-      color: #aaaaaa;
+      color: #aaa;
       font: bold 18px "Helvetica Neue", Helvetica;
       margin: 0;
       padding: 0;
@@ -421,9 +421,9 @@ div#jqt {
       li {
         border-width: 1px 0;
         border-style: solid;
-        border-top-color: #222222;
-        border-bottom-color: black;
-        color: #666666;
+        border-top-color: #222;
+        border-bottom-color: #000;
+        color: #666;
         list-style-type: none;
         overflow: hidden;
         padding: 10px 10px 10px 10px;
@@ -432,7 +432,7 @@ div#jqt {
           background-position: 95% center;
           background-repeat: no-repeat; }
         small {
-          color: #888888;
+          color: #888;
           font-size: 13px;
           font-weight: bold;
           line-height: 24px;
@@ -463,20 +463,20 @@ div#jqt {
       margin: 0;
       li {
         background-image: none;
-        border-top: 1px solid white;
-        border-bottom: 1px solid #666666;
+        border-top: 1px solid #fff;
+        border-bottom: 1px solid #666;
         font-size: 26px;
         background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(238, 238, 238, 1)), to(rgba(156, 158, 160, 1)));
         a {
           line-height: 26px;
           margin: 0;
-          text-shadow: white 0 1px 0;
+          text-shadow: #fff 0 1px 0;
           padding: 13px 0;
           em {
             display: block;
             font-size: 14px;
             font-style: normal;
-            color: #444444;
+            color: #444;
             width: 50%;
             line-height: 14px; }
           &.active {