LCARStrek/global/skin/splitter.css

   1 /******* Splitters *******/
   2
   3 splitter
   4   {
   5     cursor                : e-resize;
   6     background-color      : #9C9CFF;
   7     -moz-box-align        : center;
   8     -moz-box-pack        : center;
   9     padding               : 0px;
  10     border                : none;
  11     border-top            : 3px solid black;
  12     border-bottom         : 3px solid black;
  13   }
  14
  15 splitter[state="dragging"]
  16   {
  17     background-color      : #FFCF00;
  18   }
  19
  20 splitter.tree-splitter
  21   {
  22     background-color      : black;
  23     padding               : 0px;
  24     margin                : 0px;
  25     border                : none;
  26   }
  27
  28 grippy
  29   {
  30     margin                : 0px;
  31     border                : none;
  32     border-top            : 3px solid black;
  33     border-bottom         : 3px solid black;
  34     padding               : 0px;
  35     list-style-image      : url("chrome://global/skin/grippy-vertical-before.gif");
  36     cursor                : pointer;
  37   }
  38
  39 splitter[state="collapsed"] > grippy
  40   {
  41     list-style-image      : url("chrome://global/skin/grippy-vertical-after.gif");
  42   }
  43
  44 grippy:hover
  45   {
  46     background-color      : #FFCF00;
  47   }
  48
  49 grippy:hover:active
  50   {
  51     border                : none;
  52   }
  53
  54 /* vertical splitters */
  55   window > splitter, box > splitter, hbox > splitter
  56     {
  57       width               : 6px;
  58       border-left         : 0px solid black;
  59       border-right        : 0px solid black;
  60     }
  61
  62 /* horizontal splitters */
  63   /* XXX we should comment out the 'align' support to force people to migrate
  64          to 'orient' */
  65   rows > splitter,
  66   window[orient="vertical"] > splitter,
  67   vbox > splitter,
  68   box[orient="vertical"] > splitter
  69     {
  70       cursor              : n-resize;
  71       border-top          : 0px solid black;
  72       border-bottom       : 0px solid black;
  73     }
  74
  75   rows > splitter > grippy,
  76   window[orient="vertical"] > splitter > grippy,
  77   vbox > splitter > grippy,
  78   box[orient="vertical"] > splitter > grippy
  79     {
  80       list-style-image      : url("chrome://global/skin/grippy-horizontal-before.gif");
  81     }
  82
  83   rows > splitter[state="collapsed"] > grippy,
  84   window[orient="vertical"] > splitter[state="collapsed"] > grippy,
  85   vbox > splitter[state="collapsed"] > grippy,
  86   box[orient="vertical"] > splitter[state="collapsed"] > grippy
  87     {
  88       list-style-image      : url("chrome://global/skin/grippy-horizontal-after.gif");
  89     }