michael@0: /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0:  * License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0:  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0: 
michael@0: /* ===== xulscrollbars.css ==============================================
michael@0:   == Styles used by XUL scrollbar-related elements.
michael@0:   ======================================================================= */
michael@0: 
michael@0: @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
michael@0: @namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
michael@0: 
michael@0: /* ::::: scrollbar ::::: */
michael@0: 
michael@0: scrollbar {
michael@0:   -moz-appearance: scrollbartrack-horizontal;
michael@0:   -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar");
michael@0:   cursor: default;
michael@0:   background: url("chrome://global/skin/scrollbar/slider.gif") scrollbar;
michael@0:   pointer-events: auto;
michael@0: }
michael@0: 
michael@0: @media all and (-moz-overlay-scrollbars) {
michael@0:   scrollbar[root="true"] {
michael@0:     position: relative;
michael@0:     z-index: 2147483647; /* largest positive value of a signed 32-bit integer */
michael@0:   }
michael@0: 
michael@0:   scrollbar:not([active="true"]),
michael@0:   scrollbar[disabled="true"] {
michael@0:     visibility: hidden;
michael@0:   }
michael@0: }
michael@0: 
michael@0: scrollbar[orient="vertical"] 
michael@0: {
michael@0:    -moz-appearance: scrollbartrack-vertical;
michael@0: }
michael@0: 
michael@0: /* ::::: borders for thumb and buttons ::::: */
michael@0: 
michael@0: thumb,
michael@0: scrollbarbutton {
michael@0:   border: 2px solid;
michael@0:   -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
michael@0:   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
michael@0:   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
michael@0:   -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
michael@0:   background-color: -moz-Dialog;
michael@0: }
michael@0: 
michael@0: /* ::::: thumb (horizontal) ::::: */
michael@0: 
michael@0: thumb {
michael@0:   -moz-appearance: scrollbarthumb-vertical;
michael@0:   min-height: 8px;
michael@0: }
michael@0: 
michael@0: thumb[orient="horizontal"] {
michael@0:   -moz-appearance: scrollbarthumb-horizontal;
michael@0:   min-width: 8px;
michael@0: }
michael@0: 
michael@0: /* ::::: scrollbar button ::::: */
michael@0: 
michael@0: scrollbarbutton {
michael@0:   background: -moz-Dialog no-repeat 50% 50%;
michael@0:   min-width: 16px;
michael@0:   min-height: 16px;
michael@0: }
michael@0: 
michael@0: scrollbarbutton:hover:active, scrollbarbutton[active="true"] {
michael@0:   -moz-border-top-colors: ThreeDShadow -moz-Dialog;
michael@0:   -moz-border-right-colors: ThreeDShadow -moz-Dialog;
michael@0:   -moz-border-bottom-colors: ThreeDShadow -moz-Dialog;
michael@0:   -moz-border-left-colors: ThreeDShadow -moz-Dialog;
michael@0:   background-position: 60% 60%;
michael@0: }
michael@0: 
michael@0: /* ::::: square at the corner of two scrollbars ::::: */
michael@0: 
michael@0: scrollcorner { 
michael@0:   /* XXX -moz-appearance: scrollcorner; */
michael@0:   -moz-binding: url(chrome://global/content/bindings/scrollbar.xml#scrollbar-base);
michael@0:   width: 16px;
michael@0:   cursor: default;
michael@0:   background-color: -moz-Dialog;
michael@0: }
michael@0: 
michael@0: /* ..... increment .... */
michael@0: 
michael@0: scrollbarbutton[type="increment"] {
michael@0:   -moz-appearance: scrollbarbutton-right;
michael@0:   background-image: url("chrome://global/skin/arrow/arrow-rit.gif")
michael@0: }
michael@0: 
michael@0: scrollbarbutton[type="increment"][disabled="true"] {
michael@0:   background-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif")
michael@0: }
michael@0: 
michael@0: scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
michael@0:   -moz-appearance: scrollbarbutton-down;
michael@0:   background-image: url("chrome://global/skin/arrow/arrow-dn.gif")
michael@0: }
michael@0: 
michael@0: scrollbar[orient="vertical"] > scrollbarbutton[type="increment"][disabled="true"] {
michael@0:   background-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif")
michael@0: }
michael@0: 
michael@0: /* ..... decrement .... */
michael@0: 
michael@0: scrollbarbutton[type="decrement"] {
michael@0:   -moz-appearance: scrollbarbutton-left;
michael@0:    background-image: url("chrome://global/skin/arrow/arrow-lft.gif")
michael@0: }
michael@0: 
michael@0: scrollbarbutton[type="decrement"][disabled="true"] {
michael@0:    background-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif")
michael@0: }
michael@0: 
michael@0: scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
michael@0:   -moz-appearance: scrollbarbutton-up;
michael@0:    background-image: url("chrome://global/skin/arrow/arrow-up.gif")
michael@0: }
michael@0: 
michael@0: scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"] {
michael@0:    background-image: url("chrome://global/skin/arrow/arrow-up-dis.gif")
michael@0: }
michael@0: 
michael@0: /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
michael@0: /* ::::::::::::::::::::: MEDIA PRINT :::::::::::::::::::::: */
michael@0: /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
michael@0: @media print {
michael@0:   /* ::::: scrollbar ::::: */
michael@0: 
michael@0:   html|div scrollbar {
michael@0:     -moz-appearance: scrollbartrack-horizontal;
michael@0:     -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar");
michael@0:     cursor: default;
michael@0:     background: url("chrome://global/skin/scrollbar/slider.gif") scrollbar;
michael@0:   }
michael@0: 
michael@0:   html|div scrollbar[orient="vertical"] 
michael@0:   {
michael@0:      -moz-appearance: scrollbartrack-vertical;
michael@0:   }
michael@0: 
michael@0:   /* ::::: borders for thumb and buttons ::::: */
michael@0: 
michael@0:   html|div thumb,
michael@0:   html|div scrollbarbutton {
michael@0:     border: 2px solid;
michael@0:     -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
michael@0:     -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
michael@0:     -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
michael@0:     -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
michael@0:     background-color: -moz-Dialog;
michael@0:   }
michael@0: 
michael@0:   /* ::::: thumb (horizontal) ::::: */
michael@0: 
michael@0:   html|div thumb {
michael@0:     -moz-appearance: scrollbarthumb-vertical;
michael@0:     min-height: 8px;
michael@0:   }
michael@0: 
michael@0:   html|div thumb[orient="horizontal"] {
michael@0:     -moz-appearance: scrollbarthumb-horizontal;
michael@0:     min-width: 8px;
michael@0:   }
michael@0: 
michael@0:   /* ::::: scrollbar button ::::: */
michael@0: 
michael@0:   html|div scrollbarbutton {
michael@0:     background: -moz-Dialog no-repeat 50% 50%;
michael@0:     min-width: 16px;
michael@0:     min-height: 16px;
michael@0:   }
michael@0: 
michael@0:   html|div scrollbarbutton:hover:active, html|div scrollbarbutton[active="true"] {
michael@0:     -moz-border-top-colors: ThreeDShadow -moz-Dialog;
michael@0:     -moz-border-right-colors: ThreeDShadow -moz-Dialog;
michael@0:     -moz-border-bottom-colors: ThreeDShadow -moz-Dialog;
michael@0:     -moz-border-left-colors: ThreeDShadow -moz-Dialog;
michael@0:     background-position: 60% 60%;
michael@0:   }
michael@0: 
michael@0:   /* ..... increment .... */
michael@0: 
michael@0:   html|div scrollbarbutton[type="increment"] {
michael@0:     -moz-appearance: scrollbarbutton-right;
michael@0:     background-image: url("chrome://global/skin/arrow/arrow-rit.gif")
michael@0:   }
michael@0: 
michael@0:   html|div scrollbarbutton[type="increment"][disabled="true"] {
michael@0:     background-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif")
michael@0:   }
michael@0: 
michael@0:   html|div scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
michael@0:     -moz-appearance: scrollbarbutton-down;
michael@0:     background-image: url("chrome://global/skin/arrow/arrow-dn.gif")
michael@0:   }
michael@0: 
michael@0:   html|div scrollbar[orient="vertical"] > scrollbarbutton[type="increment"][disabled="true"] {
michael@0:     background-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif")
michael@0:   }
michael@0: 
michael@0:   /* ..... decrement .... */
michael@0: 
michael@0:   html|div scrollbarbutton[type="decrement"] {
michael@0:     -moz-appearance: scrollbarbutton-left;
michael@0:      background-image: url("chrome://global/skin/arrow/arrow-lft.gif")
michael@0:   }
michael@0: 
michael@0:   html|div scrollbarbutton[type="decrement"][disabled="true"] {
michael@0:      background-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif")
michael@0:   }
michael@0: 
michael@0:   html|div scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
michael@0:     -moz-appearance: scrollbarbutton-up;
michael@0:      background-image: url("chrome://global/skin/arrow/arrow-up.gif")
michael@0:   }
michael@0: 
michael@0:   html|div scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"] {
michael@0:      background-image: url("chrome://global/skin/arrow/arrow-up-dis.gif")
michael@0:   }
michael@0: 
michael@0: }