From d72397daa0abdaeffb4f6b783120f6ba4d0d73f2 Mon Sep 17 00:00:00 2001
From: scottjehl <scott@scottjehl.com>
Date: Thu, 12 Jan 2012 21:41:39 +0700
Subject: [PATCH] added the timing durations to the transitions themselves

---
 css/structure/jquery.mobile.transitions.flip.css      | 4 ++++
 css/structure/jquery.mobile.transitions.pop.css       | 4 ++++
 css/structure/jquery.mobile.transitions.slide.css     | 4 ++++
 css/structure/jquery.mobile.transitions.slidedown.css | 4 ++++
 css/structure/jquery.mobile.transitions.slideup.css   | 4 ++++
 css/structure/jquery.mobile.transitions.turn.css      | 5 +++++
 6 files changed, 25 insertions(+)

diff --git a/css/structure/jquery.mobile.transitions.flip.css b/css/structure/jquery.mobile.transitions.flip.css
index b4cb7873..645be9d5 100644
--- a/css/structure/jquery.mobile.transitions.flip.css
+++ b/css/structure/jquery.mobile.transitions.flip.css
@@ -20,13 +20,17 @@
 .flip.out {
 	-webkit-transform: rotateY(-90deg) scale(.9);
 	-webkit-animation-name: flipouttoleft;
+	-webkit-animation-duration: 225ms;
 	-moz-transform: rotateY(-90deg) scale(.9);
 	-moz-animation-name: flipouttoleft;
+	-moz-animation-duration: 225ms;
 }
 
 .flip.in {
 	-webkit-animation-name: flipintoright;
+	-webkit-animation-duration: 350ms;
 	-moz-animation-name: flipintoright;
+	-moz-animation-duration: 350ms;
 }
 
 .flip.out.reverse {
diff --git a/css/structure/jquery.mobile.transitions.pop.css b/css/structure/jquery.mobile.transitions.pop.css
index 9f9e9409..15629f17 100644
--- a/css/structure/jquery.mobile.transitions.pop.css
+++ b/css/structure/jquery.mobile.transitions.pop.css
@@ -9,12 +9,16 @@
     opacity: 1;
 	-webkit-animation-name: popin;
 	-moz-animation-name: popin;
+	-webkit-animation-duration: 350ms;
+	-moz-animation-duration: 350ms;
 }
 
 .pop.out {
 	-webkit-animation-name: fadeout;
 	-moz-animation-name: fadeout;
 	opacity: 0;
+	-webkit-animation-duration: 225ms;
+	-moz-animation-duration: 225ms;
 }
 
 .pop.in.reverse {
diff --git a/css/structure/jquery.mobile.transitions.slide.css b/css/structure/jquery.mobile.transitions.slide.css
index fea66a5e..2d3f8ebb 100644
--- a/css/structure/jquery.mobile.transitions.slide.css
+++ b/css/structure/jquery.mobile.transitions.slide.css
@@ -4,6 +4,8 @@
 	-webkit-animation-name: slideouttoleft;
 	-moz-transform: translateX(-100%);
 	-moz-animation-name: slideouttoleft;
+	-webkit-animation-duration: 225ms;
+	-moz-animation-duration: 225ms;
 }
 
 .slide.in {
@@ -11,6 +13,8 @@
 	-webkit-animation-name: fadein;
 	-moz-transform: translateX(0);
 	-moz-animation-name: fadein;
+	-webkit-animation-duration: 350ms;
+	-moz-animation-duration: 350ms;
 }
 
 .slide.out.reverse {
diff --git a/css/structure/jquery.mobile.transitions.slidedown.css b/css/structure/jquery.mobile.transitions.slidedown.css
index 3cb2ce84..70c3761a 100644
--- a/css/structure/jquery.mobile.transitions.slidedown.css
+++ b/css/structure/jquery.mobile.transitions.slidedown.css
@@ -2,6 +2,8 @@
 .slidedown.out {
 	-webkit-animation-name: fadeout;
 	-moz-animation-name: fadeout;
+	-webkit-animation-duration: 225ms;
+	-moz-animation-duration: 225ms;
 }
 
 .slidedown.in {
@@ -9,6 +11,8 @@
 	-webkit-animation-name: slideinfromtop;
 	-moz-transform: translateY(0);
 	-moz-animation-name: slideinfromtop;
+	-webkit-animation-duration: 350ms;
+	-moz-animation-duration: 350ms;
 }
 
 .slidedown.in.reverse {
diff --git a/css/structure/jquery.mobile.transitions.slideup.css b/css/structure/jquery.mobile.transitions.slideup.css
index dab83155..91476c4f 100644
--- a/css/structure/jquery.mobile.transitions.slideup.css
+++ b/css/structure/jquery.mobile.transitions.slideup.css
@@ -2,6 +2,8 @@
 .slideup.out {
 	-webkit-animation-name: fadeout;
 	-moz-animation-name: fadeout;
+	-webkit-animation-duration: 225ms;
+	-moz-animation-duration: 225ms;
 }
 
 .slideup.in {
@@ -9,6 +11,8 @@
 	-webkit-animation-name: slideinfrombottom;
 	-moz-transform: translateY(0);
 	-moz-animation-name: slideinfrombottom;
+	-webkit-animation-duration: 350ms;
+	-moz-animation-duration: 350ms;
 }
 
 .slideup.in.reverse {
diff --git a/css/structure/jquery.mobile.transitions.turn.css b/css/structure/jquery.mobile.transitions.turn.css
index c606b1f9..21f5c0ae 100644
--- a/css/structure/jquery.mobile.transitions.turn.css
+++ b/css/structure/jquery.mobile.transitions.turn.css
@@ -25,11 +25,16 @@
 	-webkit-animation-name: flipouttoleft;
 	-moz-transform: rotateY(-90deg) scale(.9);
 	-moz-animation-name: flipouttoleft;
+	-webkit-animation-duration: 225ms;
+	-moz-animation-duration: 225ms;
 }
 
 .turn.in {
 	-webkit-animation-name: flipintoright;
 	-moz-animation-name: flipintoright;
+	-webkit-animation-duration: 350ms;
+	-moz-animation-duration: 350ms;
+	
 }
 
 .turn.out.reverse {