|
|
@ -264,4 +264,37 @@ |
|
|
|
background:#080909; |
|
|
|
border:1px solid #666; |
|
|
|
color:#b2b2b2; |
|
|
|
} |
|
|
|
} |
|
|
|
/* 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: 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; |
|
|
|
} |