|
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980 |
- .lr-scroll-wrap {
- position: relative;
- overflow: hidden;
- height: 100%;
- width:100%;
- }
-
- .lr-scroll-box {
- position: relative;
- top: 0;
- left: 0;
- min-height: 100%;
- min-width: 100%;
- overflow:hidden;
- zoom:1;
- }
-
- .lr-scroll-vertical {
- position: absolute;
- width: 10px;
- height: 100%;
- top: 0;
- right: 0;
- display: none;
- z-index: 100;
- }
-
- .lr-scroll-wrap:hover > .lr-scroll-vertical,
- .lr-scroll-active > .lr-scroll-vertical {
- display: block;
- }
-
- .lr-scroll-vertical-block {
- position: absolute;
- width: 100%;
- height: 0px;
- top: 0;
- left: 0;
- background-color: #B3B3B3;
- cursor: pointer;
- -webkit-border-radius: 16px;
- -moz-border-radius: 16px;
- border-radius: 16px;
- -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
- -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
- -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
- transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
- }
-
- .lr-scroll-horizontal {
- position: absolute;
- width: 100%;
- height: 10px;
- bottom: 0;
- right: 0;
- display: none;
- z-index: 100;
- }
-
- .lr-scroll-wrap:hover > .lr-scroll-horizontal,
- .lr-scroll-active > .lr-scroll-horizontal {
- display: block;
- }
-
- .lr-scroll-horizontal-block {
- position: absolute;
- height: 100%;
- width: 0px;
- top: 0;
- left: 0;
- background-color: #B3B3B3;
- cursor: pointer;
- -webkit-border-radius: 16px;
- -moz-border-radius: 16px;
- border-radius: 16px;
- -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
- -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
- -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
- transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
- }
|