toolkit/themes/shared/splitter.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 /* ===== splitter.css ===================================================
   6   == Styles used by the XUL splitter element.
   7   ======================================================================= */
   8
   9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  10
  11 /* ::::: splitter (vertical) ::::: */
  12
  13 splitter {
  14   align-items: center;
  15   justify-content: center;
  16   cursor: ew-resize;
  17
  18   @media (-moz-platform: linux) {
  19     appearance: auto;
  20     -moz-default-appearance: splitter;
  21   }
  22   @media (-moz-platform: macos) {
  23     min-width: 9px;
  24     min-height: 9px;
  25   }
  26   @media (-moz-platform: windows) {
  27     border-width: 0 1px;
  28     border-style: solid;
  29     border-inline-start-color: ThreeDHighlight;
  30     border-inline-end-color: ThreeDShadow;
  31     min-width: 6px;
  32     background-color: ThreeDFace;
  33   }
  34 }
  35
  36 splitter[state="collapsed"][collapse="before"],
  37 splitter[state="collapsed"][substate="before"],
  38 splitter[state="collapsed"][collapse="after"]:-moz-locale-dir(rtl),
  39 splitter[state="collapsed"][substate="after"]:-moz-locale-dir(rtl) {
  40   cursor: e-resize;
  41 }
  42
  43 splitter[state="collapsed"][collapse="after"],
  44 splitter[state="collapsed"][substate="after"],
  45 splitter[state="collapsed"][collapse="before"]:-moz-locale-dir(rtl),
  46 splitter[state="collapsed"][substate="before"]:-moz-locale-dir(rtl) {
  47   cursor: w-resize;
  48 }
  49
  50 /* ::::: splitter (horizontal) ::::: */
  51
  52 splitter[orient="vertical"] {
  53   cursor: ns-resize;
  54
  55   @media (-moz-platform: windows) {
  56     border-width: 1px 0;
  57     border-top-color: ThreeDHighlight;
  58     border-bottom-color: ThreeDShadow;
  59     min-height: 6px;
  60   }
  61 }
  62
  63 splitter[orient="vertical"][state="collapsed"][collapse="before"],
  64 splitter[orient="vertical"][state="collapsed"][substate="before"] {
  65   cursor: s-resize;
  66 }
  67
  68 splitter[orient="vertical"][state="collapsed"][collapse="after"],
  69 splitter[orient="vertical"][state="collapsed"][substate="after"] {
  70   cursor: n-resize;
  71 }
  72
  73 splitter[disabled="true"] {
  74   cursor: default !important;
  75 }