make threadpane outliner look better (right background/color etc.)

[themes.git] / LCARStrek / global / skin / outliner.css

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

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

outliner {
  background-color: black;
  border: none;
  border-spacing: 0px;
  color: #FF9F00;
}

outliner > splitter.tree-splitter {
  margin: 0px;
  border: none;
}

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

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

outlinerbody:-moz-outliner-row(current)
{
/*  border: 1px dotted #F5DB95; */
}

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

/*
outliner > outlinerbody:-moz-outliner-row(selected)
{
  background-color: ThreeDFace;
  color: ButtonText; 
}

outliner:focus > outlinerbody:-moz-outliner-row(selected)
{
  background-color: Highlight;
  color: HighlightText;
}
*/

outlinerbody:-moz-outliner-cell
{
  padding: 0px 0px 1px 2px;
  white-space: nowrap;
  vertical-align: middle;
}

outlinerbody:-moz-outliner-cell(selected)
{
}

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

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

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

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

outlinercol
{ 
  border: 1px solid #FFCF00;
  padding: 0px;
  background-color: #9C9CFF;
  color: black;
/*  border: 1px solid #9C9CFF;
  padding: 0px;
  background-color: black;
  color: #FF9F00; */
}

.outlinercol-box,
.outlinercol-image-box {
/*  border: 1px solid #9C9CFF; */
}  

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

.outlinercol-image-box {
  padding: 0px 1px 0px 1px;
}
  
outlinercol:hover:active
{
  border: 1px solid #FFCF00 !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");
}

/* twisty rules */

outlinerbody:-moz-outliner-twisty {
  padding-right: 2px;
  padding-top: 2px;
  width: 12px; /* The image's width is 12 pixels */
  list-style-image: url("chrome://global/skin/twisty-closed.gif");
}

outlinerbody:-moz-outliner-twisty(open) {
  width: 12px; /* The image's width is 12 pixels */
  list-style-image: url("chrome://global/skin/twisty-open.gif");
}