make us look even cooler, give outliner a border by default and disable it where...
[themes.git] / LCARStrek / global / skin / outliner.css
1
2 /******** Outliner widget **********/
3
4 /** basic outliner ****************************************************
5  *  basic outliner widget for use in main windows where no decoration
6  *  is required.
7  **/
8
9 outliner {
10   -moz-border-radius: 5px;
11   border: 1px solid #9C9CFF;
12   background-color: black;
13 /*  border: none; */
14   border-spacing: 0px;
15   color: #FF9F00;
16 }
17
18 outliner splitter.tree-splitter {
19   margin: 0px;
20   border: none;
21 }
22
23 outlinerbody {
24   -moz-border-radius: 5px;
25   background-color: black;
26   color: #FF9F00;
27   -moz-user-select: none;
28 }
29
30 outlinerbody:-moz-outliner-row
31 {
32   height: 17px;
33 /*  border: 1px solid transparent; */
34 }
35
36 outlinerbody:-moz-outliner-row(current)
37 {
38 /*  border: 1px dotted #F5DB95; */
39 }
40
41 outlinerbody:-moz-outliner-row(selected)
42 {
43   background-color: #008484;
44   color: #FFCF00;
45 }
46
47 /*
48 outliner > outlinerbody:-moz-outliner-row(selected)
49 {
50   background-color: ThreeDFace;
51   color: ButtonText; 
52 }
53
54 outliner:focus > outlinerbody:-moz-outliner-row(selected)
55 {
56   background-color: Highlight;
57   color: HighlightText;
58 }
59 */
60
61 outlinerbody:-moz-outliner-cell
62 {
63   padding: 0px 0px 1px 2px;
64   white-space: nowrap;
65   vertical-align: middle;
66 }
67
68 outlinerbody:-moz-outliner-cell(selected)
69 {
70 }
71
72 outlinerbody:-moz-outliner-cell-text
73 {
74   color: inherit;
75   padding-left: 1px;
76   padding-right: 2px;
77 }
78
79 outlinerbody:-moz-outliner-cell-text(selected)
80 {
81   color: #FFCF00;  
82 }
83
84 /*
85 outlinerbody:-moz-outliner-line
86 {
87   border: 1px dotted grey;
88 }
89
90 outlinerbody:-moz-outliner-line(selected)
91 {
92   border: 1px dotted black;
93 }
94 */
95
96 outlinercol
97
98   border: 1px solid #FFCF00;
99   padding: 0px;
100   background-color: #9C9CFF;
101   color: black;
102 /*  border: 1px solid #9C9CFF;
103   padding: 0px;
104   background-color: black;
105   color: #FF9F00; */
106 }
107
108 .outlinercol-box,
109 .outlinercol-image-box {
110 /*  border: 1px solid #9C9CFF; */
111 }  
112
113 .outlinercol-box {
114   padding: 0px 4px 0px 4px;
115 }
116
117 .outlinercol-image-box {
118   padding: 0px 1px 0px 1px;
119 }
120   
121 outlinercol:hover:active
122 {
123   border: 1px solid #FFCF00 !important;
124 }
125
126 outlinercol:hover:active > .outlinercol-box,
127 outlinercol:hover:active > .outlinercol-image-box
128 {
129   border-top: 1px solid transparent;
130   border-right: none;
131   border-bottom: none;
132   border-left: 1px solid transparent;
133 }
134   
135 outlinercol:hover:active > .outlinercol-box,
136 outlinercol:hover:active > .outlinercol-image-box
137 {
138   padding: 1px 4px 0px 5px;
139 }
140
141 /* outliner header with sort direction indicators */
142
143 .outlinercol-sortdirection {
144   list-style-image: none;
145 }
146
147 .sortDirectionIndicator[sortDirection="ascending"] > .outlinercol-box > .outlinercol-sortdirection {
148   list-style-image: url("chrome://global/skin/sortAscending.gif");
149 }
150
151 .sortDirectionIndicator[sortDirection="descending"] > .outlinercol-box > .outlinercol-sortdirection {
152   list-style-image: url("chrome://global/skin/sortDescending.gif");
153 }
154
155 .outliner-colpicker-icon
156 {
157   list-style-image: url("chrome://global/skin/columnselect.gif");
158 }
159
160 /* twisty rules */
161
162 outlinerbody:-moz-outliner-twisty {
163   padding-right: 2px;
164   padding-top: 2px;
165   width: 12px; /* The image's width is 12 pixels */
166   list-style-image: url("chrome://global/skin/twisty-closed.gif");
167 }
168
169 outlinerbody:-moz-outliner-twisty(open) {
170   width: 12px; /* The image's width is 12 pixels */
171   list-style-image: url("chrome://global/skin/twisty-open.gif");
172 }
173