14 files changed, 436 insertions, 0 deletions
diff --git a/web/cobrands/hart/_colours.scss b/web/cobrands/hart/_colours.scss
new file mode 100644
index 000000000..ce47a17c4
--- /dev/null
+++ b/web/cobrands/hart/_colours.scss
@@ -0,0 +1,20 @@
+/* COLOURS */
+
+$hart_primary: #7ECBA2;
+
+$primary: $hart_primary;
+$col_click_map: $hart_primary;
+$col_click_map_dark: $hart_primary;
+$col_fixed_label_dark: $hart_primary;
+$col_fixed_label: $hart_primary;
+
+$primary_b: #000000;
+$primary_text: #ffffff;
+
+$base_bg: #ffffff;
+$base_fg: #1a1a1a;
+
+/* Unused here */
+$map_nav_bg: #222;
+$nav_fg: #fff;
+$nav_fg_hover: #444;
diff --git a/web/cobrands/hart/base.scss b/web/cobrands/hart/base.scss
new file mode 100644
index 000000000..a0a0fa5af
--- /dev/null
+++ b/web/cobrands/hart/base.scss
@@ -0,0 +1,61 @@
+@import "../sass/h5bp";
+@import "./_colours";
+@import "../sass/mixins";
+@import "compass";
+
+@import "../sass/base";
+
+a, a:visited {
+    color: #369;
+    &:hover, &:active {
+        color: #369;
+    }
+}
+
+.issue-list-a {
+  li {
+      color:#666;
+      a {
+          color:#666;
+      }
+  }
+}
+
+h1.main {
+    color: $primary;
+    text-align: center;
+    margin: 0.5em 0;
+}
+
+// Want a white header, and logo is slightly bigger
+#site-header {
+    @include background(linear-gradient(#ddd, #fff 10%, #fff));
+    height: 4em;
+}
+
+// Colour tab to match colour scheme
+#nav-link {
+  width: 50px;
+  height: 48px;
+  background: url('/cobrands/hart/tab-blue.png') 0 0 no-repeat;
+}
+
+#problems-nav {
+    border-bottom:0.25em solid $primary;
+    ul li a {
+        text-transform: none;
+        color: #666;
+        &.active {
+            background: $primary;
+            color: #fff;
+        }
+    }
+}
+
+.big-green-banner {
+    text-transform: none;
+}
+
+#form_sign_in {
+    margin-top: 1em;
+}
diff --git a/web/cobrands/hart/config.rb b/web/cobrands/hart/config.rb
new file mode 100644
index 000000000..cab97b18f
--- /dev/null
+++ b/web/cobrands/hart/config.rb
@@ -0,0 +1,25 @@
+# Require any additional compass plugins here.
+
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = ""
+sass_dir = ""
+images_dir = ""
+javascripts_dir = ""
+
+# You can select your preferred output style here (can be overridden via the command line):
+# output_style = :expanded or :nested or :compact or :compressed
+
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
+
+# To disable debugging comments that display the original location of your selectors. Uncomment:
+# line_comments = false
+
+# If you prefer the indented syntax, you might want to regenerate this
+# project again passing --syntax sass, or you can uncomment this:
+# preferred_syntax = :sass
+# and then run:
+# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass
+
+line_comments = false # by Compass.app 
diff --git a/web/cobrands/hart/favicon.ico b/web/cobrands/hart/favicon.ico
new file mode 100644
index 000000000..a960bae0a
--- /dev/null
+++ b/web/cobrands/hart/favicon.ico
diff --git a/web/cobrands/hart/favicon.png b/web/cobrands/hart/favicon.png
new file mode 100644
index 000000000..0acd804e7
--- /dev/null
+++ b/web/cobrands/hart/favicon.png
diff --git a/web/cobrands/hart/fms-logo.png b/web/cobrands/hart/fms-logo.png
new file mode 100644
index 000000000..23bea6b0f
--- /dev/null
+++ b/web/cobrands/hart/fms-logo.png
diff --git a/web/cobrands/hart/hart-logo-inverse-small.gif b/web/cobrands/hart/hart-logo-inverse-small.gif
new file mode 100644
index 000000000..899567e6d
--- /dev/null
+++ b/web/cobrands/hart/hart-logo-inverse-small.gif
diff --git a/web/cobrands/hart/hart-logo.png b/web/cobrands/hart/hart-logo.png
new file mode 100755
index 000000000..7dd453c3e
--- /dev/null
+++ b/web/cobrands/hart/hart-logo.png
diff --git a/web/cobrands/hart/hart.scss b/web/cobrands/hart/hart.scss
new file mode 100644
index 000000000..5ea8784a1
--- /dev/null
+++ b/web/cobrands/hart/hart.scss
@@ -0,0 +1,297 @@
+/*
+
+    CARGO CULTED FROM BROMLEY FOR NOW
+
+    */
+
+@import "compass";
+@import "_colours";
+
+
+// Taken from Bromley's form css
+input[type=text],
+input[type=password],
+input[type=email],
+input[type=file],
+textarea, 
+select { background: #fff; border: 1px solid #768b9a; border-color: #768b9a #d1dee8 #d1dee8 #768b9a; color: #333; font-family: "Gill Sans MT", Arial, 'Helvetica Neue', Helvetica, sans-serif; padding: 8px;
+@include border-radius(0); }
+
+.green-btn, button.green-btn, input.green-btn {
+    background: #5b7189; 
+    border: 1px solid #8e9eb0; 
+    color: #fff; 
+    font-family: 'Gill Sans MT', 'Trebuchet MS', Calibri, sans-serif; 
+    font-weight: normal; 
+    margin: 0; min-height: 23px; 
+    /* outline: 1px solid #405062; */
+    padding: 4px 8px; 
+    text-transform: uppercase; 
+}
+.green-btn:hover, button.green-btn:hover, input.green-btn:hover { 
+    background: #5b7189; border: 1px solid #8e9eb0; 
+}
+.form-txt-submit-box input[type=submit] {
+    padding-top: 0; padding-bottom: 0; width: auto;
+}
+
+
+h1, h2, h3, h4, h5, h6, legend { font-family: 'Gill Sans MT', 'Trebuchet MS', Calibri, sans-serif; }
+body { color: #333; font-family: "Gill Sans MT", Arial, 'Helvetica Neue', Helvetica, sans-serif; line-height: 1.4; background-color: $base_bg;}
+
+#site-header {
+    height: 6em;
+}
+
+body.frontpage #site-header {
+    height: 13em;
+}
+
+.nav-wrapper-2, 
+body.mappage .nav-wrapper .nav-wrapper-2,
+body.frontpage .nav-wrapper-2 {
+    border: 0;
+    min-height: auto;
+    background-color: $hart_primary;
+    height: 173px;
+}
+
+@media only screen and (min-width:48em) {
+	#main-nav {
+	  margin-top: 106px;
+          margin-left: 132px;
+	  
+	  ul {
+	    float: none;
+	  }
+	}
+
+	#main-nav ul li {
+	  text-align: center;
+	  text-transform: uppercase;
+	  padding: 0 15px;
+	  font-size: 16px;
+	  border-right: solid 1px white;
+	  line-height: 1.5em;
+	}
+
+	#main-nav ul li a {
+	    padding: 0;
+	    font-size: inherit;
+	}
+
+	#main-nav ul li:last-child {
+	    border-right: none;
+	}
+
+	#main-nav ul li a:link, #main-nav ul li a:visited {
+	  color: #fff;
+	}
+
+	#main-nav ul li:hover, #main-nav ul li:hover a, {
+	  background-color: white;
+	  color: black;
+	  text-decoration: none;
+	}
+}
+
+@media only screen and (max-width: 61em) and (min-width: 48em) {
+    #main-nav {
+        padding-left: 0px;
+        float:none;
+    }
+}
+
+/* -------- For Google translate select box only */
+.header-nav div#google_translate_element .goog-te-gadget { font-family: "Gill Sans MT", Arial, 'Helvetica Neue', Helvetica, sans-serif;    }
+.header-nav div#google_translate_element .goog-te-gadget .goog-te-combo { margin:5px 0 0 5px; padding:0 0 0 2px; background: #9b9b9b; color: #fff; border: 1px solid #606060; font-size: 12px; width: 138px;}
+.header-nav div#google_translate_element .goog-te-gadget .goog-te-combo option { background:#fff; color: #666; padding: 1px 0; margin: 0; }
+/* --- */
+
+body.frontpage #site-logo,
+#site-logo {
+    display: block;
+    top: 1em;
+    left: 1em;
+    background: url("/cobrands/hart/hart-logo-inverse-small.gif") 0 0 no-repeat;
+    width: 70px;
+    height: 75px;
+    @media only screen and (min-width: 48em) {
+        background: url("/cobrands/hart/hart-logo.png") 0 0 no-repeat;
+        width: 123px;
+        height: 132px;
+    }
+}
+
+.sign-in {
+    float:right;
+    margin: 1em 1em 0.5em 0em;
+}
+@media only screen and (min-width:48em) {
+        .sign-in {
+          float:right;
+          margin-top:-87px;
+          height: 173px;
+        }
+}
+.sign-in a:link, .sign-in a:visited {color:#333; font-weight:bold; text-decoration:none;}
+.sign-in a:hover, .sign-in a:active {text-decoration:underline;}
+
+.main-menu-wrapper {
+    position: absolute;
+    z-index:2;
+    width:100%;
+}
+
+body.mappage .main-menu-wrapper {
+    position: fixed
+}
+
+.main-menu {
+  margin-top: 173px;
+  background-color: #FFF;
+  height: 2em;
+}
+
+.main-menu li {
+  float: left;
+  margin-left: 1em;
+  text-align: center;
+  font-family: 'Gill Sans MT', 'Trebuchet MS', Calibri, sans-serif;
+}
+
+.main-menu li a:link, .main-menu li a:visited {
+  color: $hart_primary;
+  display: block;
+  text-decoration: none;
+}
+
+.main-menu li a:hover, .main-menu li a:active {
+}
+
+.main-menu li.home a:hover, .main-menu li.home a:active {
+}
+
+#front-main {
+  background-color: #FFF;
+
+  #front-main-container {
+    background-color: $hart_primary;
+    padding-bottom: 1em;
+  }
+}
+
+#postcode-intro {
+  background-color: #FFF;
+  color: $hart_primary;
+  padding-bottom: 1em;
+}
+
+.content,
+body.frontpage .table-cell .content {
+  margin-bottom: 2em;
+}
+
+//#search { float: right; padding: 10px 17px; width: 270px; }
+//#search label {display:none;}
+//#search input { background: #ececec; border: 1px solid #768b9a; border-color: #768b9a #d1dee8 #d1dee8 #768b9a; line-height: 9px; padding: 6px 5px 4px; width: 184px; }
+//#search input.button { background: #fff; border: 1px solid #8596a8; color: #333; font-family: 'Gill Sans', 'Trebuchet MS', Calibri, sans-serif; font-size:133%; height: 27px; line-height: 27px; padding: 0; vertical-align: top; width: 70px; }
+
+// #footer renamed to #hart-footer, fixed font size.
+#hart-footer, .hart-footer-wrapper { background-color: #4F5757; }
+#hart-footer { clear: both; width:100%; padding:30px 15px 50px; margin-left:-15px; color:#fff; font-size:92%;}
+#hart-footer a:link, 
+#hart-footer a:visited 				{ color: #fff; text-decoration: none; }
+#hart-footer a:hover,
+#hart-footer a:active 				{ text-decoration: underline;}
+#hart-footer img 					{ float: right; margin-top: -18px; }
+#hart-footer .footer-nav 			{ float: right; height:35px; margin-top: -15px; }
+#hart-footer .footer-nav li 			{ border-right:1px solid #fff; float: left; line-height: 1; padding: 0 20px; }
+#hart-footer .footer-nav li:last-child 	{ border: none; }
+
+// IE specific CSS
+.ie6 {
+    div { zoom: 1; }
+    .hart-wrapper { padding: 0; }
+    #hart-footer { margin: 0; }
+    //#search input { padding: 8px 5px 2px; }
+    //#search input.button { padding: 0; width: 68px; line-height: 24px; }
+    input.button { overflow: visible; width: 1%; }
+}
+.ie7 {
+    div { zoom: 1; }
+    //#search input { padding: 8px 5px 2px; }
+    //#search input.button { padding: 0; width: 68px; line-height: 24px; }
+    input.button { overflow: visible; }
+}
+.ie8 {
+    //#search input { padding: 8px 5px 2px; }
+    //#search input.button { padding: 0; line-height: 24px; }
+}
+
+// mySociety additions
+.hart-header {
+  font-size: 12px;
+  clear: both;
+}
+
+.header-nav ul {
+  margin: 0;
+}
+
+.header-nav li {
+  list-style-type: none;
+}
+
+.main-menu ul {
+  margin: 0;
+  padding-top: 8px;
+}
+
+.main-menu li {
+  list-style-type: none;
+  color: #000;
+}
+
+.main-menu li.last {
+  padding-right: 0;
+}
+
+.main-menu li.last a:hover, .main-menu li.last a:active {
+}
+
+//#search input { display: inline; margin: 0; @include border-radius(0em); }
+//#search input.button { font-weight: normal; text-transform: none; }
+// The footer breaks the map pages layout, easier to exclude it than
+// work out how to make it not be broken.
+body.mappage .hart-footer-wrapper {
+  display: none;
+}
+#hart-footer {
+  padding-bottom: 60px;
+}
+
+#hart-footer .footer-nav li {
+  list-style-type: none;
+}
+
+#hart-footer p {
+  margin: 0;
+}
+
+#hart-powered-by {
+    float: left;
+    margin-right: 4em;
+    img {
+        float: none;
+        margin-top: 0;
+    }
+}
+
+.issue-list-a li .text small {
+    display: inline;
+}
+
+#fms_pan_zoom {
+    top: 12em;
+}
diff --git a/web/cobrands/hart/layout.scss b/web/cobrands/hart/layout.scss
new file mode 100644
index 000000000..6f8da9165
--- /dev/null
+++ b/web/cobrands/hart/layout.scss
@@ -0,0 +1,12 @@
+@import "_colours";
+@import "../sass/layout";
+
+@media only screen and (min-width: 48em) {
+  .content {
+    margin-top: 11em;
+  }
+}
+
+#report-a-problem-sidebar {
+  top: 11em;
+}
diff --git a/web/cobrands/hart/main-menu-hover-home-right.gif b/web/cobrands/hart/main-menu-hover-home-right.gif
new file mode 100644
index 000000000..80c11c782
--- /dev/null
+++ b/web/cobrands/hart/main-menu-hover-home-right.gif
diff --git a/web/cobrands/hart/main-menu1.gif b/web/cobrands/hart/main-menu1.gif
new file mode 100644
index 000000000..21ab45668
--- /dev/null
+++ b/web/cobrands/hart/main-menu1.gif
diff --git a/web/cobrands/hart/position_map.js b/web/cobrands/hart/position_map.js
new file mode 100644
index 000000000..e5bc78c9a
--- /dev/null
+++ b/web/cobrands/hart/position_map.js
@@ -0,0 +1,21 @@
+function position_map_box() {
+    var $html = $('html');
+    if ($html.hasClass('ie6')) {
+        $('#map_box').prependTo('body').css({
+            zIndex: 0, position: 'absolute',
+            top: 250, left: 0, right: 0, bottom: 0,
+            width: '100%', height: $(window).height(),
+            margin: 0
+        });
+    } else {
+        $('#map_box').prependTo('body').css({
+            zIndex: 0, position: 'fixed',
+            top: 250, left: 0, right: 0, bottom: 0,
+            width: '100%', height: '100%',
+            margin: 0
+        });
+    }
+}
+
+function map_fix() {}
+var slide_wards_down = 0;
diff --git a/web/cobrands/hart/tab-blue.png b/web/cobrands/hart/tab-blue.png
new file mode 100644
index 000000000..62e6285b7
--- /dev/null
+++ b/web/cobrands/hart/tab-blue.png