diff --git a/css/bookmarklets.css b/css/bookmarklets.css index 07f2416..6f8f3f3 100644 --- a/css/bookmarklets.css +++ b/css/bookmarklets.css @@ -40,4 +40,8 @@ .bookmarkletdiv { backdrop-filter: blur(0); } +} +body[fast] .bookmarkletdiv { + background-color: color-mix(in srgb, var(--color-2) 70%, #000000 30%); + backdrop-filter: blur(0); } \ No newline at end of file diff --git a/css/games.css b/css/games.css index 98844e8..ebab808 100755 --- a/css/games.css +++ b/css/games.css @@ -77,4 +77,8 @@ body { game { backdrop-filter: blur(0); } +} +body[fast] game { + background-color: color-mix(in srgb, var(--color-2) 70%, #000000 30%); + backdrop-filter: blur(0); } \ No newline at end of file diff --git a/css/loader.css b/css/loader.css index 3c62cba..3e4270c 100644 --- a/css/loader.css +++ b/css/loader.css @@ -53,4 +53,8 @@ #gamecontainer { backdrop-filter: blur(0); } +} +body[fast] #gamecontainer { + background-color: color-mix(in srgb, var(--color-2) 70%, #000000 30%); + backdrop-filter: blur(0); } \ No newline at end of file diff --git a/css/pages.css b/css/pages.css index 9afc623..b5d960a 100755 --- a/css/pages.css +++ b/css/pages.css @@ -173,4 +173,8 @@ input[type=checkbox] { #popup { backdrop-filter: blur(0); } +} +body[fast] #popup { + background-color: color-mix(in srgb, var(--color-2) 70%, #000000 30%); + backdrop-filter: blur(0); } \ No newline at end of file diff --git a/css/profile.css b/css/profile.css index 67b5855..08c1a0c 100644 --- a/css/profile.css +++ b/css/profile.css @@ -140,4 +140,8 @@ result p { section { backdrop-filter: blur(0); } +} +body[fast] section { + background-color: color-mix(in srgb, var(--color-2) 70%, #000000 30%); + backdrop-filter: blur(0); } \ No newline at end of file diff --git a/css/settings.css b/css/settings.css index 9fd09e6..3268df8 100644 --- a/css/settings.css +++ b/css/settings.css @@ -26,4 +26,9 @@ sections { section { backdrop-filter: blur(0); } +} + +body[fast] section { + background-color: color-mix(in srgb, var(--color-2) 70%, #000000 30%); + backdrop-filter: blur(0); } \ No newline at end of file diff --git a/css/sidebar.css b/css/sidebar.css index 6ed3ac4..6998f63 100755 --- a/css/sidebar.css +++ b/css/sidebar.css @@ -9,6 +9,7 @@ sidebar { flex-direction: column; align-items: center; user-select: none; + z-index: 10; } .sidebar-item { margin: 6px; @@ -56,4 +57,35 @@ iframe { .sidebar-item:hover .sidebar-item-descriptor { opacity: 1; right: 55px; +} +#bottom-menu, #open-bottom-menu { + position: absolute; + bottom: -40px; + height: 50px; + left: 0; + right: 0; + width: 30%; + margin-left: auto; + margin-right: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: black; + z-index: 5; + border-radius: 10px 10px 0 0; + cursor: pointer; + color: black; +} +#open-bottom-menu { + bottom: 10px; + height: 15px; + width: 70px; + z-index: 5; +} +#bottom-menu[enabled=true] { + bottom: 10px; + color: white; +} +#open-bottom-menu[enabled=true] { + bottom: 60px; } \ No newline at end of file diff --git a/css/users.css b/css/users.css index e054d32..446e8f3 100644 --- a/css/users.css +++ b/css/users.css @@ -52,4 +52,8 @@ .users { backdrop-filter: blur(0); } +} +body[fast] .users { + background-color: color-mix(in srgb, var(--color-2) 70%, #000000 30%); + backdrop-filter: blur(0); } \ No newline at end of file diff --git a/home.html b/home.html index 258fc46..fca4f8b 100755 --- a/home.html +++ b/home.html @@ -7,7 +7,6 @@ - diff --git a/img/up.svg b/img/up.svg new file mode 100644 index 0000000..ea09945 --- /dev/null +++ b/img/up.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/index.html b/index.html index 883dbd3..0b8de2e 100755 --- a/index.html +++ b/index.html @@ -56,8 +56,23 @@ @@ -134,5 +157,9 @@
+ +