deathbybandaid/theme.park
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fixed scrolling

Browse Source
This commit is contained in:
Marius 2020-07-18 00:19:11 +02:00
parent 97c8a45adc
commit 0fa86d8f57
1 changed files with 23 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
CSS/themes/pihole/pihole-base.css
View File

@ -47,7 +47,7 @@ a:hover, a:active, a:focus,
} }
/* Header */ /* Header */
.skin-blue .main-header .navbar, .skin-blue .main-header .logo, .skin-blue .main-header .navbar, .skin-blue .main-header .logo,
.main-header .navbar { .main-header .navbar,.main-header .logo {
background-color: rgba(0, 0, 0, .25); background-color: rgba(0, 0, 0, .25);
} }
.skin-blue .main-header .logo:hover, .skin-blue .main-header .navbar .sidebar-toggle:hover, .skin-blue .main-header .logo:hover, .skin-blue .main-header .navbar .sidebar-toggle:hover,
@ -59,7 +59,7 @@ a:hover, a:active, a:focus,
.main-footer { .main-footer {
background: rgba(0, 0, 0, .25); background: rgba(0, 0, 0, .25);
color: #eee; color: #eee;
border-top: 1px solid #eee; border-top: 1px solid rgb(255 255 255 / 20%);
} }
/* Side bar */ /* Side bar */
.skin-blue .sidebar a { .skin-blue .sidebar a {
@ -349,36 +349,25 @@ a:hover, a:active, a:focus,
border-color: rgb(255 255 255 / 0.25); border-color: rgb(255 255 255 / 0.25);
box-shadow: none; box-shadow: none;
} }
/* Scrollbar */ /* Scrollbar */
@media only screen and (min-width: 768px) {
html { ::-webkit-scrollbar {
height: 100%; width: 0px;
width: 100%; }
overflow: hidden; ::-webkit-scrollbar-thumb {
} min-height: 50px;
body { border: 3px solid transparent;
overflow-y: auto; border-radius: 8px;
height: 100%; background-color: hsla(0,0%,100%,.2);
background: var(--main-bg-color) background-clip: padding-box;
} }
::-webkit-scrollbar-track {
background: var(--main-bg-color);
}
::-webkit-scrollbar-thumb:hover {
min-height: 50px;
border: 3px solid transparent;
border-radius: 8px;
background-color: hsla(0,0%,100%,.5);
background-clip: padding-box;
} }
::-webkit-scrollbar {
width: 14px;
}
::-webkit-scrollbar-thumb {
min-height: 50px;
border: 3px solid transparent;
border-radius: 8px;
background-color: hsla(0,0%,100%,.2);
background-clip: padding-box;
}
::-webkit-scrollbar-track {
background-color: transparent;
}
::-webkit-scrollbar-thumb:hover {
min-height: 50px;
border: 3px solid transparent;
border-radius: 8px;
background-color: hsla(0,0%,100%,.5);
background-clip: padding-box;
}