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