some corrections and finishing touches to that LCARStrek works well for Firefox 55...

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

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

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

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

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: #808080;
}

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

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

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 outset #CCD0DD;
}

outlinercol { 
/*  border: 1px solid #666699; */
  background-color: #CCD0DD;
  color: black;
}

.outlinercol-box,
.outlinercol-image-box {
  border: 1px outset #CCD0DD;
}  

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

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

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: #336699;
  color: #000000;
}

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

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

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

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

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

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

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

/* 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: 16px;
}