merged CSS for tabs - changes to resolve IE6 + 7 tabs issues

diff --git a/theme/standard/styles_ie6.css b/theme/standard/styles_ie6.css
index ed12f01d6e61db99b6a548807645a5b345b120c0..eff02c912f45037cfd9e217744f6452d57a1f164 100755 (executable)
--- a/theme/standard/styles_ie6.css
+++ b/theme/standard/styles_ie6.css
@@ -7,24 +7,38 @@
 }
 
 .tabrow0 {
-    padding-top: 6px;
+    padding-top: 10px;
 }
 
-.tabrow0 LI.first {
+.tabrow0 li {
+    margin-left: 0;
+}
+
+.tabrow0 li.first {
     margin-left: -4px;
+    margin-right: -4px;
+}
+
+.tabrow0 li.last a {
+    margin-right: 0;
+}
+
+.tabrow0 li.onerow {
     margin-right: 0;
 }
 
-.tabrow0 A {
-    padding: 0 0 0 14px;
+.tabrow0 a {
+    padding: 0 0 0 13px;
 }
 
-.tabrow0 A span {
+.tabrow0 a span {
     padding: 12px 1em 4px 0;
 }
 
-.tabrow0 UL {
-   top: 2.1em;
+.tabrow0 div,
+.tabrow0 ul {
+   top: 2.7em;
+   padding: 0.2em 0;
 }
 
 /*fix for misalignment of text fields in ie */

diff --git a/theme/standard/styles_ie7.css b/theme/standard/styles_ie7.css
index 7d88c8181e88e403b1b2880a68cfb9399f5af2aa..968384ed1846683084fcc59d62d50cacc3acf6ce 100755 (executable)
--- a/theme/standard/styles_ie7.css
+++ b/theme/standard/styles_ie7.css
@@ -2,22 +2,36 @@
  * These styles are ONLY included for IE 7 (via meta.php)
  */
 
-.tabrow0 LI.first {
+.tabrow0 li {
+    margin-left: 0;
+}
+
+.tabrow0 li.first {
+    margin-right: -4px;
+}
+
+.tabrow0 li.onerow {
     margin-right: 0;
 }
 
-.tabrow0 A {
+.tabrow0 a {
     display: inline-block;
-    padding: 6px 0 10px 14px;
-    line-height: 1.6em;
+    padding: 8px 0 0.35em 13px;
+    line-height: 1.5em;
 }
 
-.tabrow0 A span {
+.tabrow0 a span {
     padding: 10px 1em 10px 0;
 }
 
-.tabrow0 UL {
-   top: 2.1em;
+.tabrow0 div,
+.tabrow0 ul {
+   top: 2.6em;
+   padding: 0.2em 0;
+}
+
+.tabrow0 div.empty {
+    margin-right: 0;
 }
 
 .sideblock {

diff --git a/theme/standard/styles_layout.css b/theme/standard/styles_layout.css
index 59a1d05f560ff0f81bde85dbb31a8dc7052a8562..7192b16a946877ae7476fb383217ee004d962d40 100644 (file)
--- a/theme/standard/styles_layout.css
+++ b/theme/standard/styles_layout.css
@@ -2179,6 +2179,7 @@ body#message-messages {
   margin:0;
   list-style:none;
   line-height:1.8em;
+  font-size: 84%;
 }
 
 .tabrow0 li {
@@ -2188,10 +2189,11 @@ body#message-messages {
 }
 
 .tabrow0 a span {
-  padding: 10px 14px 6px 0;
+  padding: 10px 14px 0.35em 0;
   background: transparent url(pix/tab/right.gif) no-repeat right top;
 }
 
+/*
 .tabrow0 a.here span {
   background: transparent url(pix/tab/right_last.gif) no-repeat right top;
 }
@@ -2199,6 +2201,7 @@ body#message-messages {
 .tabrow0 .last span {
   background: transparent url(pix/tab/right_last.gif) no-repeat right top;
 }
+*/
 
 .tabrow1 li a span {
   background: none !important;
@@ -2206,11 +2209,9 @@ body#message-messages {
 
 .tabrow0 a {
   text-decoration: none;
-  /* font-weight: bold; */
   background: transparent url(pix/tab/left.gif) no-repeat left top;
   margin: 0 -1px 0 0;
-  /* margin: 0; */
-  padding: 10px 0 4px 14px;
+  padding: 10px 0 0.35em 13px;
 }
 
 .tabrow0 a:hover, .tabrow0 a:active, .tabrow0 a.here:link, .tabrow0 a.here:visited {
@@ -2221,7 +2222,7 @@ body#message-messages {
   background-image: url(pix/tab/left_hover.gif);
 }
 
-.tabrow0 a.here:hover {
+.tabrow0 .here a:hover {
   background-image: url(pix/tab/left.gif);
 }
 
@@ -2229,15 +2230,15 @@ body#message-messages {
   background-image: url(pix/tab/right_hover.gif);
 }
 
-.tabrow0 a.here:hover span {
-  background-image: url(pix/tab/right_last.gif);
+.tabrow0 .here a:hover span {
+  background-image: url(pix/tab/right.gif);
 }
 
-.tabrow0 a.here {
+.tabrow0 .here a {
   color:#444;
 }
 
-.tabrow0 a.here:link, .tabrow0 a.here:visited {
+.tabrow0 .here a:link, .tabrow0 .here a:visited {
   position:relative;
   z-index:102;
 }
@@ -2249,18 +2250,19 @@ body#message-messages {
   padding: 0;
 }
 
+.tabrow0 div,
 .tabrow0 ul {
-  position:absolute;
-  left:0;
-  top:1.8em;
-  width:100%;
-  margin:0;
-  padding:0.25em 0;
-  list-style:none;
+  position: absolute;
+  left: 0;
+  top: 2.0em;
+  width: 100%;
+  margin: 0;
+  padding: 0.25em 0;
+  list-style: none;
   border-top: 1px solid #aaa;
   line-height: normal;
   background: transparent url(pix/tab/tabrow1.gif) repeat-x center left;
-  font-size: 95%;
+  font-size: 90%;
 }
 
 .tabrow0 ul li {
@@ -2283,26 +2285,18 @@ body#message-messages {
 }
 
 .tabrow0 ul .last span,
-.tabrow0 ul a:hover, .tabrow0 ul a:hover span,
-.tabrow0 ul a.here:hover, .tabrow0 ul a.here:hover span {
-  background-image: none;
+.tabrow0 ul li a:hover, .tabrow0 ul li a:hover span,
+.tabrow0 ul .here a:hover, .tabrow0 ul .here a:hover span {
+  background-image: none !important;
 }
 
-.tabrow0 ul a:hover, .tabrow0 ul a:active, .tabrow0 ul a.here:link, .tabrow0 ul a.here:visited {
+.tabrow0 ul a:hover, .tabrow0 ul a:active, .tabrow0 ul .here a:link, .tabrow0 ul .here a:visited {
   color:#444;
 }
 
-/* hmmm ... how can we shrink the tab fonts? 
-.tabtree .tabrow0 span {
-  font-size:0.9em;
-}
-
-.tabtree .tabrow1 span {
-  font-size:0.7em;
+.tabrow0 ul div {
+    display: none;
 }
-*/
-
-
 /***
  *** User
  ***/