X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Fscrollbars.css;h=845837f4d6644309dc8b160fabc5d601324d2b79;hp=b7cb5a70aa118b03e482d504601b8b961edf6e3b;hb=5968ec68c9037501866a4d997203c8934f16fbad;hpb=d8ed26fd521b550fb44274bfc605e35f4ee04145 diff --git a/LCARStrek/global/scrollbars.css b/LCARStrek/global/scrollbars.css index b7cb5a70..845837f4 100644 --- a/LCARStrek/global/scrollbars.css +++ b/LCARStrek/global/scrollbars.css @@ -22,7 +22,7 @@ scrollbar { slider { height: 13px; - background-color: #202024; + background-color: #404048; /* #202024;*/ } slider[orient="vertical"] { @@ -40,6 +40,15 @@ scrollbarbutton { min-height: 13px; } +scrollbar:not([orient="vertical"]) > scrollbarbutton { + min-width: 16px; +} + +scrollbar[orient="vertical"] > scrollbarbutton { + min-height: 16px; +} + + /* ::::: thumb ::::: */ thumb { @@ -77,10 +86,7 @@ scrollbarbutton { 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 { @@ -88,7 +94,7 @@ scrollbarbutton:hover { } scrollbarbutton:hover:active { - background-color: #FF0000; + background-color: #FF9F00; } scrollbarbutton[disabled="true"] { @@ -114,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; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */