Cool scrollbar from www.finegoodsmarket.com

scrollbar.css

body {
  position:absolute;
  top:0;
  right:15px;
  bottom:0;
  left:0;
  overflow-y:scroll;
  overflow-x:hidden;
}


::-webkit-scrollbar {
  width:14px;
  height:14px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  display:block;
  height:14px;
}

::-webkit-scrollbar-track-piece {
  background-color:rgba(0,0,0,0.4);
  -webkit-border-radius:7px;
  -webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,0.5),0 1px 1px rgba(191,87,36,0.4);
}

::-webkit-scrollbar-thumb:vertical {
  background:-webkit-gradient(linear,-20% 0,100% 0,color-stop(0,#b0612a),color-stop(1,rgba(176,97,42,0.3)));
  -webkit-border-radius:7px;
  -webkit-box-shadow:inset 0 1px 2px rgba(197,119,46,0.9),0 1px 2px rgba(0,0,0,0.7);
  border:4px solid rgba(0,0,0,0.9);
  opacity:.6;
}

::-webkit-scrollbar-thumb:vertical:hover {
  opacity:1;
}

::-webkit-scrollbar-thumb:horizontal {
  width:50px;
  -webkit-border-radius:3px;
}