Gecko support

.gitignore

@@ -7,3 +7,5 @@ mgwt.iml
 gwt-unitCache
 war/
 www-test/
+bin
+.gwt

src/main/java/com/googlecode/mgwt/ui/client/theme/platform/button/button-android.css

@@ -18,7 +18,6 @@
 
 @if user.agent gecko1_8 {
 	.mgwt-Button {
-		\-moz-border-radius: 4px;
 		border-radius: 4px;
 		background-image: literal('-moz-linear-gradient(top, rgb(180, 180, 180), rgb(160, 160, 160))');
 	}

src/main/java/com/googlecode/mgwt/ui/client/theme/platform/input/input-android.css

@@ -15,14 +15,32 @@
   color: #666;
 }
 
+@if user.agent safari {
+
 .mgwt-InputBox-disabled::-webkit-input-placeholder {
   color: #666;
 }
 
-.mgwt-InputBox-invalid {
+.mgwt-InputBox-invalid::-webkit-input-placeholder {
   color: rgb(197, 3, 3);
 }
 
-.mgwt-InputBox-invalid::-webkit-input-placeholder {
+}
+
+@if user.agent gecko1_8 {
+
+.mgwt-InputBox-disabled::-moz-placeholder {
+  color: #666;
+}
+
+.mgwt-InputBox-invalid::-moz-placeholder {
   color: rgb(197, 3, 3);
 }
+
+}
+
+
+.mgwt-InputBox-invalid {
+  color: rgb(197, 3, 3);
+}
+

src/main/java/com/googlecode/mgwt/ui/client/widget/animation/bundle/dissolve.css

@@ -2,22 +2,30 @@
   -webkit-animation-timing-function: ease-in-out;
   -webkit-animation-duration: 300ms;
   -webkit-animation-fill-mode: both;
+
+  -moz-animation-timing-function: ease-in-out;
+  -moz-animation-duration: 300ms;
+  -moz-animation-fill-mode: both;
 }
 
 .in {
   -webkit-animation-name: appear;
+  -moz-animation-name: appear;
 }
 
 .out {
   -webkit-animation-name: dissolve;
+  -moz-animation-name: dissolve;
 }
 
 .in.reverse {
   -webkit-animation-name: appear;
+  -moz-animation-name: appear;
 }
 
 .out.reverse {
   -webkit-animation-name: dissolve;
+  -moz-animation-name: dissolve;
 }
 
 @-webkit-keyframes dissolve {
@@ -29,3 +37,13 @@
   from { opacity: 0; }
   to { opacity: 1; }
 }
+
+@-moz-keyframes dissolve {
+  from { opacity: 1; }
+  to { opacity: 0; }
+}
+
+@-moz-keyframes appear {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}

src/main/java/com/googlecode/mgwt/ui/client/widget/animation/bundle/fade.css

@@ -2,21 +2,29 @@
   -webkit-animation-timing-function: ease-in-out;
   -webkit-animation-duration: 300ms;
   -webkit-animation-fill-mode: both;
+
+  -moz-animation-timing-function: ease-in-out;
+  -moz-animation-duration: 300ms;
+  -moz-animation-fill-mode: both;
 }
 
 .in {
   -webkit-animation-name: fadein;
+  -moz-animation-name: fadein;
 }
 .out {
   -webkit-animation-name: fadeout;
+  -moz-animation-name: fadeout;
 }
 
 .in.reverse {
   -webkit-animation-name: fadein;
+  -moz-animation-name: fadein;
 }
 
 .out.reverse {
   -webkit-animation-name: fadeout;
+  -moz-animation-name: fadeout;
 }
 
 @-webkit-keyframes fadein {
@@ -28,3 +36,13 @@
   from { opacity: 1; }
   to { opacity: 0; }
 }
+
+@-moz-keyframes fadein {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+@-moz-keyframes fadeout {
+  from { opacity: 1; }
+  to { opacity: 0; }
+}

src/main/java/com/googlecode/mgwt/ui/client/widget/animation/bundle/flip.css

@@ -4,22 +4,32 @@
   -webkit-animation-fill-mode: both;	
   -webkit-animation-duration: .65s;
   -webkit-backface-visibility: hidden;
+
+  -moz-animation-timing-function: ease-in-out;
+  -moz-animation-duration: 300ms;
+  -moz-animation-fill-mode: both;	
+  -moz-animation-duration: .65s;
+  -moz-backface-visibility: hidden;
 }
 
 .in {
   -webkit-animation-name: flipinfromleft;
+  -moz-animation-name: flipinfromleft;
 }
 
 .out {
   -webkit-animation-name: flipouttoleft;
+  -moz-animation-name: flipouttoleft;
 }
 
 .in.reverse {
   -webkit-animation-name: flipinfromright;
+  -moz-animation-name: flipinfromright;
 }
 
 .out.reverse {
   -webkit-animation-name: flipouttoright;
+  -moz-animation-name: flipouttoright;
 }
 
 @-webkit-keyframes flipinfromright {
@@ -41,3 +51,23 @@
   from { -webkit-transform: rotateY(0) scale(1); }
   to { -webkit-transform: rotateY(180deg) scale(.8); }
 }
+
+@-moz-keyframes flipinfromright {
+  from { -moz-transform: rotateY(-180deg) scale(.8); }
+  to { -moz-transform: rotateY(0) scale(1); }
+}
+
+@-moz-keyframes flipinfromleft {
+  from { -moz-transform: rotateY(180deg) scale(.8); }
+  to { -moz-transform: rotateY(0) scale(1); }
+}
+
+@-moz-keyframes flipouttoleft {
+  from { -moz-transform: rotateY(0) scale(1); }
+  to { -moz-transform: rotateY(-180deg) scale(.8); }
+}
+
+@-moz-keyframes flipouttoright {
+  from { -moz-transform: rotateY(0) scale(1); }
+  to { -moz-transform: rotateY(180deg) scale(.8); }
+}

src/main/java/com/googlecode/mgwt/ui/client/widget/animation/bundle/pop.css

@@ -2,22 +2,29 @@
   -webkit-animation-timing-function: ease-in-out;
   -webkit-animation-duration: 300ms;
   -webkit-animation-fill-mode: both;
+  -moz-animation-timing-function: ease-in-out;
+  -moz-animation-duration: 300ms;
+  -moz-animation-fill-mode: both;
 }
 
 .in {
   -webkit-animation-name: popin;
+  -moz-animation-name: popin;
 }
 
 .out {
   -webkit-animation-name: popout;
+  -moz-animation-name: popout;
 }
 
 .in.reverse {
   -webkit-animation-name: popin;
+  -moz-animation-name: popin;
 }
 
 .out.reverse {
   -webkit-animation-name: popout;
+  -moz-animation-name: popout;
 }
 
 @-webkit-keyframes popin {
@@ -41,3 +48,25 @@
     opacity: 0;
   }
 }
+
+@-moz-keyframes popin {
+  from {
+    -moz-transform: scale(.3);
+    opacity: 0;
+  }
+  to {
+    -moz-transform: scale(1);
+    opacity: 1;
+  }
+}
+
+@-moz-keyframes popout {
+  from {
+    -moz-transform: scale(1);
+    opacity: 1;
+  }
+  to {
+    -moz-transform: scale(.3);
+    opacity: 0;
+  }
+}

src/main/java/com/googlecode/mgwt/ui/client/widget/animation/bundle/slide-up.css

@@ -2,26 +2,34 @@
   -webkit-animation-timing-function: ease-in-out;
   -webkit-animation-duration: 300ms;
   -webkit-animation-fill-mode: both;
+
+  -moz-animation-timing-function: ease-in-out;
+  -moz-animation-duration: 300ms;
+  -moz-animation-fill-mode: both;
 }
 
 .in {
   -webkit-animation-name: slideupfrombottom;
+  -moz-animation-name: slideupfrombottom;
   z-index: 10;
 }
 
 .out {
   -webkit-animation-name: slideupfrommiddle;
+  -moz-animation-name: slideupfrommiddle;
   z-index: 0;
 }
 
 .out.reverse {
   z-index: 10;
   -webkit-animation-name: slidedownfrommiddle;
+  -moz-animation-name: slidedownfrommiddle;
 }
 
 .in.reverse {
   z-index: 0;
   -webkit-animation-name: slidedownfromtop;
+  -moz-animation-name: slidedownfromtop;
 }
 
 @-webkit-keyframes slideupfrombottom {
@@ -43,3 +51,23 @@
   from { -webkit-transform: translateY(-100%); }
   to { -webkit-transform: translateY(0%); }
 }
+
+@-moz-keyframes slideupfrombottom {
+  from { -moz-transform: translateY(100%); }
+  to { -moz-transform: translateY(0); }
+}
+
+@-moz-keyframes slidedownfrommiddle {
+  from { -moz-transform: translateY(0); }
+  to { -moz-transform: translateY(100%); }
+}
+
+@-moz-keyframes slideupfrommiddle {
+  from { -moz-transform: translateY(0); }
+  to { -moz-transform: translateY(-100%); }
+}
+
+@-moz-keyframes slidedownfromtop {
+  from { -moz-transform: translateY(-100%); }
+  to { -moz-transform: translateY(0%); }
+}

src/main/java/com/googlecode/mgwt/ui/client/widget/animation/bundle/slide.css

@@ -2,6 +2,11 @@
   -webkit-animation-timing-function: ease-in-out;
   -webkit-animation-duration: 300ms;
   -webkit-animation-fill-mode: both;
+
+  -moz-animation-timing-function: ease;
+  -moz-animation-duration: 300ms;
+  -moz-animation-fill-mode: both;
+
 }
 
 .in {
@@ -14,18 +19,22 @@
 
 .in {
   -webkit-animation-name: slideinfromright;
+  -moz-animation-name: slideinfromright;
 }
 
 .out {
   -webkit-animation-name: slideouttoleft;
+  -moz-animation-name: slideouttoleft;
 }
 
 .in.reverse {
   -webkit-animation-name: slideinfromleft;
+  -moz-animation-name: slideinfromleft;
 }
 
 .out.reverse {
   -webkit-animation-name: slideouttoright;
+  -moz-animation-name: slideouttoright;
 }
 
 @-webkit-keyframes slideinfromright {
@@ -47,3 +56,23 @@
   from { -webkit-transform: translateX(0); }
   to { -webkit-transform: translateX(100%); }
 }
+
+@-moz-keyframes slideinfromright {
+    from { -moz-transform: translateX(100%); }
+    to { -moz-transform: translateX(0); }
+}
+
+@-moz-keyframes slideinfromleft {
+    from { -moz-transform: translateX(-100%); }
+    to { -moz-transform: translateX(0); }
+}
+
+@-moz-keyframes slideouttoleft {
+    from { -moz-transform: translateX(0); }
+    to { -moz-transform: translateX(-100%); }
+}
+
+@-moz-keyframes slideouttoright {
+    from { -moz-transform: translateX(0); }
+    to { -moz-transform: translateX(100%); }
+}