123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107 |
- /**
- * gemini-scrollbar
- * @version 1.5.3
- * @link http://noeldelgado.github.io/gemini-scrollbar/
- * @license MIT
- */
- /* disable selection while dragging */
- .gm-scrollbar-disable-selection {
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
- /* fallback for native floating scrollbars */
- .gm-prevented {
- -webkit-overflow-scrolling: touch;
- }
- .gm-prevented > .gm-scrollbar {
- display: none;
- }
- /* actual gemini-scrollbar styles */
- .gm-scrollbar-container {
- position: relative;
- overflow: hidden!important;
- width: 100%;
- height: 100%;
- }
- .gm-scrollbar {
- position: absolute;
- right: 2px;
- bottom: 2px;
- z-index: 1;
- border-radius: 3px;
- }
- .gm-scrollbar.-vertical {
- width: 6px;
- top: 2px;
- }
- .gm-scrollbar.-horizontal {
- height: 6px;
- left: 2px;
- }
- .gm-scrollbar .thumb {
- position: relative;
- display: block;
- width: 0;
- height: 0;
- cursor: pointer;
- border-radius: inherit;
- background-color: rgba(0,0,0,.2);
- transform: translate3d(0,0,0);
- }
- .gm-scrollbar .thumb:hover,
- .gm-scrollbar .thumb:active {
- background-color: rgba(0,0,0,.3);
- }
- .gm-scrollbar.-vertical .thumb {
- width: 100%;
- }
- .gm-scrollbar.-horizontal .thumb {
- height: 100%;
- }
- .gm-scrollbar-container .gm-scroll-view {
- width: 100%;
- height: 100%;
- overflow: scroll;
- transform: translate3d(0,0,0);
- -webkit-overflow-scrolling: touch;
- }
- /* @option: autoshow */
- .gm-scrollbar-container.gm-autoshow .gm-scrollbar {
- opacity: 0;
- transition: opacity 120ms ease-out;
- }
- .gm-scrollbar-container.gm-autoshow:hover > .gm-scrollbar,
- .gm-scrollbar-container.gm-autoshow:active > .gm-scrollbar,
- .gm-scrollbar-container.gm-autoshow:focus > .gm-scrollbar {
- opacity: 1;
- transition: opacity 340ms ease-out;
- }
- .gm-resize-trigger {
- position: absolute;
- display: block;
- top: 0;
- left: 0;
- height: 100%;
- width: 100%;
- overflow: hidden;
- pointer-events: none;
- z-index: -1;
- opacity: 0;
- }
|