adopting to recent XUL changes

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

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

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

outliner {
  -moz-border-radius    : 5px;
  border-spacing        : 0px;     
  border                : 1px solid #9C9CFF;
  background-color      : #000000;
  color                 : #FF9F00;
}

outliner.inset {
/*  border: 1px inset #CCD0DD; */
}

outlinerbody {
  -moz-user-select: none;
}

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

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

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

outlinerbody:-moz-outliner-row(current, focus) {
  border: 1px dotted #008484;
}

outlinerbody:-moz-outliner-cell {
  padding: 0px 0px 1px 2px;
}

outlinerbody:-moz-outliner-cell-text {
  color: inherit;
}

/*
outlinerbody:-moz-outliner-cell-text(selected) {
  color: #000000;
}

outlinerbody:-moz-outliner-cell-text(selected, focus) {
  color: #000000;
}
*/

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

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

outlinerbody:-moz-outliner-separator {
  border: 1px solid #9C9CFF;
}

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

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

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

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

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 {
  padding: 1px 4px 0px 5px;
}

outlinercol:hover:active > .outlinercol-image-box {
  padding: 1px 1px 0px 2px;
}

/* column drag and drop styles */

outlinercol[dragging="true"] {
/*  border: 1px solid ThreeDDarkShadow; */
  background-color: #008484;
  color: #000000;
}

outlinercol[dragging="true"] > .outlinercol-box {
  border: 1px solid transparent;
}

outlinercol[insertafter="true"] {
/*  border-right: 1px solid #FFCF00; */
}

outlinercol[insertafter="true"] > .outlinercol-box {
  border-right: 1px solid #FFCF00;
}

outlinercol[insertbefore="true"] {
/*  border-left: 1px solid #FFCF00; */
}

outlinercol[insertbefore="true"] > .outlinercol-box {
  border-left: 1px solid #FFCF00;
}

outlinerbody:-moz-outliner-column(insertbefore) {
  border-left: 1px solid #FFCF00;
}

outlinerbody:-moz-outliner-column(insertafter) {
  border-right: 1px solid #FFCF00;
}

/* 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;
  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");
}

outlinerbody:-moz-outliner-indentation {
  width: 8px;
}

.outlinercol-text {
   margin: 0px;
}