[fixmystreet.com] Some fixes to A/B edge cases.

Better contrast; don't show on /about/council.

2 files changed, 18 insertions, 6 deletions

diff --git a/templates/web/fixmystreet.com/header_extra.html b/templates/web/fixmystreet.com/header_extra.html
index f65121445..e05bc31d2 100644
--- a/templates/web/fixmystreet.com/header_extra.html
+++ b/templates/web/fixmystreet.com/header_extra.html
@@ -9,7 +9,9 @@
 var variation = cxApi.chooseVariation(),
     docElement = document.documentElement,
     className = docElement.className;
-docElement.className = className + ' variant' + variation;
+if (!/about\/council/.test(location.pathname)) {
+    docElement.className = className + ' variant' + variation;
+}
 </script>
 <style>
 html .variant1 { display: none !important; }
diff --git a/web/cobrands/fixmystreet.com/layout.scss b/web/cobrands/fixmystreet.com/layout.scss
index 985f16ca8..81c3b3d54 100644
--- a/web/cobrands/fixmystreet.com/layout.scss
+++ b/web/cobrands/fixmystreet.com/layout.scss
@@ -383,11 +383,13 @@ body.unresponsive-council {
         background: transparent;
     }
 
-    #main-nav {
-        text-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
+    .nav-menu a,
+    .nav-menu span {
+        color: #222;
     }
 
     .nav-menu--main {
+        font-weight: bold;
         span {
             color: inherit;
         }
@@ -403,7 +405,6 @@ body.unresponsive-council {
             background-color: #fff;
             color: mix(#fad52a, #000, 50%);
             padding: 0.25em 0.5em;
-            text-shadow: none;
         }
     }
 
@@ -416,10 +417,19 @@ body.unresponsive-council {
         background: darken(#fad52a, 5%);
     }
 
-    body.twothirdswidthpage .container .content footer .tablewrapper,
+    body.twothirdswidthpage .container .content footer .tablewrapper {
+        color: #222;
+        background: #fad52a;
+    }
     body.fullwidthpage .container .content footer .tablewrapper,
     #footer-nav .tablewrapper {
-        background: #fad52a;
+        color: #222;
+        background: transparent;
+    }
+
+    #footer-nav .tablewrapper ul li a,
+    #footer-nav .tablewrapper ul li span {
+        color: #222;
     }
 
     .nav-menu--mysoc {