6 files changed, 306 insertions, 0 deletions
diff --git a/web/cobrands/buckinghamshire/_colours.scss b/web/cobrands/buckinghamshire/_colours.scss
new file mode 100644
index 000000000..4525989ad
--- /dev/null
+++ b/web/cobrands/buckinghamshire/_colours.scss
@@ -0,0 +1,39 @@
+/* LAYOUT */
+
+// If you are wanting a right-to-left layout, uncomment the following line.
+// $direction: right;
+
+/* COLOURS */
+
+$menu-image: 'menu-black';
+
+$bucks_green: #97c34b;
+$bucks_dark_green: #547f35;
+
+
+$g1: #2e3137;
+$g2: #676973;
+$g6: #eaeaea;
+$g7: #f1f1f1;
+$b3: #0d45a0;
+$b4: #74a9ff;
+
+$primary: $bucks_dark_green;
+$primary_b: $g1;
+$primary_text: $g1;
+
+$base_bg: white;
+$base_fg: $g1;
+
+$map_nav_bg: #fff;
+$nav_fg: #000;
+$nav_fg_hover: #eee;
+
+$col_click_map: $g1;
+$col_click_map_dark: darken($g1, 10%);
+
+$col_fixed_label: #00BD08;
+$col_fixed_label_dark: #4B8304;
+
+$header-top-border-width: 5px;
+$header-top-border: 5px solid $bucks_green;
diff --git a/web/cobrands/buckinghamshire/_fonts.scss b/web/cobrands/buckinghamshire/_fonts.scss
new file mode 100644
index 000000000..3bbde2244
--- /dev/null
+++ b/web/cobrands/buckinghamshire/_fonts.scss
@@ -0,0 +1,15 @@
+$bold-font-family:  "Helvetica Neue Bold", "Helvetica Neue", Helvetica, sans-serif;
+$normal-font-family: "Helvetica Neue", Helvetica, sans-serif;
+
+%bold-font {
+  font-family: $bold-font-family;
+  font-weight: bold !important; // !important to ensure it doesn't get overridden, as we can't guarantee placement order in resulting CSS
+}
+%normal-font {
+  font-family: $normal-font-family;
+  font-weight: normal;
+}
+
+$heading-font: $bold-font-family;
+$body-font: $normal-font-family;
+$meta-font: $normal-font-family;
diff --git a/web/cobrands/buckinghamshire/base.scss b/web/cobrands/buckinghamshire/base.scss
new file mode 100644
index 000000000..2baf738bc
--- /dev/null
+++ b/web/cobrands/buckinghamshire/base.scss
@@ -0,0 +1,95 @@
+@import "../sass/h5bp";
+@import "./_colours";
+@import "./_fonts";
+@import "../sass/mixins";
+
+@import "../sass/base";
+
+// Put the logo in place, and reveal the text alongside it
+#site-logo {
+  @extend %normal-font;
+
+  background: url(/cobrands/buckinghamshire/img/bucks-logo.png) 0 50% no-repeat;
+  background-size: 37px;
+  text-indent: 0;
+  padding-left: 47px;
+  padding-right: 7em;
+  line-height: 1.3em;
+  font-size: 0.875em;
+  margin: 9px 0;
+  color: black;
+  width: auto;
+  height: 37px;
+
+  strong {
+      display: block;
+      @extend %bold-font;
+  }
+}
+
+#report-cta {
+    border-color: #ddd;
+}
+
+#site-header {
+    border-bottom: solid 5px $g6;
+}
+
+.nav-menu {
+    a:hover, span.hover {
+        color: $bucks_green;
+    }
+}
+
+// Set the default font colour everywhere
+body, .content {
+  color: $g1;
+}
+
+// Make sure the numbers on the front page have the correct font weight
+#front-howto {
+  #front_stats {
+    color: white;
+
+    div {
+      @extend %bold-font;
+    }
+  }
+}
+
+// FAQ/privacy pages should have correctly-weighted headers
+dl dt {
+  @extend %bold-font;
+}
+
+
+#front-main {
+  text-align: left;
+
+  h1 {
+    font-size: 1.75em;
+  }
+
+  #postcodeForm {
+    color: white;
+    margin-top: 1em;
+  }
+}
+
+p, dd, aside {
+  a, a:visited, a:hover {
+    color: $b3;
+  }
+}
+
+a#geolocate_link {
+  color: $b3;
+}
+
+label {
+  @extend %bold-font;
+}
+
+#map #drag .square-map__tile {
+  position: static;
+}
diff --git a/web/cobrands/buckinghamshire/img/bucks-logo.png b/web/cobrands/buckinghamshire/img/bucks-logo.png
new file mode 100644
index 000000000..fab2eb153
--- /dev/null
+++ b/web/cobrands/buckinghamshire/img/bucks-logo.png
diff --git a/web/cobrands/buckinghamshire/img/footer-bg.png b/web/cobrands/buckinghamshire/img/footer-bg.png
new file mode 100644
index 000000000..536770146
--- /dev/null
+++ b/web/cobrands/buckinghamshire/img/footer-bg.png
diff --git a/web/cobrands/buckinghamshire/layout.scss b/web/cobrands/buckinghamshire/layout.scss
new file mode 100644
index 000000000..4a37bb183
--- /dev/null
+++ b/web/cobrands/buckinghamshire/layout.scss
@@ -0,0 +1,157 @@
+@import "_colours";
+@import "_fonts";
+
+$header-top-border: false; // There is, but we want to do it ourselves
+
+@import "../sass/layout";
+
+#site-header {
+  border-top-width: 10px;
+  border-bottom: none;
+  margin-bottom: 4em; // Push content past abs. positioned nav
+}
+
+// Don't want larger logo on mappage.
+body.frontpage, body.twothirdswidthpage, body.fullwidthpage, body.authpage {
+  // Display the BCC logo and header correctly
+  #site-logo {
+    background-size: 60px;
+    text-indent: 80px;
+    padding-left: 0;
+    line-height: 92px;
+    font-size: 24px;
+    margin: 0;
+    height: 92px;
+    strong {
+      display: inline;
+    }
+  }
+
+  .nav-wrapper {
+      margin-top: 102px; // 92px image header + 10px top border
+      border-bottom: solid 5px $g6;
+      border-top: solid 5px $g6;
+  }
+
+  #main-nav {
+    float: left;
+    min-height: 0;
+  }
+
+  .nav-menu {
+    a, span {
+      display: inline-block; // So the chevrons appear correctly
+      font-size: 1.2em;
+      padding: 0.5em 0.75em;
+      margin: 0;
+    }
+  }
+}
+
+// Stop the 'report a problem' button being red on non-map pages
+.nav-menu--main a.report-a-problem-btn {
+    color: $b3;
+    background-color: transparent;
+}
+.nav-menu--main a.report-a-problem-btn:hover {
+    background-color: transparent;
+}
+
+.nav-menu {
+    span {
+        color: $g1;
+    }
+    a {
+        text-decoration: underline;
+        color: $b3;
+        &:hover {
+            text-decoration: underline;
+            background-color: transparent;
+            color: $g1;
+        }
+    }
+}
+
+// Put FAQ side nav at correct vertical position
+body.twothirdswidthpage .content .sticky-sidebar aside {
+    top: 14.5em;
+}
+
+#front-main {
+    background-color: white;
+    text-align: left;
+    padding-top: 40px;
+
+    #postcodeForm {
+      margin-top: 0;
+
+      div {
+        margin: 0;
+      }
+    }
+
+    a#geolocate_link {
+      color: $b3;
+    }
+
+    h1 {
+      font-size: 2.5em;
+    }
+
+    h1 + p {
+      font-size: 1.5em;
+      line-height: 1.25em;
+      max-width: 640px;
+    }
+}
+
+body.mappage {
+  // Mappage header is 10px top border, 50px logo (7px 37px 6px), 4px bottom border
+  #site-header {
+      height: 50px;
+      border-bottom: solid 4px $g6;
+  }
+  #site-logo {
+      margin: 7px 0 6px;
+  }
+
+  #main-nav {
+      margin-top: 10px;
+      min-height: 50px;
+  }
+
+  .nav-menu {
+    z-index: 10; // Clickable
+
+    a, span {
+      font-size: 1.1em;
+      padding: 0.5em;
+    }
+    a.report-a-problem-btn {
+      color: white;
+      background-color: $bucks_dark_green;
+      padding: 0.25em;
+      margin: 0.25em;
+      &:hover {
+        background-color: lighten($bucks_green, 5%);
+      };
+    }
+  }
+
+  .big-green-banner {
+    display: block;
+    background-color: $bucks_green;
+    text-transform: none;
+  }
+}
+
+.bucks_footer {
+    background: url(/cobrands/buckinghamshire/img/footer-bg.png) right bottom no-repeat;
+    background-size: contain;
+    min-height: 160px;
+}
+
+// Set the default font colour everywhere
+body, .content {
+  color: $g1;
+}