[fixmystreet.com] Homepage button step A/B test.

2 files changed, 57 insertions, 0 deletions

diff --git a/web/cobrands/fixmystreet/base.scss b/web/cobrands/fixmystreet/base.scss
index ff4f4df91..5dfe8958d 100644
--- a/web/cobrands/fixmystreet/base.scss
+++ b/web/cobrands/fixmystreet/base.scss
@@ -88,3 +88,42 @@
     margin-right: -0.5em;
   }
 }
+
+#homepage-ab-test {
+  display: none; // header_extra.html will override this if Analytics tells it to
+
+  a {
+    display: inline-block;
+    cursor: pointer;
+  }
+
+  #cta-report {
+    padding: 0.4em 1em;
+    margin-top: 0.5em;
+    font-size: 1.5em;
+    font-weight: bold;
+    color: #333;
+    background-color: #ffd000;
+    border-radius: 0.3em;
+    box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
+    background-image: linear-gradient(rgba(255,255,255,0.3), transparent);
+    text-shadow: 0 1px 0 rgba(255,255,255,0.6);
+    border: 2px solid #BB9900;
+    text-decoration: none;
+
+    &:hover,
+    &:focus {
+      background-color: #FFDB3E;
+    }
+
+    &:active {
+      position: relative;
+      top: 1px;
+      box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
+    }
+  }
+
+  #cta-view {
+    margin: 0.5em 0 1em 0;
+  }
+}
diff --git a/web/cobrands/fixmystreet/layout.scss b/web/cobrands/fixmystreet/layout.scss
index 20ea2f11a..009ab5bcb 100644
--- a/web/cobrands/fixmystreet/layout.scss
+++ b/web/cobrands/fixmystreet/layout.scss
@@ -283,3 +283,21 @@ body.alertindex {
     line-height: 1.4em;
   }
 }
+
+#homepage-ab-test {
+  #cta-report {
+    font-size: 2em;
+  }
+
+  #cta-view {
+    line-height: 1.2em;
+    font-size: 1.2em;
+    color: #333;
+    border-bottom: 1px solid #917F00;
+    text-decoration: none;
+
+    &:hover, &:focus {
+      border-bottom-color: #BD942A;
+    }
+  }
+}