new page

2019-08-26 13:45:20 -04:00
parent 728bd3f771
commit 4b7c6a866e
1309 changed files with 386472 additions and 9389 deletions
@@ -0,0 +1,146 @@
+/*========================================================
+        DARK LAYOUT
+=========================================================*/
+@-webkit-keyframes scale
+{
+    0%
+    {
+        -webkit-transform: scale(1);
+                transform: scale(1);
+
+        opacity: 1;
+    }
+    45%
+    {
+        -webkit-transform: scale(.1);
+                transform: scale(.1);
+
+        opacity: .7;
+    }
+    80%
+    {
+        -webkit-transform: scale(1);
+                transform: scale(1);
+
+        opacity: 1;
+    }
+}
+@-moz-keyframes scale
+{
+    0%
+    {
+        -moz-transform: scale(1);
+             transform: scale(1);
+
+        opacity: 1;
+    }
+    45%
+    {
+        -moz-transform: scale(.1);
+             transform: scale(.1);
+
+        opacity: .7;
+    }
+    80%
+    {
+        -moz-transform: scale(1);
+             transform: scale(1);
+
+        opacity: 1;
+    }
+}
+@-o-keyframes scale
+{
+    0%
+    {
+        -o-transform: scale(1);
+           transform: scale(1);
+
+        opacity: 1;
+    }
+    45%
+    {
+        -o-transform: scale(.1);
+           transform: scale(.1);
+
+        opacity: .7;
+    }
+    80%
+    {
+        -o-transform: scale(1);
+           transform: scale(1);
+
+        opacity: 1;
+    }
+}
+@keyframes scale
+{
+    0%
+    {
+        -webkit-transform: scale(1);
+           -moz-transform: scale(1);
+             -o-transform: scale(1);
+                transform: scale(1);
+
+        opacity: 1;
+    }
+    45%
+    {
+        -webkit-transform: scale(.1);
+           -moz-transform: scale(.1);
+             -o-transform: scale(.1);
+                transform: scale(.1);
+
+        opacity: .7;
+    }
+    80%
+    {
+        -webkit-transform: scale(1);
+           -moz-transform: scale(1);
+             -o-transform: scale(1);
+                transform: scale(1);
+
+        opacity: 1;
+    }
+}
+
+.ball-pulse > div:nth-child(1)
+{
+    -webkit-animation: scale .75s -.24s infinite cubic-bezier(.2, .68, .18, 1.08);
+       -moz-animation: scale .75s -.24s infinite cubic-bezier(.2, .68, .18, 1.08);
+         -o-animation: scale .75s -.24s infinite cubic-bezier(.2, .68, .18, 1.08);
+            animation: scale .75s -.24s infinite cubic-bezier(.2, .68, .18, 1.08);
+}
+
+.ball-pulse > div:nth-child(2)
+{
+    -webkit-animation: scale .75s -.12s infinite cubic-bezier(.2, .68, .18, 1.08);
+       -moz-animation: scale .75s -.12s infinite cubic-bezier(.2, .68, .18, 1.08);
+         -o-animation: scale .75s -.12s infinite cubic-bezier(.2, .68, .18, 1.08);
+            animation: scale .75s -.12s infinite cubic-bezier(.2, .68, .18, 1.08);
+}
+
+.ball-pulse > div:nth-child(3)
+{
+    -webkit-animation: scale .75s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
+       -moz-animation: scale .75s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
+         -o-animation: scale .75s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
+            animation: scale .75s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
+}
+
+.ball-pulse > div
+{
+    display: inline-block; 
+
+    width: 15px;
+    height: 15px;
+    margin: 2px;
+
+    border-radius: 100%;
+    background-color: #b8c2cc;
+
+    -webkit-animation-fill-mode: both;
+       -moz-animation-fill-mode: both;
+         -o-animation-fill-mode: both;
+            animation-fill-mode: both;
+}