/* 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; min-width: 6px; background-color: #9C9CFF; margin: 0 3px; } splitter[state="dragging"], splitter:hover:active { background-color: #FFCF00; } /* This takes margin away from tree header splitters, else they look ugly! */ splitter.tree-splitter { margin: 0px; } 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; margin-left: 0; border-radius: 0 5px 5px 0; } 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; margin-right: 0; border-radius: 5px 0 0 5px; } splitter:-moz-lwtheme { background: none; } /* ::::: splitter (horizontal) ::::: */ splitter[orient="vertical"] { cursor: ns-resize; border: none; min-height: 6px; margin: 3px 0; } splitter[orient="vertical"][state="collapsed"][collapse="before"], splitter[orient="vertical"][state="collapsed"][substate="before"] { cursor: s-resize; margin-top: 0; border-radius: 0 0 5px 5px; } splitter[orient="vertical"][state="collapsed"][collapse="after"], splitter[orient="vertical"][state="collapsed"][substate="after"] { cursor: n-resize; margin-bottom: 0; border-radius: 5px 5px 0 0; } splitter[disabled="true"] { cursor: default !important; } /* ::::: splitter grippy ::::: */ grippy { cursor: pointer; border: none; border-top: 3px solid black; border-bottom: 3px solid black; min-width: 6px; min-height: 121px; background: #C09070 50% 50% no-repeat; } grippy:hover { background-color: #FFCF00; } grippy:hover:active { border: none; } splitter[orient="vertical"] > grippy { border: none; border-left: 3px solid black; border-right: 3px solid black; min-width: 121px; 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.png"); } splitter[collapse="after"] > grippy, splitter[collapse="before"] > grippy:-moz-locale-dir(rtl) { background-image: url("chrome://global/skin/splitter/grip-right.png"); } /* horizontal grippies */ splitter[collapse="before"][orient="vertical"] > grippy { background-image: url("chrome://global/skin/splitter/grip-top.png"); } splitter[collapse="after"][orient="vertical"] > grippy { background-image: url("chrome://global/skin/splitter/grip-bottom.png"); } /* ..... 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.png"); } 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.png"); } /* horizontal grippies */ splitter[collapse="before"][state="collapsed"][orient="vertical"] > grippy { background-image: url("chrome://global/skin/splitter/grip-bottom.png"); } splitter[collapse="after"][state="collapsed"][orient="vertical"] > grippy { background-image: url("chrome://global/skin/splitter/grip-top.png"); }