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 /**
  69  * gray horizontal splitter for pane views
  70  */
  71 splitter.gray-horizontal-splitter {
  72         min-height: 8px;
  73         border: none;
  74         margin: 3px 0px 3px 0px;
  75         padding: 0px;
  76 }
  77
  78 splitter.gray-horizontal-splitter > grippy {
  79         margin: 0px;
  80         border: none;
  81         border-right: 3px solid black;
  82         border-left: 3px solid black;
  83         padding: 0px;
  84         background-image: url("chrome://global/skin/grippy-horizontal-after.gif");
  85 }
  86
  87 splitter.gray-horizontal-splitter[state="collapsed"] > grippy {
  88         background-image: url("chrome://global/skin/grippy-horizontal-before.gif");
  89 }
  90
  91 /*
  92 splitter.gray-horizontal-splitter > #begincap {
  93         min-width: 8px;
  94         width: 8px;
  95         background-image: url("chrome://global/skin/gray-bottomleft.gif");
  96         background-repeat: no-repeat;
  97         background-position: 0% 100%;
  98 }
  99
 100 splitter.gray-horizontal-splitter > #endcap {
 101         min-width: 8px;
 102         width: 8px;
 103 }
 104 */
 105