6 files changed, 556 insertions, 1 deletions
diff --git a/web/cobrands/eastsussex/_colours.scss b/web/cobrands/eastsussex/_colours.scss
new file mode 100644
index 000000000..0887ba82e
--- /dev/null
+++ b/web/cobrands/eastsussex/_colours.scss
@@ -0,0 +1,21 @@
+/* COLOURS */
+
+$eastsussex_dark: #194C7E;
+$eastsussex_primary: #155F91;
+
+$primary: $eastsussex_primary;
+$col_click_map: $eastsussex_primary;
+$col_click_map_dark: $eastsussex_primary;
+$col_fixed_label_dark: $eastsussex_primary;
+$col_fixed_label: $eastsussex_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/eastsussex/base.scss b/web/cobrands/eastsussex/base.scss
new file mode 100644
index 000000000..581223b60
--- /dev/null
+++ b/web/cobrands/eastsussex/base.scss
@@ -0,0 +1,225 @@
+@import "../sass/h5bp";
+@import "./_colours";
+@import "../sass/mixins";
+@import "compass";
+
+$heading-font: Arial, "Helvetica Neue", Helvetica, sans-serif !default;
+
+@import "../sass/base";
+
+body {
+    font-size: 13px;
+}
+
+footer {
+    background: #00a1de;
+}
+
+.content {
+    padding: 0 1em;
+}
+
+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;
+}
+
+.container {
+    padding: 0 1em 1em; /* if remove this 1em, need to edit .full-width! */
+}
+
+#site-header {
+    background: $primary;
+    height: 76px;
+    border-top-width: 4px;
+    margin-top: -4px;
+}
+#site-header .eastsussex .header {
+    margin: 0 0 2px;
+}
+.frontpage #site-header .eastsussex .header {
+    margin: 0 0 9px;
+}
+
+.mappage .application-nav, .twothirdswidthpage .application-nav {
+    padding: 4.5px 9px;
+}
+
+// Colour tab to match colour scheme
+#nav-link {
+  width: 50px;
+  height: 48px;
+}
+
+#breadcrumb_breadcrumbTrail ol li {
+    list-style: none;
+}
+
+#problems-nav {
+    border-bottom:0.25em solid $primary;
+    ul li a {
+        text-transform: none;
+        color: #666;
+        &.active {
+            background: $primary;
+            color: #fff;
+        }
+    }
+}
+
+#report-a-problem-sidebar .sidebar-notes a {
+    color: #fff;
+    text-decoration: underline;
+}
+
+.big-green-banner {
+    text-transform: none;
+    z-index: 5000;
+}
+
+.green-btn, input.green-btn, input.green-btn:hover {
+    background: #44697d;
+    font-weight: bold;
+    font-size: 1.1em;
+}
+
+#form_sign_in {
+    margin-top: 1em;
+}
+
+#front-main {
+
+    margin: 0;
+    padding: 1em;
+
+    #front-main-container {
+        text-align: center;
+    }
+
+    #postcodeForm {
+        padding: 1em;
+
+        label {
+            text-align: center;
+        }
+
+        div {
+            padding-top: 0px;
+            input#pc {
+            }
+            input#sub {
+                height: 100%;
+            }
+        }
+    }
+}
+
+.frontpage #mysociety #front-main-container {
+    h1, h2 {
+        text-align: center;
+    }
+}
+
+
+body > p {
+    margin: 0;
+}
+
+.main-menu ul {
+    padding: 0;
+    margin: 6px;
+    text-align: center;
+
+    li {
+        display: inline-block;
+        list-style: none;
+
+        a, span {
+            padding: 2px 6px;
+            margin: 3px;
+            border-radius: 3px;
+        }
+
+        a, a:hover {
+            background-color: #00a1de;
+            color: white;
+        }
+
+        span {
+            background-color: #00a1de;
+            color: white;
+        }
+    }
+}
+
+footer {
+    display: none;
+}
+
+.footer .languages ul {
+
+    li {
+        display: inline-block;
+        float: none !important;
+    }
+}
+
+button, input[type=submit], .btn {
+    text-transform: none;
+}
+
+/* as per email from Matt Tooke, we are using ESCC's .button-nav
+styling, but this doesn't dtrt with span, so adding ourselves */
+
+.button-nav span {
+    float: left;
+    display: block;
+    margin: 5px 2px 5px 0;
+    padding: 4px 10px;
+    background: #00a1de;
+    color: #fff;
+    font-weight: bold;
+    text-decoration: none;
+    white-space: nowrap;
+    border-radius: 3px;
+    border: 0;
+}
+
+.email {
+    background-image: none;
+}
+
+::-webkit-input-placeholder {
+  font-style: normal;
+}
+:-moz-placeholder {
+    font-style: normal;
+}
+:-ms-placeholder {
+    font-style: normal;
+}
+.placeholder {
+    font-style: normal;
+}
+
+
+#geolocate_link {
+    font-size: 1.0em;
+}
diff --git a/web/cobrands/eastsussex/config.rb b/web/cobrands/eastsussex/config.rb
new file mode 100644
index 000000000..cab97b18f
--- /dev/null
+++ b/web/cobrands/eastsussex/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/eastsussex/layout.scss b/web/cobrands/eastsussex/layout.scss
new file mode 100644
index 000000000..a6e919229
--- /dev/null
+++ b/web/cobrands/eastsussex/layout.scss
@@ -0,0 +1,261 @@
+@import "_colours";;
+@import "../sass/layout";
+
+/* from http://nicolasgallagher.com/micro-clearfix-hack/ */
+.clearfix:before,
+.clearfix:after { content: " "; display: table; }
+.clearfix:after { clear: both; }
+/* For IE 6/7 only */
+.clearfix { *zoom: 1; }
+
+#front-main {
+    padding: 0
+}
+#front-main-container {
+    background-color: $eastsussex_primary;
+    padding: 1em;
+}
+
+.container, .eastsussex-container {
+    width: 100%;
+    max-width: 966px;
+}
+
+#menu {
+    height: 55px;
+}
+
+footer {
+    position: relative;
+    z-index: 1000;
+    margin-top: 0;
+    background: #aee1f4;
+
+    a {
+        text-decoration: underline;
+    }
+
+    h2 {
+        margin: 0;
+    }
+
+    form.newsletter.form {
+        input#newsletter {
+            display: inline-block;
+        }
+
+        input[type=submit] {
+            background: #1e5b83;
+            text-transform: none;
+        }
+
+        label {
+            font-weight: normal;
+        }
+    }
+}
+
+
+div.form-error, p.form-error {
+    display: block !important;
+}
+
+body.mappage {
+    .main-menu-wrapper {
+        position: fixed
+    }
+
+    footer {
+        display: none;
+    }
+
+    #fms_pan_zoom {
+        top: 16em!important;
+    }
+
+    #mysociety {
+        margin-top: 0;
+        padding-top: 0;
+        width: auto;
+        background: transparent;
+    }
+
+    .content {
+        width: 27em;
+    }
+
+    #wrapper {
+        display: block;
+        width: auto;
+    }
+
+    #report-a-problem-sidebar {
+        top: 1em;
+    }
+}
+
+.general-sidebar-notes p, #report-a-problem-sidebar p, #report-a-problem-sidebar .sidebar-notes .plain-list li {
+    font-size: 13px;
+    line-height: 14px;
+}
+
+body.twothirdswidthpage.alertindex .content .sticky-sidebar aside {
+    top: -17em;
+}
+
+body.twothirdswidthpage .content .sticky-sidebar aside {
+    top: 0;
+    position: absolute;
+}
+
+body.frontpage {
+    #site-header {
+        height: auto;
+
+        .mobile-header-nav {
+            display: none;
+        }
+    }
+}
+
+#site-header {
+    border-top-width: 0;
+    margin-top: 0;
+    background: rgb(3, 160, 227);
+
+    .container {
+        position: relative;
+    }
+
+    #nav-container.container {
+        min-height: 0;
+    }
+
+    #breadcrumb_breadcrumbTrail {
+        position: relative;
+
+        a {
+            color: white;
+        }
+
+
+        .breadcrumb {
+            margin: 9px 0 6px 0;
+
+            span {
+                font-weight: bold;
+            }
+
+            li.level1 a {
+                color: #194c7e;
+            }
+        }
+
+        .sign-in {
+            position: absolute;
+            top: 4px;
+            right: 4px;
+        }
+    }
+
+    .header {
+        a.contact {
+            text-decoration: underline;
+        }
+
+        .alphabet h2 {
+            font-size: 1em;
+            font-weight: bold;
+        }
+    }
+}
+
+#mysociety {
+    margin-top: 0;
+    padding-bottom: 24px;
+
+    .container {
+        padding: 0;
+    }
+}
+
+.content {
+    margin-top: 0;
+    width: auto;
+}
+
+body.twothirdswidthpage .content aside {
+    box-shadow: 0 0 12px 0 #dae1e5;
+}
+
+.banner p#fixed {
+    background-position: -328px -333px;
+}
+
+#skipped-map {
+    clear: both;
+    margin-top: 3em; /* required to push "Your Reports" visible on Safari/IE */
+}
+
+#main-nav {
+    margin-top: 106px;
+    ul {
+        margin-left: 157px;
+        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;
+}
+
+.main-menu-wrapper {
+    display: none;
+}
+
+
+
+@media only screen and (max-width: 61em) {
+    #main-nav {
+        padding-left: 0px;
+        float:none;
+    }
+
+    #site-header {
+        height: auto;
+    }
+
+    body.twothirdswidthpage .content .sticky-sidebar {
+        top: 1em;
+    }
+}
+
+@media only screen and (min-width: 48em) {
+    footer {
+        display: block;
+    }
+}
diff --git a/web/cobrands/eastsussex/position_map.js b/web/cobrands/eastsussex/position_map.js
new file mode 100644
index 000000000..30ee88c67
--- /dev/null
+++ b/web/cobrands/eastsussex/position_map.js
@@ -0,0 +1,21 @@
+function position_map_box() {
+    var $html = $('html');
+    if ($html.hasClass('ie6')) {
+        $('#map_box').prependTo('body').css({
+            zIndex: -1, position: 'absolute',
+            top: 0, left: 0, right: 0, bottom: 0,
+            width: '100%', height: $(window).height(),
+            margin: 0
+        });
+    } else {
+        $('#map_box').prependTo('body').css({
+            zIndex: -1, position: 'fixed',
+            top: 0, 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/fixmystreet/fixmystreet.js b/web/cobrands/fixmystreet/fixmystreet.js
index 073f745dd..054bd4480 100644
--- a/web/cobrands/fixmystreet/fixmystreet.js
+++ b/web/cobrands/fixmystreet/fixmystreet.js
@@ -462,7 +462,9 @@ $.fn.drawer = function(id, ajax) {
             if (cobrand == 'bromley') {
                 offset = -110;
             }
-            heightFix(window, '.content', offset, 1);
+            if (cobrand !== "eastsussex") {
+                heightFix(window, '.content', offset, 1);
+            }
             // in case we have a map that isn't full screen
             map_fix();
         }