gecko-dev/themes/modern/global/outliner.css

/******** Outliner widget **********/

/** basic outliner ****************************************************
 *  basic outliner widget for use in main windows where no decoration
 *  is required.
 **/

outliner {
  border: none;
  border-spacing: 0px;
  background-color: #ffffff;
  color: #000000;
}

outlinerbody {
  background-color: white;
  color: black;
  -moz-user-select: none;
}

outlinerbody:-moz-outliner-row
{
  height: 17px;
  border: 1px solid transparent;
}

outlinerbody:-moz-outliner-row(current)
{
  border: 1px #768AA0 dotted;
}

outlinerbody:-moz-outliner-row(selected)
{
  background-color:  #CCCCCC;
}

outlinerbody:-moz-outliner-row(selected,focus)
{
  background-color:  #486380;
}

outlinerbody:-moz-outliner-cell
{
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  padding: 0px 0px 1px 1px;
}

outlinerbody:-moz-outliner-cell-text
{
  color: inherit;
  padding-left: 2px;
  padding-right: 2px;
}

outlinerbody:-moz-outliner-cell-text(selected)
{
  color: black;  
}

outlinerbody:-moz-outliner-cell-text(selected,focus)
{
  color: white;  
}

outlinercol
{ 
  border-left: 1px solid #EDEDED !important;
  border-top: 1px solid #EDEDED !important;
  border-right: 1px solid #6E7070 !important;
  border-bottom: 1px solid #6E7070 !important;
  padding: 0px;
  background-color: #C2D0D0; 
  color: #000000;
}

outlinerbody:-moz-outliner-line
{
  border: 1px dotted grey;
}

outlinerbody:-moz-outliner-line(selected)
{
  border: 1px dotted black;
}

.outlinercol-box,
.outlinercol-image-box {
  border-left: 1px solid #C2D0D0;
  border-top: 1px solid #C2D0D0;
  border-right: 1px solid #A4ACAC;
  border-bottom: 1px solid #A4ACAC;
  vertical-align: middle;
}  

.outlinercol-box {
  padding: 0px 4px 0px 4px;
}

.outlinercol-image-box {
  padding: 0px 1px 0px 1px;
}
  
outlinercol:hover:active
{
  border: 1px solid #A4ACAC !important;
}

outlinercol:hover:active > .outlinercol-box,
outlinercol:hover:active > .outlinercol-image-box
{
  border-top: 1px solid transparent;
  border-right: none;
  border-bottom: none;
  border-left: 1px solid transparent;
}
  
outlinercol:hover:active > .outlinercol-box,
outlinercol:hover:active > .outlinercol-image-box
{
  padding: 1px 4px 0px 5px;
}

/* outliner header with sort direction indicators */

.outlinercol-sortdirection {
  list-style-image: none;
}

.sortDirectionIndicator[sortDirection="ascending"] > .outlinercol-box > .outlinercol-sortdirection {
  list-style-image: url("chrome://global/skin/sortAscending.gif");
}

.sortDirectionIndicator[sortDirection="descending"] > .outlinercol-box > .outlinercol-sortdirection {
  list-style-image: url("chrome://global/skin/sortDescending.gif");
}

.outliner-colpicker-icon
{
  list-style-image       : url("chrome://global/skin/columnselect.gif");
}