body::-webkit-scrollbar{ width: 8px; height: 10px; } ::-webkit-scrollbar-button:start:decrement { display: block; width: 5px; height: 5px; background-color: transparent; } ::-webkit-scrollbar-button:end:increment { display: block; width: 5px; height: 5px; background-color: transparent; } ::-webkit-scrollbar-track:enabled { background-color: transparent; } ::-webkit-scrollbar-track-piece { background-color: transparent; border: none; margin: 8px 0 35px 0; } ::-webkit-scrollbar-thumb:vertical { height: 30px; border: 1px solid rgba(140, 140, 140, .5); background-color: rgba(155, 155, 155, .5); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2), inset 0 0 1px rgba(255, 255, 255, .8); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2), inset 0 0 1px rgba(255, 255, 255, .8); box-shadow: 0 1px 3px rgba(0,0,0,0.2), inset 0 0 1px rgba(255, 255, 255, .8); -webkit-transition: background-color .2s; -moz-transition: background-color .2s; transition: background-color .2s; } ::-webkit-scrollbar-thumb:vertical:active{ background-color: rgba(155, 155, 155, 1); border: 1px solid rgba(140, 140, 140, 1); } ::-webkit-scrollbar-thumb:horizontal { width: 30px; background-color: rgba(0, 0, 0, 0.5); -webkit-border-radius: 5px; }