[Westminster] Move inline CSS to stylesheet.

1 files changed, 31 insertions, 0 deletions

diff --git a/web/cobrands/sass/_base.scss b/web/cobrands/sass/_base.scss
index 8c1445b36..32a85fa04 100644
--- a/web/cobrands/sass/_base.scss
+++ b/web/cobrands/sass/_base.scss
@@ -379,6 +379,14 @@ select.form-control {
           margin: 0 0 0.5em 0;
         }
     }
+
+    small {
+        margin: 0.5em auto;
+        display: block;
+        text-align: center;
+        font-style: normal;
+        width: 75%;
+    }
 }
 
 // Purposefully *not* wrapped in `html.js` because the margin-top helps
@@ -387,6 +395,29 @@ select.form-control {
     margin-top: 1.5em;
 }
 
+/* On a reporting page MyW/anon */
+small#or {
+    margin: 1em auto;
+    width: 100%;
+}
+small#or:before, small#or:after {
+    background-color: #fff;
+    content: "";
+    display: inline-block;
+    height: 2px;
+    position: relative;
+    vertical-align: middle;
+    width: 50%;
+}
+small#or:before {
+    right: 1em;
+    margin-left: -50%;
+}
+small#or:after {
+    left: 1em;
+    margin-right: -50%;
+}
+
 // grey background, full width box
 .form-box {
   margin: 0 -1em 0.25em;