EarlyBlue/communicator/skin/splitter.css

   1 /******* Splitters *******/\r
   2 \r
   3 splitter {\r
   4   border: none;\r
   5    cursor: e-resize;\r
   6    min-width: 10px;\r
   7    min-height: 10px;\r
   8 }\r
   9 \r
  10 splitter[state="dragging"]\r
  11 {\r
  12    background-color: gray;\r
  13 }\r
  14 \r
  15 grippy {\r
  16         margin: 0px;\r
  17         border: 1px outset #CCD0DD;\r
  18         padding: 0px;\r
  19         background-color: #CCCCCC;\r
  20         background-image: url("chrome://global/skin/grippy-vertical-before.gif"); \r
  21         background-repeat: no-repeat;\r
  22         background-position: 50% 50%;\r
  23         cursor: pointer;\r
  24 }\r
  25 \r
  26 splitter[state="collapsed"] > grippy\r
  27   {\r
  28     background-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         background-color: #99CCFF;\r
  38 }\r
  39 \r
  40 box[orient="vertical"] > splitter > grippy,\r
  41 window[orient="vertical"] > splitter > grippy {\r
  42         /* a horizontal splitter */\r
  43         background-image: url("chrome://global/skin/grippy-horizontal-after.gif"); \r
  44         width: 120px;\r
  45         height:8px;\r
  46  }\r
  47 \r
  48 box[orient="vertical"] > splitter[state="collapsed"] > grippy\r
  49 window[orient="vertical"] > splitter[state="collapsed"] > grippy {\r
  50         background-image: url("chrome://global/skin/grippy-horizontal-before.gif"); \r
  51  }\r
  52 \r
  53 window > splitter > grippy,\r
  54 box > splitter > grippy {\r
  55         /* a vertical splitter */\r
  56         width: 8px;\r
  57         height: 120px;\r
  58 }\r
  59 \r
  60 box[orient="vertical"] > splitter,\r
  61 window[orient="vertical"] > splitter,\r
  62 rows > splitter {\r
  63         /* a vertical splitter */\r
  64     cursor: n-resize;\r
  65 }\r
  66 \r
  67 /* for backwards compatibility */\r
  68 box[align="vertical"]>splitter > grippy,\r
  69 window[align="vertical"]>splitter > grippy {\r
  70         /* a horizontal splitter */\r
  71         background-image: url("chrome://global/skin/grippy-horizontal-after.gif"); \r
  72         width: 120px;\r
  73         height: 8px;\r
  74 }\r
  75 \r
  76 box[align="vertical"]>splitter[state="collapsed"] > grippy,\r
  77 window[align="vertical"]>splitter[state="collapsed"] > grippy {\r
  78         background-image: url("chrome://global/skin/grippy-horizontal-before.gif"); \r
  79 }\r
  80 \r
  81 box[align="vertical"]>splitter,\r
  82 window[align="vertical"]>splitter {\r
  83         /* a vertical splitter */\r
  84     cursor: n-resize;\r
  85 }\r
  86 \r
  87 /**\r
  88  * gray horizontal splitter for pane views\r
  89  */\r
  90 splitter.gray-horizontal-splitter { \r
  91         min-height: 8px;\r
  92         background-color: #CCD0DD;\r
  93         border: none;\r
  94         border-top: 1px solid #9999CC;\r
  95         border-bottom: 1px solid #9999CC;\r
  96         padding: 0px;\r
  97 }\r
  98 \r
  99 splitter.gray-horizontal-splitter > grippy { \r
 100         margin: 0px;\r
 101         border: 1px outset #CCD0DD;\r
 102         padding: 0px;\r
 103         background-color: #CCCCCC;\r
 104         background-image: url("chrome://global/skin/grippy-horizontal-after.gif"); \r
 105 }\r
 106 \r
 107 splitter.gray-horizontal-splitter[state="collapsed"] > grippy { \r
 108         background-image: url("chrome://global/skin/grippy-horizontal-before.gif"); \r
 109 }\r
 110 \r
 111 splitter.gray-horizontal-splitter > grippy:hover { \r
 112         background-color: #99CCFF;\r
 113 }\r
 114 \r
 115 splitter.gray-horizontal-splitter > grippy:active { \r
 116         border: 1px inset #CCD0DD;\r
 117         background-color: #99CCFF;\r
 118 }\r
 119 \r
 120 /*\r
 121 splitter.gray-horizontal-splitter > #begincap { \r
 122         min-width: 8px;\r
 123         width: 8px;\r
 124         background-image: url("chrome://global/skin/gray-bottomleft.gif");\r
 125         background-repeat: no-repeat;\r
 126         background-position: 0% 100%;\r
 127 }\r
 128 \r
 129 splitter.gray-horizontal-splitter > #endcap { \r
 130         min-width: 8px;\r
 131         width: 8px;\r
 132 }\r
 133 */