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   margin-left: 0;
  39   border-radius: 0 5px 5px 0;
  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   margin-right: 0;
  48   border-radius: 5px 0 0 5px;
  49 }
  50
  51 splitter:-moz-lwtheme {
  52   background: none;
  53 }
  54
  55 /* ::::: splitter (horizontal) ::::: */
  56
  57 splitter[orient="vertical"] {
  58   cursor: ns-resize;
  59   border: none;
  60   min-height: 6px;
  61   margin: 3px 0;
  62 }
  63
  64 splitter[orient="vertical"][state="collapsed"][collapse="before"],
  65 splitter[orient="vertical"][state="collapsed"][substate="before"] {
  66   cursor: s-resize;
  67   margin-top: 0;
  68   border-radius: 0 0 5px 5px;
  69 }
  70
  71 splitter[orient="vertical"][state="collapsed"][collapse="after"],
  72 splitter[orient="vertical"][state="collapsed"][substate="after"] {
  73   cursor: n-resize;
  74   margin-bottom: 0;
  75   border-radius: 5px 5px 0 0;
  76 }
  77
  78 splitter[disabled="true"] {
  79   cursor: default !important;
  80 }
  81
  82 /* ::::: splitter grippy ::::: */
  83
  84 grippy {
  85   cursor: pointer;
  86   border: none;
  87   border-top: 3px solid black;
  88   border-bottom: 3px solid black;
  89   min-width: 6px;
  90   min-height: 121px;
  91   background: #C09070 50% 50% no-repeat;
  92 }
  93
  94 grippy:hover {
  95   background-color: #FFCF00;
  96 }
  97
  98 grippy:hover:active {
  99   border: none;
 100 }
 101
 102 splitter[orient="vertical"] > grippy {
 103   border: none;
 104   border-left: 3px solid black;
 105   border-right: 3px solid black;
 106   min-width: 121px;
 107   min-height: 6px;
 108 }
 109
 110 /* ..... normal state ..... */
 111
 112 /* vertical grippies */
 113 splitter[collapse="before"] > grippy,
 114 splitter[collapse="after"] > grippy:-moz-locale-dir(rtl) {
 115   background-image: url("chrome://global/skin/splitter/grip-left.png");
 116 }
 117
 118 splitter[collapse="after"] > grippy,
 119 splitter[collapse="before"] > grippy:-moz-locale-dir(rtl) {
 120   background-image: url("chrome://global/skin/splitter/grip-right.png");
 121 }
 122
 123 /* horizontal grippies */
 124 splitter[collapse="before"][orient="vertical"] > grippy {
 125   background-image: url("chrome://global/skin/splitter/grip-top.png");
 126 }
 127
 128 splitter[collapse="after"][orient="vertical"] > grippy {
 129   background-image: url("chrome://global/skin/splitter/grip-bottom.png");
 130 }
 131
 132 /* ..... collapsed state ..... */
 133
 134 /* vertical grippies */
 135 splitter[collapse="before"][state="collapsed"] > grippy,
 136 splitter[collapse="after"][state="collapsed"] > grippy:-moz-locale-dir(rtl) {
 137   background-image: url("chrome://global/skin/splitter/grip-right.png");
 138 }
 139
 140 splitter[collapse="after"][state="collapsed"] > grippy,
 141 splitter[collapse="before"][state="collapsed"] > grippy:-moz-locale-dir(rtl) {
 142   background-image: url("chrome://global/skin/splitter/grip-left.png");
 143 }
 144
 145 /* horizontal grippies */
 146 splitter[collapse="before"][state="collapsed"][orient="vertical"] > grippy {
 147   background-image: url("chrome://global/skin/splitter/grip-bottom.png");
 148 }
 149
 150 splitter[collapse="after"][state="collapsed"][orient="vertical"] > grippy {
 151   background-image: url("chrome://global/skin/splitter/grip-top.png");
 152 }