css/toolbar.css

[roojs1] / css / button.css

diff --git a/css/button.css b/css/button.css
index 51e7ffa..da063e5 100644 (file)
--- a/css/button.css
+++ b/css/button.css
@@ -4,7 +4,7 @@
 
 .x-btn
 {
-       font:normal 9px arial, tahoma, verdana, helvetica;
+       font: normal 8pt tahoma,verdan,arial,helvetica;
        white-space: nowrap;
     text-decoration:none !important;
     color:black !important;
@@ -87,6 +87,10 @@
         height:16px;
         background:url(../images/default/basic-dialog/btn-clear.gif) no-repeat 0 0;
 }
+/** - button with icon only **/
+.x-btn-icon .x-btn-text {
+    width: 16px;
+}
 
 
 /* -------------------------- BUTTON OVER -------------------------- */
@@ -131,7 +135,7 @@
 /* -------------------------- BUTTON ELEMENT -------------------------- */ 
 .x-btn button {
     font-size: 11px;
-    background: none;
+    background: none no-repeat scroll 0 0 transparent;
     cursor:pointer;
     margin: 0px;
     outline: none;
@@ -140,6 +144,13 @@
     width: auto;
     border: 0px none;
 }
+.x-btn-left i,
+.x-btn-right i
+{
+    display: block;
+    width: 3px;
+}
+
 .roo-gecko .x-btn button
 {
     padding-left: 0px;
@@ -148,9 +159,10 @@
 /* -------------------------- BUTTON WITH ICONS  -------------------------- */ 
 .x-btn-text-icon .x-btn-center .x-btn-text
 {
+   background-position:0 2px; 
    background:none no-repeat scroll 0 0 transparent;
     /* padding : 3px 0 2px 18px; */
-    padding : 0 0 2px 18px; 
+    padding: 1px 0px 1px 18px;
 
 }
 /* -------------------------- BUTTON WITH MENUS  -------------------------- */