|
|
@ -47,7 +47,7 @@ a:hover, a:active, a:focus, |
|
|
|
} |
|
|
|
/* Header */ |
|
|
|
.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); |
|
|
|
} |
|
|
|
.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 { |
|
|
|
background: rgba(0, 0, 0, .25); |
|
|
|
color: #eee; |
|
|
|
border-top: 1px solid #eee; |
|
|
|
border-top: 1px solid rgb(255 255 255 / 20%); |
|
|
|
} |
|
|
|
/* Side bar */ |
|
|
|
.skin-blue .sidebar a { |
|
|
@ -350,35 +350,24 @@ a:hover, a:active, a:focus, |
|
|
|
box-shadow: none; |
|
|
|
} |
|
|
|
/* Scrollbar */ |
|
|
|
@media only screen and (min-width: 768px) { |
|
|
|
html { |
|
|
|
height: 100%; |
|
|
|
width: 100%; |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
body { |
|
|
|
overflow-y: auto; |
|
|
|
height: 100%; |
|
|
|
background: var(--main-bg-color) |
|
|
|
} |
|
|
|
|
|
|
|
::-webkit-scrollbar { |
|
|
|
width: 0px; |
|
|
|
} |
|
|
|
::-webkit-scrollbar { |
|
|
|
width: 14px; |
|
|
|
} |
|
|
|
::-webkit-scrollbar-thumb { |
|
|
|
::-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 { |
|
|
|
} |
|
|
|
::-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; |
|
|
|
} |
|
|
|
} |