/** initial setup **/ .fl-nanoscroller { position : relative; width : 100%; height : 100%; overflow : hidden; } .fl-nanoscroller .fl-nanoscroller-content { position : absolute; overflow : scroll; overflow-x : hidden; top : 0; right : 0; bottom : 0; left : 0; } .fl-nanoscroller .fl-nanoscroller-content:focus { outline: thin dotted; } .fl-nanoscroller .fl-nanoscroller-content::-webkit-scrollbar { display: none; visibility: hidden; } .has-scrollbar .fl-nanoscroller-content::-webkit-scrollbar { display: block; visibility: visible; } .fl-nanoscroller > .fl-nanoscroller-pane { position : absolute; width : 8px; right : 2px; top : 2px; bottom : 2px; visibility : hidden\9; /* Target only IE7 and IE8 with this hack */ opacity : .01; -webkit-transition : .2s; -moz-transition : .2s; -o-transition : .2s; transition : .2s; } .fl-nanoscroller > .fl-nanoscroller-pane > .fl-nanoscroller-slider { background: #c9ced3; border-radius: 10px; position: relative; } .fl-nanoscroller:hover > .fl-nanoscroller-pane, .fl-nanoscroller-pane.active, .fl-nanoscroller-pane.flashed { visibility : visible\9; /* Target only IE7 and IE8 with this hack */ opacity : 0.99; }