You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

81 lines
1.9 KiB

  1. .lr-scroll-wrap {
  2. position: relative;
  3. overflow: hidden;
  4. height: 100%;
  5. width:100%;
  6. }
  7. .lr-scroll-box {
  8. position: relative;
  9. top: 0;
  10. left: 0;
  11. min-height: 100%;
  12. min-width: 100%;
  13. overflow:hidden;
  14. zoom:1;
  15. }
  16. .lr-scroll-vertical {
  17. position: absolute;
  18. width: 10px;
  19. height: 100%;
  20. top: 0;
  21. right: 0;
  22. display: none;
  23. z-index: 100;
  24. }
  25. .lr-scroll-wrap:hover > .lr-scroll-vertical,
  26. .lr-scroll-active > .lr-scroll-vertical {
  27. display: block;
  28. }
  29. .lr-scroll-vertical-block {
  30. position: absolute;
  31. width: 100%;
  32. height: 0px;
  33. top: 0;
  34. left: 0;
  35. background-color: #B3B3B3;
  36. cursor: pointer;
  37. -webkit-border-radius: 16px;
  38. -moz-border-radius: 16px;
  39. border-radius: 16px;
  40. -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  41. -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  42. -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  43. transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  44. }
  45. .lr-scroll-horizontal {
  46. position: absolute;
  47. width: 100%;
  48. height: 10px;
  49. bottom: 0;
  50. right: 0;
  51. display: none;
  52. z-index: 100;
  53. }
  54. .lr-scroll-wrap:hover > .lr-scroll-horizontal,
  55. .lr-scroll-active > .lr-scroll-horizontal {
  56. display: block;
  57. }
  58. .lr-scroll-horizontal-block {
  59. position: absolute;
  60. height: 100%;
  61. width: 0px;
  62. top: 0;
  63. left: 0;
  64. background-color: #B3B3B3;
  65. cursor: pointer;
  66. -webkit-border-radius: 16px;
  67. -moz-border-radius: 16px;
  68. border-radius: 16px;
  69. -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  70. -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  71. -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  72. transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  73. }