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 +}