added blinking inky to templates page

diff --git a/sass/app.scss b/sass/app.scss
index c5f2750399904405eacf1393dccd567b29e0e6ac..0a5825190c8be0051f6667b367b8618e430c9d4a 100644 (file)
--- a/sass/app.scss
+++ b/sass/app.scss
@@ -212,7 +212,7 @@ hr { border-style: dashed; }
   select { width: 110px; margin-left: 10px; }
 }
 .how-to-use { position: relative; padding: 30px 0;  }
-.inky-small { background: url(../images/inky-small.gif); height: 377px; width: 273px; background-size: cover; position: absolute; top: 0; right: -310px; z-index: 2; }
+.inky-small { background: url(../images/inky-small.gif); height: 377px; width: 273px; background-size: cover; position: absolute; top: 0; right: -310px; z-index: 2;animation-name: small-inky; -webkit-animation-name: small-inky; animation-duration:9s; -webkit-animation-duration:9s; animation-iteration-count: infinite; -webkit-animation-iteration-count:infinite;  }
 
 /* downloading */
 .main-text { position: relative; }

diff --git a/stylesheets/app.css b/stylesheets/app.css
index 763724875ed56273b84debc61deeecccc7dc63a2..2d1483d839d90c33ba4cf07964a9e0911ecece04 100644 (file)
--- a/stylesheets/app.css
+++ b/stylesheets/app.css
@@ -9820,6 +9820,12 @@ hr {
   top: 0;
   right: -310px;
   z-index: 2;
+  animation-name: small-inky;
+  -webkit-animation-name: small-inky;
+  animation-duration: 9s;
+  -webkit-animation-duration: 9s;
+  animation-iteration-count: infinite;
+  -webkit-animation-iteration-count: infinite;
 }
 
 /* downloading */