Changeset 2107

Timestamp:

04/25/08 23:10:31 (3 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

Files:

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

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

@@ -331 +331 @@
-}
-
-
-
-
-
-
+
-#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;
-}
-
+
+
-    left: auto;
-}
@@ -517 +510 @@
-}
-
-
+
+
-    background-color: #575757;
-    color: #ebf2f5;
-}
-
+
+
-    color: #c2e3f3;
-    border-top: 1px solid #424242;
-}
-
+
+
-    background-color: #474747;
-}
-
-
+
+
-    color: #777;
-    background-color: #575757;
@@ -542 +539 @@
-    color: #f1f4e9;
-}
-
+
+
-    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;
-}
-
+
+
-    background-position: 5px -20px;
+    background-color: transparent;
-}
-

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

@@ -156 +156 @@
-            </div>
-            <mt:if name="top_nav_loop">
-
+<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">
- onmouseover="DOM.addClassName( this, 'show-nav' );" onmouseout="DOM.removeClassName( this, 'show-nav' );"
+
-                    <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">