try making black space between scrollbarbutton and slider be consistent, even with...
[themes.git] / LCARStrek / global / scrollbars.css
index 0849aeafbd77ca55dba2d2c5fda4fdf440116253..d1b4f58c1ac69a53b282c5cd480db00a73530ac2 100644 (file)
@@ -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: #202024;
 }
 
 slider[orient="vertical"] {
@@ -42,7 +43,7 @@ scrollbarbutton {
 /* ::::: thumb ::::: */
 
 thumb {
-  background-color: #9C9CFF;
+  background-color: #A09090;
   background-image: url("chrome://global/skin/scrollbar/thumb-vert-grip.gif");
 }
 
@@ -71,7 +72,8 @@ thumb[orient="horizontal"][disabled="true"] {
 /* ::::: scrollbar button ::::: */
 
 scrollbarbutton {
-  background-color: #FF9F00;
+  background-color: #C09070;
+  margin: 0px;
 }
 
 scrollbarbutton:hover:active,
@@ -91,7 +93,7 @@ scrollbarbutton:hover:active {
 }
 
 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 */
@@ -114,14 +116,13 @@ 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;
+  -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-top: 3px solid #000000;
 }
 
 /* ..... decrement .... */
@@ -129,14 +130,13 @@ scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
 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;
+  -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-bottom: 3px solid #000000;
 }
 
 /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */