.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; } .vscrollerbase, .hscrollerbase { width: 0px; height: 0px; } .vscrollerbar { width: 8px; margin-left: -10px; } .hscrollerbar { height: 8px; margin-top: -10px; } .vscrollerbar, .hscrollerbar { background-color: rgba(0, 0, 0, 0.12); border-radius: 100px; -moz-transition-property: background-color; -o-transition-property: background-color; -webkit-transition-property: background-color; transition-property: background-color; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .vscrollerbar:hover, .hscrollerbar:hover { background-color: rgba(0, 0, 0, 0.42); } .vscrollerbar:active, .hscrollerbar:active { background-color: rgba(0, 0, 0, 0.42); } .white-scrollerbar .vscrollerbar, .white-scrollerbar .hscrollerbar { background: rgba(255, 255, 255, 0.3); -moz-transition-property: background-color; -o-transition-property: background-color; -webkit-transition-property: background-color; transition-property: background-color; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .white-scrollerbar .vscrollerbar:hover, .white-scrollerbar .hscrollerbar:hover { background-color: rgba(255, 255, 255, 0.7); } .white-scrollerbar .vscrollerbar:active, .white-scrollerbar .hscrollerbar:active { background-color: rgba(255, 255, 255, 0.7); } .flexcrollactive { outline: none; }