improve scrollbar display: smoothly rounded buttons, dark but visible slider backgrou...
authorRobert Kaiser <robert@notebook.(none)>
Sun, 21 Jun 2009 21:58:06 +0000 (23:58 +0200)
committerRobert Kaiser <robert@notebook.(none)>
Sun, 21 Jun 2009 21:58:06 +0000 (23:58 +0200)
17 files changed:
LCARStrek/global/scrollbar/arrow-down.png [new file with mode: 0644]
LCARStrek/global/scrollbar/arrow-left.png [new file with mode: 0644]
LCARStrek/global/scrollbar/arrow-right.png [new file with mode: 0644]
LCARStrek/global/scrollbar/arrow-up.png [new file with mode: 0644]
LCARStrek/global/scrollbar/button-down-disabled.gif [deleted file]
LCARStrek/global/scrollbar/button-down-hover.gif [deleted file]
LCARStrek/global/scrollbar/button-down.gif [deleted file]
LCARStrek/global/scrollbar/button-left-disabled.gif [deleted file]
LCARStrek/global/scrollbar/button-left-hover.gif [deleted file]
LCARStrek/global/scrollbar/button-left.gif [deleted file]
LCARStrek/global/scrollbar/button-right-disabled.gif [deleted file]
LCARStrek/global/scrollbar/button-right-hover.gif [deleted file]
LCARStrek/global/scrollbar/button-right.gif [deleted file]
LCARStrek/global/scrollbar/button-up-disabled.gif [deleted file]
LCARStrek/global/scrollbar/button-up-hover.gif [deleted file]
LCARStrek/global/scrollbar/button-up.gif [deleted file]
LCARStrek/global/scrollbars.css

diff --git a/LCARStrek/global/scrollbar/arrow-down.png b/LCARStrek/global/scrollbar/arrow-down.png
new file mode 100644 (file)
index 0000000..f2c2dae
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 (file)
index 0000000..4da2d92
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 (file)
index 0000000..7a01dd8
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 (file)
index 0000000..88016b1
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 (executable)
index afacb67..0000000
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 (file)
index e893996..0000000
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 (executable)
index 37c99b3..0000000
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 (executable)
index 2e5fc76..0000000
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 (file)
index 2995c4a..0000000
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 (executable)
index b29b508..0000000
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 (executable)
index bc185f3..0000000
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 (file)
index 4d43429..0000000
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 (executable)
index f118484..0000000
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 (executable)
index 881fec5..0000000
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 (file)
index a5f9a32..0000000
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 (executable)
index ea62f14..0000000
Binary files a/LCARStrek/global/scrollbar/button-up.gif and /dev/null differ
index 68307942ab60921a8f350f5545e1a4c618f69d65..04b58a7b3250d2d46bf2e6bb000150563e3149f2 100644 (file)
@@ -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 :::::::::::::::::::::: */
 /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */