make urlbar work again after it changed from box to hbox
[themes.git] / EarlyBlue / communicator / skin / splitter.css
CommitLineData
1d798428 1/******* Splitters *******/\r
2\r
3splitter {\r
4 border: none;\r
5 cursor: e-resize;\r
6 min-width: 10px;\r
7 min-height: 10px;\r
8}\r
9\r
10splitter[state="dragging"]\r
11{\r
12 background-color: gray;\r
13}\r
14\r
15grippy {\r
16 margin: 0px;\r
17 border: 1px outset #CCD0DD;\r
18 padding: 0px;\r
19 background-color: #CCCCCC;\r
20 background-image: url("chrome://global/skin/grippy-vertical-before.gif"); \r
21 background-repeat: no-repeat;\r
22 background-position: 50% 50%;\r
23 cursor: pointer;\r
24}\r
25\r
26splitter[state="collapsed"] > grippy\r
27 {\r
28 background-image : url("chrome://global/skin/grippy-vertical-after.gif");\r
29 }\r
30\r
31grippy:hover\r
32 {\r
33 background-color : #99CCFF;\r
34 }\r
35\r
36grippy:hover:active{\r
37 background-color: #99CCFF;\r
38}\r
39\r
40box[orient="vertical"] > splitter > grippy,\r
41window[orient="vertical"] > splitter > grippy {\r
42 /* a horizontal splitter */\r
43 background-image: url("chrome://global/skin/grippy-horizontal-after.gif"); \r
44 width: 120px;\r
45 height:8px;\r
46 }\r
47\r
48box[orient="vertical"] > splitter[state="collapsed"] > grippy\r
49window[orient="vertical"] > splitter[state="collapsed"] > grippy {\r
50 background-image: url("chrome://global/skin/grippy-horizontal-before.gif"); \r
51 }\r
52\r
53window > splitter > grippy,\r
54box > splitter > grippy {\r
55 /* a vertical splitter */\r
56 width: 8px;\r
57 height: 120px;\r
58}\r
59\r
60box[orient="vertical"] > splitter,\r
61window[orient="vertical"] > splitter,\r
62rows > splitter {\r
63 /* a vertical splitter */\r
64 cursor: n-resize;\r
65}\r
66\r
67/* for backwards compatibility */\r
68box[align="vertical"]>splitter > grippy,\r
69window[align="vertical"]>splitter > grippy {\r
70 /* a horizontal splitter */\r
71 background-image: url("chrome://global/skin/grippy-horizontal-after.gif"); \r
72 width: 120px;\r
73 height: 8px;\r
74}\r
75\r
76box[align="vertical"]>splitter[state="collapsed"] > grippy,\r
77window[align="vertical"]>splitter[state="collapsed"] > grippy {\r
78 background-image: url("chrome://global/skin/grippy-horizontal-before.gif"); \r
79}\r
80\r
81box[align="vertical"]>splitter,\r
82window[align="vertical"]>splitter {\r
83 /* a vertical splitter */\r
84 cursor: n-resize;\r
85}\r
86\r
87/**\r
88 * gray horizontal splitter for pane views\r
89 */\r
90splitter.gray-horizontal-splitter { \r
91 min-height: 8px;\r
92 background-color: #CCD0DD;\r
93 border: none;\r
94 border-top: 1px solid #9999CC;\r
95 border-bottom: 1px solid #9999CC;\r
96 padding: 0px;\r
97}\r
98\r
99splitter.gray-horizontal-splitter > grippy { \r
100 margin: 0px;\r
101 border: 1px outset #CCD0DD;\r
102 padding: 0px;\r
103 background-color: #CCCCCC;\r
104 background-image: url("chrome://global/skin/grippy-horizontal-after.gif"); \r
105}\r
106\r
107splitter.gray-horizontal-splitter[state="collapsed"] > grippy { \r
108 background-image: url("chrome://global/skin/grippy-horizontal-before.gif"); \r
109}\r
110\r
111splitter.gray-horizontal-splitter > grippy:hover { \r
112 background-color: #99CCFF;\r
113}\r
114\r
115splitter.gray-horizontal-splitter > grippy:active { \r
116 border: 1px inset #CCD0DD;\r
117 background-color: #99CCFF;\r
118}\r
119\r
120/*\r
121splitter.gray-horizontal-splitter > #begincap { \r
122 min-width: 8px;\r
123 width: 8px;\r
124 background-image: url("chrome://global/skin/gray-bottomleft.gif");\r
125 background-repeat: no-repeat;\r
126 background-position: 0% 100%;\r
127}\r
128\r
129splitter.gray-horizontal-splitter > #endcap { \r
130 min-width: 8px;\r
131 width: 8px;\r
132}\r
133*/