2 /******** Outliner widget **********/
4 /** basic outliner ****************************************************
5 * basic outliner widget for use in main windows where no decoration
10 background-color: -moz-field;
17 background-color: white;
19 -moz-user-select: none;
22 outlinerbody:-moz-outliner-row
25 /* border: 1px solid transparent; */
28 outlinerbody:-moz-outliner-row(current)
30 /* border: 1px dotted #F5DB95; */
33 outlinerbody:-moz-outliner-row(selected)
35 background-color: #336699;
40 outliner > outlinerbody:-moz-outliner-row(selected)
42 background-color: ThreeDFace;
46 outliner:focus > outlinerbody:-moz-outliner-row(selected)
48 background-color: Highlight;
53 outlinerbody:-moz-outliner-cell
55 padding: 0px 0px 1px 2px;
57 vertical-align: middle;
60 outlinerbody:-moz-outliner-cell(selected)
64 outlinerbody:-moz-outliner-cell-text
71 outlinerbody:-moz-outliner-cell-text(selected)
77 outlinerbody:-moz-outliner-line
79 border: 1px dotted grey;
82 outlinerbody:-moz-outliner-line(selected)
84 border: 1px dotted black;
90 border: 1px solid #666699;
92 background-color: #CCD0DD;
97 .outlinercol-image-box {
98 border: 1px outset #CCD0DD;
102 padding: 0px 4px 0px 4px;
105 .outlinercol-image-box {
106 padding: 0px 1px 0px 1px;
109 outlinercol:hover:active
111 border: 1px solid #666699 !important;
114 outlinercol:hover:active > .outlinercol-box,
115 outlinercol:hover:active > .outlinercol-image-box
117 border-top: 1px solid transparent;
120 border-left: 1px solid transparent;
123 outlinercol:hover:active > .outlinercol-box,
124 outlinercol:hover:active > .outlinercol-image-box
126 padding: 1px 4px 0px 5px;
129 /* outliner header with sort direction indicators */
131 .outlinercol-sortdirection {
132 list-style-image: none;
135 .sortDirectionIndicator[sortDirection="ascending"] > .outlinercol-box > .outlinercol-sortdirection {
136 list-style-image: url("chrome://global/skin/sortAscending.gif");
139 .sortDirectionIndicator[sortDirection="descending"] > .outlinercol-box > .outlinercol-sortdirection {
140 list-style-image: url("chrome://global/skin/sortDescending.gif");
143 .outliner-colpicker-icon
145 list-style-image: url("chrome://global/skin/columnselect.gif");
150 outlinerbody:-moz-outliner-twisty {
152 width: 12px; /* The image's width is 12 pixels */
153 list-style-image: url("chrome://global/skin/twisty-closed.gif");
156 outlinerbody:-moz-outliner-twisty(open) {
157 width: 12px; /* The image's width is 12 pixels */
158 list-style-image: url("chrome://global/skin/twisty-open.gif");