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