home *** CD-ROM | disk | FTP | other *** search
/ Chip 2002 January / 01_02.iso / software / netscape62win / skinclas.xpi / bin / chrome / classic.jar / skin / classic / global / outliner.css < prev    next >
Cascading Style Sheet File  |  2001-08-15  |  4KB  |  150 lines
  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-top            : 1px solid ThreeDShadow;                             
  12.   border-right          : 1px solid ThreeDHighlight;                          
  13.   border-bottom         : 1px solid ThreeDShadow;                          
  14.   border-left           : 1px solid ThreeDShadow; 
  15.   background-color      : -moz-Field;
  16.   color                 : -moz-FieldText;   
  17. }
  18.  
  19. outliner.inset {
  20.   border-top: 1px solid ThreeDShadow;
  21.   border-right: 1px solid ThreeDHighlight;
  22.   border-bottom: 1px solid ThreeDHighlight;
  23.   border-left: 1px solid ThreeDShadow;
  24. }
  25.  
  26. outlinerbody {
  27.   -moz-user-select: none;
  28. }
  29.  
  30. outlinerbody:-moz-outliner-row {
  31.   height: 18px;
  32.   border: 1px solid transparent;
  33. }
  34.  
  35. outlinerbody:-moz-outliner-row(selected) {
  36.   background-color: -moz-Dialog;
  37. }
  38.  
  39. outliner:focus > outlinerbody:-moz-outliner-row(selected, focus) {
  40.   background-color: Highlight;
  41. }
  42.  
  43. outlinerbody:-moz-outliner-row(current, focus) {
  44.   border: 1px dotted #F5DB95;
  45. }
  46.  
  47. outlinerbody:-moz-outliner-cell {
  48.   padding: 0px 0px 1px 2px;
  49. }
  50.  
  51. outlinerbody:-moz-outliner-cell-text {
  52.   color: inherit;
  53. }
  54.  
  55. outlinerbody:-moz-outliner-cell-text(selected) {
  56.   color: -moz-DialogText;
  57. }
  58.  
  59. outlinerbody:-moz-outliner-cell-text(selected, focus) {
  60.   color: HighlightText;
  61. }
  62.  
  63. outlinerbody:-moz-outliner-line {
  64.   border: 1px dotted grey;
  65. }
  66.  
  67. outlinerbody:-moz-outliner-line(selected) {
  68.   border: 1px dotted black;
  69. }
  70.  
  71. outlinercol { 
  72.   border-left: 1px solid ThreeDHighlight;
  73.   border-top: 1px solid ThreeDHighlight;
  74.   border-right: 1px solid ThreeDDarkShadow;
  75.   border-bottom : 1px solid ThreeDDarkShadow;
  76.   background-color: -moz-Dialog;
  77.   color: -moz-DialogText;
  78. }
  79.  
  80. .outlinercol-box,
  81. .outlinercol-image-box {
  82.   border-left: 1px solid ThreeDLightShadow;
  83.   border-top: 1px solid ThreeDLightShadow;
  84.   border-right: 1px solid ThreeDShadow;
  85.   border-bottom: 1px solid ThreeDShadow;
  86. }  
  87.  
  88. .outlinercol-box {
  89.   padding: 0px 4px;
  90. }
  91.  
  92. .outlinercol-image-box {
  93.   padding: 0px 1px;
  94. }
  95.   
  96. outlinercol:hover:active {
  97.   border: 1px solid ThreeDShadow;
  98. }
  99.  
  100. outlinercol:hover:active > .outlinercol-box,
  101. outlinercol:hover:active > .outlinercol-image-box {
  102.   border-top: 1px solid transparent;
  103.   border-right: none;
  104.   border-bottom: none;
  105.   border-left: 1px solid transparent;
  106. }
  107.   
  108. outlinercol:hover:active > .outlinercol-box {
  109.   padding: 1px 4px 0px 5px;
  110. }
  111.  
  112. outlinercol:hover:active > .outlinercol-image-box {
  113.   padding: 1px 1px 0px 2px;
  114. }
  115.  
  116. /* outliner header with sort direction indicators */
  117.  
  118. .outlinercol-sortdirection {
  119.   list-style-image: none;
  120. }
  121.  
  122. .sortDirectionIndicator[sortDirection="ascending"] > .outlinercol-box > .outlinercol-sortdirection {
  123.   list-style-image: url("chrome://global/skin/sortAscending.gif");
  124. }
  125.  
  126. .sortDirectionIndicator[sortDirection="descending"] > .outlinercol-box > .outlinercol-sortdirection {
  127.   list-style-image: url("chrome://global/skin/sortDescending.gif");
  128. }
  129.  
  130. .outliner-colpicker-icon
  131. {
  132.   list-style-image: url("chrome://global/skin/columnselect.gif");
  133. }
  134.  
  135. /* twisty rules */
  136. outlinerbody:-moz-outliner-twisty {
  137.   padding-right: 2px;
  138.   width: 12px; /* The image's width is 12 pixels */
  139.   list-style-image: url("chrome://global/skin/twisty-closed.gif");
  140. }
  141.   
  142. outlinerbody:-moz-outliner-twisty(open) {
  143.   width: 12px; /* The image's width is 12 pixels */
  144.   list-style-image: url("chrome://global/skin/twisty-open.gif");
  145. }
  146.  
  147. outlinerbody:-moz-outliner-indentation {
  148.   width: 16px;
  149. }
  150.