LCARStrek/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-top: 3px solid black;
  19   border-bottom: 3px solid black;
  20   min-width: 6px;
  21   background-color: #9C9CFF;
  22   margin: 0px 3px;
  23 }
  24
  25 splitter[state="dragging"],
  26 splitter:hover:active {
  27   background-color: #FFCF00;
  28 }
  29
  30 /* This takes margin away from outliner header splitters, else they look ugly! */
  31 splitter.tree-splitter {
  32   margin: 0px;
  33 }
  34
  35 splitter[state="collapsed"][collapse="before"],
  36 splitter[state="collapsed"][substate="before"],
  37 splitter[state="collapsed"][collapse="after"]:-moz-locale-dir(rtl),
  38 splitter[state="collapsed"][substate="after"]:-moz-locale-dir(rtl) {
  39   cursor: e-resize;
  40 }
  41
  42 splitter[state="collapsed"][collapse="after"],
  43 splitter[state="collapsed"][substate="after"],
  44 splitter[state="collapsed"][collapse="before"]:-moz-locale-dir(rtl),
  45 splitter[state="collapsed"][substate="before"]:-moz-locale-dir(rtl) {
  46   cursor: w-resize;
  47 }
  48
  49 splitter:-moz-lwtheme {
  50   background: none;
  51 }
  52
  53 /* ::::: splitter (horizontal) ::::: */
  54
  55 splitter[orient="vertical"] {
  56   cursor: ns-resize;
  57   border: none;
  58   border-left: 3px solid black;
  59   border-right: 3px solid black;
  60   min-height: 6px;
  61   margin: 3px 0px;
  62 }
  63
  64 splitter[orient="vertical"][state="collapsed"][collapse="before"],
  65 splitter[orient="vertical"][state="collapsed"][substate="before"] {
  66   cursor: s-resize;
  67 }
  68
  69 splitter[orient="vertical"][state="collapsed"][collapse="after"],
  70 splitter[orient="vertical"][state="collapsed"][substate="after"] {
  71   cursor: n-resize;
  72 }
  73
  74 splitter[disabled="true"] {
  75   cursor: default !important;
  76 }
  77
  78 /* ::::: splitter grippy ::::: */
  79
  80 grippy {
  81   cursor: pointer;
  82   border: none;
  83   border-top: 3px solid black;
  84   border-bottom: 3px solid black;
  85   min-width: 6px;
  86   min-height: 121px;
  87   background: #9C9CFF 50% 50% no-repeat;
  88 }
  89
  90 grippy:hover {
  91   background-color: #FFCF00;
  92 }
  93
  94 grippy:hover:active {
  95   border: none;
  96 }
  97
  98 splitter[orient="vertical"] > grippy {
  99   border: none;
 100   border-left: 3px solid black;
 101   border-right: 3px solid black;
 102   min-width: 121px;
 103   min-height: 6px;
 104 }
 105
 106 /* ..... normal state ..... */
 107
 108 /* vertical grippies */
 109 splitter[collapse="before"] > grippy,
 110 splitter[collapse="after"] > grippy:-moz-locale-dir(rtl) {
 111   background-image: url("chrome://global/skin/splitter/grip-left.gif");
 112 }
 113
 114 splitter[collapse="after"] > grippy,
 115 splitter[collapse="before"] > grippy:-moz-locale-dir(rtl) {
 116   background-image: url("chrome://global/skin/splitter/grip-right.gif");
 117 }
 118
 119 /* horizontal grippies */
 120 splitter[collapse="before"][orient="vertical"] > grippy {
 121   background-image: url("chrome://global/skin/splitter/grip-top.gif");
 122 }
 123
 124 splitter[collapse="after"][orient="vertical"] > grippy {
 125   background-image: url("chrome://global/skin/splitter/grip-bottom.gif");
 126 }
 127
 128 /* ..... collapsed state ..... */
 129
 130 /* vertical grippies */
 131 splitter[collapse="before"][state="collapsed"] > grippy,
 132 splitter[collapse="after"][state="collapsed"] > grippy:-moz-locale-dir(rtl) {
 133   background-image: url("chrome://global/skin/splitter/grip-right.gif");
 134 }
 135
 136 splitter[collapse="after"][state="collapsed"] > grippy,
 137 splitter[collapse="before"][state="collapsed"] > grippy:-moz-locale-dir(rtl) {
 138   background-image: url("chrome://global/skin/splitter/grip-left.gif");
 139 }
 140
 141 /* horizontal grippies */
 142 splitter[collapse="before"][state="collapsed"][orient="vertical"] > grippy {
 143   background-image: url("chrome://global/skin/splitter/grip-bottom.gif");
 144 }
 145
 146 splitter[collapse="after"][state="collapsed"][orient="vertical"] > grippy {
 147   background-image: url("chrome://global/skin/splitter/grip-top.gif");
 148 }