toolkit/themes/winstripe/global/splitter.css

   1 /* ***** BEGIN LICENSE BLOCK *****
   2  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
   3  *
   4  * The contents of this file are subject to the Mozilla Public License Version
   5  * 1.1 (the "License"); you may not use this file except in compliance with
   6  * the License. You may obtain a copy of the License at
   7  * http://www.mozilla.org/MPL/
   8  *
   9  * Software distributed under the License is distributed on an "AS IS" basis,
  10  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11  * for the specific language governing rights and limitations under the
  12  * License.
  13  *
  14  * The Original Code is Mozilla Communicator client code, released
  15  * March 31, 1998.
  16  *
  17  * The Initial Developer of the Original Code is
  18  * Netscape Communications Corporation.
  19  * Portions created by the Initial Developer are Copyright (C) 1998-2001
  20  * the Initial Developer. All Rights Reserved.
  21  *
  22  * Contributor(s):
  23  *   Joe Hewitt (hewitt@netscape.com)
  24  *
  25  * Alternatively, the contents of this file may be used under the terms of
  26  * either the GNU General Public License Version 2 or later (the "GPL"), or
  27  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  28  * in which case the provisions of the GPL or the LGPL are applicable instead
  29  * of those above. If you wish to allow use of your version of this file only
  30  * under the terms of either the GPL or the LGPL, and not to allow others to
  31  * use your version of this file under the terms of the MPL, indicate your
  32  * decision by deleting the provisions above and replace them with the notice
  33  * and other provisions required by the GPL or the LGPL. If you do not delete
  34  * the provisions above, a recipient may use your version of this file under
  35  * the terms of any one of the MPL, the GPL or the LGPL.
  36  *
  37  * ***** END LICENSE BLOCK ***** */
  38
  39 /* ===== splitter.css ===================================================
  40   == Styles used by the XUL splitter element.
  41   ======================================================================= */
  42
  43 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  44
  45 /* ::::: splitter (vertical) ::::: */
  46
  47 splitter {
  48   -moz-box-align: center;
  49   -moz-box-pack: center;
  50   cursor: ew-resize;
  51   border-width: 0 2px;
  52   border-style: solid;
  53   -moz-border-left-colors: ThreeDShadow ThreeDHighlight;
  54   -moz-border-right-colors: ThreeDDarkShadow ThreeDFace;
  55   min-width: 6px;
  56   background-color: ThreeDFace;
  57 }
  58
  59 /* ::::: splitter (horizontal) ::::: */
  60
  61 splitter[orient="vertical"] {
  62   cursor: ns-resize;
  63   border-width: 2px 0;
  64   -moz-border-top-colors: ThreeDShadow ThreeDHighlight;
  65   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDFace;
  66   min-height: 6px;
  67 }
  68
  69 /* ::::: splitter grippy ::::: */
  70
  71 grippy {
  72   cursor: pointer;
  73   border-top: 1px solid ThreeDShadow;
  74   border-bottom: 1px solid ThreeDShadow;
  75   min-width: 4px;
  76   min-height: 115px;
  77   background-color: transparent;
  78   background-repeat: no-repeat;
  79 }
  80
  81 grippy:hover {
  82   background-color: #CCCCFF;
  83 }
  84
  85 splitter[orient="vertical"] > grippy {
  86   border-top: none;
  87   border-right: 1px solid ThreeDShadow;
  88   border-bottom: none;
  89   border-left: 1px solid ThreeDShadow;;
  90   min-width: 115px;
  91   min-height: 4px;
  92 }
  93
  94 /* ..... normal state ..... */
  95
  96 /* vertical grippies */
  97 splitter[collapse="before"] > grippy {
  98   background-image: url("chrome://global/skin/splitter/grip-vrt-before.gif");
  99 }
 100
 101 splitter[collapse="after"] > grippy {
 102   background-image: url("chrome://global/skin/splitter/grip-vrt-after.gif");
 103 }
 104
 105 /* horizontal grippies */
 106 splitter[collapse="before"][orient="vertical"] > grippy {
 107   background-image: url("chrome://global/skin/splitter/grip-hrz-before.gif");
 108 }
 109
 110 splitter[collapse="after"][orient="vertical"] > grippy {
 111   background-image: url("chrome://global/skin/splitter/grip-hrz-after.gif");
 112 }
 113
 114 /* ..... collapsed state ..... */
 115
 116 /* vertical grippies */
 117 splitter[collapse="before"][state="collapsed"] > grippy {
 118   background-image: url("chrome://global/skin/splitter/grip-vrt-after.gif");
 119 }
 120
 121 splitter[collapse="after"][state="collapsed"] > grippy {
 122   background-image: url("chrome://global/skin/splitter/grip-vrt-before.gif");
 123 }
 124
 125 /* horizontal grippies */
 126 splitter[collapse="before"][state="collapsed"][orient="vertical"] > grippy {
 127   background-image: url("chrome://global/skin/splitter/grip-hrz-after.gif");
 128 }
 129
 130 splitter[collapse="after"][state="collapsed"][orient="vertical"] > grippy {
 131   background-image: url("chrome://global/skin/splitter/grip-hrz-before.gif");
 132 }
 133