Fix style in Firefox

zooniverse-glacier · Mar 15, 2012 · 14c85b4 · 14c85b4
1 parent d545538
commit 14c85b4
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/public/styles.css b/public/styles.css
@@ -1,3 +1,9 @@
+@-moz-keyframes warning {
+    0% {opacity: 1}
+   50% {opacity: 0.75}
+  100% {opacity: 1}
+}
+
 @-webkit-keyframes warning {
     0% {opacity: 1}
    50% {opacity: 0.75}
@@ -17,6 +23,7 @@ html {
   }
 
     #wrapper {
+      -moz-box-sizing: border-box;
       box-sizing: border-box;
       border: 10px solid #000;
       height: 100%;
@@ -29,9 +36,14 @@ html {
     }
 
       .project {
+        background-image:
+          -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
         background-image:
           -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
+        background-image:
+          -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
         border: 5px solid #000;
+        -moz-box-sizing: border-box;
         box-sizing: border-box;
         float: left;
         min-height: 45px;
@@ -63,6 +75,7 @@ html {
       .project.bad      {background-color: #f80;}
       .project.worse    {background-color: #f00;}
       .project.worst    {
+        -moz-animation: warning 1s infinite ease-in-out;
         -webkit-animation: warning 1s infinite ease-in-out;
         background-color: #f00;
         z-index: 1;