Skip to content
Snippets Groups Projects
Select Git revision
  • 8ce527de801fca5905333264e3543e1a6e64a7ff
  • master default protected
  • updates
  • hierarchical-keywords
  • map
  • topoi
  • layer
  • tsne-layout
8 results

perfect-scrollbar.css

Blame
  • Code owners
    Assign users and groups as approvers for specific file changes. Learn more.
    perfect-scrollbar.css 4.40 KiB
    /* perfect-scrollbar v0.6.10 */
    .ps-container {
      -ms-touch-action: none;
      touch-action: none;
      overflow: hidden !important;
      -ms-overflow-style: none;
      }
      @supports (-ms-overflow-style: none) {
        .ps-container {
          overflow: auto !important; } }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .ps-container {
          overflow: auto !important; } }
      .ps-container.ps-active-x > .ps-scrollbar-x-rail,
      .ps-container.ps-active-y > .ps-scrollbar-y-rail {
        left: 3px;
        top: 0!important;
        display: block;
        background-color: transparent;
        }
      .ps-container.ps-in-scrolling {
        pointer-events: none; }
        .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
          background-color: #6B6B6B;
          opacity: 0.9; }
          .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
            background-color: #999; }
        .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
          background-color: #6B6B6B;
          opacity: 0.9; }
          .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
            background-color: #999; }
      .ps-container > .ps-scrollbar-x-rail {
        display: none;
        position: absolute;
        /* please don't change 'position' */
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        opacity: 0;
        -webkit-transition: background-color .2s linear, opacity .2s linear;
        -moz-transition: background-color .2s linear, opacity .2s linear;
        -o-transition: background-color .2s linear, opacity .2s linear;
        transition: background-color .2s linear, opacity .2s linear;
        bottom: 3px;
        /* there must be 'bottom' for ps-scrollbar-x-rail */
        height: 8px; }
        .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
          position: absolute;
          /* please don't change 'position' */
          background-color: #aaa;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px;
          -webkit-transition: background-color .2s linear;
          -moz-transition: background-color .2s linear;
          -o-transition: background-color .2s linear;
          transition: background-color .2s linear;
          bottom: 0;
          /* there must be 'bottom' for ps-scrollbar-x */
          height: 8px; }
      .ps-container > .ps-scrollbar-y-rail {
        display: none;
        position: absolute;
        /* please don't change 'position' */
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        opacity: 0;
        -webkit-transition: background-color .2s linear, opacity .2s linear;
        -moz-transition: background-color .2s linear, opacity .2s linear;
        -o-transition: background-color .2s linear, opacity .2s linear;
        transition: background-color .2s linear, opacity .2s linear;
        right: 3px;
        /* there must be 'right' for ps-scrollbar-y-rail */
        width: 8px; }
        .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
          position: absolute;/* please don't change 'position' */
          background-color: #AFAFAF;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px;
          -webkit-transition: background-color .2s linear;
          -moz-transition: background-color .2s linear;
          -o-transition: background-color .2s linear;
          transition: background-color .2s linear;
          right: 0;/* there must be 'right' for ps-scrollbar-y */
          width: 8px;
          }
      .ps-container:hover.ps-in-scrolling {
        pointer-events: none; }
        .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
          background-color: #eee;
          opacity: 0.9; }
          .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
            background-color: #999; }
        .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
          background-color: #6B6B6B;
          opacity: 0.9; }
          .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
            background-color: #999; }
      .ps-container:hover > .ps-scrollbar-x-rail,
      .ps-container:hover > .ps-scrollbar-y-rail {
        opacity: 0.6;
        }
      .ps-container:hover > .ps-scrollbar-x-rail:hover {
        background-color: #eee;
        opacity: 0.9; }
        .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
          background-color: #999; }
      .ps-container:hover > .ps-scrollbar-y-rail:hover {
        background-color: #6B6B6B;
        opacity: 0.9;
        }
        .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
          background-color: #999; }