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