Merge branch 'zerotb'

1 files changed, 120 insertions, 0 deletions

diff --git a/web/cobrands/zerotb/base.scss b/web/cobrands/zerotb/base.scss
new file mode 100644
index 000000000..db612094d
--- /dev/null
+++ b/web/cobrands/zerotb/base.scss
@@ -0,0 +1,120 @@
+@import "../sass/h5bp";
+@import "./_colours";
+@import "../sass/mixins";
+@import "compass";
+
+@import url(http://fonts.googleapis.com/css?family=Lato:300,700);
+
+$body-font: 'Lato', sans-serif !default;
+$meta-font: 'Lato', sans-serif !default;
+$heading-font: 'Lato', sans-serif !default;
+
+@import "../sass/base";
+
+body {
+    font-weight: 300;
+}
+
+input {
+    background-color: $alt-background;
+}
+
+#front-main {
+    h2 {
+        font-weight: 300;
+    }
+
+    #postcodeForm {
+        div {
+            border: 0px;
+            background: $primary_b;
+            select#clinic,
+            input#pc {
+                background-color: $alt-background;
+            }
+            select#clinic {
+                border: 0;
+                border-radius: 0px;
+                display: table-cell;
+                line-height: 1.5em;
+                padding: 0.25em 2%;
+            }
+            .select2-container,
+            select#clinic,
+            input#pc {
+                border: 0px;
+                border-radius: 0px;
+                box-shadow: none;
+                width: 80%;
+            }
+            input#sub {
+                background-color: $button-color;
+                border: 1px solid $alt-background;
+                border-radius: 5px;
+                color: white;
+                margin-left: 5px;
+            }
+            input#show_report {
+                width: 14%;
+                margin-left: 5px;
+            }
+            .select2-container {
+                display: inline-block;
+                text-align: left;
+                a {
+                    line-height: 1.5em;
+                    padding: 0.25em 2%;
+                }
+            }
+            .select2-display-none {
+                display: none;
+            }
+        }
+    }
+}
+
+#site-logo {
+    background: none;
+    text-indent: 0px;
+    text-transform: uppercase;
+    width: auto;
+    margin-right: 80px;
+    @media( min-width: 350px ) {
+        margin-top: 0.5em;
+    }
+    a {
+        color: white;
+        &:hover {
+            text-decoration: none;
+        }
+    }
+    p {
+        font-weight: 300;
+        margin-bottom: 0em;
+    }
+    .orange {
+        color: $button-color;
+        font-weight: bold;
+    }
+    #brought-to-you {
+        display: none;
+    }
+}
+
+button.green-btn,
+input.green-btn,
+.green-btn {
+    background: none;
+    background-color: $button-color;
+    border: 1px solid $alt-background;
+    border-radius: 5px;
+    color: white;
+}
+
+button.green-btn:hover,
+input.green-btn:hover,
+.green-btn:hover {
+    background: none;
+    background-color: darken( $button-color, 10% );
+    border: 1px solid $alt-background;
+}