LCARStrek/global/skin/splitter.css

   1 /******* Splitters *******/
   2
   3 splitter
   4   {
   5     cursor                : e-resize;
   6     background-color      : #9C9CFF;
   7     vertical-align        : middle;
   8     text-align            : 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   window[align="vertical"] > splitter,
  70   box[align="vertical"] > splitter
  71     {
  72       cursor              : n-resize;
  73       border-top          : 0px solid black;
  74       border-bottom       : 0px solid black;
  75     }
  76
  77   rows > splitter > grippy,
  78   window[orient="vertical"] > splitter > grippy,
  79   vbox > splitter > grippy,
  80   box[orient="vertical"] > splitter > grippy,
  81   window[align="vertical"] > splitter > grippy,
  82   box[align="vertical"] > splitter > grippy
  83     {
  84       list-style-image      : url("chrome://global/skin/grippy-horizontal-before.gif");
  85     }
  86
  87   rows > splitter[state="collapsed"] > grippy,
  88   window[orient="vertical"] > splitter[state="collapsed"] > grippy,
  89   vbox > splitter[state="collapsed"] > grippy,
  90   box[orient="vertical"] > splitter[state="collapsed"] > grippy,
  91   window[align="vertical"] > splitter[state="collapsed"] > grippy,
  92   box[align="vertical"] > splitter[state="collapsed"] > grippy
  93     {
  94       list-style-image      : url("chrome://global/skin/grippy-horizontal-after.gif");
  95     }
  96