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,159 @@
+/*========================================================
+        DARK LAYOUT
+=========================================================*/
+@-webkit-keyframes line-scale-party
+{
+    0%
+    {
+        -webkit-transform: scale(1);
+                transform: scale(1);
+    }
+    50%
+    {
+        -webkit-transform: scale(.5);
+                transform: scale(.5);
+    }
+    100%
+    {
+        -webkit-transform: scale(1);
+                transform: scale(1);
+    }
+}
+@-moz-keyframes line-scale-party
+{
+    0%
+    {
+        -moz-transform: scale(1);
+             transform: scale(1);
+    }
+    50%
+    {
+        -moz-transform: scale(.5);
+             transform: scale(.5);
+    }
+    100%
+    {
+        -moz-transform: scale(1);
+             transform: scale(1);
+    }
+}
+@-o-keyframes line-scale-party
+{
+    0%
+    {
+        -o-transform: scale(1);
+           transform: scale(1);
+    }
+    50%
+    {
+        -o-transform: scale(.5);
+           transform: scale(.5);
+    }
+    100%
+    {
+        -o-transform: scale(1);
+           transform: scale(1);
+    }
+}
+@keyframes line-scale-party
+{
+    0%
+    {
+        -webkit-transform: scale(1);
+           -moz-transform: scale(1);
+             -o-transform: scale(1);
+                transform: scale(1);
+    }
+    50%
+    {
+        -webkit-transform: scale(.5);
+           -moz-transform: scale(.5);
+             -o-transform: scale(.5);
+                transform: scale(.5);
+    }
+    100%
+    {
+        -webkit-transform: scale(1);
+           -moz-transform: scale(1);
+             -o-transform: scale(1);
+                transform: scale(1);
+    }
+}
+
+.line-scale-party > div:nth-child(1)
+{
+    -webkit-animation-duration: .6s;
+       -moz-animation-duration: .6s;
+         -o-animation-duration: .6s;
+            animation-duration: .6s; 
+    -webkit-animation-delay: .48s;
+       -moz-animation-delay: .48s;
+         -o-animation-delay: .48s;
+            animation-delay: .48s;
+}
+
+.line-scale-party > div:nth-child(2)
+{
+    -webkit-animation-duration: .42s;
+       -moz-animation-duration: .42s;
+         -o-animation-duration: .42s;
+            animation-duration: .42s; 
+    -webkit-animation-delay: .73s;
+       -moz-animation-delay: .73s;
+         -o-animation-delay: .73s;
+            animation-delay: .73s;
+}
+
+.line-scale-party > div:nth-child(3)
+{
+    -webkit-animation-duration: .53s;
+       -moz-animation-duration: .53s;
+         -o-animation-duration: .53s;
+            animation-duration: .53s; 
+    -webkit-animation-delay: .54s;
+       -moz-animation-delay: .54s;
+         -o-animation-delay: .54s;
+            animation-delay: .54s;
+}
+
+.line-scale-party > div:nth-child(4)
+{
+    -webkit-animation-duration: .86s;
+       -moz-animation-duration: .86s;
+         -o-animation-duration: .86s;
+            animation-duration: .86s; 
+    -webkit-animation-delay: .01s;
+       -moz-animation-delay: .01s;
+         -o-animation-delay: .01s;
+            animation-delay: .01s;
+}
+
+.line-scale-party > div
+{
+    display: inline-block;
+
+    width: 4px;
+    height: 3.45rem;
+    margin: 2px;
+
+    -webkit-animation-name: line-scale-party;
+       -moz-animation-name: line-scale-party;
+         -o-animation-name: line-scale-party;
+            animation-name: line-scale-party;
+    -webkit-animation-delay: 0;
+       -moz-animation-delay: 0;
+         -o-animation-delay: 0;
+            animation-delay: 0; 
+    -webkit-animation-iteration-count: infinite;
+       -moz-animation-iteration-count: infinite;
+         -o-animation-iteration-count: infinite;
+            animation-iteration-count: infinite;
+
+    border-radius: 2px;
+    background-color: #b8c2cc;
+
+    -webkit-animation-fill-mode: both;
+       -moz-animation-fill-mode: both;
+         -o-animation-fill-mode: both;
+            animation-fill-mode: both;
+}