artist/css/jquery.custom-scrollbar.css~

   1 .scrollable {
   2   position: relative;
   3 }
   4
   5 .scrollable:focus {
   6   outline: 0;
   7 }
   8
   9 .scrollable .viewport {
  10   position: relative;
  11   overflow: hidden;
  12 }
  13
  14 .scrollable .viewport .overview {
  15   position: absolute;
  16 }
  17
  18 .scrollable .scroll-bar {
  19   display: none;
  20 }
  21
  22 .scrollable .scroll-bar.vertical {
  23   position: absolute;
  24   right: 0;
  25   height: 100%;
  26 }
  27
  28 .scrollable .scroll-bar.horizontal {
  29   position: relative;
  30   width: 100%;
  31 }
  32
  33 .scrollable .scroll-bar .thumb {
  34   position: absolute;
  35 }
  36
  37 .scrollable .scroll-bar.vertical .thumb {
  38   width: 100%;
  39   min-height: 10px;
  40 }
  41
  42 .scrollable .scroll-bar.horizontal .thumb {
  43   height: 100%;
  44   min-width: 10px;
  45   left: 0;
  46 }
  47
  48 .not-selectable {
  49   -webkit-touch-callout: none;
  50   -webkit-user-select: none;
  51   -khtml-user-select: none;
  52   -moz-user-select: none;
  53   -ms-user-select: none;
  54   user-select: none;
  55 }
  56
  57 /*Default skin*/
  58
  59 .scrollable.default-skin {
  60   padding-right: 10px;
  61   padding-bottom: 6px;
  62 }
  63
  64 .scrollable.default-skin .scroll-bar.vertical {
  65   width: 6px;
  66 }
  67
  68 .scrollable.default-skin .scroll-bar.horizontal {
  69   height: 6px;
  70 }
  71
  72 .scrollable.default-skin .scroll-bar .thumb {
  73   background-color: black;
  74   opacity: 0.4;
  75   border-radius: 3px;
  76   -moz-border-radius: 4px;
  77   -webkit-border-radius: 4px;
  78 }
  79
  80 .scrollable.default-skin .scroll-bar:hover .thumb {
  81   opacity: 0.6;
  82 }
  83
  84 /*Gray skin*/
  85
  86 .scrollable.gray-skin {
  87   padding-right: 17px;
  88 }
  89
  90 .scrollable.gray-skin .scroll-bar {
  91   border: 1px solid gray;
  92   background-color: #d3d3d3;
  93 }
  94
  95 .scrollable.gray-skin .scroll-bar .thumb {
  96   background-color: gray;
  97 }
  98
  99 .scrollable.gray-skin .scroll-bar:hover .thumb {
 100   background-color: black;
 101 }
 102
 103 .scrollable.gray-skin .scroll-bar.vertical {
 104   width: 10px;
 105 }
 106
 107 .scrollable.gray-skin .scroll-bar.horizontal {
 108   height: 10px;
 109   margin-top: 2px;
 110 }
 111
 112 /*Modern skin*/
 113 .scrollable.modern-skin {
 114   padding-right: 17px;
 115 }
 116
 117 .scrollable.modern-skin .scroll-bar {
 118   border: 1px solid gray;
 119   border-radius: 4px;
 120   -moz-border-radius: 4px;
 121   -webkit-border-radius: 4px;
 122   -moz-box-shadow: inset 0 0 5px #888;
 123   -webkit-box-shadow: inset 0 0 5px #888;
 124   box-shadow: inset 0 0 5px #888;
 125 }
 126
 127 .scrollable.modern-skin .scroll-bar .thumb {
 128   background-color: #95aabf;
 129   border-radius: 4px;
 130   -moz-border-radius: 4px;
 131   -webkit-border-radius: 4px;
 132   border: 1px solid #536984;
 133 }
 134
 135 .scrollable.modern-skin .scroll-bar.vertical .thumb {
 136   width: 8px;
 137   background: -moz-linear-gradient(left, #95aabf 0%, #547092 100%);
 138   background: -webkit-gradient(linear, left top, right top, color-stop(0%, #95aabf), color-stop(100%, #547092));
 139   background: -webkit-linear-gradient(left, #95aabf 0%, #547092 100%);
 140   background: -o-linear-gradient(left, #95aabf 0%, #547092 100%);
 141   background: -ms-linear-gradient(left, #95aabf 0%, #547092 100%);
 142   background: linear-gradient(to right, #95aabf 0%, #547092 100%);
 143   -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=1 )";
 144 }
 145
 146 .scrollable.modern-skin .scroll-bar.horizontal .thumb {
 147   height: 8px;
 148   background-image: linear-gradient(#95aabf, #547092);
 149   background-image: -o-linear-gradient(#95aabf, #547092);
 150   background-image: -moz-linear-gradient(#95aabf, #547092);
 151   background-image: -webkit-linear-gradient(#95aabf, #547092);
 152   background-image: -ms-linear-gradient(#95aabf, #547092);
 153   -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=0 )";
 154 }
 155
 156 .scrollable.modern-skin .scroll-bar.vertical {
 157   width: 10px;
 158 }
 159
 160 .scrollable.modern-skin .scroll-bar.horizontal {
 161   height: 10px;
 162   margin-top: 2px;
 163 }