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,147 @@
+/*========================================================
+        DARK LAYOUT
+=========================================================*/
+@-webkit-keyframes ball-spin-loader
+{
+    75%
+    {
+        opacity: .2;
+    }
+    100%
+    {
+        opacity: 1;
+    }
+}
+@-moz-keyframes ball-spin-loader
+{
+    75%
+    {
+        opacity: .2;
+    }
+    100%
+    {
+        opacity: 1;
+    }
+}
+@-o-keyframes ball-spin-loader
+{
+    75%
+    {
+        opacity: .2;
+    }
+    100%
+    {
+        opacity: 1;
+    }
+}
+@keyframes ball-spin-loader
+{
+    75%
+    {
+        opacity: .2;
+    }
+    100%
+    {
+        opacity: 1;
+    }
+}
+
+.ball-spin-loader
+{
+    position: relative;
+}
+.ball-spin-loader > span:nth-child(1)
+{
+    top: 45px;
+    left: 0;
+
+    -webkit-animation: ball-spin-loader 2s .9s infinite linear;
+       -moz-animation: ball-spin-loader 2s .9s infinite linear;
+         -o-animation: ball-spin-loader 2s .9s infinite linear;
+            animation: ball-spin-loader 2s .9s infinite linear;
+}
+.ball-spin-loader > span:nth-child(2)
+{
+    top: 30.68182px;
+    left: 30.68182px;
+
+    -webkit-animation: ball-spin-loader 2s 1.8s infinite linear;
+       -moz-animation: ball-spin-loader 2s 1.8s infinite linear;
+         -o-animation: ball-spin-loader 2s 1.8s infinite linear;
+            animation: ball-spin-loader 2s 1.8s infinite linear;
+}
+.ball-spin-loader > span:nth-child(3)
+{
+    top: 0;
+    left: 45px;
+
+    -webkit-animation: ball-spin-loader 2s 2.7s infinite linear;
+       -moz-animation: ball-spin-loader 2s 2.7s infinite linear;
+         -o-animation: ball-spin-loader 2s 2.7s infinite linear;
+            animation: ball-spin-loader 2s 2.7s infinite linear;
+}
+.ball-spin-loader > span:nth-child(4)
+{
+    top: -30.68182px;
+    left: 30.68182px;
+
+    -webkit-animation: ball-spin-loader 2s 3.6s infinite linear;
+       -moz-animation: ball-spin-loader 2s 3.6s infinite linear;
+         -o-animation: ball-spin-loader 2s 3.6s infinite linear;
+            animation: ball-spin-loader 2s 3.6s infinite linear;
+}
+.ball-spin-loader > span:nth-child(5)
+{
+    top: -45px;
+    left: 0;
+
+    -webkit-animation: ball-spin-loader 2s 4.5s infinite linear;
+       -moz-animation: ball-spin-loader 2s 4.5s infinite linear;
+         -o-animation: ball-spin-loader 2s 4.5s infinite linear;
+            animation: ball-spin-loader 2s 4.5s infinite linear;
+}
+.ball-spin-loader > span:nth-child(6)
+{
+    top: -30.68182px;
+    left: -30.68182px;
+
+    -webkit-animation: ball-spin-loader 2s 5.4s infinite linear;
+       -moz-animation: ball-spin-loader 2s 5.4s infinite linear;
+         -o-animation: ball-spin-loader 2s 5.4s infinite linear;
+            animation: ball-spin-loader 2s 5.4s infinite linear;
+}
+.ball-spin-loader > span:nth-child(7)
+{
+    top: 0;
+    left: -45px;
+
+    -webkit-animation: ball-spin-loader 2s 6.3s infinite linear;
+       -moz-animation: ball-spin-loader 2s 6.3s infinite linear;
+         -o-animation: ball-spin-loader 2s 6.3s infinite linear;
+            animation: ball-spin-loader 2s 6.3s infinite linear;
+}
+.ball-spin-loader > span:nth-child(8)
+{
+    top: 30.68182px;
+    left: -30.68182px;
+
+    -webkit-animation: ball-spin-loader 2s 7.2s infinite linear;
+       -moz-animation: ball-spin-loader 2s 7.2s infinite linear;
+         -o-animation: ball-spin-loader 2s 7.2s infinite linear;
+            animation: ball-spin-loader 2s 7.2s infinite linear;
+}
+.ball-spin-loader > div
+{
+    position: absolute;
+
+    width: 15px;
+    height: 15px;
+
+    border-radius: 100%;
+    background: green; 
+
+    -webkit-animation-fill-mode: both;
+       -moz-animation-fill-mode: both;
+         -o-animation-fill-mode: both;
+            animation-fill-mode: both;
+}