2 /******** Outliner widget **********/
4 /** basic outliner ****************************************************
5 * basic outliner widget for use in main windows where no decoration
10 -moz-border-radius : 5px;
12 border : 1px solid #9C9CFF;
13 background-color : #000000;
18 /* border: 1px inset #CCD0DD; */
22 -moz-user-select: none;
25 outlinerbody:-moz-outliner-row {
27 border: 1px solid transparent;
30 outlinerbody:-moz-outliner-row(selected) {
31 background-color: #008484;
35 outliner:focus > outlinerbody:-moz-outliner-row(selected, focus) {
36 background-color: #008484;
40 outlinerbody:-moz-outliner-row(current, focus) {
41 border: 1px dotted #008484;
44 outlinerbody:-moz-outliner-cell {
45 padding: 0px 0px 1px 2px;
48 outlinerbody:-moz-outliner-cell-text {
53 outlinerbody:-moz-outliner-cell-text(selected) {
57 outlinerbody:-moz-outliner-cell-text(selected, focus) {
62 outlinerbody:-moz-outliner-line {
63 /* border: 1px dotted grey; */
66 outlinerbody:-moz-outliner-line(selected) {
67 /* border: 1px dotted black; */
70 outlinerbody:-moz-outliner-separator {
71 border: 1px solid #9C9CFF;
75 border: 1px solid #FFCF00;
77 background-color: #9C9CFF;
82 .outlinercol-image-box {
83 /* border: 1px solid #9C9CFF; */
90 .outlinercol-image-box {
94 outlinercol:hover:active {
95 border: 1px solid #FFCF00;
98 outlinercol:hover:active > .outlinercol-box,
99 outlinercol:hover:active > .outlinercol-image-box {
100 border-top: 1px solid transparent;
103 border-left: 1px solid transparent;
106 outlinercol:hover:active > .outlinercol-box {
107 padding: 1px 4px 0px 5px;
110 outlinercol:hover:active > .outlinercol-image-box {
111 padding: 1px 1px 0px 2px;
114 /* column drag and drop styles */
116 outlinercol[dragging="true"] {
117 /* border: 1px solid ThreeDDarkShadow; */
118 background-color: #008484;
122 outlinercol[dragging="true"] > .outlinercol-box {
123 border: 1px solid transparent;
126 outlinercol[insertafter="true"] {
127 /* border-right: 1px solid #FFCF00; */
130 outlinercol[insertafter="true"] > .outlinercol-box {
131 border-right: 1px solid #FFCF00;
134 outlinercol[insertbefore="true"] {
135 /* border-left: 1px solid #FFCF00; */
138 outlinercol[insertbefore="true"] > .outlinercol-box {
139 border-left: 1px solid #FFCF00;
142 outlinerbody:-moz-outliner-column(insertbefore) {
143 border-left: 1px solid #FFCF00;
146 outlinerbody:-moz-outliner-column(insertafter) {
147 border-right: 1px solid #FFCF00;
150 /* outliner header with sort direction indicators */
152 .outlinercol-sortdirection {
153 list-style-image: none;
156 .sortDirectionIndicator[sortDirection="ascending"] > .outlinercol-box > .outlinercol-sortdirection {
157 list-style-image: url("chrome://global/skin/sortAscending.gif");
160 .sortDirectionIndicator[sortDirection="descending"] > .outlinercol-box > .outlinercol-sortdirection {
161 list-style-image: url("chrome://global/skin/sortDescending.gif");
164 .outliner-colpicker-icon
166 list-style-image: url("chrome://global/skin/columnselect.gif");
170 outlinerbody:-moz-outliner-twisty {
172 width: 12px; /* The image's width is 12 pixels */
173 list-style-image: url("chrome://global/skin/twisty-closed.gif");
176 outlinerbody:-moz-outliner-twisty(open) {
177 width: 12px; /* The image's width is 12 pixels */
178 list-style-image: url("chrome://global/skin/twisty-open.gif");
181 outlinerbody:-moz-outliner-indentation {