home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 April / Chip_2004-04_cd1.bin / tema / mozilla / skin / MozCurveBlue-1.4-0.99.jar / global / splitter.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2003-12-06  |  3.7 KB  |  125 lines
  1. /*
  2.  * The contents of this file are subject to the Netscape Public
  3.  * License Version 1.1 (the "License"); you may not use this file
  4.  * except in compliance with the License. You may obtain a copy of
  5.  * the License at http://www.mozilla.org/NPL/
  6.  *
  7.  * Software distributed under the License is distributed on an "AS
  8.  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
  9.  * implied. See the License for the specific language governing
  10.  * rights and limitations under the License.
  11.  *
  12.  * The Original Code is Mozilla Communicator client code, released
  13.  * March 31, 1998.
  14.  *
  15.  * The Initial Developer of the Original Code is Netscape
  16.  * Communications Corporation. Portions created by Netscape are
  17.  * Copyright (C) 1998-2001 Netscape Communications Corporation. All
  18.  * Rights Reserved.
  19.  *
  20.  * Contributor(s):
  21.  *   Joe Hewitt (hewitt@netscape.com)
  22.  */
  23.  
  24. /* ===== splitter.css ===================================================
  25.   == Styles used by the XUL splitter element.
  26.   ======================================================================= */
  27.  
  28. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  29.  
  30. /* ::::: splitter (vertical) ::::: */
  31.  
  32. splitter {
  33.   -moz-box-align: center;
  34.   -moz-box-pack: center;
  35.   cursor: e-resize;
  36.   border: 2px solid;
  37.   -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
  38.   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  39.   -moz-border-bottom-colors: ThreeDShadow ThreeDLightShadow;
  40.   -moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight;
  41.   min-width: 8px;
  42.   background-color: ThreeDFace;
  43. }
  44.  
  45. splitter[state="dragging"] {
  46.   background-image: url("chrome://global/skin/splitter/drag-bg.gif");
  47. }
  48.  
  49. /* ::::: splitter (horizontal) ::::: */
  50.  
  51. splitter[orient="vertical"] {
  52.   cursor: n-resize;
  53.   -moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight;
  54.   -moz-border-right-colors: ThreeDShadow ThreeDLightShadow;
  55.   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
  56.   -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
  57.   min-height: 8px;
  58. }
  59.  
  60. /* ::::: splitter grippy ::::: */
  61.   
  62. grippy {
  63.   cursor: pointer;
  64.   border-top: 1px solid ThreeDShadow;
  65.   border-bottom: 1px solid ThreeDShadow;
  66.   min-width: 4px;
  67.   min-height: 115px;
  68.   background-color: transparent;
  69.   background-repeat: no-repeat;
  70. }
  71.  
  72. grippy:hover {
  73.   background-color: #CCCCFF;
  74. }
  75.  
  76. splitter[orient="vertical"] > grippy {
  77.   border-top: none;
  78.   border-right: 1px solid ThreeDShadow;
  79.   border-bottom: none;
  80.   border-left: 1px solid ThreeDShadow;;
  81.   min-width: 115px;
  82.   min-height: 4px;
  83. }
  84.   
  85. /* ..... normal state ..... */
  86.  
  87. /* vertical grippies */
  88. splitter[collapse="before"] > grippy {
  89.   background-image: url("chrome://global/skin/splitter/grip-vrt-before.gif");
  90. }
  91.  
  92. splitter[collapse="after"] > grippy {
  93.   background-image: url("chrome://global/skin/splitter/grip-vrt-after.gif");
  94. }
  95.  
  96. /* horizontal grippies */
  97. splitter[collapse="before"][orient="vertical"] > grippy {
  98.   background-image: url("chrome://global/skin/splitter/grip-hrz-before.gif");
  99. }  
  100.  
  101. splitter[collapse="after"][orient="vertical"] > grippy {
  102.   background-image: url("chrome://global/skin/splitter/grip-hrz-after.gif");
  103. }  
  104.   
  105. /* ..... collapsed state ..... */
  106.  
  107. /* vertical grippies */
  108. splitter[collapse="before"][state="collapsed"] > grippy {
  109.   background-image: url("chrome://global/skin/splitter/grip-vrt-after.gif");
  110. }
  111.  
  112. splitter[collapse="after"][state="collapsed"] > grippy {
  113.   background-image: url("chrome://global/skin/splitter/grip-vrt-before.gif");
  114. }
  115.  
  116. /* horizontal grippies */
  117. splitter[collapse="before"][state="collapsed"][orient="vertical"] > grippy {
  118.   background-image: url("chrome://global/skin/splitter/grip-hrz-after.gif");
  119. }  
  120.  
  121. splitter[collapse="after"][state="collapsed"][orient="vertical"] > grippy {
  122.   background-image: url("chrome://global/skin/splitter/grip-hrz-before.gif");
  123. }  
  124.  
  125.