X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Fscrollbars.css;h=14742e78baa80672e2f1bd54bce848214a0681de;hp=0849aeafbd77ca55dba2d2c5fda4fdf440116253;hb=b2c22e16028356f3685110af18e2e39da48ddb8c;hpb=9099c61da39b1346a25b1c01463829a44d72d6e1 diff --git a/LCARStrek/global/scrollbars.css b/LCARStrek/global/scrollbars.css index 0849aeaf..14742e78 100644 --- a/LCARStrek/global/scrollbars.css +++ b/LCARStrek/global/scrollbars.css @@ -15,13 +15,14 @@ scrollbar { -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar"); cursor: default; background-color: #000000; + border-radius: 50%; } /* ::::: slider ::::: */ slider { height: 13px; - background-color: #794900; + background-color: #404048; /* #202024;*/ } slider[orient="vertical"] { @@ -39,10 +40,19 @@ scrollbarbutton { min-height: 13px; } +scrollbar:not([orient="vertical"]) > scrollbarbutton { + min-width: 16px; +} + +scrollbar[orient="vertical"] > scrollbarbutton { + min-height: 16px; +} + + /* ::::: thumb ::::: */ thumb { - background-color: #9C9CFF; + background-color: #A09090; background-image: url("chrome://global/skin/scrollbar/thumb-vert-grip.gif"); } @@ -71,15 +81,12 @@ thumb[orient="horizontal"][disabled="true"] { /* ::::: scrollbar button ::::: */ scrollbarbutton { - background-color: #FF9F00; + background-color: #C09070; } scrollbarbutton:hover:active, scrollbarbutton[active="true"] { - padding-top: 2px; - padding-bottom: 0px; - -moz-padding-start: 2px; - -moz-padding-end: 0px; + background-position: calc(50% + 1px) calc(50% + 1px); } scrollbarbutton:hover { @@ -87,11 +94,11 @@ scrollbarbutton:hover { } scrollbarbutton:hover:active { - background-color: #FF0000; + background-color: #FF9F00; } scrollbarbutton[disabled="true"] { - background-color: #8050B0 !important; + background-color: #402858 !important; } /* XXX - scrollbar.xml always grabs the OS settings and we don't want that */ @@ -113,30 +120,30 @@ scrollcorner { scrollbarbutton[type="increment"] { background-image: url("chrome://global/skin/scrollbar/arrow-right.png"); - border-radius: 0 50% 50% 0; - margin: 0px; - -moz-margin-start: 3px; + border-radius: 0 300px 300px 0; + -moz-border-start: 3px solid #000000; } scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] { background-image: url("chrome://global/skin/scrollbar/arrow-down.png"); - border-radius: 0 0 50% 50%; - margin: 3px 0px 0px; + border-radius: 0 0 300px 300px; + -moz-border-start: none; + border-top: 3px solid #000000; } /* ..... decrement .... */ scrollbarbutton[type="decrement"] { background-image: url("chrome://global/skin/scrollbar/arrow-left.png"); - border-radius: 50% 0 0 50%; - margin: 0px; - -moz-margin-end: 3px; + border-radius: 300px 0 0 300px; + -moz-border-end: 3px solid #000000; } scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] { background-image: url("chrome://global/skin/scrollbar/arrow-up.png"); - border-radius: 50% 50% 0 0; - margin: 0px 0px 3px; + border-radius: 300px 300px 0 0; + -moz-border-end: none; + border-bottom: 3px solid #000000; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ @@ -202,24 +209,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") } }