From: Robert Kaiser Date: Sun, 21 Jun 2009 21:58:06 +0000 (+0200) Subject: improve scrollbar display: smoothly rounded buttons, dark but visible slider backgrou... X-Git-Tag: LCARStrek-2.0b1~3 X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=commitdiff_plain;h=9c1ab967db4a541323c3e80e7961f7c35a45fa57;hp=4496cb5df3a340dd775f095234182a7c3b357921 improve scrollbar display: smoothly rounded buttons, dark but visible slider background, different active color --- diff --git a/LCARStrek/global/scrollbar/arrow-down.png b/LCARStrek/global/scrollbar/arrow-down.png new file mode 100644 index 00000000..f2c2daef Binary files /dev/null and b/LCARStrek/global/scrollbar/arrow-down.png differ diff --git a/LCARStrek/global/scrollbar/arrow-left.png b/LCARStrek/global/scrollbar/arrow-left.png new file mode 100644 index 00000000..4da2d92d Binary files /dev/null and b/LCARStrek/global/scrollbar/arrow-left.png differ diff --git a/LCARStrek/global/scrollbar/arrow-right.png b/LCARStrek/global/scrollbar/arrow-right.png new file mode 100644 index 00000000..7a01dd89 Binary files /dev/null and b/LCARStrek/global/scrollbar/arrow-right.png differ diff --git a/LCARStrek/global/scrollbar/arrow-up.png b/LCARStrek/global/scrollbar/arrow-up.png new file mode 100644 index 00000000..88016b1c Binary files /dev/null and b/LCARStrek/global/scrollbar/arrow-up.png differ diff --git a/LCARStrek/global/scrollbar/button-down-disabled.gif b/LCARStrek/global/scrollbar/button-down-disabled.gif deleted file mode 100755 index afacb67d..00000000 Binary files a/LCARStrek/global/scrollbar/button-down-disabled.gif and /dev/null differ diff --git a/LCARStrek/global/scrollbar/button-down-hover.gif b/LCARStrek/global/scrollbar/button-down-hover.gif deleted file mode 100644 index e8939962..00000000 Binary files a/LCARStrek/global/scrollbar/button-down-hover.gif and /dev/null differ diff --git a/LCARStrek/global/scrollbar/button-down.gif b/LCARStrek/global/scrollbar/button-down.gif deleted file mode 100755 index 37c99b39..00000000 Binary files a/LCARStrek/global/scrollbar/button-down.gif and /dev/null differ diff --git a/LCARStrek/global/scrollbar/button-left-disabled.gif b/LCARStrek/global/scrollbar/button-left-disabled.gif deleted file mode 100755 index 2e5fc76a..00000000 Binary files a/LCARStrek/global/scrollbar/button-left-disabled.gif and /dev/null differ diff --git a/LCARStrek/global/scrollbar/button-left-hover.gif b/LCARStrek/global/scrollbar/button-left-hover.gif deleted file mode 100644 index 2995c4aa..00000000 Binary files a/LCARStrek/global/scrollbar/button-left-hover.gif and /dev/null differ diff --git a/LCARStrek/global/scrollbar/button-left.gif b/LCARStrek/global/scrollbar/button-left.gif deleted file mode 100755 index b29b508d..00000000 Binary files a/LCARStrek/global/scrollbar/button-left.gif and /dev/null differ diff --git a/LCARStrek/global/scrollbar/button-right-disabled.gif b/LCARStrek/global/scrollbar/button-right-disabled.gif deleted file mode 100755 index bc185f37..00000000 Binary files a/LCARStrek/global/scrollbar/button-right-disabled.gif and /dev/null differ diff --git a/LCARStrek/global/scrollbar/button-right-hover.gif b/LCARStrek/global/scrollbar/button-right-hover.gif deleted file mode 100644 index 4d434296..00000000 Binary files a/LCARStrek/global/scrollbar/button-right-hover.gif and /dev/null differ diff --git a/LCARStrek/global/scrollbar/button-right.gif b/LCARStrek/global/scrollbar/button-right.gif deleted file mode 100755 index f1184847..00000000 Binary files a/LCARStrek/global/scrollbar/button-right.gif and /dev/null differ diff --git a/LCARStrek/global/scrollbar/button-up-disabled.gif b/LCARStrek/global/scrollbar/button-up-disabled.gif deleted file mode 100755 index 881fec57..00000000 Binary files a/LCARStrek/global/scrollbar/button-up-disabled.gif and /dev/null differ diff --git a/LCARStrek/global/scrollbar/button-up-hover.gif b/LCARStrek/global/scrollbar/button-up-hover.gif deleted file mode 100644 index a5f9a32f..00000000 Binary files a/LCARStrek/global/scrollbar/button-up-hover.gif and /dev/null differ diff --git a/LCARStrek/global/scrollbar/button-up.gif b/LCARStrek/global/scrollbar/button-up.gif deleted file mode 100755 index ea62f14e..00000000 Binary files a/LCARStrek/global/scrollbar/button-up.gif and /dev/null differ diff --git a/LCARStrek/global/scrollbars.css b/LCARStrek/global/scrollbars.css index 68307942..04b58a7b 100644 --- a/LCARStrek/global/scrollbars.css +++ b/LCARStrek/global/scrollbars.css @@ -54,6 +54,7 @@ scrollbar { slider { height: 13px; + background-color: #794900; } slider[orient="vertical"] { @@ -103,6 +104,7 @@ thumb[orient="horizontal"][disabled="true"] { /* ::::: scrollbar button ::::: */ scrollbarbutton { + background-color: #FF9F00; } scrollbarbutton:hover:active, @@ -113,6 +115,18 @@ scrollbarbutton[active="true"] { -moz-padding-end: 0px; } +scrollbarbutton:hover { + background-color: #FFCF00; +} + +scrollbarbutton:hover:active { + background-color: #FF0000; +} + +scrollbarbutton[disabled="true"] { + background-color: #8050B0 !important; +} + /* XXX - scrollbar.xml always grabs the OS settings and we don't want that */ scrollbarbutton[sbattr="scrollbar-up-bottom"], scrollbarbutton[sbattr="scrollbar-down-top"] { @@ -131,61 +145,33 @@ scrollcorner { /* ..... increment .... */ scrollbarbutton[type="increment"] { - background-image: url("chrome://global/skin/scrollbar/button-right.gif"); + background-image: url("chrome://global/skin/scrollbar/arrow-right.png"); + -moz-border-radius: 0 50% 50% 0; margin: 0px; -moz-margin-start: 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"); + background-image: url("chrome://global/skin/scrollbar/arrow-down.png"); + -moz-border-radius: 0 0 50% 50%; margin: 3px 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"); + background-image: url("chrome://global/skin/scrollbar/arrow-left.png"); + -moz-border-radius: 50% 0 0 50%; margin: 0px; -moz-margin-end: 3px; } -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"); + background-image: url("chrome://global/skin/scrollbar/arrow-up.png"); + -moz-border-radius: 50% 50% 0 0; margin: 0px 0px 3px; } -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 :::::::::::::::::::::: */ /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */