LCARStrek/communicator/skin/splitter.css

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