home *** CD-ROM | disk | FTP | other *** search
/ Chip 2002 January / 01_02.iso / software / netscape62win / browser.xpi / bin / chrome / modern.jar / skin / modern / global / scrollbars-mini.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2001-08-04  |  5.6 KB  |  187 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. /* ===== scrollbars.css =================================================
  25.   == Styles used by XUL scrollbar-related elements.
  26.   ======================================================================= */
  27.  
  28. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  29.  
  30. /* ::::: scrollbar ::::: */
  31.  
  32. scrollbar {
  33.   -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar");
  34. }
  35.  
  36. /* ::::: slider ::::: */
  37.  
  38. slider {
  39.   height: 8px;
  40.   background: url("chrome://global/skin/scrollbar/mini-slider-hrz-mid.gif") repeat-x;
  41. }
  42.  
  43. slider[orient="vertical"] {
  44.   border-top: 0px;
  45.   border-bottom: 0px;
  46.   width: 8px;
  47.   background: url("chrome://global/skin/scrollbar/mini-slider-vrt-mid.gif") repeat-y;
  48. }
  49.  
  50. /* ::::: thumb (horizontal) ::::: */
  51.  
  52. thumb {
  53.   -moz-binding: url("chrome://global/skin/globalBindings.xml#thumb-horizontal");
  54. }
  55.  
  56. .thumb-horz-spring-left {
  57.   width: 3px;
  58.   height: 8px;
  59.   background: url("chrome://global/skin/scrollbar/mini-thumb-hrz-lft.gif") no-repeat;
  60. }
  61.  
  62. .thumb-horz-box-middle {
  63.   height: 8px;
  64.   background: url("chrome://global/skin/scrollbar/mini-thumb-hrz-mid.gif") repeat-x;
  65. }
  66.  
  67. .thumb-horz-spring-right {
  68.   width: 3px;
  69.   height: 8px;
  70.   background: url("chrome://global/skin/scrollbar/mini-thumb-hrz-rit.gif") no-repeat;
  71. }
  72.  
  73. .thumb-horz-grippy {
  74.   margin-left: 1px;
  75.   width: 10px;
  76.   background: url("chrome://global/skin/scrollbar/mini-thumb-hrz-grip.gif") repeat-x;
  77. }
  78.  
  79. /* ..... active state ..... */
  80.  
  81. thumb:active > .thumb-horz-spring-left {
  82.   background-image: url("chrome://global/skin/scrollbar/mini-thumb-hrz-lft-act.gif");
  83. }
  84.  
  85. thumb:active > .thumb-horz-box-middle {
  86.   background-image: url("chrome://global/skin/scrollbar/mini-thumb-hrz-mid-act.gif");
  87. }
  88.  
  89. thumb:active > .thumb-horz-spring-right {
  90.   background-image: url("chrome://global/skin/scrollbar/mini-thumb-hrz-rit-act.gif");
  91. }
  92.  
  93. thumb:active > .thumb-horz-box-middle > .thumb-horz-grippy {
  94.   background-image: url("chrome://global/skin/scrollbar/mini-thumb-hrz-grip-act.gif");
  95. }
  96.  
  97. /* ::::: thumb (vertical) ::::: */
  98.  
  99. thumb[orient="vertical"] {
  100.   -moz-binding: url("chrome://global/skin/globalBindings.xml#thumb-vertical");
  101. }
  102.  
  103. .thumb-vert-spring-top {
  104.   background: url("chrome://global/skin/scrollbar/mini-thumb-vrt-top.gif") no-repeat;
  105.   height: 3px;
  106.   width: 8px;
  107. }
  108.  
  109. .thumb-vert-box-middle {
  110.   background: url("chrome://global/skin/scrollbar/mini-thumb-vrt-mid.gif") repeat-y;
  111.   width: 8px;
  112. }
  113.  
  114. .thumb-vert-spring-bottom {
  115.   background: url("chrome://global/skin/scrollbar/mini-thumb-vrt-btm.gif") no-repeat;
  116.   height: 3px;
  117.   width: 8px;
  118. }
  119.  
  120. .thumb-vert-grippy {
  121.   margin-top: 1px;
  122.   height: 10px;
  123.   background: url("chrome://global/skin/scrollbar/mini-thumb-vrt-grip.gif") repeat-y;
  124. }
  125.  
  126. /* ..... active state ..... */
  127.  
  128. thumb:active > .thumb-vert-spring-top {
  129.   background-image: url("chrome://global/skin/scrollbar/mini-thumb-vrt-top-act.gif") no-repeat;
  130. }
  131.  
  132. thumb:active > .thumb-vert-box-middle {
  133.   background-image: url("chrome://global/skin/scrollbar/mini-thumb-vrt-mid-act.gif") repeat-y;
  134. }
  135.  
  136. thumb:active > .thumb-vert-spring-bottom {
  137.   background-image: url("chrome://global/skin/scrollbar/mini-thumb-vrt-btm-act.gif") no-repeat;
  138. }
  139.  
  140. thumb:active > .thumb-vert-box-middle > .thumb-vert-grippy {
  141.   background-image: url("chrome://global/skin/scrollbar/mini-thumb-vrt-grip-act.gif");
  142. }
  143.  
  144. /* ::::: scrollbar button ::::: */
  145.  
  146. scrollbarbutton {
  147.   -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbarbutton");
  148.   cursor: default;
  149.   -moz-box-align: end;
  150. }
  151.  
  152. /* ..... increment .... */
  153.  
  154. scrollbarbutton[type="increment"] {
  155.    list-style-image: url("chrome://global/skin/scrollbar/mini-btn-rit.gif")
  156. }
  157.  
  158. scrollbarbutton[type="increment"]:hover:active {
  159.    list-style-image: url("chrome://global/skin/scrollbar/mini-btn-rit-act.gif")
  160. }
  161.  
  162. scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
  163.    list-style-image: url("chrome://global/skin/scrollbar/mini-btn-dn.gif")
  164. }
  165.  
  166. scrollbar[orient="vertical"] > scrollbarbutton[type="increment"]:hover:active {
  167.    list-style-image: url("chrome://global/skin/scrollbar/mini-btn-dn-act.gif")
  168. }
  169.  
  170. /* ..... decrement .... */
  171.  
  172. scrollbarbutton[type="decrement"] {
  173.    list-style-image: url("chrome://global/skin/scrollbar/mini-btn-lft.gif")
  174. }
  175.  
  176. scrollbarbutton[type="decrement"]:hover:active {
  177.    list-style-image: url("chrome://global/skin/scrollbar/mini-btn-lft-act.gif")
  178. }
  179.  
  180. scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
  181.    list-style-image: url("chrome://global/skin/scrollbar/mini-btn-up.gif")
  182. }
  183.  
  184. scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"]:hover:active {
  185.    list-style-image: url("chrome://global/skin/scrollbar/mini-btn-up-act.gif")
  186. }
  187.