react-scroll-loading-plugin/lib/scroll.css

react scroll loading plugin

.scroll{position:relative;overflow:hidden;height:100%}.scroll>.horizontal-bar,.scroll>.vertical-bar{opacity:0;position:absolute;z-index:9;-webkit-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.scroll>.horizontal-bar>i,.scroll>.vertical-bar>i{opacity:.2;position:absolute;width:100%;height:100%;border:1px solid #fff;border-radius:3px;background-color:#333;cursor:pointer;-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.scroll>.horizontal-bar>i:hover,.scroll>.vertical-bar>i:hover{opacity:.3}.scroll>.vertical-bar{top:0;right:0;width:7px;height:100%}.scroll>.vertical-bar>i{top:0;left:0}.scroll>.horizontal-bar{bottom:0;left:0;width:100%;height:7px}.scroll>.horizontal-bar>i{bottom:0;left:0}.scroll>.horizontal-bar.drag,.scroll>.vertical-bar.drag{opacity:1}.scroll>.horizontal-bar.drag>i,.scroll>.vertical-bar.drag>i{opacity:.3}.scroll>.horizontal-bar.hidden,.scroll>.vertical-bar.hidden{opacity:0}.scroll>.container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:scroll}.scroll:hover>.horizontal-bar,.scroll:hover>.vertical-bar{opacity:1}.scroll:hover>.horizontal-bar.hidden,.scroll:hover>.vertical-bar.hidden{opacity:0}.noselect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}