/* This Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ /* ===== splitter.css =================================================== == Styles used by the XUL splitter element. ======================================================================= */ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* ::::: splitter (vertical) ::::: */ splitter { -moz-box-align: center; -moz-box-pack: center; cursor: ew-resize; border: none; border-left: 1px solid #9999CC; border-right: 1px solid #9999CC; min-width: 8px; background-color: #CCD0DD; } splitter[state="dragging"], splitter:hover:active { background-color: #999999; } splitter[state="collapsed"][collapse="before"], splitter[state="collapsed"][substate="before"], splitter[state="collapsed"][collapse="after"]:-moz-locale-dir(rtl), splitter[state="collapsed"][substate="after"]:-moz-locale-dir(rtl) { cursor: e-resize; } splitter[state="collapsed"][collapse="after"], splitter[state="collapsed"][substate="after"], splitter[state="collapsed"][collapse="before"]:-moz-locale-dir(rtl), splitter[state="collapsed"][substate="before"]:-moz-locale-dir(rtl) { cursor: w-resize; } splitter:-moz-lwtheme { background: none; } /* ::::: splitter (horizontal) ::::: */ splitter[orient="vertical"] { cursor: ns-resize; border: none; border-top: 1px solid #9999CC; border-bottom: 1px solid #9999CC; min-height: 8px; } splitter[orient="vertical"][state="collapsed"][collapse="before"], splitter[orient="vertical"][state="collapsed"][substate="before"] { cursor: s-resize; } splitter[orient="vertical"][state="collapsed"][collapse="after"], splitter[orient="vertical"][state="collapsed"][substate="after"] { cursor: n-resize; } splitter[disabled="true"] { cursor: default !important; } /* ::::: splitter grippy ::::: */ grippy { cursor: pointer; border: 1px outset #CCD0DD; min-width: 6px; min-height: 115px; background-color: #CCCCCC; background-repeat: no-repeat; } grippy:hover { background-color: #99CCFF; } grippy:hover:active { border: 1px inset #CCD0DD; } splitter[orient="vertical"] > grippy { min-width: 115px; min-height: 6px; } /* ..... normal state ..... */ /* vertical grippies */ splitter[collapse="before"] > grippy, splitter[collapse="after"] > grippy:-moz-locale-dir(rtl) { background-image: url("chrome://global/skin/splitter/grip-left.gif"); } splitter[collapse="after"] > grippy, splitter[collapse="before"] > grippy:-moz-locale-dir(rtl) { background-image: url("chrome://global/skin/splitter/grip-right.gif"); } /* horizontal grippies */ splitter[collapse="before"][orient="vertical"] > grippy { background-image: url("chrome://global/skin/splitter/grip-top.gif"); } splitter[collapse="after"][orient="vertical"] > grippy { background-image: url("chrome://global/skin/splitter/grip-bottom.gif"); } /* ..... collapsed state ..... */ /* vertical grippies */ splitter[collapse="before"][state="collapsed"] > grippy, splitter[collapse="after"][state="collapsed"] > grippy:-moz-locale-dir(rtl) { background-image: url("chrome://global/skin/splitter/grip-right.gif"); } splitter[collapse="after"][state="collapsed"] > grippy, splitter[collapse="before"][state="collapsed"] > grippy:-moz-locale-dir(rtl) { background-image: url("chrome://global/skin/splitter/grip-left.gif"); } /* horizontal grippies */ splitter[collapse="before"][state="collapsed"][orient="vertical"] > grippy { background-image: url("chrome://global/skin/splitter/grip-bottom.gif"); } splitter[collapse="after"][state="collapsed"][orient="vertical"] > grippy { background-image: url("chrome://global/skin/splitter/grip-top.gif"); }