home *** CD-ROM | disk | FTP | other *** search
/ Chip 2002 January / 01_02.iso / software / netscape62win / skinclas.xpi / bin / chrome / classic.jar / skin / classic / global / splitter.css < prev    next >
Cascading Style Sheet File  |  2001-08-04  |  5KB  |  152 lines
  1. /******* Splitters *******/
  2.  
  3. /** 
  4.  * XXX - We want to deprecate all usages of 'box' in this file and replace with
  5.  *       vbox/hbox. This should happen after the chrome is converted to use
  6.  *       these XUL elements. 
  7.  */
  8.  
  9.   splitter 
  10.     {
  11.       cursor                : e-resize;
  12.       background-color      : -moz-Dialog;
  13.     }
  14.   
  15.   grippy, grippy[collapse="before"]
  16.     {
  17.       border                : 1px solid ThreeDShadow;
  18.         list-style-image      : url("chrome://global/skin/grippy-horizontal-before.gif");
  19.         cursor                : pointer;
  20.       min-height            : 1px;
  21.     }
  22.   
  23.   grippy:hover
  24.     {
  25.       background-color      : #CCCCFF;
  26.     }
  27.   
  28.   splitter[state="collapsed"] > grippy
  29.     {
  30.         list-style-image      : url("chrome://global/skin/grippy-horizontal-after.gif");
  31.     }  
  32.     
  33.   .grippy-box
  34.     {
  35.       border-top            : 1px solid ThreeDHighlight;
  36.       border-left           : 1px solid ThreeDHighlight;
  37.       border-right          : 1px solid ThreeDFace;
  38.       border-bottom         : 1px solid ThreeDFace;
  39.     }  
  40.     
  41.   .grippy-image
  42.     {
  43.       list-style-image      : inherit;
  44.     }  
  45.     
  46.   splitter[state="dragging"],
  47.   splitter:hover:active
  48.     {
  49.       background-color      : -moz-Dialog;
  50.       background-image      : url("chrome://global/skin/splitter-drag-bg.gif");
  51.     }
  52.   
  53.   rows > splitter
  54.     {
  55.       cursor              : n-resize;
  56.     }
  57.     
  58.   window[orient="vertical"] > splitter,
  59.   box[orient="vertical"] > splitter,
  60.   vbox > splitter
  61.     {
  62.       cursor              : n-resize;
  63.       border-top          : 1px solid ThreeDHighlight;
  64.     }
  65.     
  66. /* Grippy alignment */
  67.  
  68. /* Vertical splitter (between two boxes, horizontally stacked), collapse to left */
  69.   window > splitter > grippy,
  70.   box > splitter > grippy,
  71.   hbox > splitter > grippy
  72.     {
  73.       list-style-image    : url("chrome://global/skin/grippy-horizontal-before.gif");
  74.       border-left         : none;
  75.       border-right        : none;
  76.     }  
  77.     
  78.   window > splitter > grippy > .grippy-box,
  79.   box > splitter > grippy > .grippy-box,
  80.   hbox > splitter > grippy > .grippy-box 
  81.     {
  82.       border-left         : none;
  83.       border-right        : none;
  84.     }  
  85.  
  86.   window > splitter[state="collapsed"] > grippy,
  87.   box > splitter[state="collapsed"] > grippy,
  88.   hbox > splitter[state="collapsed"] > grippy
  89.     {
  90.       list-style-image    : url("chrome://global/skin/grippy-horizontal-after.gif");
  91.     }
  92.  
  93. /* Vertical splitter (between two boxes, horizontally stacked), collapse to right */
  94.   window > splitter[collapse="after"] > grippy,
  95.   box > splitter[collapse="after"] > grippy,
  96.   hbox > splitter[collapse="after"] > grippy
  97.     {
  98.       list-style-image    : url("chrome://global/skin/grippy-horizontal-after.gif");
  99.     }  
  100.     
  101.   window > splitter[collapse="after"][state="collapsed"] > grippy,
  102.   box > splitter[collapse="after"][state="collapsed"] > grippy,
  103.   hbox > splitter[collapse="after"][state="collapsed"]> grippy
  104.     {
  105.       list-style-image    : url("chrome://global/skin/grippy-horizontal-before.gif");
  106.     }
  107.  
  108. /* Horizontal splitter (between two boxes, vertically stacked), collapse to left */
  109.   window[orient="vertical"] > splitter > grippy,
  110.   box[orient="vertical"] > splitter > grippy,
  111.   vbox > splitter > grippy
  112.     {
  113.       list-style-image    : url("chrome://global/skin/grippy-vertical-before.gif");
  114.       border-left         : 1px solid ThreeDShadow;
  115.       border-right        : 1px solid ThreeDHighlight;
  116.       border-top          : none;
  117.       border-bottom       : none;
  118.     }  
  119.     
  120.   window[orient="vertical"] > splitter > grippy > .grippy-box,
  121.   box[orient="vertical"] > splitter > grippy > .grippy-box,
  122.   vbox > splitter > grippy > .grippy-box
  123.     {
  124.       border-left         : 1px solid ThreeDHighlight;
  125.       border-right        : 1px solid ThreeDShadow;
  126.       border-top          : none;
  127.       border-bottom       : none;
  128.     }  
  129.  
  130.   window[orient="vertical"] > splitter[state="collapsed"] > grippy,
  131.   box[orient="vertical"] > splitter[state="collapsed"] > grippy,
  132.   vbox > splitter[state="collapsed"] > grippy
  133.     {
  134.       list-style-image    : url("chrome://global/skin/grippy-vertical-after.gif");
  135.     }
  136.     
  137. /* Horizontal splitter (between two boxes, vertically stacked), collapse to right */
  138.   window[orient="vertical"] > splitter[collapse="after"] > grippy,
  139.   box[orient="vertical"] > splitter[collapse="after"] > grippy,
  140.   vbox > splitter[collapse="after"] > grippy
  141.     {
  142.       list-style-image    : url("chrome://global/skin/grippy-vertical-after.gif");
  143.     }  
  144.     
  145.   window[orient="vertical"] > splitter[collapse="after"][state="collapsed"] > grippy,
  146.   box[orient="vertical"] > splitter[collapse="after"][state="collapsed"] > grippy,
  147.   vbox > splitter[collapse="after"][state="collapsed"] > grippy
  148.     {
  149.       list-style-image    : url("chrome://global/skin/grippy-vertical-before.gif");
  150.     }
  151.      
  152.