X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=css%2Fbutton.css;h=d944cb86cd9a8c2a283a8c97f95e93e0d2b76487;hb=5f0c20d0c4e6eb4fb63ad64ac5dd3323de1b6c0c;hp=8230b36c7b429f3b1e9fae680b628ae11aa57546;hpb=4d9cd83949f3c24871af08cebb30b1f8102ac4c9;p=roojs1

diff --git a/css/button.css b/css/button.css
index 8230b36c7b..d944cb86cd 100644
--- 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;
@@ -29,10 +29,10 @@
 
 .x-btn-left, 
 .x-btn-right
-{
-	font-size:1px;
+{
+	font-size:1px;
 	line-height:1px;
-    width: 3px;
+    width: 3px;
 }
 
 
@@ -40,7 +40,7 @@
 .x-btn-right i 
 {
     display: block;
-    overflow: hidden
+    overflow: hidden;
     width: 3px;
     line-height: 1px;
     font-size: 1px;
@@ -51,7 +51,7 @@
     
 }
 
-/* -------- BUTTON BACKGROUND IMAGE -------------- */
+/* -------- BUTTON BACKGROUND IMAGE -------------- */
 .x-btn-left,
 .x-btn-center,
 .x-btn-right
@@ -61,15 +61,16 @@
     background-repeat: no-repeat;
     /* might have height, and padding / margin zero'd */
     height:21px;
+    vertical-align: middle;
+    
     
-    
 }
 .x-btn-left
 {
     background-position:0 0;
 }
 .x-btn-right
-{
+{
 	background-position:0 -21px;
 }
 .x-btn-center
@@ -81,6 +82,18 @@
     padding:0 5px;
     
 }
+
+.x-btn-clear .x-btn-center .x-btn-text  {
+        width:16px;
+        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 -------------------------- */
 .x-btn-over .x-btn-left
 {
@@ -108,8 +121,8 @@
 	background-position:0 -126px;
 }
 
-/* -------------------------- BUTTON FOCUS -------------------------- */
-/* ??? any special settings ?? */
+/* -------------------------- BUTTON FOCUS -------------------------- */
+/* ??? any special settings ?? */
  
 /* -------------------------- BUTTON DISABLED -------------------------- */ 
 .x-btn .x-btn-disabled
@@ -123,7 +136,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;
@@ -132,19 +145,29 @@
     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;
     padding-right: 0px;
-}
+}
 /* -------------------------- 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  -------------------------- */ 
 button.x-btn-menu-arrow-el
 {
@@ -171,5 +194,5 @@ button.x-btn-menu-arrow-el
     /* padding : 3px 0 2px 18px; */
     padding : 0 0 2px 0px; 
 }
-
+
   
\ No newline at end of file