-
Notifications
You must be signed in to change notification settings - Fork 20
/
scroll-bar.css
40 lines (39 loc) · 1.71 KB
/
scroll-bar.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
::-webkit-scrollbar,::-webkit-scrollbar-thumb{
overflow:visible;
border-radius:4px;
border:solid 1px #a6a6a6;
}
::-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;
}
::-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;
}
::-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;
}
::-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;
}
::-webkit-scrollbar-button{
height:0;
display:block;
background-color:transparent;
}