From da9721e15a9fdfc3ab270ad0a7bc1d78a3b96207 Mon Sep 17 00:00:00 2001
From: Guigui <heygui@gmail.com>
Date: Mon, 23 May 2011 12:17:29 +0200
Subject: [PATCH] Some glitches fixed in FF

---
 media/css/base.css        |  2 +-
 media/css/states.css      | 11 +++++++++--
 media/css/transitions.css |  7 +++++--
 3 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/media/css/base.css b/media/css/base.css
index 2074ad8..fd171df 100644
--- a/media/css/base.css
+++ b/media/css/base.css
@@ -273,7 +273,7 @@ body section {
 }
 
 body section .container {
-    background: -moz-radial-gradient(600px center, circle, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.0) 40%);
+/*    background: -moz-radial-gradient(600px center, circle, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.0) 40%);*/
 }
 
 /* NAVIGATION */
diff --git a/media/css/states.css b/media/css/states.css
index 10e401e..3a83704 100644
--- a/media/css/states.css
+++ b/media/css/states.css
@@ -25,7 +25,6 @@ header nav div.right {
 #spark-content, #firefox-content, #home {
     pointer-events:none;
     z-index:100;
-    opacity:0;
 }
 
 #spark-content {
@@ -139,6 +138,9 @@ header nav div.right {
 
 /* Firefox Visible State */
 
+.firefox #separator {opacity:1;}
+#separator {opacity:0;}
+
 .firefox #phone-wrapper {opacity:0;}
 .firefox #layers li {opacity:1;}
 .firefox #phone-layer-1 {top:0px;}
@@ -150,4 +152,9 @@ header nav div.right {
     left:20px;
 }
 
-.transit #spark-content article {opacity:0;}
\ No newline at end of file
+.transit #spark-content article {opacity:0;}
+
+/*Home states*/
+
+.home #small-phones {opacity:1;}
+#small-phones {opacity:0;}
\ No newline at end of file
diff --git a/media/css/transitions.css b/media/css/transitions.css
index 3bead8e..6b23957 100644
--- a/media/css/transitions.css
+++ b/media/css/transitions.css
@@ -45,7 +45,7 @@ header nav .left, header nav .right {
 
 /* home */
 #phone-wrapper {
-    -moz-transition:0.5s opacity ease;
+    -moz-transition:0.5s opacity ease 0.3s;
     -webkit-transition:0.5s opacity ease;
     -o-transition:0.5s opacity ease;
     }
@@ -106,4 +106,7 @@ header nav .left, header nav .right {
     -moz-transition:0.2s all ease;
     -webkit-transition:0.2s all ease;
     -o-transition:0.2s all ease;
-}
\ No newline at end of file
+}
+
+#small-phones {-moz-transition:0.5s opacity linear 0s;-webkit-transition:0.5s opacity linear 0s;-o-transition:0.5s opacity linear 0s;}
+#light-ray {-moz-transition:0.25s opacity linear 0.4s;-webkit-transition:0.25s opacity linear 0.4s;-o-transition:0.25s opacity linear 0.4s;}
\ No newline at end of file