LCARStrek/skin/LCARStrek/global/outliner.css

   1
   2 /******** Outliner widget **********/
   3
   4 /** basic outliner ****************************************************
   5  *  basic outliner widget for use in main windows where no decoration
   6  *  is required.
   7  **/
   8
   9 outliner {
  10   -moz-border-radius    : 5px;
  11   border-spacing        : 0px;
  12   border                : 1px solid #9C9CFF;
  13   background-color      : #000000;
  14   color                 : #FF9F00;
  15 }
  16
  17 outliner.inset {
  18 /*  border: 1px inset #CCD0DD; */
  19 }
  20
  21 outlinerbody {
  22   -moz-user-select: none;
  23 }
  24
  25 outlinerbody:-moz-outliner-row {
  26   height: 18px;
  27   border: 1px solid transparent;
  28 }
  29
  30 outlinerbody:-moz-outliner-row(selected) {
  31   background-color: #008484;
  32   color: #FFCF00;
  33 }
  34
  35 outliner:focus > outlinerbody:-moz-outliner-row(selected, focus) {
  36   background-color: #008484;
  37   color: #FFCF00;
  38 }
  39
  40 outlinerbody:-moz-outliner-row(current, focus) {
  41   border: 1px dotted #008484;
  42 }
  43
  44 outlinerbody:-moz-outliner-cell {
  45   padding: 0px 0px 1px 2px;
  46 }
  47
  48 outlinerbody:-moz-outliner-cell-text {
  49   color: inherit;
  50 }
  51
  52 /*
  53 outlinerbody:-moz-outliner-cell-text(selected) {
  54   color: #000000;
  55 }
  56
  57 outlinerbody:-moz-outliner-cell-text(selected, focus) {
  58   color: #000000;
  59 }
  60 */
  61
  62 outlinerbody:-moz-outliner-line {
  63 /*  border: 1px dotted grey; */
  64 }
  65
  66 outlinerbody:-moz-outliner-line(selected) {
  67 /*  border: 1px dotted black; */
  68 }
  69
  70 outlinerbody:-moz-outliner-separator {
  71   border: 1px solid #9C9CFF;
  72 }
  73
  74 outlinercol {
  75   border: 1px solid #FFCF00;
  76   padding: 0px;
  77   background-color: #9C9CFF;
  78   color: black;
  79 }
  80
  81 .outlinercol-box,
  82 .outlinercol-image-box {
  83 /*  border: 1px solid #9C9CFF; */
  84 }
  85
  86 .outlinercol-box {
  87   padding: 0px 4px;
  88 }
  89
  90 .outlinercol-image-box {
  91   padding: 0px 1px;
  92 }
  93
  94 outlinercol:hover:active {
  95   border: 1px solid #FFCF00;
  96 }
  97
  98 outlinercol:hover:active > .outlinercol-box,
  99 outlinercol:hover:active > .outlinercol-image-box {
 100   border-top: 1px solid transparent;
 101   border-right: none;
 102   border-bottom: none;
 103   border-left: 1px solid transparent;
 104 }
 105
 106 outlinercol:hover:active > .outlinercol-box {
 107   padding: 1px 4px 0px 5px;
 108 }
 109
 110 outlinercol:hover:active > .outlinercol-image-box {
 111   padding: 1px 1px 0px 2px;
 112 }
 113
 114 /* column drag and drop styles */
 115
 116 outlinercol[dragging="true"] {
 117 /*  border: 1px solid ThreeDDarkShadow; */
 118   background-color: #008484;
 119   color: #000000;
 120 }
 121
 122 outlinercol[dragging="true"] > .outlinercol-box {
 123   border: 1px solid transparent;
 124 }
 125
 126 outlinercol[insertafter="true"] {
 127 /*  border-right: 1px solid #FFCF00; */
 128 }
 129
 130 outlinercol[insertafter="true"] > .outlinercol-box {
 131   border-right: 1px solid #FFCF00;
 132 }
 133
 134 outlinercol[insertbefore="true"] {
 135 /*  border-left: 1px solid #FFCF00; */
 136 }
 137
 138 outlinercol[insertbefore="true"] > .outlinercol-box {
 139   border-left: 1px solid #FFCF00;
 140 }
 141
 142 outlinerbody:-moz-outliner-column(insertbefore) {
 143   border-left: 1px solid #FFCF00;
 144 }
 145
 146 outlinerbody:-moz-outliner-column(insertafter) {
 147   border-right: 1px solid #FFCF00;
 148 }
 149
 150 /* outliner header with sort direction indicators */
 151
 152 .outlinercol-sortdirection {
 153   list-style-image: none;
 154 }
 155
 156 .sortDirectionIndicator[sortDirection="ascending"] > .outlinercol-box > .outlinercol-sortdirection {
 157   list-style-image: url("chrome://global/skin/sortAscending.gif");
 158 }
 159
 160 .sortDirectionIndicator[sortDirection="descending"] > .outlinercol-box > .outlinercol-sortdirection {
 161   list-style-image: url("chrome://global/skin/sortDescending.gif");
 162 }
 163
 164 .outliner-colpicker-icon
 165 {
 166   list-style-image: url("chrome://global/skin/columnselect.gif");
 167 }
 168
 169 /* twisty rules */
 170 outlinerbody:-moz-outliner-twisty {
 171   padding-right: 2px;
 172   width: 12px; /* The image's width is 12 pixels */
 173   list-style-image: url("chrome://global/skin/twisty-closed.gif");
 174 }
 175
 176 outlinerbody:-moz-outliner-twisty(open) {
 177   width: 12px; /* The image's width is 12 pixels */
 178   list-style-image: url("chrome://global/skin/twisty-open.gif");
 179 }
 180
 181 outlinerbody:-moz-outliner-indentation {
 182   width: 8px;
 183 }