LCARStrek/communicator/skin/splitter.css

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