home *** CD-ROM | disk | FTP | other *** search
/ Chip 2002 January / 01_02.iso / software / netscape62win / browser.xpi / bin / chrome / modern.jar / skin / modern / global / splitter.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2001-08-04  |  5.2 KB  |  161 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.   cursor: e-resize;
  34.   border-right: 1px solid #000000;
  35.   border-left: 1px solid #000000;
  36.   min-width: 1px;
  37.   background-color: #C7D0D9;
  38. }
  39.  
  40. .splitter-internal-box {
  41.   border-left: 1px solid #EEF0F3;
  42.   border-top: 1px solid #EEF0F3;
  43.   border-right: 1px solid #A5ABB0;
  44.   border-bottom: 1px solid #A5ABB0;
  45.   min-width: 5px;
  46. }
  47.  
  48. /* ::::: splitter (horizontal) ::::: */
  49.  
  50. rows > splitter,
  51. window[orient="vertical"] > splitter,
  52. vbox > splitter,
  53. box[orient="vertical"] > splitter {
  54.   cursor: n-resize;
  55.   border-top: 1px solid #000000;
  56.   border-right: none;
  57.   border-bottom: 1px solid #000000;
  58.   border-left: none;
  59.   min-width: 1px;
  60. }
  61.  
  62. rows > splitter > .splitter-internal-box,
  63. window[orient="vertical"] > splitter > .splitter-internal-box,
  64. vbox > splitter > .splitter-internal-box,
  65. box[orient="vertical"] > splitter > .splitter-internal-box {
  66.   min-height: 5px;
  67. }
  68.   
  69. /* ::::: splitter grippy ::::: */
  70.   
  71. grippy {
  72.   cursor: pointer;
  73.   margin: 0px;
  74.   padding: 0px;
  75.   width: 5px;
  76.   height: 64px;
  77.   background-color: transparent;
  78.   background-repeat: no-repeat;
  79.   background-position: 50% 50%;
  80. }
  81.  
  82. window[orient="vertical"] > splitter > grippy,
  83. vbox > splitter > grippy,
  84. box[orient="vertical"] > splitter > grippy {
  85.   width: 64px;
  86.   height: 5px;
  87. }
  88.   
  89. /* ..... normal state ..... */
  90.  
  91. /* vertical grippies */
  92. splitter[collapse="before"] > grippy {
  93.   background-image: url("chrome://global/skin/splitter/grip-vrt-before.gif");
  94. }
  95.  
  96. splitter[collapse="after"] > grippy {
  97.   background-image: url("chrome://global/skin/splitter/grip-vrt-after.gif");
  98. }
  99.  
  100. /* horizontal grippies */
  101. window[orient="vertical"] > splitter[collapse="before"] > grippy,
  102. vbox > splitter[collapse="before"] > grippy,
  103. box[orient="vertical"] > splitter[collapse="before"] > grippy {
  104.   background-image: url("chrome://global/skin/splitter/grip-hrz-before.gif");
  105. }  
  106.  
  107. window[orient="vertical"] > splitter[collapse="after"] > grippy,
  108. vbox > splitter[collapse="after"] > grippy,
  109. box[orient="vertical"] > splitter[collapse="after"] > grippy {
  110.   background-image: url("chrome://global/skin/splitter/grip-hrz-after.gif");
  111. }  
  112.   
  113. /* ..... active state ..... */
  114.  
  115. /* vertical grippies */
  116. splitter[collapse="before"] > grippy:hover:active {
  117.   background-image: url("chrome://global/skin/splitter/grip-vrt-act.gif");
  118. }
  119.  
  120. splitter[collapse="after"] > grippy:hover:active {
  121.   background-image: url("chrome://global/skin/splitter/grip-vrt-act.gif");
  122. }
  123.  
  124. /* horizontal grippies */
  125. window[orient="vertical"] > splitter[collapse="before"] > grippy:hover:active,
  126. vbox > splitter[collapse="before"] > grippy:hover:active,
  127. box[orient="vertical"] > splitter[collapse="before"] > grippy:hover:active {
  128.   background-image: url("chrome://global/skin/splitter/grip-hrz-act.gif");
  129. }  
  130.  
  131. window[orient="vertical"] > splitter[collapse="after"] > grippy:hover:active,
  132. vbox > splitter[collapse="after"] > grippy:hover:active,
  133. box[orient="vertical"] > splitter[collapse="after"] > grippy:hover:active {
  134.   background-image: url("chrome://global/skin/splitter/grip-hrz-act.gif");
  135. }  
  136.  
  137. /* ..... collapsed state ..... */
  138.  
  139. /* vertical grippies */
  140. splitter[collapse="before"][state="collapsed"] > grippy {
  141.   background-image: url("chrome://global/skin/splitter/grip-vrt-after.gif");
  142. }
  143.  
  144. splitter[collapse="after"][state="collapsed"] > grippy {
  145.   background-image: url("chrome://global/skin/splitter/grip-vrt-before.gif");
  146. }
  147.  
  148. /* horizontal grippies */
  149. window[orient="vertical"] > splitter[collapse="before"][state="collapsed"] > grippy,
  150. vbox > splitter[collapse="before"][state="collapsed"] > grippy,
  151. box[orient="vertical"] > splitter[collapse="before"][state="collapsed"] > grippy {
  152.   background-image: url("chrome://global/skin/splitter/grip-hrz-after.gif");
  153. }  
  154.  
  155. window[orient="vertical"] > splitter[collapse="after"][state="collapsed"] > grippy,
  156. vbox > splitter[collapse="after"][state="collapsed"] > grippy,
  157. box[orient="vertical"] > splitter[collapse="after"][state="collapsed"] > grippy {
  158.   background-image: url("chrome://global/skin/splitter/grip-hrz-before.gif");
  159. }  
  160.  
  161.