/** * gemini-scrollbar * @version 1.3.2 * @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: 2; 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; } .gm-scrollbar.-vertical .thumb { width: 100%; } .gm-scrollbar.-horizontal .thumb { height: 100%; } .gm-scrollbar-container .gm-scroll-view { width: 100%; height: 100%; overflow: scroll; -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: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; visibility: hidden; }