website

commit 7a4e434a8bdeddaf49f7f756102df5a3437fd885
parent 6e8a16fdef45577ea6a1fb26310054c9a37fbf94
Author: Nixx <nixx@firemail.cc>
Date:   Wed, 11 Nov 2020 17:40:07 +0000

Custom scrollbars for browsers supporting it

Diffstat:
M
includes/start.php
 | 
2
++
M
styles/default.css
 | 
10
++++++----
A
styles/scroll.css
 | 
22
++++++++++++++++++++++

3 files changed, 30 insertions(+), 4 deletions(-)
diff --git a/includes/start.php b/includes/start.php
@@ -4,6 +4,8 @@
 	$usragent=$_SERVER['HTTP_USER_AGENT'];
 	if (!strpos($usragent, 'PaleMoon') !== false && $_COOKIE['scrollbar'] !== "true") {
 		echo '<link rel="stylesheet" href="'.$root.'styles/noscroll.css" />';
+	} else {
+		echo '<link rel="stylesheet" href="'.$root.'styles/scroll.css" />';
 	}
 	echo '<link rel="stylesheet" href="'.$root.'styles/fonts.css" />';
 	echo '<link rel="stylesheet" href="'.$root.'styles/cursor.css" />';
diff --git a/styles/default.css b/styles/default.css
@@ -155,7 +155,9 @@ input[type="submit" i] {
 .mobilemenu {
 	width: 250px;
 	max-height: var(--ver);
-	overflow: scroll;
+	overflow-y: scroll;
+	overflow-x: hidden;
+	padding-right: 25px;
 }
 
 .mobilemenu > ul {
@@ -179,7 +181,7 @@ input[type="submit" i] {
 .article {
 	margin: 2px 20px 0 20px;
 	max-height: calc(var(--ver) - var(--ver-upr) - 72px);
-	overflow: scroll;
+	overflow-y: scroll;
 	padding: 25px !important;
 }
 
@@ -421,7 +423,7 @@ input[type="submit" i] {
 	display: block;
 	width: 60vw;
 	text-align: center;
-	overflow: scroll;
+	overflow-x: scroll;
 	margin: 30px;
 }
 
@@ -501,7 +503,7 @@ input[type="submit" i] {
 	}
 }
 
-@media (max-height: 700px) {
+@media (max-height: 720px) {
 	.aside > .asidehomeimage {
 		display: none;
 	}
diff --git a/styles/scroll.css b/styles/scroll.css
@@ -0,0 +1,22 @@
+:root {
+	--main-col: #d2738a;
+}
+
+/* Chromium-based */
+::-webkit-scrollbar {
+	width: 12px;
+}
+::-webkit-scrollbar-thumb {
+	background-color: var(--main-col);
+}
+::-webkit-scrollbar-track {
+	background-color: #000;
+}
+::-webkit-scrollbar-corner {
+	background-color: #000;
+}
+
+/* Firefox-based */
+* {
+	scrollbar-color: var(--main-col) #000;
+}