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