home *** CD-ROM | disk | FTP | other *** search
/ GameStar 2005 October / Gamestar_77_2005-10_dvd.iso / Programy / nsb-install-8-0.exe / chrome / fusion.jar / skin / fusion / global / splitter.css < prev    next >
Cascading Style Sheet File  |  2005-07-29  |  7KB  |  201 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. /* toolkit\themes\aluminum\global\splitter.css */
  29.  
  30. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  31.  
  32. /* ::::: splitter (vertical) ::::: */
  33.  
  34. splitter {
  35.   -moz-box-align: center;
  36.   -moz-box-pack: center;
  37.   cursor: e-resize;
  38.   min-width: 5px;
  39.   background-color: #c4dae0;
  40. }
  41. #browser splitter {
  42.   background-image: url("chrome://global/skin/splitter/splitter-bg.png");
  43.   background-repeat: repeat-x;
  44. }
  45.  
  46. /* ::::: splitter (horizontal) ::::: */
  47.  
  48. splitter[orient="vertical"] {
  49.   cursor: n-resize;
  50.   border-top: 2px solid;
  51.   border-right: 1px solid;
  52.   border-bottom: 2px solid;
  53.   border-left: 1px solid;
  54.   -moz-border-top-colors: #97A4B2 #DFE5EF;
  55.   -moz-border-right-colors: #AAB4BF;
  56.   -moz-border-bottom-colors: #3B414F #AAB4BF;
  57.   -moz-border-left-colors: #DFE5EF;
  58.   min-width: 0px;
  59.   min-height: 5px;
  60. }
  61.  
  62. /* ::::: splitter grippy ::::: */
  63.  
  64. grippy {
  65.   cursor: pointer;
  66.   margin: 0px;
  67.   min-width: 5px;
  68.   min-height: 50px;
  69. }
  70.  
  71. splitter[orient="vertical"] > grippy {
  72.   margin: 0px;
  73.   min-width: 50px;
  74.   min-height: 5px;
  75. }
  76.  
  77. /* ..... normal state ..... */
  78.  
  79. /* vertical grippies */
  80. splitter[collapse="before"] > grippy {
  81.   background-image: url("chrome://global/skin/splitter/grip-vrt-before.gif");
  82. }
  83.  
  84. splitter[collapse="before"]:hover:active > grippy {
  85.   background-image: url("chrome://global/skin/splitter/grip-vrt-before-act.gif");
  86. }
  87.  
  88. splitter[collapse="before"] > grippy:hover:active {
  89.   background-image: url("chrome://global/skin/splitter/grip-vrt-before-act.gif");
  90. }
  91.  
  92. splitter[collapse="after"] > grippy {
  93.   background-image: url("chrome://global/skin/splitter/grip-vrt-after.gif");
  94. }
  95.  
  96. splitter[collapse="after"]:hover:active > grippy {
  97.   background-image: url("chrome://global/skin/splitter/grip-vrt-after-act.gif");
  98. }
  99.  
  100. splitter[collapse="after"] > grippy:hover:active {
  101.   background-image: url("chrome://global/skin/splitter/grip-vrt-after-act.gif");
  102. }
  103.  
  104. /* horizontal grippies */
  105. splitter[collapse="before"][orient="vertical"] > grippy {
  106.   background-image: url("chrome://global/skin/splitter/grip-hrz-before.gif");
  107. }
  108.  
  109. splitter[collapse="before"][orient="vertical"]:hover:active > grippy {
  110.   background-image: url("chrome://global/skin/splitter/grip-hrz-before-act.gif");
  111. }
  112.  
  113. splitter[collapse="before"][orient="vertical"] > grippy:hover:active {
  114.   background-image: url("chrome://global/skin/splitter/grip-hrz-before-act.gif");
  115. }
  116.  
  117. splitter[collapse="after"][orient="vertical"] > grippy {
  118.   background-image: url("chrome://global/skin/splitter/grip-hrz-after.gif");
  119. }
  120.  
  121. splitter[collapse="after"][orient="vertical"]:hover:active > grippy {
  122.   background-image: url("chrome://global/skin/splitter/grip-hrz-after-act.gif");
  123. }
  124.  
  125. splitter[collapse="after"][orient="vertical"] > grippy:hover:active {
  126.   background-image: url("chrome://global/skin/splitter/grip-hrz-after-act.gif");
  127. }
  128.  
  129. /* ..... collapsed state ..... */
  130.  
  131. /* vertical grippies */
  132. splitter[collapse="before"][state="collapsed"] > grippy {
  133.   background-image: url("chrome://global/skin/splitter/grip-vrt-after.gif");
  134. }
  135.  
  136. splitter[collapse="before"][state="collapsed"]:hover:active > grippy {
  137.   background-image: url("chrome://global/skin/splitter/grip-vrt-after-act.gif");
  138. }
  139.  
  140. splitter[collapse="before"][state="collapsed"] > grippy:hover:active {
  141.   background-image: url("chrome://global/skin/splitter/grip-vrt-after-act.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. splitter[collapse="after"][state="collapsed"]:hover:active > grippy {
  149.   background-image: url("chrome://global/skin/splitter/grip-vrt-before-act.gif");
  150. }
  151.  
  152. splitter[collapse="after"][state="collapsed"] > grippy:hover:active {
  153.   background-image: url("chrome://global/skin/splitter/grip-vrt-before-act.gif");
  154. }
  155.  
  156. /* horizontal grippies */
  157. splitter[collapse="before"][state="collapsed"][orient="vertical"] > grippy {
  158.   background-image: url("chrome://global/skin/splitter/grip-hrz-after.gif");
  159. }
  160.  
  161. splitter[collapse="before"][state="collapsed"][orient="vertical"]:hover:active > grippy {
  162.   background-image: url("chrome://global/skin/splitter/grip-hrz-after-act.gif");
  163. }
  164.  
  165. splitter[collapse="before"][state="collapsed"][orient="vertical"] > grippy:hover:active {
  166.   background-image: url("chrome://global/skin/splitter/grip-hrz-after-act.gif");
  167. }
  168.  
  169. splitter[collapse="after"][state="collapsed"][orient="vertical"] > grippy {
  170.   background-image: url("chrome://global/skin/splitter/grip-hrz-before.gif");
  171. }
  172.  
  173. splitter[collapse="after"][state="collapsed"][orient="vertical"]:hover:active > grippy {
  174.   background-image: url("chrome://global/skin/splitter/grip-hrz-before-act.gif");
  175. }
  176.  
  177. splitter[collapse="after"][state="collapsed"][orient="vertical"] > grippy:hover:active {
  178.   background-image: url("chrome://global/skin/splitter/grip-hrz-before-act.gif");
  179. }
  180.  
  181. #bookmark-window splitter,
  182. #winInspectorMain splitter {
  183.     -moz-box-align: center;
  184.     -moz-box-pack: center;
  185.     cursor: e-resize;
  186.     border-width: 0 2px;
  187.     border-style: solid;
  188.     -moz-border-left-colors: ThreeDShadow ThreeDHighlight;
  189.     -moz-border-right-colors: ThreeDDarkShadow ThreeDFace;
  190.     min-width: 6px;
  191.     background-color: ThreeDFace;
  192. }
  193.  
  194. #bookmark-window splitter[orient="vertical"],
  195. #winInspectorMain splitter[orient="vertical"] {
  196.     cursor: n-resize;
  197.     border-width: 2px 0;
  198.   -moz-border-top-colors: ThreeDShadow ThreeDHighlight;
  199.   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDFace;
  200.   min-height: 6px;
  201. }