EarlyBlue/global/skin/splitter.css

   1 /******* Splitters *******/\r
   2 \r
   3 splitter \r
   4   {\r
   5     cursor                : e-resize;\r
   6     background-color      : #CCD0DD;\r
   7     vertical-align        : middle;\r
   8     text-align            : center;\r
   9     padding               : 0px;\r
  10   }\r
  11 \r
  12 splitter[state="dragging"]\r
  13   {\r
  14     background-color      : #999999;\r
  15   }\r
  16 \r
  17 grippy\r
  18   {\r
  19     margin                : 0px;\r
  20     border                : 1px outset #CCD0DD;\r
  21     padding               : 0px;\r
  22     list-style-image      : url("chrome://global/skin/grippy-vertical-before.gif");\r
  23     cursor                : pointer;\r
  24   }\r
  25 \r
  26 splitter[state="collapsed"] > grippy\r
  27   {\r
  28     list-style-image      : url("chrome://global/skin/grippy-vertical-after.gif");\r
  29   }\r
  30 \r
  31 grippy:hover\r
  32   {\r
  33     background-color      : #99CCFF;\r
  34   }\r
  35 \r
  36 grippy:hover:active\r
  37   {\r
  38     border                : 1px inset #CCD0DD;\r
  39   }\r
  40 \r
  41 /* vertical splitters */\r
  42   window > splitter, box > splitter \r
  43     {\r
  44       width               : 8px;\r
  45       border-left         : 1px solid #9999CC;\r
  46       border-right        : 1px solid #9999CC;\r
  47     }\r
  48   \r
  49 /* horizontal splitters */  \r
  50   /* XXX we should comment out the 'align' support to force people to migrate \r
  51          to 'orient' */\r
  52   rows > splitter,\r
  53   window[orient="vertical"] > splitter,\r
  54   box[orient="vertical"] > splitter,\r
  55   window[align="vertical"] > splitter,\r
  56   box[align="vertical"] > splitter\r
  57     {\r
  58       cursor              : n-resize;\r
  59       border-top          : 1px solid #9999CC;\r
  60       border-right        : 1px solid #9999CC;\r
  61     }\r
  62 \r
  63   rows > splitter > grippy,\r
  64   window[orient="vertical"] > splitter grippy,\r
  65   box[orient="vertical"] > splitter grippy,\r
  66   window[align="vertical"] > splitter grippy,\r
  67   box[align="vertical"] > splitter grippy\r
  68     {\r
  69       list-style-image      : url("chrome://global/skin/grippy-vertical-before.gif");\r
  70     }