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