website

Code for the bare sturcture of concealed.world.
git clone git://git.concealed.world/website
Log | Files | Refs | README | LICENSE

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:
Mincludes/start.php | 2++
Mstyles/default.css | 10++++++----
Astyles/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; +}