Merge branch 'zerotb'

8 files changed, 290 insertions, 0 deletions

diff --git a/web/cobrands/zerotb/_colours.scss b/web/cobrands/zerotb/_colours.scss
new file mode 100644
index 000000000..a5eb83b71
--- /dev/null
+++ b/web/cobrands/zerotb/_colours.scss
@@ -0,0 +1,24 @@
+/* COLOURS */
+
+$white: #ffffff;
+$black: #000000;
+
+$primary: $black;
+$primary_b: $black;
+$primary_text: $white;
+
+$base_bg: $white;
+$base_fg: #000;
+
+$map_nav_bg: $black;
+$nav_fg: #ffffff;
+$nav_fg_hover: #000;
+
+$col_click_map: $black;
+$col_click_map_dark: darken($black, 10%);
+
+$col_fixed_label: #00BD08;
+$col_fixed_label_dark: #4B8304;
+
+$button-color: #FF5308;
+$alt-background: #f5f5f5;
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;
+}
diff --git a/web/cobrands/zerotb/config.rb b/web/cobrands/zerotb/config.rb
new file mode 100644
index 000000000..cab97b18f
--- /dev/null
+++ b/web/cobrands/zerotb/config.rb
@@ -0,0 +1,25 @@
+# Require any additional compass plugins here.
+
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = ""
+sass_dir = ""
+images_dir = ""
+javascripts_dir = ""
+
+# You can select your preferred output style here (can be overridden via the command line):
+# output_style = :expanded or :nested or :compact or :compressed
+
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
+
+# To disable debugging comments that display the original location of your selectors. Uncomment:
+# line_comments = false
+
+# If you prefer the indented syntax, you might want to regenerate this
+# project again passing --syntax sass, or you can uncomment this:
+# preferred_syntax = :sass
+# and then run:
+# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass
+
+line_comments = false # by Compass.app 
diff --git a/web/cobrands/zerotb/images/pin-clinic-big.png b/web/cobrands/zerotb/images/pin-clinic-big.png
new file mode 100644
index 000000000..c1e359828
--- /dev/null
+++ b/web/cobrands/zerotb/images/pin-clinic-big.png
diff --git a/web/cobrands/zerotb/images/pin-clinic.png b/web/cobrands/zerotb/images/pin-clinic.png
new file mode 100644
index 000000000..5cc0828fd
--- /dev/null
+++ b/web/cobrands/zerotb/images/pin-clinic.png
diff --git a/web/cobrands/zerotb/images/pin-shadow-big.png b/web/cobrands/zerotb/images/pin-shadow-big.png
new file mode 100644
index 000000000..113184b94
--- /dev/null
+++ b/web/cobrands/zerotb/images/pin-shadow-big.png
diff --git a/web/cobrands/zerotb/images/pin-shadow.png b/web/cobrands/zerotb/images/pin-shadow.png
new file mode 100644
index 000000000..8b470592a
--- /dev/null
+++ b/web/cobrands/zerotb/images/pin-shadow.png
diff --git a/web/cobrands/zerotb/layout.scss b/web/cobrands/zerotb/layout.scss
new file mode 100644
index 000000000..ea8102ded
--- /dev/null
+++ b/web/cobrands/zerotb/layout.scss
@@ -0,0 +1,121 @@
+@import "_colours";
+@import "../sass/layout";
+
+body {
+    &.frontpage {
+        .nav-wrapper-2 {
+            background-color: $primary;
+            color: $primary_text;
+            height: auto;
+        }
+
+        #site-header {
+            background-color: $base_bg;
+        }
+
+        #site-logo {
+            background: none;
+            color: black;
+            width: auto;
+            a {
+                color: black;
+            }
+            p {
+                font-size: 2em;
+                font-weight: 300;
+            }
+            #brought-to-you {
+                display: block;
+                font-size: 0.75em;
+            }
+        }
+    }
+    &.mappage {
+        #main-nav {
+            ul#main-menu {
+                li {
+                    a,
+                    a.report-a-problem-btn,
+                    span {
+                        padding: 0.25em;
+                        margin: 0.5em;
+                    }
+                }
+            }
+        }
+        .nav-wrapper-2 {
+            min-height: 4em;
+        }
+    }
+}
+
+.nav-wrapper {
+    .nav-wrapper-2 {
+        border: none;
+        min-height: 0;
+    }
+}
+
+#main-nav {
+    ul#mysoc-menu {
+        li {
+            a {
+                color: $primary_text;
+            }
+        }
+    }
+    ul#main-menu {
+        li {
+            span {
+                color: $primary_text;
+            }
+        }
+    }
+}
+
+#site-header {
+    background: $primary;
+    height: auto;
+}
+
+.container {
+    padding: 0em 1em;
+}
+
+#front-main {
+    #front-main-container {
+        max-width: 40em;
+        h2 {
+            text-align: left;
+        }
+    }
+    #postcodeForm {
+        div {
+            width: 30em;
+            .select2-container,
+            select#clinic,
+            input#pc {
+                max-width: none;
+                width: 27em;
+            }
+            input#show_report {
+                display: block;
+                float: right;
+                width: 3em;
+            }
+        }
+    }
+
+    .select2-container {
+        a {
+            color: #444;
+            text-align: left;
+            text-decoration: none;
+        }
+    }
+}
+
+.content {
+    background-color: $alt-background;
+    box-shadow: none;
+}