From c1f257edb50efddc0b5dffc3dafffe8ac1f24969 Mon Sep 17 00:00:00 2001 From: urs_hunkler Date: Sun, 4 Mar 2007 17:18:50 +0000 Subject: [PATCH] merged CSS for tabs - changes to resolve IE6 + 7 tabs issues --- theme/standard/styles_ie6.css | 28 ++++++++++++---- theme/standard/styles_ie7.css | 28 ++++++++++++---- theme/standard/styles_layout.css | 56 ++++++++++++++------------------ 3 files changed, 67 insertions(+), 45 deletions(-) diff --git a/theme/standard/styles_ie6.css b/theme/standard/styles_ie6.css index ed12f01d6e..eff02c912f 100755 --- 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 7d88c8181e..968384ed18 100755 --- 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 59a1d05f56..7192b16a94 100644 --- 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 ***/ -- 2.39.5