From 795abdae5fe762acd2f27ae53d975318a5922744 Mon Sep 17 00:00:00 2001
From: Marcel Gerber <mg.hain@gmx.de>
Date: Wed, 17 Aug 2016 12:17:55 +0200
Subject: [PATCH] Add -webkit-filter to @keyframes (without prefix) so newer
 versions of WebKit browsers are aware of it

---
 samples/bg/Getting Started/main.css     | 14 +++-----------
 samples/cs/Getting Started/main.css     | 11 ++---------
 samples/da/Kom godt i gang/main.css     | 11 ++---------
 samples/de/Erste Schritte/main.css      | 11 ++---------
 samples/el/Getting Started/main.css     | 11 ++---------
 samples/es/Primeros Pasos/main.css      | 11 ++---------
 samples/fa-ir/Getting Started/main.css  | 11 ++---------
 samples/fi/Aloitus/main.css             | 11 ++---------
 samples/fr/Premiers pas/main.css        | 11 ++---------
 samples/id/Memulai/main.css             | 11 ++---------
 samples/it/Primi passi/main.css         | 11 ++---------
 samples/ja/Getting Started/main.css     | 11 ++---------
 samples/nl/Aan-de-slag/main.css         | 11 ++---------
 samples/pl/Szybki Start/main.css        | 11 ++---------
 samples/pt-br/Primeiros Passos/main.css | 11 ++---------
 samples/pt-pt/Primeiros Passos/main.css | 11 ++---------
 samples/root/Getting Started/main.css   | 11 ++---------
 samples/ru/Getting Started/main.css     | 11 ++---------
 samples/sv/Kom igang/main.css           | 11 ++---------
 samples/zh-tw/Getting Started/main.css  | 11 ++---------
 20 files changed, 41 insertions(+), 182 deletions(-)

diff --git a/samples/bg/Getting Started/main.css b/samples/bg/Getting Started/main.css
index eeccb2e54..dd4ef6c93 100644
--- a/samples/bg/Getting Started/main.css	
+++ b/samples/bg/Getting Started/main.css	
@@ -39,8 +39,7 @@ samp {
 }
 
 img {
-    -webkit-animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1;
-            animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1;
+    animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1;
     background: transparent;
     border: 10px solid rgba(0, 0, 0, 0.12);
     border-radius: 4px;
@@ -49,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
\ No newline at end of file
diff --git a/samples/cs/Getting Started/main.css b/samples/cs/Getting Started/main.css
index 80159d0d3..dd4ef6c93 100644
--- a/samples/cs/Getting Started/main.css	
+++ b/samples/cs/Getting Started/main.css	
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
\ No newline at end of file
diff --git a/samples/da/Kom godt i gang/main.css b/samples/da/Kom godt i gang/main.css
index 80159d0d3..dd4ef6c93 100644
--- a/samples/da/Kom godt i gang/main.css	
+++ b/samples/da/Kom godt i gang/main.css	
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
\ No newline at end of file
diff --git a/samples/de/Erste Schritte/main.css b/samples/de/Erste Schritte/main.css
index 80159d0d3..dd4ef6c93 100644
--- a/samples/de/Erste Schritte/main.css	
+++ b/samples/de/Erste Schritte/main.css	
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
\ No newline at end of file
diff --git a/samples/el/Getting Started/main.css b/samples/el/Getting Started/main.css
index 80159d0d3..dd4ef6c93 100644
--- a/samples/el/Getting Started/main.css	
+++ b/samples/el/Getting Started/main.css	
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
\ No newline at end of file
diff --git a/samples/es/Primeros Pasos/main.css b/samples/es/Primeros Pasos/main.css
index 80159d0d3..dd4ef6c93 100644
--- a/samples/es/Primeros Pasos/main.css	
+++ b/samples/es/Primeros Pasos/main.css	
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
\ No newline at end of file
diff --git a/samples/fa-ir/Getting Started/main.css b/samples/fa-ir/Getting Started/main.css
index 897ddbf48..4c5fd77d2 100644
--- a/samples/fa-ir/Getting Started/main.css	
+++ b/samples/fa-ir/Getting Started/main.css	
@@ -53,20 +53,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
diff --git a/samples/fi/Aloitus/main.css b/samples/fi/Aloitus/main.css
index 80159d0d3..dd4ef6c93 100644
--- a/samples/fi/Aloitus/main.css
+++ b/samples/fi/Aloitus/main.css
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
\ No newline at end of file
diff --git a/samples/fr/Premiers pas/main.css b/samples/fr/Premiers pas/main.css
index 80159d0d3..dd4ef6c93 100644
--- a/samples/fr/Premiers pas/main.css	
+++ b/samples/fr/Premiers pas/main.css	
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
\ No newline at end of file
diff --git a/samples/id/Memulai/main.css b/samples/id/Memulai/main.css
index 80159d0d3..dd4ef6c93 100644
--- a/samples/id/Memulai/main.css
+++ b/samples/id/Memulai/main.css
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
\ No newline at end of file
diff --git a/samples/it/Primi passi/main.css b/samples/it/Primi passi/main.css
index 80159d0d3..dd4ef6c93 100644
--- a/samples/it/Primi passi/main.css	
+++ b/samples/it/Primi passi/main.css	
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
\ No newline at end of file
diff --git a/samples/ja/Getting Started/main.css b/samples/ja/Getting Started/main.css
index 80159d0d3..dd4ef6c93 100644
--- a/samples/ja/Getting Started/main.css	
+++ b/samples/ja/Getting Started/main.css	
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
\ No newline at end of file
diff --git a/samples/nl/Aan-de-slag/main.css b/samples/nl/Aan-de-slag/main.css
index 80159d0d3..dd4ef6c93 100644
--- a/samples/nl/Aan-de-slag/main.css
+++ b/samples/nl/Aan-de-slag/main.css
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
\ No newline at end of file
diff --git a/samples/pl/Szybki Start/main.css b/samples/pl/Szybki Start/main.css
index 80159d0d3..dd4ef6c93 100644
--- a/samples/pl/Szybki Start/main.css	
+++ b/samples/pl/Szybki Start/main.css	
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
\ No newline at end of file
diff --git a/samples/pt-br/Primeiros Passos/main.css b/samples/pt-br/Primeiros Passos/main.css
index 80159d0d3..dd4ef6c93 100644
--- a/samples/pt-br/Primeiros Passos/main.css	
+++ b/samples/pt-br/Primeiros Passos/main.css	
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
\ No newline at end of file
diff --git a/samples/pt-pt/Primeiros Passos/main.css b/samples/pt-pt/Primeiros Passos/main.css
index 80159d0d3..dd4ef6c93 100644
--- a/samples/pt-pt/Primeiros Passos/main.css	
+++ b/samples/pt-pt/Primeiros Passos/main.css	
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
\ No newline at end of file
diff --git a/samples/root/Getting Started/main.css b/samples/root/Getting Started/main.css
index 80159d0d3..dd4ef6c93 100644
--- a/samples/root/Getting Started/main.css	
+++ b/samples/root/Getting Started/main.css	
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
\ No newline at end of file
diff --git a/samples/ru/Getting Started/main.css b/samples/ru/Getting Started/main.css
index 80159d0d3..dd4ef6c93 100644
--- a/samples/ru/Getting Started/main.css	
+++ b/samples/ru/Getting Started/main.css	
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
\ No newline at end of file
diff --git a/samples/sv/Kom igang/main.css b/samples/sv/Kom igang/main.css
index 80159d0d3..dd4ef6c93 100644
--- a/samples/sv/Kom igang/main.css	
+++ b/samples/sv/Kom igang/main.css	
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
\ No newline at end of file
diff --git a/samples/zh-tw/Getting Started/main.css b/samples/zh-tw/Getting Started/main.css
index 721a4b055..a7ef1e49d 100644
--- a/samples/zh-tw/Getting Started/main.css	
+++ b/samples/zh-tw/Getting Started/main.css	
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
\ No newline at end of file