5 files changed, 259 insertions, 0 deletions
diff --git a/web/cobrands/bexley/_colours.scss b/web/cobrands/bexley/_colours.scss
new file mode 100644
index 000000000..e2c1657bb
--- /dev/null
+++ b/web/cobrands/bexley/_colours.scss
@@ -0,0 +1,53 @@
+/* COLOURS */
+
+$menu-image: 'menu-white';
+
+$mappage-header-height: 128px;
+
+$white: #fff;
+
+$red: #B10E1E;
+
+$royal: #2E358B;
+$fuchsia: #912B88;
+$aqua: #00A1B3;
+$spring: #5DA70E;
+
+$royal_lt: #B3B7E6;
+$fuchsia_lt: #E9AFE5;
+$aqua_lt: #00CCCC;
+$sprint_lt: #B8E26A;
+
+$text_black: #0B0C0C;
+$text_grey: #6F777B;
+
+$link: #005EA5;
+$hover: #2B8CC4;
+$visited: #4C2C92;
+$focus: #FFBF47;
+
+$grey_border: #BFC1C3;
+$grey_panel: #DEE0E2;
+$grey_highlight: #F8F8F8;
+
+$col_button: #00823B;
+$col_button_hover: #006435;
+
+$primary: $grey_highlight;
+$primary_b: $royal;
+$primary_text: $text_black;
+
+$base_bg: $white;
+$base_fg: $text_black;
+
+$nav_background_colour: $fuchsia;
+$nav_colour: $white;
+$nav_hover_background_colour: darken($fuchsia, 10%);
+
+$col_click_map: $aqua;
+
+$header-top-border: false;
+
+$heading-font: Lato, sans-serif;
+$body-font: Lato, sans-serif;
+$meta-font: $body-font;
diff --git a/web/cobrands/bexley/base.scss b/web/cobrands/bexley/base.scss
new file mode 100644
index 000000000..bedd5b21b
--- /dev/null
+++ b/web/cobrands/bexley/base.scss
@@ -0,0 +1,125 @@
+@import "../sass/h5bp";
+@import "./_colours";
+@import "../sass/mixins";
+@import "../sass/base";
+
+div.form-error, p.form-error { // TODO Add to more, make a variable.
+    background-color: $red;
+}
+
+/* Font overrides */
+
+#front-main h2 {
+    font-style: normal;
+}
+
+/* .form-control has this already, make sure buttons etc caught too */
+input {
+    font-family: inherit;
+}
+
+/* Size */
+
+body {
+    font-size: 1.125em;
+}
+
+small {
+    font-size: 0.89em;
+}
+.meta-2 {
+    font-size: 0.89em;
+}
+#key-tools a,button {
+    font-size: 0.89em;
+}
+.btn--small {
+    font-size: 0.89em;
+}
+.mobile-map-banner {
+    font-size: 0.89em;
+}
+#front-main a#geolocate_link {
+    font-size: 0.89em;
+}
+#front_stats div {
+    font-size: 0.89em;
+}
+.description_tips ul {
+    font-size: 0.89em;
+    line-height: 1.4;
+}
+
+.report-list-filters {
+    font-size: 0.89em;
+    .form-control {
+        font-size: 1em;
+    }
+}
+.multi-select-menuitem, .multi-select-button {
+    font-size: 1em;
+}
+
+/* Colour overrides */
+
+.description_tips .do {
+    color: $col_button_hover;
+}
+.description_tips .dont {
+    color: $red;
+}
+
+a,
+.fake-link {
+  text-decoration: none;
+  color: $link;
+
+  &:visited {
+    color: $visited;
+  }
+
+  &:hover,
+  &:active {
+    text-decoration: underline;
+    color: $hover;
+  }
+
+  &:focus {
+    color: $focus;
+  }
+}
+
+.dz-clickable .dz-message u {
+  color: $link;
+}
+
+.btn-primary,
+.green-btn,
+.btn--primary {
+    border: none;
+    background: $col_button;
+
+    &:focus,
+    &:hover,
+    &:active {
+        background: $col_button_hover;
+    }
+}
+
+ol.big-numbers > li:before {
+    color: $fuchsia_lt;
+}
+
+/* Header */
+
+#site-logo {
+    width: 150px;
+    height: 60px;
+    padding: 1em 0;
+    background: url(/cobrands/bexley/images/logo.png) 0 50% no-repeat;
+    background-size: 150px 60px;
+}
+
+#postcodeForm .form-hint {
+//    color: $white;
+}
diff --git a/web/cobrands/bexley/images/logo.png b/web/cobrands/bexley/images/logo.png
new file mode 100644
index 000000000..8051ac80d
--- /dev/null
+++ b/web/cobrands/bexley/images/logo.png
diff --git a/web/cobrands/bexley/js.js b/web/cobrands/bexley/js.js
new file mode 100644
index 000000000..e55827fbb
--- /dev/null
+++ b/web/cobrands/bexley/js.js
@@ -0,0 +1,48 @@
+(function(){
+
+if (!fixmystreet.maps) {
+    return;
+}
+
+var defaults = {
+    http_options: {
+        url: "https://tilma.mysociety.org/mapserver/bexley",
+        params: {
+            SERVICE: "WFS",
+            VERSION: "1.1.0",
+            REQUEST: "GetFeature",
+            SRSNAME: "urn:ogc:def:crs:EPSG::3857"
+        }
+    },
+    format_class: OpenLayers.Format.GML.v3.MultiCurveFix, // Not sure needed any more
+    max_resolution: 4.777314267158508,
+    min_resolution: 0.5971642833948135,
+    geometryName: 'msGeometry',
+    srsName: "EPSG:3857",
+    body: "London Borough of Bexley",
+    strategy_class: OpenLayers.Strategy.FixMyStreet
+};
+
+fixmystreet.assets.add(defaults, {
+    http_options: {
+        params: {
+            TYPENAME: "Streets",
+        }
+    },
+    always_visible: true,
+    non_interactive: true,
+    nearest_radius: 20,
+    usrn: {
+        attribute: 'NSG_REF',
+        field: 'NSGRef'
+    },
+    stylemap: new OpenLayers.StyleMap({
+        'default': new OpenLayers.Style({
+            fill: false,
+            stroke: false
+        })
+    })
+});
+
+})();
+
diff --git a/web/cobrands/bexley/layout.scss b/web/cobrands/bexley/layout.scss
new file mode 100644
index 000000000..948b01443
--- /dev/null
+++ b/web/cobrands/bexley/layout.scss
@@ -0,0 +1,33 @@
+@import "_colours";
+
+@import "../sass/layout";
+
+body.twothirdswidthpage .content .sticky-sidebar aside {
+    top: 10em;
+}
+
+#site-logo {
+    width: 208px;
+    height: 80px;
+    padding: 24px 0;
+    background-position: 8px 50%;
+    background-size: 200px 80px;
+}
+
+#front_stats big {
+    color: $fuchsia_lt;
+}
+
+.nav-menu--main {
+  span {
+    background-color: $nav_hover_background_colour;
+  }
+}
+
+.general-notes {
+    font-size: 0.89em;
+}
+
+#key-tools a,button {
+    font-size: 0.89em;
+}