From 5c78cff7cc9c4f22d6c04f1d5ffb65ff4d21c3c7 Mon Sep 17 00:00:00 2001
From: buczekp <buczekp>
Date: Mon, 16 Nov 2009 10:09:22 +0000
Subject: [PATCH] [LMS-1268] improved button CSS

SVN: 13410
---
 .../cisd/openbis/public/css/openbis.css       | 81 ++++++++++++++++---
 1 file changed, 72 insertions(+), 9 deletions(-)

diff --git a/openbis/source/java/ch/systemsx/cisd/openbis/public/css/openbis.css b/openbis/source/java/ch/systemsx/cisd/openbis/public/css/openbis.css
index 89c3d3565d0..605a9aaf043 100644
--- a/openbis/source/java/ch/systemsx/cisd/openbis/public/css/openbis.css
+++ b/openbis/source/java/ch/systemsx/cisd/openbis/public/css/openbis.css
@@ -129,25 +129,88 @@ body,div,td {
 }
 
 /* Show background image for button even if mouse is not over it. */
+/* old
 .x-toolbar .x-btn-left{
-	background:url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 0;
+	background:url(../resources/images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 0;
 }
 .x-toolbar .x-btn-right{
-	background:url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -21px;
+	background:url(../resources/images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -21px;
   padding-right:2px;	
 }
 .x-toolbar .x-btn-center{
-	background:url(../images/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -42px;
+	background:url(../resources/images/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -42px;
 }
+*/
+.x-toolbar .x-btn-tl {
+	background-position: -6px 0;
+}
+.x-toolbar .x-btn-tr {
+	background-position: -9px 0;
+}
+.x-toolbar .x-btn-tc {
+	background-position: 0 -9px;
+}
+.x-toolbar .x-btn-ml {
+	background-position: -6px -24px;
+}
+.x-toolbar .x-btn-mr {
+	background-position: -9px -24px;
+}
+.x-toolbar .x-btn-mc {
+	background-position: 0 -2168px;
+}
+.x-toolbar .x-btn-bl {
+	background-position: -6px -3px;
+}
+.x-toolbar .x-btn-br {
+	background-position: -9px -3px;
+}
+.x-toolbar .x-btn-bc {
+	background-position: 0 -18px;
+}
+
 
-/* Don't show background image for button in top menu. */
-.x-toolbar .x-btn-top-menu * {
-	background:none;
+/* Don't show background image for button in top menu unless there is a mouse over it. 
+/* doesn't work
+.x-toolbar .x-btn-top-menu .x-btn-small {
+	background-image: none;
+}
+*/
+.x-toolbar .x-btn-top-menu .x-btn-tl {
+	background-position: 500px 500px;
+}
+.x-toolbar .x-btn-top-menu .x-btn-tr {
+	background-position: 500px 500px;
+}
+.x-toolbar .x-btn-top-menu .x-btn-tc {
+	background-position: 500px 500px;
+}
+.x-toolbar .x-btn-top-menu .x-btn-ml {
+	background-position: 500px 500px;
+}
+.x-toolbar .x-btn-top-menu .x-btn-mr {
+	background-position: 500px 500px;
+}
+.x-toolbar .x-btn-top-menu .x-btn-mc {
+	background-position: 500px 500px;
+}
+.x-toolbar .x-btn-top-menu .x-btn-bl {
+	background-position: 500px 500px;
+}
+.x-toolbar .x-btn-top-menu .x-btn-br {
+	background-position: 500px 500px;
+}
+.x-toolbar .x-btn-top-menu .x-btn-bc {
+	background-position: 500px 500px;
 }
 
-/* Change toolbar button text color when mouse is over it. */
-.x-toolbar .x-btn-center .x-btn-over .x-btn-text {
-	color: grey;
+/* Toolbar cells padding */
+.x-toolbar-cell {
+	padding-right: 2px;
+}
+/* Change toolbar button text color when mouse is over it*/
+.x-btn-over .x-btn-text {
+	color: black !important;
 }
 
 /*****************************
-- 
GitLab