some corrections and finishing touches to that LCARStrek works well for Firefox 55...
[themes.git] / skin / EarlyBlue / global / outliner.css
... / ...
CommitLineData
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
9outliner {
10 border-spacing : 0px;
11 border : none;
12 background-color : #FFFFFF;
13 color : #000000;
14}
15
16outliner.inset {
17 border: 1px inset #CCD0DD;
18}
19
20outlinerbody {
21 -moz-user-select: none;
22}
23
24outlinerbody:-moz-outliner-row {
25 height: 18px;
26 border: 1px solid transparent;
27}
28
29outlinerbody:-moz-outliner-row(selected) {
30 background-color: #808080;
31}
32
33outliner:focus > outlinerbody:-moz-outliner-row(selected, focus) {
34 background-color: #336699;
35}
36
37outlinerbody:-moz-outliner-row(current, focus) {
38 border: 1px dotted #9999CC;
39}
40
41outlinerbody:-moz-outliner-cell {
42 padding: 0px 0px 1px 2px;
43}
44
45outlinerbody:-moz-outliner-cell-text {
46 color: inherit;
47}
48
49/*
50outlinerbody:-moz-outliner-cell-text(selected) {
51 color: #000000;
52}
53
54outlinerbody:-moz-outliner-cell-text(selected, focus) {
55 color: #000000;
56}
57*/
58
59outlinerbody:-moz-outliner-line {
60 border: 1px dotted grey;
61}
62
63outlinerbody:-moz-outliner-line(selected) {
64 border: 1px dotted black;
65}
66
67outlinerbody:-moz-outliner-separator {
68 border: 1px outset #CCD0DD;
69}
70
71outlinercol {
72/* border: 1px solid #666699; */
73 background-color: #CCD0DD;
74 color: black;
75}
76
77.outlinercol-box,
78.outlinercol-image-box {
79 border: 1px outset #CCD0DD;
80}
81
82.outlinercol-box {
83 padding: 0px 4px;
84}
85
86.outlinercol-image-box {
87 padding: 0px 1px;
88}
89
90outlinercol:hover:active {
91 border: 1px solid #666699;
92}
93
94outlinercol:hover:active > .outlinercol-box,
95outlinercol:hover:active > .outlinercol-image-box {
96 border-top: 1px solid transparent;
97 border-right: none;
98 border-bottom: none;
99 border-left: 1px solid transparent;
100}
101
102outlinercol:hover:active > .outlinercol-box {
103 padding: 1px 4px 0px 5px;
104}
105
106outlinercol:hover:active > .outlinercol-image-box {
107 padding: 1px 1px 0px 2px;
108}
109
110/* column drag and drop styles */
111
112outlinercol[dragging="true"] {
113/* border: 1px solid ThreeDDarkShadow; */
114 background-color: #336699;
115 color: #000000;
116}
117
118outlinercol[dragging="true"] > .outlinercol-box {
119 border: 1px solid transparent;
120}
121
122outlinercol[insertafter="true"] {
123/* border-right: 1px solid #000000; */
124}
125
126outlinercol[insertafter="true"] > .outlinercol-box {
127 border-right: 1px solid #000000;
128}
129
130outlinercol[insertbefore="true"] {
131/* border-left: 1px solid #000000; */
132}
133
134outlinercol[insertbefore="true"] > .outlinercol-box {
135 border-left: 1px solid #000000;
136}
137
138outlinerbody:-moz-outliner-column(insertbefore) {
139 border-left: 1px solid #000000;
140}
141
142outlinerbody:-moz-outliner-column(insertafter) {
143 border-right: 1px solid #000000;
144}
145
146/* outliner header with sort direction indicators */
147
148.outlinercol-sortdirection {
149 list-style-image: none;
150}
151
152.sortDirectionIndicator[sortDirection="ascending"] > .outlinercol-box > .outlinercol-sortdirection {
153 list-style-image: url("chrome://global/skin/sortAscending.gif");
154}
155
156.sortDirectionIndicator[sortDirection="descending"] > .outlinercol-box > .outlinercol-sortdirection {
157 list-style-image: url("chrome://global/skin/sortDescending.gif");
158}
159
160.outliner-colpicker-icon
161{
162 list-style-image: url("chrome://global/skin/columnselect.gif");
163}
164
165/* twisty rules */
166outlinerbody:-moz-outliner-twisty {
167 padding-right: 2px;
168 width: 12px; /* The image's width is 12 pixels */
169 list-style-image: url("chrome://global/skin/twisty-closed.gif");
170}
171
172outlinerbody:-moz-outliner-twisty(open) {
173 width: 12px; /* The image's width is 12 pixels */
174 list-style-image: url("chrome://global/skin/twisty-open.gif");
175}
176
177outlinerbody:-moz-outliner-indentation {
178 width: 16px;
179}
180