Update site.less

various css fixes
disktree · Jul 17, 2024 · e513219 · e513219
1 parent 54d48b5
commit e513219
Showing 1 changed file with 144 additions and 0 deletions.
diff --git a/style/site.less b/style/site.less
@@ -197,3 +197,147 @@ body {
 
 	//@media screen and (min-width: @vp-large) {
 }
+
+@media only screen and (min-width: 961px) {
+body>aside{
+    display: unset;
+}
+
+body > aside a {
+  padding: 0 .3em;
+}
+
+html body aside{
+  font-size: 250%;
+  margin-top: -10px;
+  margin-left: 5px;
+}
+
+html body main nav.pagination{
+  margin-bottom: -70px;
+  font-size: 175%;
+}
+
+.ic-copyright::before {
+  margin-right: 6px;
+}
+
+html body.lungs aside a{
+  display: inline-block;
+  position: relative;
+  -o-animation: bounce 0.75s linear;
+  -o-animation-delay: 3s;
+  -o-animation-iteration-count: 9;
+  -o-transform-origin: center bottom;
+  animation: bounce 0.75s linear;
+  animation-delay: 3s;
+  animation-iteration-count: 9;
+  transform-origin: center bottom;
+}
+
+@-webkit-keyframes bounce {
+
+    from, 20%, 53%, 80%, 100% {
+        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+        transform: translate3d(0,0,0);
+    }
+
+    40%, 43% {
+        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+        transform: translate3d(0, -10px, 0);
+    }
+
+    70% {
+        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+        transform: translate3d(0, -5px, 0);
+    }
+
+    90% {
+        transform: translate3d(0,-4px,0);
+    }
+}
+@-moz-keyframes bounce {
+
+    from, 20%, 53%, 80%, 100% {
+        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+        transform: translate3d(0,0,0);
+    }
+
+    40%, 43% {
+        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+        transform: translate3d(0, -10px, 0);
+    }
+
+    70% {
+        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+        transform: translate3d(0, -5px, 0);
+    }
+
+    90% {
+        transform: translate3d(0,-4px,0);
+    }
+}
+@-o-keyframes bounce {
+
+    from, 20%, 53%, 80%, 100% {
+        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+        transform: translate3d(0,0,0);
+    }
+
+    40%, 43% {
+        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+        transform: translate3d(0, -10px, 0);
+    }
+
+    70% {
+        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+        transform: translate3d(0, -5px, 0);
+    }
+
+    90% {
+        transform: translate3d(0,-4px,0);
+    }
+}
+@-ms-keyframes bounce {
+
+    from, 20%, 53%, 80%, 100% {
+        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+        transform: translate3d(0,0,0);
+    }
+
+    40%, 43% {
+        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+        transform: translate3d(0, -10px, 0);
+    }
+
+    70% {
+        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+        transform: translate3d(0, -5px, 0);
+    }
+
+    90% {
+        transform: translate3d(0,-4px,0);
+    }
+}
+@keyframes bounce {
+
+    from, 20%, 53%, 80%, 100% {
+        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+        transform: translate3d(0,0,0);
+    }
+
+    40%, 43% {
+        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+        transform: translate3d(0, -10px, 0);
+    }
+
+    70% {
+        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+        transform: translate3d(0, -5px, 0);
+    }
+
+    90% {
+        transform: translate3d(0,-4px,0);
+    }
+}
+}