jquery.nanoscroller.css 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. /** initial setup **/
  2. .fl-nanoscroller {
  3. position : relative;
  4. width : 100%;
  5. height : 100%;
  6. overflow : hidden;
  7. }
  8. .fl-nanoscroller .fl-nanoscroller-content {
  9. position : absolute;
  10. overflow : scroll;
  11. overflow-x : hidden;
  12. top : 0;
  13. right : 0;
  14. bottom : 0;
  15. left : 0;
  16. }
  17. .fl-nanoscroller .fl-nanoscroller-content:focus {
  18. outline: thin dotted;
  19. }
  20. .fl-nanoscroller .fl-nanoscroller-content::-webkit-scrollbar {
  21. display: none;
  22. visibility: hidden;
  23. }
  24. .has-scrollbar .fl-nanoscroller-content::-webkit-scrollbar {
  25. display: block;
  26. visibility: visible;
  27. }
  28. .fl-nanoscroller > .fl-nanoscroller-pane {
  29. position : absolute;
  30. width : 8px;
  31. right : 2px;
  32. top : 2px;
  33. bottom : 2px;
  34. visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  35. opacity : .01;
  36. -webkit-transition : .2s;
  37. -moz-transition : .2s;
  38. -o-transition : .2s;
  39. transition : .2s;
  40. }
  41. .fl-nanoscroller > .fl-nanoscroller-pane > .fl-nanoscroller-slider {
  42. background: #c9ced3;
  43. border-radius: 10px;
  44. position: relative;
  45. }
  46. .fl-nanoscroller:hover > .fl-nanoscroller-pane, .fl-nanoscroller-pane.active, .fl-nanoscroller-pane.flashed {
  47. visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  48. opacity : 0.99;
  49. }