Skip to content
Browse files

'CSS for tabs changed to resolve IE6 + 7 tabs issues'

  • Loading branch information...
1 parent c0b6773 commit fabf55370ac098e619fef014130ad41e00739b40 urs_hunkler committed Mar 4, 2007
Showing with 67 additions and 45 deletions.
  1. +21 −7 theme/standard/styles_ie6.css
  2. +21 −7 theme/standard/styles_ie7.css
  3. +25 −31 theme/standard/styles_layout.css
View
28 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 */
View
28 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 {
View
56 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,29 +2189,29 @@ 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;
}
.tabrow0 .last span {
background: transparent url(pix/tab/right_last.gif) no-repeat right top;
}
+*/
.tabrow1 li a span {
background: none !important;
}
.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,23 +2222,23 @@ 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);
}
.tabrow0 a:hover span {
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
***/

0 comments on commit fabf553

Please sign in to comment.
Something went wrong with that request. Please try again.