adding :hover:active to scrollbar(s)
[themes.git] / LCARStrek / global / skin / splitter.css
CommitLineData
1d798428 1/******* Splitters *******/\r
2\r
3splitter \r
4 {\r
5 cursor : e-resize;\r
6 background-color : #9C9CFF;\r
7 vertical-align : middle;\r
8 text-align : center;\r
9 padding : 0px;\r
10 border : none;\r
11 border-top : 3px solid black;\r
12 border-bottom : 3px solid black;\r
13 }\r
14\r
15splitter[state="dragging"]\r
16 {\r
17 background-color : #FFCF00;\r
18 }\r
19\r
20grippy\r
21 {\r
22 margin : 0px;\r
23 border : none;\r
24 border-top : 3px solid black;\r
25 border-bottom : 3px solid black;\r
26 padding : 0px;\r
27 list-style-image : url("chrome://global/skin/grippy-vertical-before.gif");\r
28 cursor : pointer;\r
29 }\r
30\r
31splitter[state="collapsed"] > grippy\r
32 {\r
33 list-style-image : url("chrome://global/skin/grippy-vertical-after.gif");\r
34 }\r
35\r
36grippy:hover\r
37 {\r
38 background-color : #FFCF00;\r
39 }\r
40\r
41grippy:hover:active\r
42 {\r
43 border : none;\r
44 }\r
45\r
46/* vertical splitters */\r
47 window > splitter, box > splitter \r
48 {\r
49 width : 6px;\r
50 border-left : 0px solid black;\r
51 border-right : 0px solid black;\r
52 }\r
53 \r
54/* horizontal splitters */ \r
55 /* XXX we should comment out the 'align' support to force people to migrate \r
56 to 'orient' */\r
57 rows > splitter,\r
58 window[orient="vertical"] > splitter,\r
59 box[orient="vertical"] > splitter,\r
60 window[align="vertical"] > splitter,\r
61 box[align="vertical"] > splitter\r
62 {\r
63 cursor : n-resize;\r
64 border-top : 0px solid black;\r
65 border-bottom : 0px solid black;\r
66 }\r
67\r
68 rows > splitter > grippy,\r
69 window[orient="vertical"] > splitter > grippy,\r
70 box[orient="vertical"] > splitter > grippy,\r
71 window[align="vertical"] > splitter > grippy,\r
72 box[align="vertical"] > splitter > grippy\r
73 {\r
74 list-style-image : url("chrome://global/skin/grippy-horizontal-before.gif");\r
75 }\r
76\r
77 rows > splitter[state="collapsed"] > grippy,\r
78 window[orient="vertical"] > splitter[state="collapsed"] > grippy,\r
79 box[orient="vertical"] > splitter[state="collapsed"] > grippy,\r
80 window[align="vertical"] > splitter[state="collapsed"] > grippy,\r
81 box[align="vertical"] > splitter[state="collapsed"] > grippy\r
82 {\r
83 list-style-image : url("chrome://global/skin/grippy-horizontal-after.gif");\r
84 }