X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Fscrollbars.css;h=1dd1f581968c6e96d45dfa66630b4bce8322082b;hp=ea96140a47e3e7719970a8934f82e06799fde1cf;hb=HEAD;hpb=e08553ef820b0326f1f74cafd7349bbbc24638f0 diff --git a/LCARStrek/global/scrollbars.css b/LCARStrek/global/scrollbars.css index ea96140a..1dd1f581 100644 --- a/LCARStrek/global/scrollbars.css +++ b/LCARStrek/global/scrollbars.css @@ -16,13 +16,26 @@ scrollbar { cursor: default; background-color: #000000; border-radius: 50%; + pointer-events: auto; +} + +@media all and (-moz-overlay-scrollbars) { + scrollbar[root="true"] { + position: relative; + z-index: 2147483647; /* largest positive value of a signed 32-bit integer */ + } + + scrollbar:not([active="true"]), + scrollbar[disabled="true"] { + visibility: hidden; + } } /* ::::: slider ::::: */ slider { height: 13px; - background-color: #202024; + background-color: #404048; /* #202024;*/ } slider[orient="vertical"] { @@ -101,11 +114,18 @@ scrollbarbutton[disabled="true"] { background-color: #402858 !important; } -/* XXX - scrollbar.xml always grabs the OS settings and we don't want that */ +/* XXX - override minimal-xul.css/scrollbar.xml which always grabs the OS settings and we don't want that */ scrollbarbutton[sbattr="scrollbar-up-bottom"], scrollbarbutton[sbattr="scrollbar-down-top"] { display: none; } +/* override minimal-xul.css */ +scrollbarbutton[sbattr="scrollbar-up-top"], +scrollbarbutton[sbattr="scrollbar-down-bottom"], +scrollbarbutton[sbattr="scrollbar-up-top"]:not(:-moz-system-metric(scrollbar-start-backward)), +scrollbarbutton[sbattr="scrollbar-down-bottom"]:not(:-moz-system-metric(scrollbar-end-forward)) { + display: -moz-box; +} /* ::::: square at the corner of two scrollbars ::::: */ @@ -121,13 +141,13 @@ scrollcorner { scrollbarbutton[type="increment"] { background-image: url("chrome://global/skin/scrollbar/arrow-right.png"); border-radius: 0 300px 300px 0; - -moz-border-start: 3px solid #000000; + border-inline-start: 3px solid #000000; } scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] { background-image: url("chrome://global/skin/scrollbar/arrow-down.png"); border-radius: 0 0 300px 300px; - -moz-border-start: none; + border-inline-start: none; border-top: 3px solid #000000; } @@ -136,13 +156,13 @@ scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] { scrollbarbutton[type="decrement"] { background-image: url("chrome://global/skin/scrollbar/arrow-left.png"); border-radius: 300px 0 0 300px; - -moz-border-end: 3px solid #000000; + border-inline-end: 3px solid #000000; } scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] { background-image: url("chrome://global/skin/scrollbar/arrow-up.png"); border-radius: 300px 300px 0 0; - -moz-border-end: none; + border-inline-end: none; border-bottom: 3px solid #000000; } @@ -209,24 +229,24 @@ scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] { html|div scrollbarbutton[type="increment"] { -moz-appearance: scrollbarbutton-right; - background-image: url("chrome://global/skin/arrow/arrow-rit.gif") + background-image: url("chrome://global/skin/scrollbar/arrow-right.png") } html|div scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] { -moz-appearance: scrollbarbutton-down; - background-image: url("chrome://global/skin/arrow/arrow-dn.gif") + background-image: url("chrome://global/skin/scrollbar/arrow-down.png") } /* ..... decrement .... */ html|div scrollbarbutton[type="decrement"] { -moz-appearance: scrollbarbutton-left; - background-image: url("chrome://global/skin/arrow/arrow-lft.gif") + background-image: url("chrome://global/skin/scrollbar/arrow-left.png") } html|div scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] { -moz-appearance: scrollbarbutton-up; - background-image: url("chrome://global/skin/arrow/arrow-up.gif") + background-image: url("chrome://global/skin/scrollbar/arrow-up.png") } }