[dw-nonfree] Site scheme fails when smaller text size set

[jproulx]

[commit: http://hg.dwscoalition.org/dw-nonfree/rev/4273b984df45]

http://bugs.dwscoalition.org/show_bug.cgi?id=183

Fix text resizing around the menu to handle smaller/larger font sizes

Files modified:

• cgi-bin/bml/scheme/tropo-red.look
• htdocs/stc/tropo/red.css

--------------------------------------------------------------------------------
diff -r c4a9c36a0a3a -r 4273b984df45 cgi-bin/bml/scheme/tropo-red.look
--- a/cgi-bin/bml/scheme/tropo-red.look	Fri Feb 27 03:12:28 2009 +0000
+++ b/cgi-bin/bml/scheme/tropo-red.look	Mon Mar 02 14:35:41 2009 -0800
@@ -252,7 +252,7 @@ pageTracker._trackPageview();
     }
     return "";
 _code?>
-
+        <div id="shim-alpha"> </div>
     </body>
 </html>
 <=page
diff -r c4a9c36a0a3a -r 4273b984df45 htdocs/stc/tropo/red.css
--- a/htdocs/stc/tropo/red.css	Fri Feb 27 03:12:28 2009 +0000
+++ b/htdocs/stc/tropo/red.css	Mon Mar 02 14:35:41 2009 -0800
@@ -61,7 +61,7 @@ a:active,
     font-size: 0.75em;
     line-height: 1.5;
     margin: 2em 0 2em 0;
-    background: #f7f7f7 url(/img/tropo-red/bg_masthead.png) repeat-x top center;
+    background-color: #f7f7f7;
     width: 100%;
 }
 #page {
@@ -153,11 +153,11 @@ a:active,
     width: auto;
 }
 #menu ul li a {
-    background: transparent url(/img/tropo-red/icon_menu_swirl.png) 10px 11px no-repeat;
+    background: transparent url(/img/tropo-red/icon_menu_swirl.png) 0.833333em 0.916667em no-repeat;
     display: block;
     color: #444;
     text-decoration: none;
-    text-indent: 2.1em;
+    text-indent: 2em;
     padding-right: 0.75em;
 }
 /* .hover is a class added by js for the currently hovered/focused menu */
@@ -353,6 +353,22 @@ a:active,
 #content .panel-first {
     border-top: 0 !important;
 }
+
+/**
+ * Scheme-specific blocks
+ */
+#shim-alpha {
+    font-size: 0.75em;
+    position: absolute;
+    top: 2em;
+    left: 0;
+    height: 7.833333em;
+    width: 100%;
+    background: #fff;
+    border-top: 0.5em solid #e3e3e3;
+    border-bottom: 0.5em solid #f4717a;
+}
+
 /**
  * Form field styles
  */
--------------------------------------------------------------------------------