Changeset 2107

Timestamp:

04/25/08 23:10:31 (22 months ago)

Author:

bsmith

Message:

bugzid:79427 - Fixing display issue with menus in Firefox and Safari with pure css, and IE using some conditioned js

Location:

branches/release-36

Files:

• mt-static/css/structure.css (modified) (6 diffs)
• tmpl/cms/include/header.tmpl (modified) (1 diff)

branches/release-36/mt-static/css/structure.css

@@ -331 +331 @@
 }
 
-#selector-nav a {
-    color: #606900;
-    font-size: 12px;
-}
-
+#selector-nav a,
 #selector-nav a:hover {
     color: #606900;
 }
 
-#selector-nav li.show-nav a {
-/*    background-color: #000;*/
-/*    color: #000;*/
-}
 #selector-nav li.show-nav ul {
     background: #fff;
@@ -366 +358 @@
     padding: 6px 10px 5px 10px;
     background: #fff url('../images/blog-selector-control.gif') repeat-x left bottom;
-    border-left: 1px solid #000;
+    margin-left: 1px;
 }
 #blog-selector-control.show-nav #current-blog-title {
@@ -449 +441 @@
     border-bottom: 1px solid #424242;
 }
-#blog-nav-list li.show-nav ul { 
+#blog-nav-list li.show-nav ul, /* hack: IE */
+#blog-nav-list li:hover ul { 
     left: auto;
 }
@@ -517 +510 @@
 }
 
-#blog-nav li.show-nav a { 
+#blog-nav li.show-nav a, /* hack: IE */
+#blog-nav li:hover a { 
     background-color: #575757;
     color: #ebf2f5;
 }
-#blog-nav li.show-nav li a { 
+#blog-nav li.show-nav li a, /* hack: IE */
+#blog-nav li:hover li a { 
     color: #c2e3f3;
     border-top: 1px solid #424242;
 }
-#blog-nav li.show-nav li a:hover { 
+#blog-nav li.show-nav li a:hover, /* hack: IE */
+#blog-nav li:hover li a:hover { 
     background-color: #474747;
 }
 
-#blog-nav li.show-nav li span {
+#blog-nav li.show-nav li span, /* hack: IE */
+#blog-nav li:hover li span {
     color: #777;
     background-color: #575757;
@@ -542 +539 @@
     color: #f1f4e9;
 }
-.system #blog-nav li.show-nav li a { 
+.system #blog-nav li.show-nav li a, /* hack: IE */
+.system #blog-nav li:hover li a { 
     color: #e8f3c2;
 }
@@ -571 +569 @@
 }
 
+#blog-nav li#blog-dashboard.show-nav a, /* hack: IE */
+#blog-nav li#blog-dashboard:hover a,
+#blog-nav li#rebuild-site.show-nav a, /* hack: IE */
+#blog-nav li#rebuild-site:hover a {
+    background-position: center -20px;
+    background-color: transparent;
+}
 #view-site a {
     padding-left: 7px;
     background: url('../images/nav-icon-view.gif') no-repeat 5px 11px;
 }
-#view-site a:hover {
+#blog-nav li#view-site.show-nav a, /* hack: IE */
+#blog-nav li#view-site a:hover {
     background-position: 5px -20px;
+    background-color: transparent;
 }
 

branches/release-36/tmpl/cms/include/header.tmpl

@@ -156 +156 @@
             </div>
             <mt:if name="top_nav_loop">
-            <div id="blog-nav">
+            <div id="blog-nav"<mt:if name="agent_ie"> mt:delegate="nav-menu" mt:nav-delayed-open="0" mt:nav-delayed-close="0"</mt:if>>
                 <div id="blog-nav-inner">
                     <ul id="blog-nav-list" class="blog-nav-list pkg">
                         <li id="blog-dashboard"><a href="<$mt:var name="mt_url"$>?__mode=dashboard&amp;blog_id=<$mt:var name="blog_id" _default="0"$>" title="<__trans phrase="Blog Dashboard">"><span><__trans phrase="Blog Dashboard"></span></a></li>
                 <mt:loop name="top_nav_loop">
-                        <li id="<$mt:var name="id" lower_case="1"$>-menu" class="nav-menu" onmouseover="DOM.addClassName( this, 'show-nav' );" onmouseout="DOM.removeClassName( this, 'show-nav' );">
+                        <li id="<$mt:var name="id" lower_case="1"$>-menu" class="nav-menu">
                     <mt:if name="allowed"><a href="<$mt:var name="link" escape="html"$>"><span><$mt:var name="label"$><span mt:command="open-menu">&nbsp;</span></span></a><mt:else><a href="javascript:void(0)"><span><$mt:var name="label"$></span></a></mt:if>
                     <mt:if name="sub_nav_loop">