adding images for last EarlyBlue changes
[themes.git] / EarlyBlue / global / skin / scrollbars.css
index 0015009a34fa403ec9a1e7c8e458c96cf074d591..e304a8c26fa6d912520c64bf1fc454a5fbbf9df0 100755 (executable)
@@ -1,86 +1,97 @@
-@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); /* set default namespace to XUL */\r
-\r
-/********* XP Scrollbar *********/\r
-\r
-scrollbar {\r
-   -moz-binding: url("chrome://global/content/xulBindings.xml#scrollbar");\r
-}\r
-\r
-/********* XP Scrollbar *********/\r
-\r
-thumb {\r
-  -moz-binding: url(chrome://global/content/xulBindings.xml#thumb);\r
-  background-color: #CCCCCC;\r
-  border: 1px outset #CCCCCC;\r
-  list-style-image: url("chrome://global/skin/scroll-thumb-horiz.gif")\r
-}\r
-\r
-thumb[disabled="true"] {\r
-   list-style-image: url("chrome://global/skin/scroll-thumb-horiz-disabled.gif");\r
-}\r
-\r
-thumb[align="vertical"] {\r
-   list-style-image: url("chrome://global/skin/scroll-thumb-vert.gif")\r
-}\r
-\r
-scrollbarbutton {\r
-  vertical-align: bottom;\r
-  cursor: default;\r
-\r
-  border: 1px outset white;\r
-  background-color: #CCCCCC;\r
-  color:black; \r
-\r
-  padding: 1px;\r
-}\r
-\r
-scrollbarbutton:active {\r
-  border-style: inset;\r
-\r
-  padding-left: 2px;\r
-  padding-right: 0px;\r
-  padding-top: 2px;\r
-  padding-bottom: 0px;\r
-}\r
-\r
-scrollbarbutton[type="decrement"] {\r
-   list-style-image: url("chrome://global/skin/scroll-left.gif")\r
-}\r
-\r
-scrollbarbutton[type="decrement"][disabled="true"] {\r
-   list-style-image: url("chrome://global/skin/scroll-left-disabled.gif") \r
-}\r
-\r
-scrollbarbutton[type="increment"] {\r
-   list-style-image: url("chrome://global/skin/scroll-right.gif")\r
-}\r
-\r
-\r
-scrollbarbutton[type="increment"][disabled="true"] {\r
-   list-style-image: url("chrome://global/skin/scroll-right-disabled.gif") \r
-}\r
-\r
-\r
-scrollbar[align="vertical"] scrollbarbutton[type="decrement"] {\r
-   list-style-image: url("chrome://global/skin/scroll-up.gif")\r
-}\r
-\r
-scrollbar[align="vertical"] scrollbarbutton[type="decrement"][disabled="true"] {\r
-   list-style-image: url("chrome://global/skin/scroll-up-disabled.gif") \r
-}\r
-\r
-scrollbar[align="vertical"] scrollbarbutton[type="increment"] {\r
-   list-style-image: url("chrome://global/skin/scroll-down.gif")\r
-}\r
-\r
-scrollbar[align="vertical"] scrollbarbutton[type="increment"][disabled="true"] {\r
-   list-style-image: url("chrome://global/skin/scroll-down-disabled.gif") \r
-}\r
-\r
-slider[align="vertical"] thumb:active {\r
-   background-color: #CCCCCC;\r
-}\r
-\r
-slider {\r
-   background-color: #999999;\r
-}\r
+@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); /* set default namespace to XUL */
+
+/********* XP Scrollbar *********/
+
+scrollbar {
+  -moz-binding: url("chrome://global/skin/scrollbarBindings.xml#scrollbar"); 
+}
+
+/********* XP Scrollbar *********/
+
+thumb {
+  -moz-binding: url(chrome://global/skin/scrollbarBindings.xml#thumbh);
+  background-color: #CCCCCC;
+  border: 1px outset #CCCCCC;
+  list-style-image: url("chrome://global/skin/scroll-thumb-horiz.gif");
+  -moz-box-pack: center;
+  -moz-box-align: center;
+}
+
+thumb[disabled="true"] {
+   list-style-image: url("chrome://global/skin/scroll-thumb-horiz-disabled.gif");
+}
+
+scrollbar[orient="vertical"] > slider > thumb {
+  -moz-binding: url(chrome://global/skin/scrollbarBindings.xml#thumbv); 
+   list-style-image: url("chrome://global/skin/scroll-thumb-vert.gif")
+}
+
+scrollbar[orient="vertical"] > slider > thumb[disabled="true"] {
+   list-style-image: url("chrome://global/skin/scroll-thumb-vert-disabled.gif")
+}
+
+
+thumb:active {
+   background-color: #DDDDDD;
+/*   background-color: #99CCFF; */
+}
+
+
+scrollbarbutton {
+  -moz-binding: url(chrome://global/skin/scrollbarBindings.xml#scrollbarbutton); 
+  -moz-box-align: center;
+  cursor: default;
+
+  border: 1px outset white;
+  background-color: #CCCCCC;
+  color:black; 
+
+  padding: 1px;
+}
+
+scrollbarbutton:active {
+  border-style: inset;
+
+  padding-left: 2px;
+  padding-right: 0px;
+  padding-top: 2px;
+  padding-bottom: 0px;
+}
+
+scrollbarbutton[type="decrement"] {
+   list-style-image: url("chrome://global/skin/scroll-left.gif")
+}
+
+scrollbarbutton[type="decrement"][disabled="true"] {
+   list-style-image: url("chrome://global/skin/scroll-left-disabled.gif") 
+}
+
+scrollbarbutton[type="increment"] {
+   list-style-image: url("chrome://global/skin/scroll-right.gif")
+}
+
+
+scrollbarbutton[type="increment"][disabled="true"] {
+   list-style-image: url("chrome://global/skin/scroll-right-disabled.gif") 
+}
+
+
+scrollbarbutton[type="decrement"][sborient="vertical"] {
+   list-style-image: url("chrome://global/skin/scroll-up.gif")
+}
+
+scrollbarbutton[type="decrement"][disabled="true"][sborient="vertical"] {
+   list-style-image: url("chrome://global/skin/scroll-up-disabled.gif") 
+}
+
+scrollbarbutton[type="increment"][sborient="vertical"] {
+   list-style-image: url("chrome://global/skin/scroll-down.gif")
+}
+
+scrollbarbutton[type="increment"][disabled="true"][sborient="vertical"] {
+   list-style-image: url("chrome://global/skin/scroll-down-disabled.gif") 
+}
+
+slider {
+   background-color: #999999;
+}