5 files changed, 105 insertions, 0 deletions
diff --git a/web/cobrands/hounslow/_colours.scss b/web/cobrands/hounslow/_colours.scss
new file mode 100644
index 000000000..0a4476720
--- /dev/null
+++ b/web/cobrands/hounslow/_colours.scss
@@ -0,0 +1,38 @@
+/* COLOURS */
+
+$menu-image: 'menu-black';
+
+$mappage-header-height: 134px;
+
+// Primary
+$white: #fff;
+$purple: rgb(125, 43, 128);
+$green: rgb(139, 197, 79);
+
+// Secondary
+$orange: rgb(245,132,35);
+$red: rgb(211,17,69);
+$blue: rgb(0, 85, 150);
+$dark_green: rgb(0, 137, 82);
+$magenta: rgb(236, 0, 140);
+$cyan: rgb(0, 174, 239);
+
+$primary: $purple;
+//$primary: #dce6f2; // From bexley.gov.uk/services
+$primary_b: #222;
+$primary_text: $white;
+
+$base_bg: $white;
+$base_fg: #222;
+
+$nav_background_colour: $white;
+$nav_colour: $purple;
+$nav_hover_background_colour: darken($purple, 10%);
+
+$col_click_map: $green;
+
+$header-top-border: false;
+
+$heading-font: InfoText, Frutiger, Arial, sans-serif;
+$body-font: Frutiger, Arial, sans-serif;
+$meta-font: $body-font;
diff --git a/web/cobrands/hounslow/base.scss b/web/cobrands/hounslow/base.scss
new file mode 100644
index 000000000..e0ba3953c
--- /dev/null
+++ b/web/cobrands/hounslow/base.scss
@@ -0,0 +1,28 @@
+@import "../sass/h5bp";
+@import "./_colours";
+@import "../sass/mixins";
+@import "../sass/base";
+
+#site-logo {
+    width: 115px;
+    height: 51px;
+    padding: 0.5em 0;
+    background: url(/cobrands/hounslow/images/logo.gif) 0 50% no-repeat;
+    background-size: 115px 51px;
+}
+
+#postcodeForm .form-hint {
+    color: $white;
+}
+
+.btn-primary,
+.green-btn,
+.btn--primary {
+    border: none;
+    background: $green;
+
+    &:hover,
+    &:active {
+        background: lighten($green, 5%);
+    }
+}
diff --git a/web/cobrands/hounslow/images/logo.gif b/web/cobrands/hounslow/images/logo.gif
new file mode 100644
index 000000000..3bc1019ac
--- /dev/null
+++ b/web/cobrands/hounslow/images/logo.gif
diff --git a/web/cobrands/hounslow/js.js b/web/cobrands/hounslow/js.js
new file mode 100644
index 000000000..21bc3b96c
--- /dev/null
+++ b/web/cobrands/hounslow/js.js
@@ -0,0 +1,18 @@
+(function(){
+
+if (!fixmystreet.maps) {
+    return;
+}
+
+var org_id = '5540';
+var body = "Hounslow Borough Council";
+fixmystreet.assets.add($.extend(true, {}, fixmystreet.roadworks.layer_future, {
+    http_options: { params: { organisation_id: org_id } },
+    body: body
+}));
+fixmystreet.assets.add($.extend(true, {}, fixmystreet.roadworks.layer_planned, {
+    http_options: { params: { organisation_id: org_id } },
+    body: body
+}));
+
+})();
diff --git a/web/cobrands/hounslow/layout.scss b/web/cobrands/hounslow/layout.scss
new file mode 100644
index 000000000..6917305de
--- /dev/null
+++ b/web/cobrands/hounslow/layout.scss
@@ -0,0 +1,21 @@
+@import "_colours";
+
+@import "../sass/layout";
+
+body.twothirdswidthpage .content .sticky-sidebar aside {
+    top: 10em;
+}
+
+#site-logo {
+    width: 231px;
+    height: 102px;
+    padding: 1em 0;
+    background-size: 231px 102px;
+}
+
+// Stop visited nav links being purple when hovering over them
+.nav-menu--main {
+    a:hover {
+      color: $primary_text;
+    }
+}