toolkit/themes/windows/global/xulscrollbars.css

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/toolkit/themes/windows/global/xulscrollbars.css	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,227 @@
     1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public
     1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this
     1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
     1.7 +
     1.8 +/* ===== xulscrollbars.css ==============================================
     1.9 +  == Styles used by XUL scrollbar-related elements.
    1.10 +  ======================================================================= */
    1.11 +
    1.12 +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
    1.13 +@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
    1.14 +
    1.15 +/* ::::: scrollbar ::::: */
    1.16 +
    1.17 +scrollbar {
    1.18 +  -moz-appearance: scrollbartrack-horizontal;
    1.19 +  -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar");
    1.20 +  cursor: default;
    1.21 +  background: url("chrome://global/skin/scrollbar/slider.gif") scrollbar;
    1.22 +  pointer-events: auto;
    1.23 +}
    1.24 +
    1.25 +@media all and (-moz-overlay-scrollbars) {
    1.26 +  scrollbar[root="true"] {
    1.27 +    position: relative;
    1.28 +    z-index: 2147483647; /* largest positive value of a signed 32-bit integer */
    1.29 +  }
    1.30 +
    1.31 +  scrollbar:not([active="true"]),
    1.32 +  scrollbar[disabled="true"] {
    1.33 +    visibility: hidden;
    1.34 +  }
    1.35 +}
    1.36 +
    1.37 +scrollbar[orient="vertical"] 
    1.38 +{
    1.39 +   -moz-appearance: scrollbartrack-vertical;
    1.40 +}
    1.41 +
    1.42 +/* ::::: borders for thumb and buttons ::::: */
    1.43 +
    1.44 +thumb,
    1.45 +scrollbarbutton {
    1.46 +  border: 2px solid;
    1.47 +  -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
    1.48 +  -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
    1.49 +  -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
    1.50 +  -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
    1.51 +  background-color: -moz-Dialog;
    1.52 +}
    1.53 +
    1.54 +/* ::::: thumb (horizontal) ::::: */
    1.55 +
    1.56 +thumb {
    1.57 +  -moz-appearance: scrollbarthumb-vertical;
    1.58 +  min-height: 8px;
    1.59 +}
    1.60 +
    1.61 +thumb[orient="horizontal"] {
    1.62 +  -moz-appearance: scrollbarthumb-horizontal;
    1.63 +  min-width: 8px;
    1.64 +}
    1.65 +
    1.66 +/* ::::: scrollbar button ::::: */
    1.67 +
    1.68 +scrollbarbutton {
    1.69 +  background: -moz-Dialog no-repeat 50% 50%;
    1.70 +  min-width: 16px;
    1.71 +  min-height: 16px;
    1.72 +}
    1.73 +
    1.74 +scrollbarbutton:hover:active, scrollbarbutton[active="true"] {
    1.75 +  -moz-border-top-colors: ThreeDShadow -moz-Dialog;
    1.76 +  -moz-border-right-colors: ThreeDShadow -moz-Dialog;
    1.77 +  -moz-border-bottom-colors: ThreeDShadow -moz-Dialog;
    1.78 +  -moz-border-left-colors: ThreeDShadow -moz-Dialog;
    1.79 +  background-position: 60% 60%;
    1.80 +}
    1.81 +
    1.82 +/* ::::: square at the corner of two scrollbars ::::: */
    1.83 +
    1.84 +scrollcorner { 
    1.85 +  /* XXX -moz-appearance: scrollcorner; */
    1.86 +  -moz-binding: url(chrome://global/content/bindings/scrollbar.xml#scrollbar-base);
    1.87 +  width: 16px;
    1.88 +  cursor: default;
    1.89 +  background-color: -moz-Dialog;
    1.90 +}
    1.91 +
    1.92 +/* ..... increment .... */
    1.93 +
    1.94 +scrollbarbutton[type="increment"] {
    1.95 +  -moz-appearance: scrollbarbutton-right;
    1.96 +  background-image: url("chrome://global/skin/arrow/arrow-rit.gif")
    1.97 +}
    1.98 +
    1.99 +scrollbarbutton[type="increment"][disabled="true"] {
   1.100 +  background-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif")
   1.101 +}
   1.102 +
   1.103 +scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
   1.104 +  -moz-appearance: scrollbarbutton-down;
   1.105 +  background-image: url("chrome://global/skin/arrow/arrow-dn.gif")
   1.106 +}
   1.107 +
   1.108 +scrollbar[orient="vertical"] > scrollbarbutton[type="increment"][disabled="true"] {
   1.109 +  background-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif")
   1.110 +}
   1.111 +
   1.112 +/* ..... decrement .... */
   1.113 +
   1.114 +scrollbarbutton[type="decrement"] {
   1.115 +  -moz-appearance: scrollbarbutton-left;
   1.116 +   background-image: url("chrome://global/skin/arrow/arrow-lft.gif")
   1.117 +}
   1.118 +
   1.119 +scrollbarbutton[type="decrement"][disabled="true"] {
   1.120 +   background-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif")
   1.121 +}
   1.122 +
   1.123 +scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
   1.124 +  -moz-appearance: scrollbarbutton-up;
   1.125 +   background-image: url("chrome://global/skin/arrow/arrow-up.gif")
   1.126 +}
   1.127 +
   1.128 +scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"] {
   1.129 +   background-image: url("chrome://global/skin/arrow/arrow-up-dis.gif")
   1.130 +}
   1.131 +
   1.132 +/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
   1.133 +/* ::::::::::::::::::::: MEDIA PRINT :::::::::::::::::::::: */
   1.134 +/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
   1.135 +@media print {
   1.136 +  /* ::::: scrollbar ::::: */
   1.137 +
   1.138 +  html|div scrollbar {
   1.139 +    -moz-appearance: scrollbartrack-horizontal;
   1.140 +    -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar");
   1.141 +    cursor: default;
   1.142 +    background: url("chrome://global/skin/scrollbar/slider.gif") scrollbar;
   1.143 +  }
   1.144 +
   1.145 +  html|div scrollbar[orient="vertical"] 
   1.146 +  {
   1.147 +     -moz-appearance: scrollbartrack-vertical;
   1.148 +  }
   1.149 +
   1.150 +  /* ::::: borders for thumb and buttons ::::: */
   1.151 +
   1.152 +  html|div thumb,
   1.153 +  html|div scrollbarbutton {
   1.154 +    border: 2px solid;
   1.155 +    -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
   1.156 +    -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
   1.157 +    -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
   1.158 +    -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
   1.159 +    background-color: -moz-Dialog;
   1.160 +  }
   1.161 +
   1.162 +  /* ::::: thumb (horizontal) ::::: */
   1.163 +
   1.164 +  html|div thumb {
   1.165 +    -moz-appearance: scrollbarthumb-vertical;
   1.166 +    min-height: 8px;
   1.167 +  }
   1.168 +
   1.169 +  html|div thumb[orient="horizontal"] {
   1.170 +    -moz-appearance: scrollbarthumb-horizontal;
   1.171 +    min-width: 8px;
   1.172 +  }
   1.173 +
   1.174 +  /* ::::: scrollbar button ::::: */
   1.175 +
   1.176 +  html|div scrollbarbutton {
   1.177 +    background: -moz-Dialog no-repeat 50% 50%;
   1.178 +    min-width: 16px;
   1.179 +    min-height: 16px;
   1.180 +  }
   1.181 +
   1.182 +  html|div scrollbarbutton:hover:active, html|div scrollbarbutton[active="true"] {
   1.183 +    -moz-border-top-colors: ThreeDShadow -moz-Dialog;
   1.184 +    -moz-border-right-colors: ThreeDShadow -moz-Dialog;
   1.185 +    -moz-border-bottom-colors: ThreeDShadow -moz-Dialog;
   1.186 +    -moz-border-left-colors: ThreeDShadow -moz-Dialog;
   1.187 +    background-position: 60% 60%;
   1.188 +  }
   1.189 +
   1.190 +  /* ..... increment .... */
   1.191 +
   1.192 +  html|div scrollbarbutton[type="increment"] {
   1.193 +    -moz-appearance: scrollbarbutton-right;
   1.194 +    background-image: url("chrome://global/skin/arrow/arrow-rit.gif")
   1.195 +  }
   1.196 +
   1.197 +  html|div scrollbarbutton[type="increment"][disabled="true"] {
   1.198 +    background-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif")
   1.199 +  }
   1.200 +
   1.201 +  html|div scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
   1.202 +    -moz-appearance: scrollbarbutton-down;
   1.203 +    background-image: url("chrome://global/skin/arrow/arrow-dn.gif")
   1.204 +  }
   1.205 +
   1.206 +  html|div scrollbar[orient="vertical"] > scrollbarbutton[type="increment"][disabled="true"] {
   1.207 +    background-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif")
   1.208 +  }
   1.209 +
   1.210 +  /* ..... decrement .... */
   1.211 +
   1.212 +  html|div scrollbarbutton[type="decrement"] {
   1.213 +    -moz-appearance: scrollbarbutton-left;
   1.214 +     background-image: url("chrome://global/skin/arrow/arrow-lft.gif")
   1.215 +  }
   1.216 +
   1.217 +  html|div scrollbarbutton[type="decrement"][disabled="true"] {
   1.218 +     background-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif")
   1.219 +  }
   1.220 +
   1.221 +  html|div scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
   1.222 +    -moz-appearance: scrollbarbutton-up;
   1.223 +     background-image: url("chrome://global/skin/arrow/arrow-up.gif")
   1.224 +  }
   1.225 +
   1.226 +  html|div scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"] {
   1.227 +     background-image: url("chrome://global/skin/arrow/arrow-up-dis.gif")
   1.228 +  }
   1.229 +
   1.230 +}

mercurial