LCARStrek/devtools/floating-scrollbars-responsive-design.css

   1 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
   2
   3 scrollbar {
   4   position: relative;
   5   background-color: transparent;
   6   background-image: none;
   7   z-index: 2147483647;
   8   padding: 2px;
   9 }
  10
  11 :root[platform="mac"] scrollbar {
  12   border: none;
  13 }
  14
  15 /* Scrollbar code will reset the margin to the correct side depending on
  16    where layout actually puts the scrollbar */
  17 scrollbar[orient="vertical"] {
  18   margin-left: -10px;
  19   min-width: 10px;
  20   max-width: 10px;
  21 }
  22
  23 scrollbar[orient="horizontal"] {
  24   margin-top: -10px;
  25   min-height: 10px;
  26   max-height: 10px;
  27 }
  28
  29 scrollbar:not(:hover) slider {
  30   background-color: rgba(64, 64, 72, 0.3);
  31 }
  32
  33 thumb {
  34   border-width: 0px !important;
  35 /*  background-color: rgba(0,0,0,0.2) !important; */
  36   background-image: none;
  37   border-radius: 3px !important;
  38 }
  39
  40 scrollbar:not(:hover) thumb {
  41   background-color: rgba(160, 144, 144, 0.3) !important;
  42 }
  43
  44 scrollbar scrollbarbutton,
  45 scrollbar scrollbarbutton[sbattr="scrollbar-up-top"],
  46 scrollbar scrollbarbutton[sbattr="scrollbar-down-bottom"],
  47 scrollbar gripper {
  48   display: none !important; /* need !important to override forced display in LCARStrek */
  49 }