Fixes new ITabsheet styles.

svn changeset:5169/svn branch:trunk

diff --git a/WebContent/ITMILL/themes/default/styles.css b/WebContent/ITMILL/themes/default/styles.css
index 0df47105650aa4cb14a9068d40efcb48934b8363..868786b12e550e91b3633def4b4ab0687682b014 100644 (file)
--- a/WebContent/ITMILL/themes/default/styles.css
+++ b/WebContent/ITMILL/themes/default/styles.css
@@ -1858,7 +1858,7 @@ i-orderedlayout-margin-top {
        margin:0;
        padding:0;
        border:0;
-       height: 38px;
+       height: 48px;
        background: transparent url(tabsheet/img/tabs-bg.png) repeat-x bottom left;
        width: 100%;
        overflow:hidden;
@@ -1867,12 +1867,16 @@ i-orderedlayout-margin-top {
 .i-tabsheet-tabs td {
        margin:0;
        padding:0;
+       vertical-align: bottom;
 }
 
-.i-tabsheet-tabs .i-tabsheet-spacertd {
+.i-tabsheet-spacertd {
        width: 100%;
+}
+.i-tabsheet-spacertd div {
        height: 37px;
        border: 1px solid #b6bbbc;
+       background: transparent url(tabsheet/img/tab-bg.png);
 }
 
 .i-tabsheet-hidetabs .i-tabsheet-tabcontainer {
@@ -1932,20 +1936,27 @@ i-orderedlayout-margin-top {
        white-space: nowrap;
 }
 
-.i-tabsheet-tabs .i-tabsheet-tabitem {
+
+
+.i-tabsheet-tabitem {
        border: 1px solid #b6bbbc;
        border-right: none;
-       height: 20px;
-       padding: 9px 15px 8px 15px;
+       height: 37px;
+       padding: 0;
        margin-top: 9px;
        color: #777f85;
        font-size: 15px;
-       line-height: 15px;
+       line-height: 18px;
        background: #f8f9f9 url(tabsheet/img/tab-bg.png);
        cursor: pointer;
 }
 
-.i-tabsheet-tabs .i-tabsheet-tabitem-selected {
+.i-tabsheet-tabitem .i-caption {
+       height: 20px;
+       padding: 9px 15px 8px 15px;
+}
+
+.i-tabsheet-tabitem-selected {
        border: none;
        background: transparent url(panel/img/top-left.png) no-repeat;
        margin: 0;
@@ -1955,19 +1966,19 @@ i-orderedlayout-margin-top {
        color: #ee5311;
 }
 
-.i-tabsheet-tabs .i-tabsheet-tabitem:hover {
+.i-tabsheet-tabitem:hover {
        color: #4b5257;
 }
 
-.i-tabsheet-tabs .i-tabsheet-tabitem-selected:hover {
+.i-tabsheet-tabitem-selected:hover {
        color: #ee5311;
 }
 
-.i-tabsheet-tabs .i-tabsheet-tabitem-selected .i-caption {
+.i-tabsheet-tabitem-selected .i-caption {
        background: transparent url(panel/img/top-right.png) repeat-x right top;
        margin: 0 -1px 0 9px;
        height: 18px;
-       padding: 16px 16px 0 7px
+       padding: 16px 16px 14px 7px
 }
 
 .i-tabsheet-content {
@@ -2000,7 +2011,7 @@ i-orderedlayout-margin-top {
 
 /* Progress indication */
 
-.i-tabsheet-loading .i-tabsheet-tabs .i-tabsheet-tabitem-selected span{
+.i-tabsheet-loading .i-tabsheet-tabs .i-tabsheet-tabitem-selected span {
        background: transparent url(common/img/ajax-loader.gif) no-repeat;
        display: block;
        margin-left: -10px;

diff --git a/WebContent/ITMILL/themes/default/tabsheet/tabsheet.css b/WebContent/ITMILL/themes/default/tabsheet/tabsheet.css
index 9be11e7dca4f41cad00941e90e4e0d71cb93019a..4e3d18a55786577b1be8c3c482b94d0a16a70c85 100644 (file)
--- a/WebContent/ITMILL/themes/default/tabsheet/tabsheet.css
+++ b/WebContent/ITMILL/themes/default/tabsheet/tabsheet.css
@@ -11,7 +11,7 @@
        margin:0;
        padding:0;
        border:0;
-       height: 38px;
+       height: 48px;
        background: transparent url(img/tabs-bg.png) repeat-x bottom left;
        width: 100%;
        overflow:hidden;
@@ -20,12 +20,16 @@
 .i-tabsheet-tabs td {
        margin:0;
        padding:0;
+       vertical-align: bottom;
 }
 
-.i-tabsheet-tabs .i-tabsheet-spacertd {
+.i-tabsheet-spacertd {
        width: 100%;
+}
+.i-tabsheet-spacertd div {
        height: 37px;
        border: 1px solid #b6bbbc;
+       background: transparent url(img/tab-bg.png);
 }
 
 .i-tabsheet-hidetabs .i-tabsheet-tabcontainer {
@@ -85,20 +89,27 @@
        white-space: nowrap;
 }
 
-.i-tabsheet-tabs .i-tabsheet-tabitem {
+
+
+.i-tabsheet-tabitem {
        border: 1px solid #b6bbbc;
        border-right: none;
-       height: 20px;
-       padding: 9px 15px 8px 15px;
+       height: 37px;
+       padding: 0;
        margin-top: 9px;
        color: #777f85;
        font-size: 15px;
-       line-height: 15px;
+       line-height: 18px;
        background: #f8f9f9 url(img/tab-bg.png);
        cursor: pointer;
 }
 
-.i-tabsheet-tabs .i-tabsheet-tabitem-selected {
+.i-tabsheet-tabitem .i-caption {
+       height: 20px;
+       padding: 9px 15px 8px 15px;
+}
+
+.i-tabsheet-tabitem-selected {
        border: none;
        background: transparent url(../panel/img/top-left.png) no-repeat;
        margin: 0;
@@ -108,19 +119,19 @@
        color: #ee5311;
 }
 
-.i-tabsheet-tabs .i-tabsheet-tabitem:hover {
+.i-tabsheet-tabitem:hover {
        color: #4b5257;
 }
 
-.i-tabsheet-tabs .i-tabsheet-tabitem-selected:hover {
+.i-tabsheet-tabitem-selected:hover {
        color: #ee5311;
 }
 
-.i-tabsheet-tabs .i-tabsheet-tabitem-selected .i-caption {
+.i-tabsheet-tabitem-selected .i-caption {
        background: transparent url(../panel/img/top-right.png) repeat-x right top;
        margin: 0 -1px 0 9px;
        height: 18px;
-       padding: 16px 16px 0 7px
+       padding: 16px 16px 14px 7px
 }
 
 .i-tabsheet-content {
@@ -153,7 +164,7 @@
 
 /* Progress indication */
 
-.i-tabsheet-loading .i-tabsheet-tabs .i-tabsheet-tabitem-selected span{
+.i-tabsheet-loading .i-tabsheet-tabs .i-tabsheet-tabitem-selected span {
        background: transparent url(../common/img/ajax-loader.gif) no-repeat;
        display: block;
        margin-left: -10px;