X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Fscrollbars.css;h=01a564d55a481957e021c69b422575f9520cce3e;hp=f327f8676fff18c888c7960bfb3731b4ee4b8fe7;hb=edb23828c6aa847f6b4617ef96135d08d5abe22c;hpb=351107c90e7ee7a17d9bf63798f2861307118309 diff --git a/LCARStrek/global/scrollbars.css b/LCARStrek/global/scrollbars.css index f327f867..01a564d5 100644 --- a/LCARStrek/global/scrollbars.css +++ b/LCARStrek/global/scrollbars.css @@ -36,41 +36,53 @@ * ***** 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 */ -/********* XP Scrollbar *********/ +/* ===== scrollbars.css ================================================= + == Styles used by XUL scrollbar-related elements. + ======================================================================= */ -scrollbar - { - -moz-binding : url("chrome://global/skin/scrollbarBindings.xml#scrollbar"); - cursor : default; - background-color : black; - } - -/********* XP Scrollbar *********/ +/* ::::: scrollbar ::::: */ -thumb - { - -moz-binding : url("chrome://global/skin/scrollbarBindings.xml#thumbh"); - background-color : #9C9CFF; - padding : 1px; - list-style-image : url("chrome://global/skin/scroll-thumb-horiz.gif"); - -moz-box-pack : center; - -moz-box-align : center; - } +scrollbar { + -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar"); + cursor: default; + background-color: #000000; +} -thumb[disabled="true"] { - list-style-image : url("chrome://global/skin/scroll-thumb-horiz-disabled.gif"); +/* ::::: slider ::::: */ + +slider { + height: 13px; +} + +slider[orient="vertical"] { + width: 13px; } -scrollbar[orient="vertical"] > slider > thumb { - -moz-binding : url("chrome://global/skin/scrollbarBindings.xml#thumbv"); - list-style-image : url("chrome://global/skin/scroll-thumb-vert.gif") +/* ::::: borders for thumb and buttons ::::: */ + +thumb, +scrollbarbutton { + border: none; + background: transparent 50% 50% no-repeat; + padding: 1px; + min-width: 13px; + min-height: 13px; } -scrollbar[orient="vertical"] > slider > thumb[disabled="true"] { - list-style-image : url("chrome://global/skin/scroll-thumb-vert-disabled.gif") +/* ::::: thumb ::::: */ + +thumb { + background-color: #9C9CFF; + background-image: url("chrome://global/skin/scrollbar/thumb-vert-grip.gif"); } +thumb[orient="horizontal"] { + background-image: url("chrome://global/skin/scrollbar/thumb-horiz-grip.gif"); +} + + thumb:active, thumb:hover:active { background-color: #008484; @@ -79,87 +91,168 @@ thumb:hover:active { thumb:hover { background-color: #FFCF00; } - -/** - * Scrollbar button - **/ -scrollbarbutton - { - -moz-binding : url("chrome://global/skin/scrollbarBindings.xml#scrollbarbutton"); -/* border : 1px outset white; - background-color : #CCCCCC; */ - } -.scrollbarbutton-box - { - padding : 1px; - } +thumb[disabled="true"] { + background-image: url("chrome://global/skin/scrollbar/thumb-vert-grip-disabled.gif"); +} -scrollbarbutton:hover:active - { -/* border-style : inset; */ +thumb[orient="horizontal"][disabled="true"] { + background-image: url("chrome://global/skin/scrollbar/thumb-horiz-grip-disabled.gif"); +} + +/* ::::: scrollbar button ::::: */ + +scrollbarbutton { +} + +scrollbarbutton:hover:active { + padding: 2px 0px 0px 2px; +} + +/* ..... increment .... */ + +scrollbarbutton[type="increment"] { + background-image: url("chrome://global/skin/scrollbar/button-right.gif"); + margin: 0px 0px 0px 3px; +} + +scrollbarbutton[type="increment"]:hover { + background-image: url("chrome://global/skin/scrollbar/button-right-hover.gif"); +} + +scrollbarbutton[type="increment"][disabled="true"] { + background-image: url("chrome://global/skin/scrollbar/button-right-disabled.gif") !important; +} + +scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] { + background-image: url("chrome://global/skin/scrollbar/button-down.gif"); + margin: 3px 0px 0px 0px; +} + +scrollbar[orient="vertical"] > scrollbarbutton[type="increment"]:hover { + background-image: url("chrome://global/skin/scrollbar/button-down-hover.gif"); +} + +scrollbar[orient="vertical"] > scrollbarbutton[type="increment"][disabled="true"] { + background-image: url("chrome://global/skin/scrollbar/button-down-disabled.gif") !important; +} + +/* ..... decrement .... */ + +scrollbarbutton[type="decrement"] { + background-image: url("chrome://global/skin/scrollbar/button-left.gif"); + margin: 0px 3px 0px 0px; +} + +scrollbarbutton[type="decrement"]:hover { + background-image: url("chrome://global/skin/scrollbar/button-left-hover.gif"); +} + +scrollbarbutton[type="decrement"][disabled="true"] { + background-image: url("chrome://global/skin/scrollbar/button-left-disabled.gif") !important; +} + +scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] { + background-image: url("chrome://global/skin/scrollbar/button-up.gif"); + margin: 0px 0px 3px 0px; +} + +scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"]:hover { + background-image: url("chrome://global/skin/scrollbar/button-up-hover.gif"); +} + +scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"] { + background-image: url("chrome://global/skin/scrollbar/button-up-disabled.gif") !important; +} + +/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ +/* ::::::::::::::::::::: MEDIA PRINT :::::::::::::::::::::: */ +/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ +@media print { + /* ::::: scrollbar ::::: */ + + html|div scrollbar { + -moz-appearance: scrollbartrack-horizontal; + -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar"); + cursor: default; + background: url("chrome://global/skin/scrollbar/slider.gif") scrollbar; } - -scrollbarbutton:hover:active > .scrollbarbutton-box - { - padding : 2px 0px 0px 2px; - } -scrollbarbutton[type="decrement"] + html|div scrollbar[orient="vertical"] { - list-style-image : url("chrome://global/skin/scroll-left-hover.gif"); - background-image : url("chrome://global/skin/scrollbtn-left.gif"); - margin : 0px; - margin-right : 3px; + -moz-appearance: scrollbartrack-vertical; } -scrollbarbutton[type="decrement"][disabled="true"] - { - list-style-image : url("chrome://global/skin/scroll-left-disabled.gif") ; + /* ::::: borders for thumb and buttons ::::: */ + + html|div thumb, + html|div scrollbarbutton { + border: 2px solid; + -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight; + background-color: -moz-Dialog; } -scrollbarbutton[type="increment"] - { - list-style-image : url("chrome://global/skin/scroll-right-hover.gif"); - background-image : url("chrome://global/skin/scrollbtn-right.gif"); - margin : 0px; - margin-left : 3px; + /* ::::: thumb (horizontal) ::::: */ + + html|div thumb { + -moz-appearance: scrollbarthumb-vertical; + min-height: 8px; } + html|div thumb[orient="horizontal"] { + -moz-appearance: scrollbarthumb-horizontal; + min-width: 8px; + } -scrollbarbutton[type="increment"][disabled="true"] - { - list-style-image : url("chrome://global/skin/scroll-right-disabled.gif"); + html|div thumb > gripper { + -moz-appearance: scrollbargripper-vertical; + } + + html|div thumb[orient="horizontal"] > gripper { + -moz-appearance: scrollbargripper-horizontal; } + /* ::::: scrollbar button ::::: */ -scrollbarbutton[type="decrement"][sborient="vertical"] - { - list-style-image : url("chrome://global/skin/scroll-up-hover.gif"); - background-image : url("chrome://global/skin/scrollbtn-up.gif"); - margin : 0px; - margin-bottom : 3px; + html|div scrollbarbutton { + background: -moz-Dialog no-repeat 0px 1px; + min-width: 16px; + min-height: 16px; } -scrollbarbutton[type="decrement"][disabled="true"][sborient="vertical"] - { - list-style-image : url("chrome://global/skin/scroll-up-disabled.gif") ; + html|div scrollbarbutton:hover:active { + -moz-border-top-colors: ThreeDShadow -moz-Dialog; + -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; } -scrollbarbutton[type="increment"][sborient="vertical"] - { - list-style-image : url("chrome://global/skin/scroll-down-hover.gif"); - background-image : url("chrome://global/skin/scrollbtn-down.gif"); - margin : 0px; - margin-top : 3px; + /* ..... increment .... */ + + html|div scrollbarbutton[type="increment"] { + -moz-appearance: scrollbarbutton-right; + background-image: url("chrome://global/skin/arrow/arrow-rit.gif") } -scrollbarbutton[type="increment"][disabled="true"][sborient="vertical"] - { - list-style-image : url("chrome://global/skin/scroll-down-disabled.gif") ; + html|div scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] { + -moz-appearance: scrollbarbutton-down; + background-image: url("chrome://global/skin/arrow/arrow-dn.gif") } -slider - { - background-color : #000000; + /* ..... decrement .... */ + + html|div scrollbarbutton[type="decrement"] { + -moz-appearance: scrollbarbutton-left; + background-image: url("chrome://global/skin/arrow/arrow-lft.gif") + } + + html|div scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] { + -moz-appearance: scrollbarbutton-up; + background-image: url("chrome://global/skin/arrow/arrow-up.gif") } + +} \ No newline at end of file