[overlord-commits] Overlord SVN: r962 - bpm-console/trunk/gui/war/src/main/java/org/jboss/bpm/console/public.

overlord-commits at lists.jboss.org overlord-commits at lists.jboss.org
Thu Feb 11 10:06:49 EST 2010


Author: heiko.braun at jboss.com
Date: 2010-02-11 10:06:49 -0500 (Thu, 11 Feb 2010)
New Revision: 962

Modified:
   bpm-console/trunk/gui/war/src/main/java/org/jboss/bpm/console/public/console.css
Log:
use gradient bg for tab backgrounds

Modified: bpm-console/trunk/gui/war/src/main/java/org/jboss/bpm/console/public/console.css
===================================================================
--- bpm-console/trunk/gui/war/src/main/java/org/jboss/bpm/console/public/console.css	2010-02-11 14:14:19 UTC (rev 961)
+++ bpm-console/trunk/gui/war/src/main/java/org/jboss/bpm/console/public/console.css	2010-02-11 15:06:49 UTC (rev 962)
@@ -283,34 +283,6 @@
 
 /*** tab bar ***/
 
-.gwt-TabBar {
-}
-.gwt-TabBar .gwt-TabBarFirst {
-  width: 5px;  /* first tab distance from the left */
-}
-.gwt-TabBar .gwt-TabBarRest {
-}
-.gwt-TabBar .gwt-TabBarItem {
-  margin-left: 0px;
-  padding: 3px 6px 3px 6px;
-  cursor: pointer;
-  cursor: hand;
-  color: black;
-  font-weight: bold;
-  text-align: center;
-  background: #ffffff;
-}
-.gwt-TabBar .gwt-TabBarItem-selected {
-  cursor: default;
-  background: #ffffff;
-  border-bottom:1px solid #ffffff;
-}
-.gwt-TabBar .gwt-TabBarItem-disabled {
-  cursor: default;
-  color: #999999;
-}
-.gwt-TabPanel {
-}
 
 .gwt-TabPanelBottom {
   border-left: 1px solid #bcbcbc;
@@ -334,7 +306,13 @@
 .gwt-DecoratedTabBar .gwt-TabBarItem {
   border-collapse: collapse;
   margin-left: 0px;
+
 }
+
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected {
+    
+}
+
 .gwt-DecoratedTabBar .tabTopCenter {
   padding: 0px;
   background: #ffffff;
@@ -370,13 +348,13 @@
   width: 6px;
   padding: 0px;
   border-left:1px solid #c4c4c4;
-  background:#ffffff;
+  background: #E3E8F3 url(gwt/chrome/images/hborder.png) repeat-x 0px -2003px;
 }
 .gwt-DecoratedTabBar .tabMiddleRight {
   width: 6px;
   padding: 0px;
   border-right:1px solid #c4c4c4;
-  background:#ffffff;
+  background: #E3E8F3 url(gwt/chrome/images/hborder.png) repeat-x 0px -2003px;
 }
 .gwt-DecoratedTabBar .tabMiddleLeftInner,
 .gwt-DecoratedTabBar .tabMiddleRightInner {
@@ -385,13 +363,11 @@
 }
 .gwt-DecoratedTabBar .tabMiddleCenter {
   padding: 0px 4px 2px 4px;
-  cursor: pointer;
-  cursor: hand;
   font-weight: bold;
-  text-align: center;  
-  background: #ffffff;
-
+  text-align: center;
+  background: #E3E8F3 url(gwt/chrome/images/hborder.png) repeat-x 0px -2003px;
 }
+
 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
   background: #ffffff;  
 }
@@ -404,38 +380,45 @@
 
 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
-  background: #ffffff;
+    background: #E3E8F3 url(gwt/chrome/images/hborder.png) repeat-x 0px -2003px;  
 }
 
 .gwt-DecoratedTabBar .gwt-TabBarItem-disabled .tabMiddleLeft,
 .gwt-DecoratedTabBar .gwt-TabBarItem-disabled .tabMiddleRight {
   background: #E3E8F3 url(gwt/chrome/images/hborder.png) repeat-x 0px -2003px;
+  /*background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;*/
 }
 
 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
-  cursor: default;  
-  background:#ffffff;  
+  cursor: default;
+  color:#000000;
+  background: #E3E8F3 url(gwt/chrome/images/hborder.png) repeat-x 0px -2003px;  
 }
+
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter div {
+   color:#000000;
+}
+
+.gwt-DecoratedTabBar .tabMiddleCenter div { /*tab text*/
+  color:#ccc;
+}
+
 .gwt-DecoratedTabBar .gwt-TabBarItem-disabled .tabMiddleCenter {
   cursor: hand;
   cursor: pointer;
-  border-bottom: 1px #bcbcbc solid;
-  background: #E3E8F3 url(gwt/chrome/images/hborder.png) repeat-x 0px -2003px;
 }
 
+
+
 .gwt-TabBarItem-wrapper {
   padding-left:6px;
   border-bottom: 1px solid #bcbcbc;
 }
 
 .gwt-TabBarItem-wrapper-selected {
-  border-bottom: 1px solid #bcbcbc;
+  /*border-bottom: 1px solid #bcbcbc;*/
 }
 
-.gwt-TabBarItem-wrapper-selected .gwt-TabBarItem-selected {    
-  border-bottom:1px solid #ffffff;
-}
-
 .gwt-TabBarFirst-wrapper {
  border-bottom: 1px solid #bcbcbc;
 }



More information about the overlord-commits mailing list