Fixed compatiblity issues

Don't know about Mozilla ones though...

1 files changed, 20 insertions, 10 deletions

diff --git a/css/main.css b/css/main.css
index 51d7c69..ce503a6 100644
--- a/css/main.css
+++ b/css/main.css
@@ -53,6 +53,7 @@ body svg {
   background: #1d1f20;

   opacity: 0;

   -webkit-animation: flicker 0.5985999999999999s ease-out infinite alternate;

+  animation: flicker 0.5985999999999999s ease-out infinite alternate; /* Added standard property to fix compatbiliy issues */

 }

 

 @-webkit-keyframes flicker {

@@ -64,15 +65,24 @@ body svg {
   }

 }

 

-.loader row:nth-child(1) span:nth-child(1) { -webkit-animation-delay: .50s; }

-.loader row:nth-child(1) span:nth-child(2) { -webkit-animation-delay: .70s; }

-.loader row:nth-child(1) span:nth-child(3) { -webkit-animation-delay: .60s; }

-.loader row:nth-child(2) span:nth-child(1) { -webkit-animation-delay: .20s; }

-.loader row:nth-child(2) span:nth-child(2) { -webkit-animation-delay: .80s; }

-.loader row:nth-child(2) span:nth-child(3) { -webkit-animation-delay: .90s; }

-.loader row:nth-child(3) span:nth-child(1) { -webkit-animation-delay: .10s; }

-.loader row:nth-child(3) span:nth-child(2) { -webkit-animation-delay: .30s; }

-.loader row:nth-child(3) span:nth-child(3) { -webkit-animation-delay: .40s; }

+@keyframes flicker { /* Added standard property to fix compatbiliy issues */

+  from, 20% {

+    opacity: 0;

+  }

+  100%, to {

+    opacity: 1;

+  }

+}

+

+.loader row:nth-child(1) span:nth-child(1) { -webkit-animation-delay: .50s; animation-delay: .50s; } /* Added standard property to fix compatbiliy issues */

+.loader row:nth-child(1) span:nth-child(2) { -webkit-animation-delay: .70s; animation-delay: .70s; }

+.loader row:nth-child(1) span:nth-child(3) { -webkit-animation-delay: .60s; animation-delay: .60s; }

+.loader row:nth-child(2) span:nth-child(1) { -webkit-animation-delay: .20s; animation-delay: .20s; }

+.loader row:nth-child(2) span:nth-child(2) { -webkit-animation-delay: .80s; animation-delay: .80s; }

+.loader row:nth-child(2) span:nth-child(3) { -webkit-animation-delay: .90s; animation-delay: .90s; }

+.loader row:nth-child(3) span:nth-child(1) { -webkit-animation-delay: .10s; animation-delay: .10s; }

+.loader row:nth-child(3) span:nth-child(2) { -webkit-animation-delay: .30s; animation-delay: .30s; }

+.loader row:nth-child(3) span:nth-child(3) { -webkit-animation-delay: .40s; animation-delay: .40s; }

 

 /* ORINGINAL SITE CSS */

 html {

@@ -124,4 +134,4 @@ a:focus {
   outline: none;

   background: #282936;

   color: #fff;

-}
\ No newline at end of file
+}