fixcroll.css 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. .scrollgeneric {
  2. line-height: 1px;
  3. font-size: 1px;
  4. position: absolute;
  5. top: 0;
  6. left: 0;
  7. }
  8. .vscrollerbase,
  9. .hscrollerbase {
  10. width: 0px;
  11. height: 0px;
  12. }
  13. .vscrollerbar {
  14. width: 8px;
  15. margin-left: -10px;
  16. }
  17. .hscrollerbar {
  18. height: 8px;
  19. margin-top: -10px;
  20. }
  21. .vscrollerbar,
  22. .hscrollerbar {
  23. background-color: rgba(0, 0, 0, 0.12);
  24. border-radius: 100px;
  25. -moz-transition-property: background-color;
  26. -o-transition-property: background-color;
  27. -webkit-transition-property: background-color;
  28. transition-property: background-color;
  29. -moz-transition-timing-function: ease-in;
  30. -o-transition-timing-function: ease-in;
  31. -webkit-transition-timing-function: ease-in;
  32. transition-timing-function: ease-in;
  33. -moz-transition-duration: 0.3s;
  34. -o-transition-duration: 0.3s;
  35. -webkit-transition-duration: 0.3s;
  36. transition-duration: 0.3s;
  37. }
  38. .vscrollerbar:hover,
  39. .hscrollerbar:hover {
  40. background-color: rgba(0, 0, 0, 0.42);
  41. }
  42. .vscrollerbar:active,
  43. .hscrollerbar:active {
  44. background-color: rgba(0, 0, 0, 0.42);
  45. }
  46. .white-scrollerbar .vscrollerbar,
  47. .white-scrollerbar .hscrollerbar {
  48. background: rgba(255, 255, 255, 0.3);
  49. -moz-transition-property: background-color;
  50. -o-transition-property: background-color;
  51. -webkit-transition-property: background-color;
  52. transition-property: background-color;
  53. -moz-transition-timing-function: ease-in;
  54. -o-transition-timing-function: ease-in;
  55. -webkit-transition-timing-function: ease-in;
  56. transition-timing-function: ease-in;
  57. -moz-transition-duration: 0.3s;
  58. -o-transition-duration: 0.3s;
  59. -webkit-transition-duration: 0.3s;
  60. transition-duration: 0.3s;
  61. }
  62. .white-scrollerbar .vscrollerbar:hover,
  63. .white-scrollerbar .hscrollerbar:hover {
  64. background-color: rgba(255, 255, 255, 0.7);
  65. }
  66. .white-scrollerbar .vscrollerbar:active,
  67. .white-scrollerbar .hscrollerbar:active {
  68. background-color: rgba(255, 255, 255, 0.7);
  69. }
  70. .flexcrollactive {
  71. outline: none;
  72. }