compass-jquery-plugin 0.3.0.beta.22 → 0.3.0.beta.24

data/templates/jqtouch/{jqtouch → jquery/touch}/jqtouch.scss

@@ -8,322 +8,344 @@ a {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
 
 body {
-  -webkit-touch-callout: none;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-touch-callout: none; }
 
 #jqt {
-  -webkit-user-select: none;
   -webkit-text-size-adjust: none;
-  font-family: "Helvetica Neue", Helvetica;
-  -webkit-perspective: 800;
-  -webkit-transform-style: preserve-3d;
-  position: absolute;
-  top: 0;
+  -webkit-user-select: none;
   bottom: 0;
+  font-family: "Helvetica Neue", Helvetica;
   left: 0;
+  position: absolute;
   right: 0;
+  top: 0;
   .selectable, input, textarea {
     -webkit-user-select: auto; }
   &.notransform {
     -webkit-transform: none !important; }
   > {
     * {
-      -webkit-backface-visibility: hidden;
       -webkit-box-sizing: border-box;
       display: none;
-      position: absolute;
       left: 0;
-      width: 100%;
-      -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
       min-height: 100%;
-      overflow-x: hidden; }
+      overflow-x: hidden;
+      position: absolute;
+      width: 100%; }
     .current {
       display: block !important; } }
-  .in.start, .out.start {
-    -webkit-transition-duration: 350ms;
-    -webkit-transition-timing-function: ease-in-out; }
-  .slide {
-    &.start {
-      -webkit-transition-property: -webkit-transform; }
-    &.in {
-      -webkit-transform: translateX(100%); }
-    &.out {
-      &.reverse.start {
-        -webkit-transform: translateX(100%); }
-      &.start {
-        -webkit-transform: translateX(-100%); } }
-    &.in.reverse {
-      -webkit-transform: translateX(-100%); }
-    &.out {
-      -webkit-transform: translateX(0);
-      &.reverse {
-        -webkit-transform: translateX(0); } }
-    &.in {
-      &.start, &.reverse.start {
-        -webkit-transform: translateX(0); } } }
-  .fade.start, .dissolve.start {
-    -webkit-transition-property: opacity; }
+  .in, .out {
+    -webkit-animation-duration: 350ms;
+    -webkit-animation-timing-function: ease-in-out; }
+  &.supports3d {
+    -webkit-perspective: 800;
+    -webkit-transform-style: preserve-3d;
+    > * {
+      -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1); } }
   .fade {
     &.in {
-      opacity: 0; }
-    &.out {
-      &.reverse.start {
-        opacity: 0; }
-      &.start {
-        opacity: .99; } }
-    &.in.reverse {
-      opacity: .99; }
+      -webkit-animation-name: fadeIn; }
     &.out {
-      opacity: 1;
-      &.reverse {
-        opacity: 1; } }
-    &.in {
-      &.start, &.reverse.start {
-        opacity: 1; } } }
-  .dissolve {
+      -webkit-animation-name: fadeOut; } }
+  .pop {
     &.in {
-      opacity: 0; }
-    &.out {
-      &.reverse.start, &.start {
-        opacity: 0; } }
-    &.in.reverse {
-      opacity: 0; }
+      -webkit-animation-name: popIn; }
     &.out {
-      opacity: 1;
-      &.reverse {
-        opacity: 1; } }
+      -webkit-animation-name: popOut; } }
+  .slideleft {
     &.in {
-      &.start, &.reverse.start {
-        opacity: 1; } } }
-  .flip {
-    &.start {
-      -webkit-transition-duration: .65s;
-      -webkit-transition-property: -webkit-transform; }
-    &.in {
-      -webkit-transform: rotateY(180deg) scale(0.8); }
-    &.out {
-      &.reverse.start {
-        -webkit-transform: rotateY(180deg) scale(0.8); }
-      &.start {
-        -webkit-transform: rotateY(-180deg) scale(0.8); } }
-    &.in.reverse {
-      -webkit-transform: rotateY(-180deg) scale(0.8); }
+      -webkit-animation-name: slideLeftIn; }
     &.out {
-      -webkit-transform: rotateY(0) scale(1);
-      &.reverse {
-        -webkit-transform: rotateY(0) scale(1); } }
+      -webkit-animation-name: slideLeftOut; } }
+  .slideright {
     &.in {
-      &.start, &.reverse.start {
-        -webkit-transform: rotateY(0) scale(1); } } }
+      -webkit-animation-name: slideRightIn; }
+    &.out {
+      -webkit-animation-name: slideRightOut; } }
   .slideup {
-    &.start {
-      z-index: 10;
-      -webkit-transition-property: -webkit-transform, opacity; }
     &.in {
-      -webkit-transform: translateY(100%);
-      opacity: 1;
-      z-index: 30; }
-    &.out {
-      &.reverse.start {
-        -webkit-transform: translateY(100%);
-        opacity: 1;
-        z-index: 30; }
-      &.start {
-        -webkit-transform: translateY(0);
-        opacity: .99;
-        z-index: 10; } }
-    &.in.reverse {
-      -webkit-transform: translateY(0);
-      opacity: .99;
-      z-index: 10; }
+      z-index: 10;
+      -webkit-animation-name: slideUpIn; }
     &.out {
-      opacity: 1;
-      -webkit-transform: translateY(0);
-      z-index: 30;
-      &.reverse {
-        opacity: 1;
-        -webkit-transform: translateY(0);
-        z-index: 30; } }
+      z-index: 0;
+      -webkit-animation-name: slideUpOut; } }
+  .slidedown {
     &.in {
-      &.start, &.reverse.start {
-        opacity: 1;
-        -webkit-transform: translateY(0);
-        z-index: 30; } } }
-  .swap {
-    -webkit-transform: perspective(800);
-    -webkit-animation-duration: .7s;
+      z-index: 0;
+      -webkit-animation-name: slideDownIn; }
     &.out {
-      -webkit-animation-name: swapouttoleft; }
-    &.in {
-      -webkit-animation-name: swapinfromright; }
-    &.out.reverse {
-      -webkit-animation-name: swapouttoright; }
-    &.in.reverse {
-      -webkit-animation-name: swapinfromleft; } }
-  .cube {
-    &.start {
-      -webkit-animation-duration: .55s;
-      -webkit-transition-property: .55s;
-      -webkit-transition-property: opacity; }
+      z-index: 10;
+      -webkit-animation-name: slideDownOut; } }
+  .flipleft {
+    -webkit-backface-visibility: hidden;
     &.in {
-      -webkit-transform-origin: 0% 50%;
-      -webkit-animation-name: cubeinfromright; }
+      -webkit-animation-name: flipLeftIn; }
     &.out {
-      -webkit-transform-origin: 100% 50%;
-      -webkit-animation-name: cubeouttoleft; }
+      -webkit-animation-name: flipLeftOut; } }
+  .flipright {
+    -webkit-backface-visibility: hidden;
     &.in {
-      opacity: 1; }
+      -webkit-animation-name: flipRightIn; }
     &.out {
-      &.reverse.start {
-        opacity: 1; }
-      &.start {
-        opacity: .99; } }
-    &.in.reverse {
-      opacity: .99; }
-    &.out {
-      opacity: 1;
-      &.reverse {
-        opacity: 1; } }
+      -webkit-animation-name: flipRightOut; } }
+  .swapright {
+    -webkit-animation-duration: .7s;
+    -webkit-transform: perspective(800);
+    -webkit-animation-timing-function: ease-out;
     &.in {
-      &.start {
-        opacity: 1; }
-      &.reverse {
-        &.start {
-          opacity: 1; }
-        -webkit-animation-name: cubeinfromleft;
-        -webkit-transform-origin: 100% 50%; } }
-    &.out.reverse {
-      -webkit-animation-name: cubeouttoright;
-      -webkit-transform-origin: 0% 50%; } }
-  .pop {
-    &.start {
-      -webkit-transform-origin: 50% 50%;
-      -webkit-transition-property: -webkit-transform, opacity; }
+      -webkit-animation-name: swapRightIn; }
+    &.out {
+      -webkit-animation-name: swapRightOut; } }
+  .swapleft {
+    -webkit-animation-duration: .7s;
+    -webkit-transform: perspective(800);
+    -webkit-animation-timing-function: ease-out;
     &.in {
-      -webkit-transform: scale(0.2);
-      opacity: 0; }
+      -webkit-animation-name: swapLeftIn; }
     &.out {
-      &.reverse.start {
-        -webkit-transform: scale(0.2);
-        opacity: 0; }
-      &.start {
-        -webkit-transform: scale(1);
-        opacity: .99; } }
-    &.in.reverse {
-      -webkit-transform: scale(1);
-      opacity: .99; }
+      -webkit-animation-name: swapLeftOut; } }
+  .cubeleft {
+    -webkit-animation-duration: .55s;
+    &.in {
+      -webkit-transform-origin: 100% 50%;
+      -webkit-animation-name: cubeLeftIn; }
     &.out {
-      -webkit-transform: scale(1);
-      opacity: 1;
-      &.reverse {
-        -webkit-transform: scale(1);
-        opacity: 1; } }
+      -webkit-transform-origin: 0% 50%;
+      -webkit-animation-name: cubeLeftOut; } }
+  .cuberight {
+    -webkit-animation-duration: .55s;
     &.in {
-      &.start, &.reverse.start {
-        -webkit-transform: scale(1);
-        opacity: 1; } } } }
+      -webkit-transform-origin: 0% 50%;
+      -webkit-animation-name: cubeRightIn; }
+    &.out {
+      -webkit-transform-origin: 100% 50%;
+      -webkit-animation-name: cubeRightOut; } } }
+
+/* Fade */
+
+@-webkit-keyframes fadeIn {
+  0% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+
+
+@-webkit-keyframes fadeOut {
+  0% {
+    opacity: 1; }
+  100% {
+    opacity: 0; } }
+
 
-/* Slide */
+/* Pop */
+
+@-webkit-keyframes popIn {
+  0% {
+    -webkit-transform: scale(0.2);
+    opacity: 0; }
+  100% {
+    -webkit-transform: scale(1);
+    opacity: 1; } }
 
-/* Fade + Dissolve */
 
-/* Flip */
+@-webkit-keyframes popOut {
+  0% {
+    -webkit-transform: scale(1);
+    opacity: 1; }
+  100% {
+    -webkit-transform: scale(0.2);
+    opacity: 0; } }
 
-/* Slideup */
 
-/*#jqt .sideup.in.start, .slideup.out.reverse {
-    z-index: 30;
-}
+/* Slide Left */
 
-#jqt .slideup.out.start, .slideup.in.reverse {
-    z-index: 10;
-}*/
+@-webkit-keyframes slideLeftIn {
+  0% {
+    -webkit-transform: translateX(100%); }
+  100% {
+    -webkit-transform: translateX(0); } }
 
-/* Swap */
-/* Still requires animation for steps */
 
-@-webkit-keyframes swapouttoright {
+@-webkit-keyframes slideLeftOut {
   0% {
-    -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
-    -webkit-animation-timing-function: ease-in-out; }
-  50% {
-    -webkit-transform: translate3d(-180px, 0px, -400px) rotateY(20deg);
-    -webkit-animation-timing-function: ease-in; }
+    -webkit-transform: translateX(0px); }
   100% {
-    -webkit-transform: translate3d(0px, 0px, -800px) rotateY(70deg); } }
+    -webkit-transform: translateX(-100%); } }
+
 
+/* Slide Right */
 
-@-webkit-keyframes swapouttoleft {
+@-webkit-keyframes slideRightIn {
   0% {
-    -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
-    -webkit-animation-timing-function: ease-in-out; }
-  50% {
-    -webkit-transform: translate3d(180px, 0px, -400px) rotateY(-20deg);
-    -webkit-animation-timing-function: ease-in; }
+    -webkit-transform: translateX(-100%); }
   100% {
-    -webkit-transform: translate3d(0px, 0px, -800px) rotateY(-70deg); } }
+    -webkit-transform: translateX(0); } }
 
 
-@-webkit-keyframes swapinfromright {
+@-webkit-keyframes slideRightOut {
+  0% {
+    -webkit-transform: translateX(0); }
+  100% {
+    -webkit-transform: translateX(100%); } }
+
+
+/* Slide Up */
+
+@-webkit-keyframes slideUpIn {
+  0% {
+    -webkit-transform: translateY(100%); }
+  100% {
+    -webkit-transform: translateY(0); } }
+
+
+@-webkit-keyframes slideUpOut {
+  0% {
+    -webkit-transform: translateY(0); }
+  100% {
+    -webkit-transform: translateY(0); } }
+
+
+/* Slide Down */
+
+@-webkit-keyframes slideDownIn {
+  0% {
+    -webkit-transform: translateY(0); }
+  100% {
+    -webkit-transform: translateY(0); } }
+
+
+@-webkit-keyframes slideDownOut {
+  0% {
+    -webkit-transform: translateY(0); }
+  100% {
+    -webkit-transform: translateY(100%); } }
+
+
+/* Flip Left */
+
+@-webkit-keyframes flipLeftIn {
+  0% {
+    -webkit-transform: rotateY(-180deg) scale(0.8); }
+  100% {
+    -webkit-transform: rotateY(0deg) scale(1); } }
+
+
+@-webkit-keyframes flipLeftOut {
+  0% {
+    -webkit-transform: rotateY(0deg) scale(1); }
+  100% {
+    -webkit-transform: rotateY(180deg) scale(0.8); } }
+
+
+/* Flip Right */
+
+@-webkit-keyframes flipRightIn {
+  0% {
+    -webkit-transform: rotateY(180deg) scale(0.8); }
+  100% {
+    -webkit-transform: rotateY(0deg) scale(1); } }
+
+
+@-webkit-keyframes flipRightOut {
+  0% {
+    -webkit-transform: rotateY(0deg) scale(1); }
+  100% {
+    -webkit-transform: rotateY(-180deg) scale(0.8); } }
+
+
+/* Swap Right */
+
+@-webkit-keyframes swapRightIn {
   0% {
     -webkit-transform: translate3d(0px, 0px, -800px) rotateY(70deg);
-    -webkit-animation-timing-function: ease-out; }
-  50% {
+    opacity: 0; }
+  35% {
     -webkit-transform: translate3d(-180px, 0px, -400px) rotateY(20deg);
-    -webkit-animation-timing-function: ease-in-out; }
+    opacity: 1; }
   100% {
-    -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg); } }
+    -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
+    opacity: 1; } }
+
+
+@-webkit-keyframes swapRightOut {
+  0% {
+    -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
+    opacity: 1; }
+  35% {
+    -webkit-transform: translate3d(180px, 0px, -400px) rotateY(-20deg);
+    opacity: .5; }
+  100% {
+    -webkit-transform: translate3d(0px, 0px, -800px) rotateY(-70deg);
+    opacity: 0; } }
+
 
+/* Swap Left */
 
-@-webkit-keyframes swapinfromleft {
+@-webkit-keyframes swapLeftIn {
   0% {
     -webkit-transform: translate3d(0px, 0px, -800px) rotateY(-70deg);
-    -webkit-animation-timing-function: ease-out; }
-  50% {
+    opacity: 0; }
+  35% {
     -webkit-transform: translate3d(180px, 0px, -400px) rotateY(-20deg);
-    -webkit-animation-timing-function: ease-in-out; }
+    opacity: 1; }
   100% {
+    opacity: 1;
     -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg); } }
 
 
-@-webkit-keyframes cubeinfromleft {
-  from {
-    -webkit-transform: rotateY(-90deg) translateZ(320px);
+@-webkit-keyframes swapLeftOut {
+  0% {
+    -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
+    opacity: 1; }
+  35% {
+    -webkit-transform: translate3d(-180px, 0px, -400px) rotateY(20deg);
+    opacity: .5; }
+  100% {
+    -webkit-transform: translate3d(0px, 0px, -800px) rotateY(70deg);
+    opacity: 0; } }
+
+
+/* Cube Left */
+
+@-webkit-keyframes cubeLeftIn {
+  0% {
+    -webkit-transform: rotateY(90deg) translateZ(100%) scale(0.5);
     opacity: .5; }
-  to {
-    -webkit-transform: rotateY(0deg) translateZ(0);
+  100% {
+    -webkit-transform: rotateY(0deg) translateZ(0) scale(1);
     opacity: 1; } }
 
 
-@-webkit-keyframes cubeouttoright {
-  from {
-    -webkit-transform: rotateY(0deg) translateX(0);
+@-webkit-keyframes cubeLeftOut {
+  0% {
+    -webkit-transform: rotateY(0deg) translateX(0) scale(1);
     opacity: 1; }
-  to {
-    -webkit-transform: rotateY(90deg) translateZ(320px);
+  100% {
+    -webkit-transform: rotateY(-90deg) translateZ(100%) scale(0.5);
     opacity: .5; } }
 
 
-@-webkit-keyframes cubeinfromright {
-  from {
-    -webkit-transform: rotateY(90deg) translateZ(320px);
+/* Cube Right */
+
+@-webkit-keyframes cubeRightIn {
+  0% {
+    -webkit-transform: rotateY(-90deg) translateZ(100%) scale(0.5);
     opacity: .5; }
-  to {
-    -webkit-transform: rotateY(0deg) translateZ(0);
+  100% {
+    -webkit-transform: rotateY(0deg) translateZ(0) scale(1);
     opacity: 1; } }
 
 
-@-webkit-keyframes cubeouttoleft {
-  from {
-    -webkit-transform: rotateY(0deg) translateZ(0);
+@-webkit-keyframes cubeRightOut {
+  0% {
+    -webkit-transform: rotateY(0deg) translateX(0) scale(1);
     opacity: 1; }
-  to {
-    -webkit-transform: rotateY(-90deg) translateZ(320px);
+  100% {
+    -webkit-transform: rotateY(90deg) translateZ(100%) scale(0.5);
     opacity: .5; } }
 
 
-/* Pop */
-
 /**
  *
  *
@@ -434,7 +456,7 @@ body {
   height: 43px;
   border-top: 1px solid #000;
   border-bottom: 1px solid #000;
-  background: image_url("jqtouch/sw/header.png") 0 0 repeat-x;
+  background: image_url("jquery/touch/sw/header.png") 0 0 repeat-x;
   opacity: 0.9; }
 
 #sw-cancel, #sw-done {
@@ -453,12 +475,12 @@ body {
 #sw-cancel {
   left: 7px;
   float: left;
-  -webkit-border-image: image_url("jqtouch/sw/button-cancel.png") 5; }
+  -webkit-border-image: image_url("jquery/touch/sw/button-cancel.png") 5; }
 
 #sw-done {
   right: 7px;
   float: right;
-  -webkit-border-image: image_url("jqtouch/sw/button-done.png") 5; }
+  -webkit-border-image: image_url("jquery/touch/sw/button-done.png") 5; }
 
 .sw-pressed {
   opacity: 0.4; }
@@ -481,7 +503,7 @@ body {
     padding-top: 86px;
     border-left: 2px solid #0d0e0f;
     background-color: #fcfcfc;
-    background-image: image_url("jqtouch/sw/slot-border.png");
+    background-image: image_url("jquery/touch/sw/slot-border.png");
     background-position: 0 0, 100% 0;
     background-repeat: repeat-y;
     &:first-child {
@@ -512,7 +534,7 @@ body {
   bottom: 0;
   height: 183px;
   border-width: 16px;
-  -webkit-border-image: image_url("jqtouch/sw/alpha.png") 16; }
+  -webkit-border-image: image_url("jquery/touch/sw/alpha.png") 16; }
 
 /*
     Copyright (C) 2008, 2009 Charles Ying. All Rights Reserved.
@@ -589,7 +611,7 @@ body {
     /*margin: 10px auto;*/
     font-size: 20px; }
   td {
-    background: image_url("jqtouch/ical/cells.png") repeat scroll 0 0 transparent;
+    background: image_url("jquery/touch/ical/cells.png") repeat scroll 0 0 transparent;
     border-color: #A3A7AF;
     border-style: solid;
     border-width: 0 1px 1px 0;
@@ -607,7 +629,7 @@ body {
     width: 44px; }
   td {
     &.padding {
-      background: image_url("jqtouch/ical/calpad.jpg"); }
+      background: image_url("jquery/touch/ical/calpad.jpg"); }
     &.hasevent {}
     &.prevmonth, &.nextmonth {
       color: #89909A; }
@@ -626,7 +648,7 @@ body {
       background-position: 45px 43px;
       color: white; } }
   thead {
-    background: white image_url("jqtouch/ical/header.png") repeat-x;
+    background: white image_url("jquery/touch/ical/header.png") repeat-x;
     th {
       font-size: 8px;
       vertical-align: bottom;
@@ -634,13 +656,13 @@ body {
       color: #6c6c6c;
       height: 40px;
       &:first-child {
-        background-image: image_url("jqtouch/ical/header_left.png");
+        background-image: image_url("jquery/touch/ical/header_left.png");
         cursor: pointer; }
       &:last-child {
-        background-image: image_url("jqtouch/ical/header_right.png");
+        background-image: image_url("jquery/touch/ical/header_right.png");
         cursor: pointer; } } }
   tfoot th {
-    background: white image_url("jqtouch/ical/footer.png") repeat-x;
+    background: white image_url("jquery/touch/ical/footer.png") repeat-x;
     height: 21px;
     border-bottom: 0; }
   thead th span {
@@ -672,7 +694,7 @@ body {
       text-align: center;
       height: 65px; } }
   .bottom-bar {
-    background: transparent image_url("jqtouch/ical/bottom_bar.png") no-repeat scroll 0 0;
+    background: transparent image_url("jquery/touch/ical/bottom_bar.png") no-repeat scroll 0 0;
     bottom: 0;
     height: 44px;
     margin-top: 1px;
@@ -734,7 +756,7 @@ body {
     display: none; }
   .jqt-photo-image-slide {
     .jqt-photo-not-loaded {
-      background: black image_url("jqtouch/photo/loading.gif") no-repeat center center; }
+      background: black image_url("jquery/touch/photo/loading.gif") no-repeat center center; }
     .jqt-photo-img {
       max-width: 100%;
       max-height: 100%;
@@ -788,11 +810,11 @@ body {
     position: absolute;
     top: 0;
     z-index: 20;
-    background: transparent image_url("jqtouch/photo/toolbar.png") repeat-x;
+    background: transparent image_url("jquery/touch/photo/toolbar.png") repeat-x;
     -webkit-transition-duration: .65s;
     -webkit-transition-property: opacity;
     .back {
-      -webkit-border-image: image_url("jqtouch/photo/btnBack.png") 0 5 0 15; } }
+      -webkit-border-image: image_url("jquery/touch/photo/btnBack.png") 0 5 0 15; } }
   .toolbar-bottom {
     padding: 0;
     font-size: 30px;
@@ -804,22 +826,22 @@ body {
       width: 50px;
       height: 100%; } }
   .jqt-photo-prev {
-    background: image_url("jqtouch/photo/navPrev.png") no-repeat center center; }
+    background: image_url("jquery/touch/photo/navPrev.png") no-repeat center center; }
   .jqt-photo-play {
-    background: image_url("jqtouch/photo/navPlay.png") no-repeat center center; }
+    background: image_url("jquery/touch/photo/navPlay.png") no-repeat center center; }
   .jqt-photo-next {
-    background: image_url("jqtouch/photo/navNext.png") no-repeat center center; }
+    background: image_url("jquery/touch/photo/navNext.png") no-repeat center center; }
   .toolbar-bottom .jqt-photo-pause {
     display: none;
-    background: image_url("jqtouch/photo/navPause.png") no-repeat center center; }
+    background: image_url("jquery/touch/photo/navPause.png") no-repeat center center; }
   .jqt-photo-prev.hover {
-    background: -webkit-gradient(radial, 50% 50%, 2, 50% 50%, 25, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0))) no-repeat center center, image_url("jqtouch/photo/navPrev.png") no-repeat center center; }
+    background: -webkit-gradient(radial, 50% 50%, 2, 50% 50%, 25, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0))) no-repeat center center, image_url("jquery/touch/photo/navPrev.png") no-repeat center center; }
   .jqt-photo-play.hover {
-    background: -webkit-gradient(radial, 50% 50%, 2, 50% 50%, 25, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0))) no-repeat center center, image_url("jqtouch/photo/navPlay.png") no-repeat center center; }
+    background: -webkit-gradient(radial, 50% 50%, 2, 50% 50%, 25, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0))) no-repeat center center, image_url("jquery/touch/photo/navPlay.png") no-repeat center center; }
   .jqt-photo-next.hover {
-    background: -webkit-gradient(radial, 50% 50%, 2, 50% 50%, 25, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0))) no-repeat center center, image_url("jqtouch/photo/navNext.png") no-repeat center center; }
+    background: -webkit-gradient(radial, 50% 50%, 2, 50% 50%, 25, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0))) no-repeat center center, image_url("jquery/touch/photo/navNext.png") no-repeat center center; }
   .toolbar-bottom .jqt-photo-pause.hover {
-    background: -webkit-gradient(radial, 50% 50%, 2, 50% 50%, 25, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0))) no-repeat center center, image_url("jqtouch/photo/navPause.png") no-repeat center center; }
+    background: -webkit-gradient(radial, 50% 50%, 2, 50% 50%, 25, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0))) no-repeat center center, image_url("jquery/touch/photo/navPause.png") no-repeat center center; }
   &.jqt-photo-playing {
     .jqt-photo-pause {
       display: inline-block; }