Style Scrollbars in Webkit (example from dabblet.com)

scrollbars.css

/**
 * Style scrollbars in Webkit
 * Warning: nonstandard CSS ahead
 */
::-webkit-scrollbar {
	width: 20px;
	height: 20px;
}

section.page:not(.focus):not(:hover)::-webkit-scrollbar {
	display: none;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
	border-radius: 999px;
	border: 5px solid transparent;
}

::-webkit-scrollbar-track {
	box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;
}

::-webkit-scrollbar-thumb {
	min-height: 20px;
	background: url(/img/noise.png);
	background-clip: content-box;
	box-shadow: 0 0 0 5px hsla(24, 20%, 50%,.4) inset;
}

::-webkit-scrollbar-corner {
	background: transparent;
}