123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172 |
- .ps {
- overflow: hidden!important;
- overflow-anchor: none;
- -ms-overflow-style: none;
- touch-action: auto;
- -ms-touch-action: auto
- }
- .ps__rail-x {
- display: none;
- opacity: 0;
- transition: background-color .2s linear, opacity .2s linear;
- -webkit-transition: background-color .2s linear, opacity .2s linear;
- height: 15px;
- bottom: 0;
- position: absolute
- }
- .ps__rail-y {
- display: none;
- opacity: 0;
- transition: background-color .2s linear, opacity .2s linear;
- -webkit-transition: background-color .2s linear, opacity .2s linear;
- width: 15px;
- right: 0;
- position: absolute
- }
- .ps--active-x>.ps__rail-x, .ps--active-y>.ps__rail-y {
- display: block;
- background-color: transparent
- }
- .ps--focus>.ps__rail-x, .ps--focus>.ps__rail-y, .ps--scrolling-x>.ps__rail-x, .ps--scrolling-y>.ps__rail-y, .ps:hover>.ps__rail-x, .ps:hover>.ps__rail-y {
- opacity: .6
- }
- .ps .ps__rail-x.ps--clicking, .ps .ps__rail-x:focus, .ps .ps__rail-x:hover, .ps .ps__rail-y.ps--clicking, .ps .ps__rail-y:focus, .ps .ps__rail-y:hover {
- background-color: #eee;
- opacity: .9
- }
- .ps__thumb-x {
- background-color: #aaa;
- border-radius: 6px;
- transition: background-color .2s linear, height .2s ease-in-out;
- -webkit-transition: background-color .2s linear, height .2s ease-in-out;
- height: 5px;
- bottom: 2px;
- position: absolute
- }
- .ps__thumb-y {
- background-color: #aaa;
- border-radius: 6px;
- transition: background-color .2s linear, width .2s ease-in-out;
- -webkit-transition: background-color .2s linear, width .2s ease-in-out;
- width: 5px;
- right: 2px;
- position: absolute
- }
- .ps__rail-x.ps--clicking .ps__thumb-x, .ps__rail-x:focus>.ps__thumb-x, .ps__rail-x:hover>.ps__thumb-x {
- background-color: #999;
- height: 11px
- }
- .ps__rail-y.ps--clicking .ps__thumb-y, .ps__rail-y:focus>.ps__thumb-y, .ps__rail-y:hover>.ps__thumb-y {
- background-color: #999;
- width: 11px
- }
- @supports (-ms-overflow-style:none) {
- .ps {
- overflow: auto!important
- }
- }
- @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
- .ps {
- overflow: auto!important
- }
- }
|