Commit | Line | Data |
---|---|---|
9099c61d RK |
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/. */ | |
351107c9 | 4 | |
b1eaa419 | 5 | /* ===== splitter.css =================================================== |
6 | == Styles used by the XUL splitter element. | |
7 | ======================================================================= */ | |
8 | ||
f98e9249 RK |
9 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
10 | ||
b1eaa419 | 11 | /* ::::: splitter (vertical) ::::: */ |
12 | ||
13 | splitter { | |
14 | -moz-box-align: center; | |
15 | -moz-box-pack: center; | |
6046f027 | 16 | cursor: ew-resize; |
b1eaa419 | 17 | border: none; |
18 | border-top: 3px solid black; | |
19 | border-bottom: 3px solid black; | |
20 | min-width: 6px; | |
21 | background-color: #9C9CFF; | |
02920d2b | 22 | margin: 0px 3px; |
b1eaa419 | 23 | } |
24 | ||
25 | splitter[state="dragging"], | |
26 | splitter:hover:active { | |
27 | background-color: #FFCF00; | |
28 | } | |
29 | ||
6046f027 | 30 | /* This takes margin away from outliner header splitters, else they look ugly! */ |
b1eaa419 | 31 | splitter.tree-splitter { |
32 | margin: 0px; | |
33 | } | |
34 | ||
024ec655 RK |
35 | splitter[state="collapsed"][collapse="before"], |
36 | splitter[state="collapsed"][substate="before"], | |
37 | splitter[state="collapsed"][collapse="after"]:-moz-locale-dir(rtl), | |
38 | splitter[state="collapsed"][substate="after"]:-moz-locale-dir(rtl) { | |
39 | cursor: e-resize; | |
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 | } | |
48 | ||
3b1530c2 RK |
49 | splitter:-moz-lwtheme { |
50 | background: none; | |
51 | } | |
52 | ||
b1eaa419 | 53 | /* ::::: splitter (horizontal) ::::: */ |
54 | ||
55 | splitter[orient="vertical"] { | |
6046f027 | 56 | cursor: ns-resize; |
b1eaa419 | 57 | border: none; |
58 | border-left: 3px solid black; | |
59 | border-right: 3px solid black; | |
60 | min-height: 6px; | |
02920d2b | 61 | margin: 3px 0px; |
b1eaa419 | 62 | } |
63 | ||
024ec655 RK |
64 | splitter[orient="vertical"][state="collapsed"][collapse="before"], |
65 | splitter[orient="vertical"][state="collapsed"][substate="before"] { | |
66 | cursor: s-resize; | |
67 | } | |
68 | ||
69 | splitter[orient="vertical"][state="collapsed"][collapse="after"], | |
70 | splitter[orient="vertical"][state="collapsed"][substate="after"] { | |
71 | cursor: n-resize; | |
72 | } | |
73 | ||
706c344c RK |
74 | splitter[disabled="true"] { |
75 | cursor: default !important; | |
76 | } | |
77 | ||
b1eaa419 | 78 | /* ::::: splitter grippy ::::: */ |
79 | ||
80 | grippy { | |
81 | cursor: pointer; | |
82 | border: none; | |
83 | border-top: 3px solid black; | |
84 | border-bottom: 3px solid black; | |
85 | min-width: 6px; | |
86 | min-height: 121px; | |
87 | background: #9C9CFF 50% 50% no-repeat; | |
88 | } | |
89 | ||
90 | grippy:hover { | |
91 | background-color: #FFCF00; | |
92 | } | |
93 | ||
94 | grippy:hover:active { | |
95 | border: none; | |
96 | } | |
97 | ||
98 | splitter[orient="vertical"] > grippy { | |
99 | border: none; | |
100 | border-left: 3px solid black; | |
101 | border-right: 3px solid black; | |
102 | min-width: 121px; | |
103 | min-height: 6px; | |
104 | } | |
105 | ||
106 | /* ..... normal state ..... */ | |
107 | ||
108 | /* vertical grippies */ | |
024ec655 RK |
109 | splitter[collapse="before"] > grippy, |
110 | splitter[collapse="after"] > grippy:-moz-locale-dir(rtl) { | |
111 | background-image: url("chrome://global/skin/splitter/grip-left.gif"); | |
b1eaa419 | 112 | } |
113 | ||
024ec655 RK |
114 | splitter[collapse="after"] > grippy, |
115 | splitter[collapse="before"] > grippy:-moz-locale-dir(rtl) { | |
116 | background-image: url("chrome://global/skin/splitter/grip-right.gif"); | |
b1eaa419 | 117 | } |
118 | ||
119 | /* horizontal grippies */ | |
120 | splitter[collapse="before"][orient="vertical"] > grippy { | |
024ec655 | 121 | background-image: url("chrome://global/skin/splitter/grip-top.gif"); |
b1eaa419 | 122 | } |
123 | ||
124 | splitter[collapse="after"][orient="vertical"] > grippy { | |
024ec655 | 125 | background-image: url("chrome://global/skin/splitter/grip-bottom.gif"); |
b1eaa419 | 126 | } |
127 | ||
128 | /* ..... collapsed state ..... */ | |
129 | ||
130 | /* vertical grippies */ | |
024ec655 RK |
131 | splitter[collapse="before"][state="collapsed"] > grippy, |
132 | splitter[collapse="after"][state="collapsed"] > grippy:-moz-locale-dir(rtl) { | |
133 | background-image: url("chrome://global/skin/splitter/grip-right.gif"); | |
b1eaa419 | 134 | } |
135 | ||
024ec655 RK |
136 | splitter[collapse="after"][state="collapsed"] > grippy, |
137 | splitter[collapse="before"][state="collapsed"] > grippy:-moz-locale-dir(rtl) { | |
138 | background-image: url("chrome://global/skin/splitter/grip-left.gif"); | |
b1eaa419 | 139 | } |
140 | ||
141 | /* horizontal grippies */ | |
142 | splitter[collapse="before"][state="collapsed"][orient="vertical"] > grippy { | |
024ec655 | 143 | background-image: url("chrome://global/skin/splitter/grip-bottom.gif"); |
b1eaa419 | 144 | } |
145 | ||
146 | splitter[collapse="after"][state="collapsed"][orient="vertical"] > grippy { | |
024ec655 | 147 | background-image: url("chrome://global/skin/splitter/grip-top.gif"); |
b1eaa419 | 148 | } |