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