Skip to content

Instantly share code, notes, and snippets.

@UncleBill
Created October 9, 2017 01:41
Show Gist options
  • Save UncleBill/473d82a8b0a87e4715d0a6f1d6b7bc24 to your computer and use it in GitHub Desktop.
Save UncleBill/473d82a8b0a87e4715d0a6f1d6b7bc24 to your computer and use it in GitHub Desktop.
.Ka-Ia-j::-webkit-scrollbar {
overflow: visible;
-webkit-border-radius: 4px;
border-radius: 4px;
border: solid 1px #a6a6a6
}
.Ka-Ia-j::-webkit-scrollbar-thumb {
overflow: visible;
-webkit-border-radius: 4px;
border-radius: 4px;
border: solid 1px #a6a6a6
}
.Ka-Ia-j::-webkit-scrollbar {
width: 10px;
background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(202,202,202,0.07)),color-stop(100%,rgba(229,229,229,0.07)));
background: -webkit-linear-gradient(left,rgba(202,202,202,0.07) 0%,rgba(229,229,229,0.07) 100%);
-webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,.15) inset,0 1px 0 0 #fff;
box-shadow: 0 0 1px 0 rgba(0,0,0,.15) inset,0 1px 0 0 #fff;
background-color: #e5e5e5
}
.Ka-Ia-j::-webkit-scrollbar-thumb {
background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(233,233,233,0.05)),color-stop(100%,rgba(221,221,221,0.05)));
background: -webkit-linear-gradient(left,rgba(233,233,233,0.05) 0%,rgba(221,221,221,0.05) 100%);
-webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,.05);
box-shadow: 0 2px 1px 0 rgba(0,0,0,.05);
background-color: #e9e9e9
}
.Ka-Ia-j::-webkit-scrollbar-thumb:hover {
background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0.05)),color-stop(100%,rgba(0,0,0,0.05)));
background: -webkit-linear-gradient(left,rgba(255,255,255,0.05) 0%,rgba(0,0,0,0.05) 100%);
-webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,.05);
box-shadow: 0 2px 1px 0 rgba(0,0,0,.05);
background-color: #f5f5f5
}
.Ka-Ia-j::-webkit-scrollbar-thumb:active {
background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0.03)),color-stop(100%,rgba(0,0,0,0.03)));
background: -webkit-linear-gradient(left,rgba(255,255,255,0.03) 0%,rgba(0,0,0,0.03) 100%);
-webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,.05);
box-shadow: 0 2px 1px 0 rgba(0,0,0,.05);
background-color: #f5f5f5
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment