EarlyBlue/global/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   -moz-box-align: center;
  15   -moz-box-pack: center;
  16   cursor: ew-resize;
  17   border: none;
  18   border-left: 1px solid #9999CC;
  19   border-right: 1px solid #9999CC;
  20   min-width: 8px;
  21   background-color: #CCD0DD;
  22 }
  23
  24 splitter[state="dragging"],
  25 splitter:hover:active {
  26   background-color: #999999;
  27 }
  28
  29 splitter[state="collapsed"][collapse="before"],
  30 splitter[state="collapsed"][substate="before"],
  31 splitter[state="collapsed"][collapse="after"]:-moz-locale-dir(rtl),
  32 splitter[state="collapsed"][substate="after"]:-moz-locale-dir(rtl) {
  33   cursor: e-resize;
  34 }
  35
  36 splitter[state="collapsed"][collapse="after"],
  37 splitter[state="collapsed"][substate="after"],
  38 splitter[state="collapsed"][collapse="before"]:-moz-locale-dir(rtl),
  39 splitter[state="collapsed"][substate="before"]:-moz-locale-dir(rtl) {
  40   cursor: w-resize;
  41 }
  42
  43 splitter:-moz-lwtheme {
  44   background: none;
  45 }
  46
  47 /* ::::: splitter (horizontal) ::::: */
  48
  49 splitter[orient="vertical"] {
  50   cursor: ns-resize;
  51   border: none;
  52   border-top: 1px solid #9999CC;
  53   border-bottom: 1px solid #9999CC;
  54   min-height: 8px;
  55 }
  56
  57 splitter[orient="vertical"][state="collapsed"][collapse="before"],
  58 splitter[orient="vertical"][state="collapsed"][substate="before"] {
  59   cursor: s-resize;
  60 }
  61
  62 splitter[orient="vertical"][state="collapsed"][collapse="after"],
  63 splitter[orient="vertical"][state="collapsed"][substate="after"] {
  64   cursor: n-resize;
  65 }
  66
  67 splitter[disabled="true"] {
  68   cursor: default !important;
  69 }
  70
  71 /* ::::: splitter grippy ::::: */
  72
  73 grippy {
  74   cursor: pointer;
  75   border: 1px outset #CCD0DD;
  76   min-width: 6px;
  77   min-height: 115px;
  78   background-color: #CCCCCC;
  79   background-repeat: no-repeat;
  80 }
  81
  82 grippy:hover {
  83   background-color: #99CCFF;
  84 }
  85
  86 grippy:hover:active {
  87   border: 1px inset #CCD0DD;
  88 }
  89
  90 splitter[orient="vertical"] > grippy {
  91   min-width: 115px;
  92   min-height: 6px;
  93 }
  94
  95 /* ..... normal state ..... */
  96
  97 /* vertical grippies */
  98 splitter[collapse="before"] > grippy,
  99 splitter[collapse="after"] > grippy:-moz-locale-dir(rtl) {
 100   background-image: url("chrome://global/skin/splitter/grip-left.gif");
 101 }
 102
 103 splitter[collapse="after"] > grippy,
 104 splitter[collapse="before"] > grippy:-moz-locale-dir(rtl) {
 105   background-image: url("chrome://global/skin/splitter/grip-right.gif");
 106 }
 107
 108 /* horizontal grippies */
 109 splitter[collapse="before"][orient="vertical"] > grippy {
 110   background-image: url("chrome://global/skin/splitter/grip-top.gif");
 111 }
 112
 113 splitter[collapse="after"][orient="vertical"] > grippy {
 114   background-image: url("chrome://global/skin/splitter/grip-bottom.gif");
 115 }
 116
 117 /* ..... collapsed state ..... */
 118
 119 /* vertical grippies */
 120 splitter[collapse="before"][state="collapsed"] > grippy,
 121 splitter[collapse="after"][state="collapsed"] > grippy:-moz-locale-dir(rtl) {
 122   background-image: url("chrome://global/skin/splitter/grip-right.gif");
 123 }
 124
 125 splitter[collapse="after"][state="collapsed"] > grippy,
 126 splitter[collapse="before"][state="collapsed"] > grippy:-moz-locale-dir(rtl) {
 127   background-image: url("chrome://global/skin/splitter/grip-left.gif");
 128 }
 129
 130 /* horizontal grippies */
 131 splitter[collapse="before"][state="collapsed"][orient="vertical"] > grippy {
 132   background-image: url("chrome://global/skin/splitter/grip-bottom.gif");
 133 }
 134
 135 splitter[collapse="after"][state="collapsed"][orient="vertical"] > grippy {
 136   background-image: url("chrome://global/skin/splitter/grip-top.gif");
 137 }