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

   1 @namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
   2
   3 xul|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"] xul|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 xul|scrollbar[orient="vertical"] {
  18   margin-left: -10px;
  19   min-width: 3px;
  20   max-width: 3px;
  21 }
  22
  23 xul|scrollbar[orient="horizontal"] {
  24   margin-top: -10px;
  25   min-height: 3px;
  26   max-height: 3px;
  27 }
  28
  29 xul|scrollbar xul|slider {
  30 /*  background-color: transparent; */
  31   border-radius: 3px;
  32 }
  33
  34 xul|scrollbar:not(:hover) xul|slider {
  35   background-color: rgba(64, 64, 72, 0.3);
  36 }
  37
  38 xul|scrollbar xul|thumb {
  39   border-width: 0px !important;
  40 /*  background-color: rgba(0,0,0,0.2) !important; */
  41   background-image: none;
  42   border-radius: 3px !important;
  43 }
  44
  45 xul|scrollbar:not(:hover) xul|thumb {
  46   background-color: rgba(160, 144, 144, 0.3) !important;
  47 }
  48
  49 xul|scrollbar xul|scrollbarbutton,
  50 xul|scrollbar xul|gripper {
  51   display: none !important; /* need !important to override forced display in LCARStrek */
  52 }