1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/toolkit/themes/faststripe/global/xulscrollbars.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,210 @@
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-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar");
1.19 + cursor: default;
1.20 + background: #888888;
1.21 + border-left: 1px solid #555555;
1.22 + border-right: 1px solid #555555;
1.23 +}
1.24 +
1.25 +scrollbar[orient="vertical"]
1.26 +{
1.27 + -moz-appearance: scrollbartrack-vertical;
1.28 + border-left: none;
1.29 + border-right: none;
1.30 + border-top: 1px solid #555555;
1.31 + border-bottom: 1px solid #555555;
1.32 +}
1.33 +
1.34 +/* ::::: borders for thumb and buttons ::::: */
1.35 +
1.36 +thumb,
1.37 +scrollbarbutton {
1.38 + border: 1px solid #555555;
1.39 + background-color: -moz-Dialog;
1.40 +}
1.41 +
1.42 +/* ::::: thumb (horizontal) ::::: */
1.43 +
1.44 +thumb {
1.45 + min-height: 8px;
1.46 +}
1.47 +
1.48 +thumb[orient="horizontal"] {
1.49 + min-width: 8px;
1.50 +}
1.51 +
1.52 +/* ::::: scrollbar button ::::: */
1.53 +
1.54 +scrollbarbutton {
1.55 + background: -moz-Dialog no-repeat 50% 50%;
1.56 + min-width: 16px;
1.57 + min-height: 16px;
1.58 +}
1.59 +
1.60 +scrollbarbutton:hover:active, scrollbarbutton[active="true"] {
1.61 + border-color: #999999;
1.62 + background-position: 60% 60%;
1.63 +}
1.64 +
1.65 +/* ::::: square at the corner of two scrollbars ::::: */
1.66 +
1.67 +scrollcorner {
1.68 + /* XXX -moz-appearance: scrollcorner; */
1.69 + -moz-binding: url(chrome://global/content/bindings/scrollbar.xml#scrollbar-base);
1.70 + width: 16px;
1.71 + cursor: default;
1.72 + background-color: -moz-Dialog;
1.73 +}
1.74 +
1.75 +/* ..... increment .... */
1.76 +
1.77 +scrollbarbutton[type="increment"] {
1.78 + -moz-appearance: scrollbarbutton-right;
1.79 + background-image: url("chrome://global/skin/arrow/arrow-rit.gif")
1.80 +}
1.81 +
1.82 +scrollbarbutton[type="increment"][disabled="true"] {
1.83 + background-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif")
1.84 +}
1.85 +
1.86 +scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
1.87 + -moz-appearance: scrollbarbutton-down;
1.88 + background-image: url("chrome://global/skin/arrow/arrow-dn.gif")
1.89 +}
1.90 +
1.91 +scrollbar[orient="vertical"] > scrollbarbutton[type="increment"][disabled="true"] {
1.92 + background-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif")
1.93 +}
1.94 +
1.95 +/* ..... decrement .... */
1.96 +
1.97 +scrollbarbutton[type="decrement"] {
1.98 + -moz-appearance: scrollbarbutton-left;
1.99 + background-image: url("chrome://global/skin/arrow/arrow-lft.gif")
1.100 +}
1.101 +
1.102 +scrollbarbutton[type="decrement"][disabled="true"] {
1.103 + background-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif")
1.104 +}
1.105 +
1.106 +scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
1.107 + -moz-appearance: scrollbarbutton-up;
1.108 + background-image: url("chrome://global/skin/arrow/arrow-up.gif")
1.109 +}
1.110 +
1.111 +scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"] {
1.112 + background-image: url("chrome://global/skin/arrow/arrow-up-dis.gif")
1.113 +}
1.114 +
1.115 +/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
1.116 +/* ::::::::::::::::::::: MEDIA PRINT :::::::::::::::::::::: */
1.117 +/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
1.118 +@media print {
1.119 + /* ::::: scrollbar ::::: */
1.120 +
1.121 + html|div scrollbar {
1.122 + -moz-appearance: scrollbartrack-horizontal;
1.123 + -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar");
1.124 + cursor: default;
1.125 + background: url("chrome://global/skin/scrollbar/slider.gif") scrollbar;
1.126 + }
1.127 +
1.128 + html|div scrollbar[orient="vertical"]
1.129 + {
1.130 + -moz-appearance: scrollbartrack-vertical;
1.131 + }
1.132 +
1.133 + /* ::::: borders for thumb and buttons ::::: */
1.134 +
1.135 + html|div thumb,
1.136 + html|div scrollbarbutton {
1.137 + border: 2px solid;
1.138 + -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
1.139 + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
1.140 + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
1.141 + -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
1.142 + background-color: -moz-Dialog;
1.143 + }
1.144 +
1.145 + /* ::::: thumb (horizontal) ::::: */
1.146 +
1.147 + html|div thumb {
1.148 + -moz-appearance: scrollbarthumb-vertical;
1.149 + min-height: 8px;
1.150 + }
1.151 +
1.152 + html|div thumb[orient="horizontal"] {
1.153 + -moz-appearance: scrollbarthumb-horizontal;
1.154 + min-width: 8px;
1.155 + }
1.156 +
1.157 + /* ::::: scrollbar button ::::: */
1.158 +
1.159 + html|div scrollbarbutton {
1.160 + background: -moz-Dialog no-repeat 50% 50%;
1.161 + min-width: 16px;
1.162 + min-height: 16px;
1.163 + }
1.164 +
1.165 + html|div scrollbarbutton:hover:active, html|div scrollbarbutton[active="true"] {
1.166 + -moz-border-top-colors: ThreeDShadow -moz-Dialog;
1.167 + -moz-border-right-colors: ThreeDShadow -moz-Dialog;
1.168 + -moz-border-bottom-colors: ThreeDShadow -moz-Dialog;
1.169 + -moz-border-left-colors: ThreeDShadow -moz-Dialog;
1.170 + background-position: 60% 60%;
1.171 + }
1.172 +
1.173 + /* ..... increment .... */
1.174 +
1.175 + html|div scrollbarbutton[type="increment"] {
1.176 + -moz-appearance: scrollbarbutton-right;
1.177 + background-image: url("chrome://global/skin/arrow/arrow-rit.gif")
1.178 + }
1.179 +
1.180 + html|div scrollbarbutton[type="increment"][disabled="true"] {
1.181 + background-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif")
1.182 + }
1.183 +
1.184 + html|div scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
1.185 + -moz-appearance: scrollbarbutton-down;
1.186 + background-image: url("chrome://global/skin/arrow/arrow-dn.gif")
1.187 + }
1.188 +
1.189 + html|div scrollbar[orient="vertical"] > scrollbarbutton[type="increment"][disabled="true"] {
1.190 + background-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif")
1.191 + }
1.192 +
1.193 + /* ..... decrement .... */
1.194 +
1.195 + html|div scrollbarbutton[type="decrement"] {
1.196 + -moz-appearance: scrollbarbutton-left;
1.197 + background-image: url("chrome://global/skin/arrow/arrow-lft.gif")
1.198 + }
1.199 +
1.200 + html|div scrollbarbutton[type="decrement"][disabled="true"] {
1.201 + background-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif")
1.202 + }
1.203 +
1.204 + html|div scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
1.205 + -moz-appearance: scrollbarbutton-up;
1.206 + background-image: url("chrome://global/skin/arrow/arrow-up.gif")
1.207 + }
1.208 +
1.209 + html|div scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"] {
1.210 + background-image: url("chrome://global/skin/arrow/arrow-up-dis.gif")
1.211 + }
1.212 +
1.213 +}
