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