EarlyBlue/communicator/skin/splitter.css

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