2 /******** Outliner widget **********/
4 /** basic outliner ****************************************************
5 * basic outliner widget for use in main windows where no decoration
12 background-color : #FFFFFF;
17 border: 1px inset #CCD0DD;
21 -moz-user-select: none;
24 outlinerbody:-moz-outliner-row {
26 border: 1px solid transparent;
29 outlinerbody:-moz-outliner-row(selected) {
30 background-color: #808080;
33 outliner:focus > outlinerbody:-moz-outliner-row(selected, focus) {
34 background-color: #336699;
37 outlinerbody:-moz-outliner-row(current, focus) {
38 border: 1px dotted #9999CC;
41 outlinerbody:-moz-outliner-cell {
42 padding: 0px 0px 1px 2px;
45 outlinerbody:-moz-outliner-cell-text {
50 outlinerbody:-moz-outliner-cell-text(selected) {
54 outlinerbody:-moz-outliner-cell-text(selected, focus) {
59 outlinerbody:-moz-outliner-line {
60 border: 1px dotted grey;
63 outlinerbody:-moz-outliner-line(selected) {
64 border: 1px dotted black;
67 outlinerbody:-moz-outliner-separator {
68 border: 1px outset #CCD0DD;
72 /* border: 1px solid #666699; */
73 background-color: #CCD0DD;
78 .outlinercol-image-box {
79 border: 1px outset #CCD0DD;
86 .outlinercol-image-box {
90 outlinercol:hover:active {
91 border: 1px solid #666699;
94 outlinercol:hover:active > .outlinercol-box,
95 outlinercol:hover:active > .outlinercol-image-box {
96 border-top: 1px solid transparent;
99 border-left: 1px solid transparent;
102 outlinercol:hover:active > .outlinercol-box {
103 padding: 1px 4px 0px 5px;
106 outlinercol:hover:active > .outlinercol-image-box {
107 padding: 1px 1px 0px 2px;
110 /* column drag and drop styles */
112 outlinercol[dragging="true"] {
113 /* border: 1px solid ThreeDDarkShadow; */
114 background-color: #336699;
118 outlinercol[dragging="true"] > .outlinercol-box {
119 border: 1px solid transparent;
122 outlinercol[insertafter="true"] {
123 /* border-right: 1px solid #000000; */
126 outlinercol[insertafter="true"] > .outlinercol-box {
127 border-right: 1px solid #000000;
130 outlinercol[insertbefore="true"] {
131 /* border-left: 1px solid #000000; */
134 outlinercol[insertbefore="true"] > .outlinercol-box {
135 border-left: 1px solid #000000;
138 outlinerbody:-moz-outliner-column(insertbefore) {
139 border-left: 1px solid #000000;
142 outlinerbody:-moz-outliner-column(insertafter) {
143 border-right: 1px solid #000000;
146 /* outliner header with sort direction indicators */
148 .outlinercol-sortdirection {
149 list-style-image: none;
152 .sortDirectionIndicator[sortDirection="ascending"] > .outlinercol-box > .outlinercol-sortdirection {
153 list-style-image: url("chrome://global/skin/sortAscending.gif");
156 .sortDirectionIndicator[sortDirection="descending"] > .outlinercol-box > .outlinercol-sortdirection {
157 list-style-image: url("chrome://global/skin/sortDescending.gif");
160 .outliner-colpicker-icon
162 list-style-image: url("chrome://global/skin/columnselect.gif");
166 outlinerbody:-moz-outliner-twisty {
168 width: 12px; /* The image's width is 12 pixels */
169 list-style-image: url("chrome://global/skin/twisty-closed.gif");
172 outlinerbody:-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");
177 outlinerbody:-moz-outliner-indentation {