some corrections and finishing touches to that LCARStrek works well for Firefox 55...
[themes.git] / skin / EarlyBlue / global / splitter.css
... / ...
CommitLineData
1/******* Splitters *******/
2
3/**
4 * XXX - We want to deprecate all usages of 'box' in this file and replace with
5 * vbox/hbox. This should happen after the chrome is converted to use
6 * these XUL elements.
7 */
8
9 splitter
10 {
11 cursor : e-resize;
12 background-color : #CCD0DD;
13 -moz-box-align : center;
14 -moz-box-pack : center;
15 border : none;
16 border-left : 1px solid #9999CC;
17 border-right : 1px solid #9999CC;
18 }
19
20 grippy, grippy[collapse="before"]
21 {
22 background-color : #CCCCCC;
23 border : 1px outset #CCD0DD;
24 list-style-image : url("chrome://global/skin/grippy-vertical-before.gif");
25 cursor : pointer;
26 min-height : 1px;
27 }
28
29 grippy:hover
30 {
31 background-color : #99CCFF;
32 }
33
34 grippy:hover:active
35 {
36 border : 1px inset #CCD0DD;
37 }
38
39 splitter[state="collapsed"] > grippy
40 {
41 list-style-image : url("chrome://global/skin/grippy-vertical-after.gif");
42 }
43
44 .grippy-box
45 {
46 }
47
48 .grippy-image
49 {
50 list-style-image : inherit;
51 }
52
53 splitter[state="dragging"],
54 splitter:hover:active
55 {
56 background-color : #999999;
57 }
58
59 rows > splitter
60 {
61 cursor : n-resize;
62 }
63
64 window[orient="vertical"] > splitter,
65 box[orient="vertical"] > splitter,
66 vbox > splitter
67 {
68 cursor : n-resize;
69 border : none;
70 border-top : 1px solid #9999CC;
71 border-bottom : 1px solid #9999CC;
72 }
73
74/* Grippy alignment */
75
76/* Vertical splitter (between two boxes, horizontally stacked), collapse to left */
77 window > splitter > grippy,
78 box > splitter > grippy,
79 hbox > splitter > grippy
80 {
81 list-style-image : url("chrome://global/skin/grippy-vertical-before.gif");
82/*
83 border-left : 1px solid #9999CC;
84 border-right : 1px solid #9999CC;
85*/
86 }
87
88 window > splitter > grippy > .grippy-box,
89 box > splitter > grippy > .grippy-box,
90 hbox > splitter > grippy > .grippy-box
91 {
92 border-left : none;
93 border-right : none;
94 }
95
96 window > splitter[state="collapsed"] > grippy,
97 box > splitter[state="collapsed"] > grippy,
98 hbox > splitter[state="collapsed"] > grippy
99 {
100 list-style-image : url("chrome://global/skin/grippy-vertical-after.gif");
101 }
102
103/* Vertical splitter (between two boxes, horizontally stacked), collapse to right */
104 window > splitter[collapse="after"] > grippy,
105 box > splitter[collapse="after"] > grippy,
106 hbox > splitter[collapse="after"] > grippy
107 {
108 list-style-image : url("chrome://global/skin/grippy-vertical-after.gif");
109 }
110
111 window > splitter[collapse="after"][state="collapsed"] > grippy,
112 box > splitter[collapse="after"][state="collapsed"] > grippy,
113 hbox > splitter[collapse="after"][state="collapsed"]> grippy
114 {
115 list-style-image : url("chrome://global/skin/grippy-vertical-before.gif");
116 }
117
118/* Horizontal splitter (between two boxes, vertically stacked), collapse to left */
119 window[orient="vertical"] > splitter > grippy,
120 box[orient="vertical"] > splitter > grippy,
121 vbox > splitter > grippy
122 {
123 list-style-image : url("chrome://global/skin/grippy-horizontal-before.gif");
124/*
125 border-top : 1px solid #9999CC;
126 border-bottom : 1px solid #9999CC;
127*/
128 }
129
130 window[orient="vertical"] > splitter > grippy > .grippy-box,
131 box[orient="vertical"] > splitter > grippy > .grippy-box,
132 vbox > splitter > grippy > .grippy-box
133 {
134 }
135
136 window[orient="vertical"] > splitter[state="collapsed"] > grippy,
137 box[orient="vertical"] > splitter[state="collapsed"] > grippy,
138 vbox > splitter[state="collapsed"] > grippy
139 {
140 list-style-image : url("chrome://global/skin/grippy-horizontal-after.gif");
141 }
142
143/* Horizontal splitter (between two boxes, vertically stacked), collapse to right */
144 window[orient="vertical"] > splitter[collapse="after"] > grippy,
145 box[orient="vertical"] > splitter[collapse="after"] > grippy,
146 vbox > splitter[collapse="after"] > grippy
147 {
148 list-style-image : url("chrome://global/skin/grippy-horizontal-after.gif");
149 }
150
151 window[orient="vertical"] > splitter[collapse="after"][state="collapsed"] > grippy,
152 box[orient="vertical"] > splitter[collapse="after"][state="collapsed"] > grippy,
153 vbox > splitter[collapse="after"][state="collapsed"] > grippy
154 {
155 list-style-image : url("chrome://global/skin/grippy-horizontal-before.gif");
156 }
157
158
159