home *** CD-ROM | disk | FTP | other *** search
/ Chip 2002 January / 01_02.iso / software / netscape62win / skinclas.xpi / bin / chrome / classic.jar / skin / classic / global / tree.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2001-08-01  |  6.8 KB  |  266 lines
  1.  
  2. /******** Tree widget **********/ 
  3.  
  4. /** basic tree ****************************************************
  5.  *  basic tree widget for use in main windows where no decoration
  6.  *  is required.
  7.  **/
  8. tree 
  9.   {
  10.     border-spacing        : 0px;     
  11.     border-top            : 1px solid ThreeDShadow;                             
  12.     border-right          : 1px solid ThreeDHighlight;                          
  13.     border-bottom         : 1px solid ThreeDHighlight;                          
  14.     border-left           : 1px solid ThreeDShadow; 
  15.     background-color      : -moz-Field;
  16.     color                 : -moz-FieldText;    
  17.   }
  18.  
  19. .tree-container-treerows[dragover="true"][dragdroptree="true"]
  20.   {
  21.     border                : 2px solid Highlight;
  22.     padding               : 0px;
  23.   }  
  24.   
  25. .tree-container-treerows
  26.   {
  27.     border-top            : 1px solid ThreeDDarkShadow;
  28.     border-right          : 1px solid ThreeDLightShadow;
  29.     border-bottom         : 1px solid ThreeDLightShadow;
  30.     border-left           : 1px solid ThreeDDarkShadow;
  31.   }  
  32.  
  33. .tree-container-treerows[dragdroptree="true"]
  34.   {
  35.     padding               : 1px;
  36.   }  
  37.   
  38. tree.inset
  39.   {
  40.     margin                : 1px 5px 2px 5px;
  41.   }
  42.  
  43. treeitem[selected="true"] > treerow
  44.   {
  45.     color                 : -moz-DialogText;
  46.     background-color      : -moz-Dialog;
  47.   }
  48.  
  49. treeitem 
  50.   {
  51.     list-style-image      : none;
  52.   }
  53.   
  54. treerow 
  55.   {
  56.     border                : 1px solid transparent;
  57.   }
  58.   
  59. treehead > treeitem > treerow,
  60. treehead > treerow 
  61.   {
  62.     border                : none;
  63.   }
  64.   
  65. treecell 
  66.   { 
  67.     padding               : 0px 0px 1px 2px;
  68.     white-space           : nowrap;
  69.   } 
  70.  
  71. tree:focus > treechildren treeitem[selected="true"] > treerow,
  72. treeitem[dd-dropon="true"] > treerow
  73.   {
  74.     background-color      : Highlight;
  75.     color                 : HighlightText;
  76.   }
  77.  
  78. tree:focus > treechildren treeitem[selected="true"][current="true"] > treerow
  79.   {
  80.     /* this is not the right color, what we really need is a color complementary
  81.        to Highlight, but someone needs to implement that first */
  82.     border                : 1px dotted #F5DB95;
  83.   }
  84.  
  85. .treecell-header-image 
  86.   {
  87.     list-style-image      : inherit;
  88.   }
  89.   
  90. .treecell-header,
  91. .treecell-inset-header,
  92. .treecell-header-image
  93.   { 
  94.     border-left           : 1px solid ThreeDHighlight !important;
  95.     border-top            : 1px solid ThreeDHighlight !important;
  96.     border-right          : 1px solid ThreeDDarkShadow !important;
  97.     border-bottom         : 1px solid ThreeDDarkShadow !important;
  98.     padding               : 0px;
  99.     background-color      : -moz-Dialog;
  100.     color                 : -moz-DialogText;
  101.   }
  102.  
  103. .treecell-header-box,
  104. .treecell-header-image-box 
  105.   {
  106.     border-left           : 1px solid ThreeDLightShadow;
  107.     border-top            : 1px solid ThreeDLightShadow;
  108.     border-right          : 1px solid ThreeDShadow;
  109.     border-bottom         : 1px solid ThreeDShadow;
  110.   }  
  111.  
  112. .treecell-header-box
  113.   {
  114.     padding               : 0px 4px 0px 4px;
  115.   }
  116.  
  117. .treecell-header-image-box 
  118.   {
  119.     padding               : 0px 1px 0px 1px;
  120.   }
  121.   
  122. .treecell-header:hover:active,
  123. .treecell-header-image:hover:active,
  124. .treecell-inset-header:hover:active 
  125.   {
  126.     border                : 1px solid ThreeDShadow !important;
  127.   }
  128.  
  129. .treecell-header:hover:active > .treecell-header-box,
  130. .treecell-inset-header:hover:active > .treecell-header-box,
  131. .treecell-header-image:hover:active > .treecell-header-image-box
  132.   {
  133.     border-top            : 1px solid transparent;
  134.     border-right          : none;
  135.     border-bottom         : none;
  136.     border-left           : 1px solid transparent;
  137.   }
  138.   
  139. .treecell-header:hover:active > .treecell-header-box,
  140. .treecell-inset-header:hover:active > .treecell-header-box
  141.   {
  142.     padding               : 1px 4px 0px 5px;
  143.   }
  144.   
  145. .treecell-header-image:hover:active > .treecell-header-image-box
  146.   {
  147.     padding               : 1px 1px 0px 2px;
  148.   }
  149.  
  150. .treecell-image 
  151.   {
  152.     padding               : 0px;
  153.   }
  154.     
  155. /* slimline sidebar treeheaders */  
  156. .treecell-header.treecell-header-sidebarpanel,
  157. .treecell-inset-header.treecell-header-sidebarpanel
  158.   {
  159.     border-left           : none !important;
  160.     border-top            : 1px solid ThreeDHighlight !important;
  161.     border-bottom         : 1px solid ThreeDShadow !important;
  162.     border-right          : none !important;
  163.     padding               : 0px 1px 1px 3px;
  164.   }
  165.  
  166. .treecell-header-sidebarpanel > .treecell-header-box
  167.   {
  168.     border                : none !important;
  169.     border-right          : 1px solid ThreeDFace !important;
  170.   }
  171.  
  172. /** class="propertylist" ******************************************
  173.  *  class for cells in grid-formatted property lists.
  174.  **/
  175.  
  176. treecell.propertylist 
  177.   {
  178.     border-right          : 1px solid ThreeDFace;
  179.     border-bottom         : 1px solid ThreeDFace;
  180.     padding-left          : 5px;
  181.   }
  182.  
  183. .tree-cell-primary-icon,
  184. .tree-cell-primary-icon-inline-edit-folder
  185.   {
  186.     list-style-image      : inherit;
  187.     padding-right         : 2px;
  188.   }
  189.  
  190. .tree-cell-icon 
  191.   {
  192.     list-style-image      : inherit;
  193.     padding-right         : 2px;
  194.   }
  195.  
  196. .tree-cell-twisty 
  197.   {
  198.     list-style-image      : url("chrome://global/skin/twisty-closed.gif");
  199.     -moz-user-focus       : ignore;
  200.     padding-right         : 2px;
  201.   }
  202.  
  203. .treecell-indent > .tree-cell-primary-icon 
  204.   {
  205.     padding-left          : 14px;
  206.   }
  207.  
  208. treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-icon 
  209.   {
  210.     padding-left          : 0px;
  211.   }
  212.  
  213. .tree-cell-twisty[disabled="true"] 
  214.   {
  215.     list-style-image      : none;
  216.   }
  217.  
  218. treeitem[container="true"][open="true"] > treerow > treecell > .tree-cell-twisty 
  219.   {
  220.     list-style-image      : url("chrome://global/skin/twisty-open.gif");
  221.   }
  222.  
  223. /* tree header with sort direction indicators */
  224.  
  225. .tree-header-sortdirection 
  226.   {
  227.     list-style-image      : none;
  228.   }
  229.  
  230. .sortDirectionIndicator[sortDirection="ascending"]  > .treecell-header-box > .tree-header-sortdirection 
  231.   {
  232.     list-style-image      : url("chrome://global/skin/sortAscending.gif");
  233.   }
  234.  
  235. .sortDirectionIndicator[sortDirection="descending"] > .treecell-header-box > .tree-header-sortdirection 
  236.   {
  237.     list-style-image      : url("chrome://global/skin/sortDescending.gif");
  238.   }
  239.  
  240. /* column selection popup menu icon */
  241.  
  242. .treecell-popup-icon
  243.   {
  244.     list-style-image      : url("chrome://global/skin/columnselect.gif");
  245.   }
  246.  
  247. /* Inline Editable Treecells */
  248.  
  249. treerow[mode="inline-edit"] 
  250.   {
  251.     border-top            : none !important;
  252.     border-bottom         : none !important;
  253.     background-color      : transparent !important;
  254.   }
  255.  
  256. .inline-edit-cell-box
  257.   {
  258.     margin-left           : 2px;
  259.   }
  260.  
  261. .inline-edit-cell-box[mode="edit"] 
  262.   {
  263.     margin-left           : 0px;
  264.   }
  265.  
  266.