12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182 |
- .scrollgeneric {
- line-height: 1px;
- font-size: 1px;
- position: absolute;
- top: 0;
- left: 0;
- }
- .vscrollerbase,
- .hscrollerbase {
- width: 0px;
- height: 0px;
- }
- .vscrollerbar {
- width: 8px;
- margin-left: -10px;
- }
- .hscrollerbar {
- height: 8px;
- margin-top: -10px;
- }
- .vscrollerbar,
- .hscrollerbar {
- background-color: rgba(0, 0, 0, 0.12);
- border-radius: 100px;
- -moz-transition-property: background-color;
- -o-transition-property: background-color;
- -webkit-transition-property: background-color;
- transition-property: background-color;
- -moz-transition-timing-function: ease-in;
- -o-transition-timing-function: ease-in;
- -webkit-transition-timing-function: ease-in;
- transition-timing-function: ease-in;
- -moz-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
- -webkit-transition-duration: 0.3s;
- transition-duration: 0.3s;
- }
- .vscrollerbar:hover,
- .hscrollerbar:hover {
- background-color: rgba(0, 0, 0, 0.42);
- }
- .vscrollerbar:active,
- .hscrollerbar:active {
- background-color: rgba(0, 0, 0, 0.42);
- }
- .white-scrollerbar .vscrollerbar,
- .white-scrollerbar .hscrollerbar {
- background: rgba(255, 255, 255, 0.3);
- -moz-transition-property: background-color;
- -o-transition-property: background-color;
- -webkit-transition-property: background-color;
- transition-property: background-color;
- -moz-transition-timing-function: ease-in;
- -o-transition-timing-function: ease-in;
- -webkit-transition-timing-function: ease-in;
- transition-timing-function: ease-in;
- -moz-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
- -webkit-transition-duration: 0.3s;
- transition-duration: 0.3s;
- }
- .white-scrollerbar .vscrollerbar:hover,
- .white-scrollerbar .hscrollerbar:hover {
- background-color: rgba(255, 255, 255, 0.7);
- }
- .white-scrollerbar .vscrollerbar:active,
- .white-scrollerbar .hscrollerbar:active {
- background-color: rgba(255, 255, 255, 0.7);
- }
-
- .flexcrollactive {
- outline: none;
- }
|