X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fglobal%2Fscrollbars.css;h=f6deeb1f12b43b4dd0fd63b1b389f91285e55a02;hp=209578d0c68b92c48c1f932cd837ff6f64ba2bfd;hb=a066b053127a90d6fe01362412694c7732d72845;hpb=f24507954fc5a0fc540b913450f45d44f20e97b5 diff --git a/EarlyBlue/global/scrollbars.css b/EarlyBlue/global/scrollbars.css index 209578d0..f6deeb1f 100644 --- a/EarlyBlue/global/scrollbars.css +++ b/EarlyBlue/global/scrollbars.css @@ -35,13 +35,13 @@ * * ***** END LICENSE BLOCK ***** */ -@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); -@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */ - /* ===== scrollbars.css ================================================= == Styles used by XUL scrollbar-related elements. ======================================================================= */ +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */ + /* ::::: scrollbar ::::: */ scrollbar { @@ -98,10 +98,29 @@ thumb[orient="horizontal"][disabled="true"] { scrollbarbutton { } -scrollbarbutton:hover:active { +scrollbarbutton:hover:active, +scrollbarbutton[active="true"] { border-style: inset; - padding: 2px 0px 0px 2px; -} + padding-top: 2px; + padding-bottom: 0px; + -moz-padding-start: 2px; + -moz-padding-end: 0px; +} + +/* XXX - scrollbar.xml always grabs the OS settings and we don't want that */ +scrollbarbutton[sbattr="scrollbar-up-bottom"], +scrollbarbutton[sbattr="scrollbar-down-top"] { + display: none; +} + +/* ::::: square at the corner of two scrollbars ::::: */ + +scrollcorner { + -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar-base"); + cursor: default; + background-color: #999999; + width: 13px; +} /* ..... increment .... */ @@ -111,7 +130,7 @@ scrollbarbutton[type="increment"] { scrollbarbutton[type="increment"][disabled="true"] { - background-image: url("chrome://global/skin/scrollbar/button-right-disabled.gif") + background-image: url("chrome://global/skin/scrollbar/button-right-disabled.gif") } scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] { @@ -129,7 +148,7 @@ scrollbarbutton[type="decrement"] { } scrollbarbutton[type="decrement"][disabled="true"] { - background-image: url("chrome://global/skin/scrollbar/button-left-disabled.gif") + background-image: url("chrome://global/skin/scrollbar/button-left-disabled.gif") } scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] { @@ -153,7 +172,7 @@ scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true" background: url("chrome://global/skin/scrollbar/slider.gif") scrollbar; } - html|div scrollbar[orient="vertical"] + html|div scrollbar[orient="vertical"] { -moz-appearance: scrollbartrack-vertical; } @@ -182,18 +201,11 @@ scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true" min-width: 8px; } - html|div thumb > gripper { - -moz-appearance: scrollbargripper-vertical; - } - - html|div thumb[orient="horizontal"] > gripper { - -moz-appearance: scrollbargripper-horizontal; - } - /* ::::: scrollbar button ::::: */ - html|div scrollbarbutton { - background: -moz-Dialog no-repeat 0px 1px; + html|div scrollbarbutton, + html|div scrollbarbutton[active="true"] { + background: -moz-Dialog no-repeat 50% 50%; min-width: 16px; min-height: 16px; } @@ -203,7 +215,7 @@ scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true" -moz-border-right-colors: ThreeDShadow -moz-Dialog; -moz-border-bottom-colors: ThreeDShadow -moz-Dialog; -moz-border-left-colors: ThreeDShadow -moz-Dialog; - background-position: 1px 2px; + background-position: 60% 60%; } /* ..... increment .... */ @@ -230,4 +242,4 @@ scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true" background-image: url("chrome://global/skin/arrow/arrow-up.gif") } -} \ No newline at end of file +}