Add files via upload

Author: edmond-chow

sources/style.css

@@ -210,6 +210,14 @@
 	@layer features-before {
 		@layer structured-container {
 			/* top */
+			@keyframes extending-hidden-scrollbar {
+				from {
+					overflow: hidden;
+				}
+				to {
+					overflow: hidden;
+				}
+			}
 			@supports selector(::-webkit-scrollbar) {
 				body.blur top::-webkit-scrollbar-track:vertical {
 					border-top-right-radius: 5px;
@@ -313,7 +321,7 @@
 				z-index: 4; /* -> layer[fixed] */
 			}
 			top /* -> */ {
-				overflow: hidden scroll;
+				overflow: hidden;
 				position: relative;
 				margin: 8px 0px;
 				border: 1px solid #e7e7e7;
@@ -325,6 +333,11 @@
 				left: min(max(calc(50% - 516px), 8px), 10%);
 				width: max(min(calc(100% - 16px), 1032px), 80%);
 			}
+			top:hover {
+				animation-name: extending-hidden-scrollbar;
+				animation-duration: 0.5s;
+				overflow: hidden auto;
+			}
 			body.blur top {
 				border-radius: 5px;
 				border: 0px;
@@ -333,9 +346,6 @@
 			body.blur top:hover {
 				box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
 			}
-			top:hover, body.blur top:hover {
-				max-height: calc(70vh - 18px);
-			}
 			top > a /* -> */ {
 				text-align: center;
 				text-decoration: none;
@@ -864,6 +874,10 @@
 	}
 	@layer features-after {
 		@layer structured-container {
+			/* top */
+			top:hover {
+				max-height: calc(100vh - 16px);
+			}
 			/* major */
 			major > sub-major:not(:first-of-type) {
 				display: none;