[BANES] Add Bath & North East Somerset cobrand

4 files changed, 139 insertions, 0 deletions

diff --git a/web/cobrands/bathnes/_colours.scss b/web/cobrands/bathnes/_colours.scss
new file mode 100644
index 000000000..a5d58da01
--- /dev/null
+++ b/web/cobrands/bathnes/_colours.scss
@@ -0,0 +1,33 @@
+/* LAYOUT */
+
+// If you are wanting a right-to-left layout, uncomment the following line.
+// $direction: right;
+
+/* COLOURS */
+
+$bath_green: #25a445;
+$bath_blue: #0095C9;
+
+$primary: gray;
+$primary_b: #000000;
+$primary_text: #222222;
+
+$base_bg: white;
+$base_fg: #000;
+
+$map_nav_bg: #eee;
+$nav_fg: #000;
+$nav_fg_hover: $primary;
+
+// Colour used for front page 'how to report a problem' steps
+$col_big_numbers: $bath_blue;
+
+$col_click_map: $bath_green;
+
+$col_fixed_label: #00BD08;
+$col_fixed_label_dark: #4B8304;
+
+$front_main_background: $bath_blue;
+
+$menu-image: 'menu-black';
+$header-top-border: false;
diff --git a/web/cobrands/bathnes/base.scss b/web/cobrands/bathnes/base.scss
new file mode 100644
index 000000000..6f949dd49
--- /dev/null
+++ b/web/cobrands/bathnes/base.scss
@@ -0,0 +1,25 @@
+@import "../sass/h5bp";
+@import "./_colours";
+@import "../sass/mixins";
+
+@import "../sass/base";
+
+.nav-menu--mysoc {
+  display: none;
+}
+
+
+body.frontpage #site-logo,
+#site-logo
+{
+    background: url("/cobrands/bathnes/logo.png") 0 0 no-repeat;
+    background-size: contain;
+    width: 82px;
+    height: 40px;
+    top: 8px;
+    left: 4px;
+}
+
+h1, h2, h3, h4 {
+  color: $bath_green;
+}
diff --git a/web/cobrands/bathnes/layout.scss b/web/cobrands/bathnes/layout.scss
new file mode 100644
index 000000000..f4064f79f
--- /dev/null
+++ b/web/cobrands/bathnes/layout.scss
@@ -0,0 +1,81 @@
+@import "_colours";
+@import "../sass/layout";
+
+.big-green-banner {
+  text-transform: none;
+}
+
+body.frontpage {
+  #site-header {
+    height: 5em;
+    background-color: $map_nav_bg;
+  }
+
+  #site-logo {
+    top: 11px;
+  }
+
+  .nav-menu {
+    line-height: 3.25em;
+  }
+}
+
+body.mappage {
+  .nav-menu--main a.report-a-problem-btn {
+    color: white;
+  }
+}
+
+#front-main {
+  background-color: $front_main_background;
+
+  h1, h2, label {
+      color: white;
+  }
+
+  h1 {
+      font-size: 1.7em;
+  }
+  h2 {
+      font-size: 1.1em;
+  }
+}
+
+#site-logo,
+body.frontpage #site-logo,
+body.twothirdswidthpage #site-logo
+{
+        position: relative;
+        top: 6px;
+        left: 20px;
+        margin: 0;
+        padding: 0;
+        background: url("/cobrands/bathnes/logo.png") 0 0 no-repeat;
+        background-size: contain;
+        width: 160px;
+        height: 65px;
+        display: inline-block;
+}
+
+body.mappage {
+  #site-logo {
+    height: 54px;
+    width: 127px;
+    top: 7px;
+    left: 7px;
+  }
+
+  #site-header {
+      color: white;
+      background-color: $bath_blue;
+  }
+
+    .nav-menu a {
+        color: white;
+    }
+
+}
+
+.nav-wrapper .nav-wrapper-2 {
+    border-top-color: transparent;
+}
\ No newline at end of file
diff --git a/web/cobrands/bathnes/logo.png b/web/cobrands/bathnes/logo.png
new file mode 100644
index 000000000..189af0f38
--- /dev/null
+++ b/web/cobrands/bathnes/logo.png