LCARStrek/global/skin/splitter.css

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