6 files changed, 86 insertions, 0 deletions
diff --git a/web/cobrands/isleofwight/_colours.scss b/web/cobrands/isleofwight/_colours.scss
new file mode 100644
index 000000000..688eb66e0
--- /dev/null
+++ b/web/cobrands/isleofwight/_colours.scss
@@ -0,0 +1,31 @@
+/* COLOURS */
+
+$menu-image: 'menu-black';
+
+$mappage-header-height: 124px;
+
+$blue: #00478c;
+$cyan: #00aeef; // + 60 25
+$orange: #fcaf17;
+$green: #75c044;
+
+//Any 20% tint of the above
+
+$primary_text: #fff;
+$primary: $cyan;
+$primary_b: #222;
+
+$base_bg: #fff;
+$base_fg: #222;
+
+$nav_background_colour: #fff;
+$nav_colour: $blue;
+$nav_hover_background_colour: $cyan;
+
+$col_click_map: $green;
+
+$header-top-border: false;
+
+$body-font: Helvetica, Arial, sans-serif;
+$heading-font: $body-font;
+$meta-font: $body-font;
diff --git a/web/cobrands/isleofwight/base.scss b/web/cobrands/isleofwight/base.scss
new file mode 100644
index 000000000..c499b259f
--- /dev/null
+++ b/web/cobrands/isleofwight/base.scss
@@ -0,0 +1,14 @@
+@import "../sass/h5bp";
+@import "./_colours";
+@import "../sass/mixins";
+@import "../sass/base";
+
+/* Header */
+
+#site-logo {
+    width: 141px;
+    height: 38px;
+    padding: 1em 0;
+    background: url(/cobrands/isleofwight/images/logo.gif) 0 50% no-repeat;
+    background-size: 141px 38px;
+}
diff --git a/web/cobrands/isleofwight/images/email-logo.gif b/web/cobrands/isleofwight/images/email-logo.gif
new file mode 120000
index 000000000..94a12010e
--- /dev/null
+++ b/web/cobrands/isleofwight/images/email-logo.gif
@@ -0,0 +1 @@
+logo.gif
+\ No newline at end of file
diff --git a/web/cobrands/isleofwight/images/logo.gif b/web/cobrands/isleofwight/images/logo.gif
new file mode 100644
index 000000000..7238ca8a3
--- /dev/null
+++ b/web/cobrands/isleofwight/images/logo.gif
diff --git a/web/cobrands/isleofwight/js.js b/web/cobrands/isleofwight/js.js
new file mode 100644
index 000000000..ed106cef6
--- /dev/null
+++ b/web/cobrands/isleofwight/js.js
@@ -0,0 +1,20 @@
+(function(){
+
+if (!fixmystreet.maps) {
+    return;
+}
+
+
+if (fixmystreet.cobrand == 'isleofwight') {
+    // We want the cobranded site to always display "Island Roads"
+    // as the destination for reports in the "Public details" section.
+    // This is OK because the cobranded site only shows categories which
+    // Island Roads actually handle.
+    // Replacing this function with a no-op stops the changes made
+    // to the cobranded councils_text_all.html from being clobbered and
+    // the 'correct' (according to bodies set up within FMS) body names
+    // being shown.
+    fixmystreet.update_public_councils_text = function() {};
+}
+
+})();
diff --git a/web/cobrands/isleofwight/layout.scss b/web/cobrands/isleofwight/layout.scss
new file mode 100644
index 000000000..e3d362969
--- /dev/null
+++ b/web/cobrands/isleofwight/layout.scss
@@ -0,0 +1,20 @@
+@import "_colours";
+
+@import "../sass/layout";
+
+body.twothirdswidthpage .content .sticky-sidebar aside {
+    top: 10em;
+}
+
+#site-logo {
+    width: 282px;
+    height: 76px;
+    padding: 24px 0;
+    background-position: 0px 50%;
+    background-size: 282px 76px;
+}
+
+.mappage #site-header {
+    box-sizing: border-box;
+    border-bottom: solid 5px $cyan;
+}